Added footer and text edit

fwt/components/Footer/Footer.sass

@@ -0,0 +1,8 @@
+.footer
+  padding: 1rem 0
+  margin: 0 20rem
+  position: fixed
+  bottom: 0
+  width: 100%
+  font-size: 0.75rem
+  opacity: 0.8

fwt/components/Footer/Footer.tsx

@@ -0,0 +1,13 @@
+import './Footer.sass'
+
+interface Props {
+  children: any
+}
+
+export default (props: Props) => {
+  return (
+    <>
+      <footer class="footer">{props.children}</footer>
+    </>
+  )
+}

fwt/components/Page/Page.sass

@@ -1,13 +1,12 @@
 .page
   margin: 2rem
   height: auto
+  min-height: 90vh
 
 .column
   @extend .page
   display: flex
   flex-direction: column
-  text-align: center
-  justify-content: center
   align-items: center
 
 .row

fwt/components/Page/Page.tsx

@@ -1,5 +1,5 @@
 import './Page.sass'
-import { Show, Switch, Match } from 'solid-js'
+import { Show } from 'solid-js'
 
 interface Props {
   children?: any

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" />
+    <Button edges="rounded" label="FWT Components" to="/next" />
-  </Page>
 
-  <style lang="sass">
+    <Footer>
-    h1
+      <Row content="right" gap={0.5}>
-      color: #3377AC
+        <Image avif={PA1.src} webp={PA2.src} size={100} />
-  </style>
+        <span>By: Pat Alcala</span>
+      </Row>
+    </Footer>
+
+    <style lang="sass">
+      h1
+        color: #3377AC
+    </style>
+  </Page>
 </Layout>

src/pages/next.astro

@@ -12,7 +12,7 @@ import Column from '../../fwt/components/Column/Column'
 
 <Layout title="Home">
   <Page alignment="column">
-    <h1>Built-in Components</h1>
+    <h1>FWT Components</h1>
     <Button edges="rounded" label="Back to Home" to="/" />
 
     <section class="image">