fwt/components/Footer/Footer.sass

@@ -1,8 +0,0 @@
-.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

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

fwt/components/Page/Page.sass

@@ -1,12 +1,13 @@
 .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 } from 'solid-js'
+import { Show, Switch, Match } from 'solid-js'
 
 interface Props {
   children?: any

src/pages/index.astro

@@ -3,37 +3,25 @@ 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="FWT Components" to="/next" />
-
-    <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>
+    <Button edges="rounded" label="Show Built-in Components" to="/next" />
   </Page>
+
+  <style lang="sass">
+    h1
+      color: #3377AC
+  </style>
 </Layout>

src/pages/next.astro

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