Added footer and text edit

src/pages/index.astro

@@ -3,25 +3,37 @@ import Layout from '../layouts/Layout.astro'
 import Button from '../../fwt/components/Button/Button'
 import Logo from '../../fwt/components/Logo/Logo'
 import OptimizeLogo from '../../fwt/components/Optimizer/OptimizeLogo'
+import OptimizeImage from '../../fwt/components/Optimizer/OptimizeImage'
 import Link from '../../fwt/components/Link/Link'
 import Counter from '../components/Counter/Counter'
 import Page from '../../fwt/components/Page/Page'
+import Footer from '../../fwt/components/Footer/Footer'
+import Row from '../../fwt/components/Row/Row'
+import Image from '../../fwt/components/Image/Image'
+import PA1 from '../../fwt/images/pat-alcala.avif'
+import PA2 from '../../fwt/images/pat-alcala.webp'
 ---
 
 <Layout title="FWT">
   <Page alignment="column">
     <Link to="https://git.patalcala.com/patalcala9/fwt">
-      <!-- <OptimizeLogo size={250} /> -->
       <Logo size={250} />
     </Link>
 
     <h1>Fast WebApp Template</h1>
     <Counter client:load />
-    <Button edges="rounded" label="Show Built-in Components" to="/next" />
-  </Page>
+    <Button edges="rounded" label="FWT Components" to="/next" />
 
-  <style lang="sass">
-    h1
-      color: #3377AC
-  </style>
+    <Footer>
+      <Row content="right" gap={0.5}>
+        <Image avif={PA1.src} webp={PA2.src} size={100} />
+        <span>By: Pat Alcala</span>
+      </Row>
+    </Footer>
+
+    <style lang="sass">
+      h1
+        color: #3377AC
+    </style>
+  </Page>
 </Layout>