point configurator to main -- wont work until final changes

removed hero images for landing page
added basic readme.md

readme.md

@@ -0,0 +1,3 @@
+This is the repository for the Armchair documentation site.
+
+https://armchairheavyindustries.com/armchair-docs/

src/app/configurator/page.js

@@ -23,7 +23,7 @@ const getLength = (length) => {
   }
 }
 
-const BASE_URI = 'https://raw.githubusercontent.com/Armchair-Engineering/Archetype/Experimental'
+const BASE_URI = 'https://raw.githubusercontent.com/Armchair-Engineering/Archetype/main'
 
 const getSelectedFiles = (selections, mods, useSpacer) => {
   const files = []

src/components/Hero.jsx

@@ -1,12 +1,12 @@
 import Image from 'next/image';
 import clsx from 'clsx';
 
-import atrocity from '../../public/atrocity.png';
-import blackbird from '../../public/blackbird.png';
-import breakneck from '../../public/breakneck.png';
-import mantis from '../../public/mantis.png';
-import mjolnir from '../../public/mjolnir.png';
-import zephyr from '../../public/zephyr.png';
+// import atrocity from '../../public/atrocity.png';
+// import blackbird from '../../public/blackbird.png';
+// import breakneck from '../../public/breakneck.png';
+// import mantis from '../../public/mantis.png';
+// import mjolnir from '../../public/mjolnir.png';
+// import zephyr from '../../public/zephyr.png';
 
 const gradient = `linear-gradient(
   90deg,
@@ -30,7 +30,7 @@ export function Hero () {
       <div className={clsx('w-full text-center lg:text-9xl text-7xl')}>
         <h1 className={clsx('font-heading')}>Archetype</h1>
       </div>
-      <div className={clsx('flex flex-row items-center gap-4 justify-between')}>
+      {/*<div className={clsx('flex flex-row items-center gap-4 justify-between')}>
         <div>
           <Image src={atrocity} alt="Atrocity" priority height={320} />
         </div>
@@ -39,17 +39,17 @@ export function Hero () {
         </div>
         <div>
           <Image src={breakneck} alt="Breakneck" priority height={320} />
-        </div>
+        </div>*/}
         {/* <div>
           <Image src={mantis} alt="Mantis" priority height={320} />
         </div> */}
-        <div>
+       {/* <div>
           <Image src={mjolnir} alt="Mjölnir" priority height={320} />
         </div>
         <div>
           <Image src={zephyr} alt="Zephyr" priority height={320} />
         </div>
-      </div>
+      </div>*/}
       <div className={clsx('h-4')} style={{ backgroundImage: gradient }}>
 
       </div>