fwt/components/Background/Background.tsx

@@ -1,9 +1,9 @@
-import './styles/Background.sass'
+import './Background.sass'
 import { Show, createSignal } from 'solid-js'
 import fs from 'fs'
-import webpPath from './images/background.webp'
+import webpPath from '../../images/background.webp'
-import avifPath from './images/background.avif'
+import avifPath from '../../images/background.avif'
-import noBackground from './images/no-background.webp'
+import noBackground from '../../images/no-background.webp'
 
 interface Props {
   image?: boolean

fwt/components/Box/Box.tsx

@@ -1,5 +1,6 @@
-import './styles/Box.sass'
+import type { ImageMetadata } from 'astro'
-import { type JSXElement, createMemo } from 'solid-js'
+import './Box.sass'
+import { Show, type JSXElement, createMemo } from 'solid-js'
 
 interface Props {
   thickness: number

fwt/components/Button/Button.tsx

@@ -1,4 +1,4 @@
-import './styles/Button.sass'
+import './Button.sass'
 import { Show, Switch, Match } from 'solid-js'
 
 interface Props {

fwt/components/Column/Column.tsx

@@ -1,5 +1,5 @@
-import './styles/Column.sass'
 import type { JSXElement } from 'solid-js'
+import './Column.sass'
 
 interface Props {
   children: JSXElement

fwt/components/Footer/Footer.tsx

@@ -1,4 +1,4 @@
-import './styles/Footer.sass'
+import './Footer.sass'
 import type { JSXElement } from 'solid-js'
 
 interface Props {

fwt/components/Form/Form.tsx

@@ -1,4 +1,4 @@
-import './styles/Form.sass'
+import './Form.sass'
 import type { JSXElement } from 'solid-js'
 
 interface Props {

fwt/components/HTML/HTML.tsx

@@ -1,7 +1,7 @@
-import './styles/HTML.sass'
+import './HTML.sass'
 import { type JSXElement, Show } from 'solid-js'
-import background1 from './images/background.avif'
+import background1 from '../../images/background.avif'
-import background2 from './images/background.webp'
+import background2 from '../../images/background.webp'
 
 interface Props {
   title: string

fwt/components/Input/Input.tsx

@@ -1,4 +1,4 @@
-import './styles/Input.sass'
+import './Input.sass'
 import { createSignal } from 'solid-js'
 
 interface Props {

fwt/components/Link/Link.tsx

@@ -1,4 +1,4 @@
-import './styles/Link.sass'
+import './Link.sass'
 
 interface Props {
   to: string

fwt/components/Logo/Logo.tsx

@@ -1,5 +1,5 @@
-import webpPath from './images/logo.webp'
+import webpPath from '../../images/logo.webp'
-import avifPath from './images/logo.avif'
+import avifPath from '../../images/logo.avif'
 
 interface Props {
   size?: number

fwt/components/Navbar/Navbar.tsx

@@ -1,5 +1,6 @@
-import './styles/Navbar.sass'
+import './Navbar.sass'
-import Row from './Row'
+import { Show } from 'solid-js'
+import Row from '../Row/Row'
 
 interface Props {
   transparent?: boolean

fwt/components/Page/Page.tsx

@@ -1,4 +1,4 @@
-import './styles/Page.sass'
+import './Page.sass'
 import { Show } from 'solid-js'
 
 interface Props {

fwt/components/Row/Row.tsx

@@ -1,4 +1,4 @@
-import './styles/Row.sass'
+import './Row.sass'
 import { Show, type JSXElement } from 'solid-js'
 
 interface Props {

package.json

@@ -26,7 +26,7 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.55.0",
-    "@types/node": "^24.4.0",
+    "@types/node": "^24.3.1",
     "sass-embedded": "^1.92.1"
   }
 }

pnpm-lock.yaml

@@ -10,10 +10,10 @@ importers:
     dependencies:
       '@astrojs/solid-js':
         specifier: ^5.1.1
-        version: 5.1.1(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)(solid-js@1.9.9)
+        version: 5.1.1(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)(solid-js@1.9.9)
       '@itsmatteomanf/astro-robots-txt':
         specifier: ^0.2.0
-        version: 0.2.0(astro@5.13.7(@types/node@24.4.0)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3))
+        version: 0.2.0(astro@5.13.7(@types/node@24.3.1)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3))
       '@nanostores/solid':
         specifier: ^1.1.1
         version: 1.1.1(nanostores@1.0.1)(solid-js@1.9.9)
@@ -22,13 +22,13 @@ importers:
         version: 2.57.4
       astro:
         specifier: ^5.13.7
-        version: 5.13.7(@types/node@24.4.0)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3)
+        version: 5.13.7(@types/node@24.3.1)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3)
       astro-compressor:
         specifier: ^1.1.2
         version: 1.1.2
       astro-purgecss:
         specifier: ^5.3.0
-        version: 5.3.0(astro@5.13.7(@types/node@24.4.0)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3))(purgecss@7.0.2)
+        version: 5.3.0(astro@5.13.7(@types/node@24.3.1)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3))(purgecss@7.0.2)
       lightningcss:
         specifier: ^1.30.1
         version: 1.30.1
@@ -52,8 +52,8 @@ importers:
         specifier: ^1.55.0
         version: 1.55.0
       '@types/node':
-        specifier: ^24.4.0
+        specifier: ^24.3.1
-        version: 24.4.0
+        version: 24.3.1
       sass-embedded:
         specifier: ^1.92.1
         version: 1.92.1
@@ -932,8 +932,8 @@ packages:
   '@types/nlcst@2.0.3':
     resolution: {integrity: sha512-vSYNSDe6Ix3q+6Z7ri9lyWqgGhJTmzRjZRqyq15N0Z/1/UnVsno9G/N40NBijoYx2seFDIl0+B2mgAb9mezUCA==}
 
-  '@types/node@24.4.0':
+  '@types/node@24.3.1':
-    resolution: {integrity: sha512-gUuVEAK4/u6F9wRLznPUU4WGUacSEBDPoC2TrBkw3GAnOLHBL45QdfHOXp1kJ4ypBGLxTOB+t7NJLpKoC3gznQ==}
+    resolution: {integrity: sha512-3vXmQDXy+woz+gnrTvuvNrPzekOi+Ds0ReMxw0LzBiK3a+1k0kQn9f2NWk+lgD4rJehFUmYy2gMhJ2ZI+7YP9g==}
 
   '@types/phoenix@1.6.6':
     resolution: {integrity: sha512-PIzZZlEppgrpoT2QgbnDU+MMzuR6BbCjllj0bM70lWoejMeNJAxCchxnv7J3XFkI8MpygtRpzXrIlmWUBclP5A==}
@@ -963,10 +963,6 @@ packages:
     resolution: {integrity: sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==}
     engines: {node: '>=12'}
 
-  ansi-regex@6.2.2:
-    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
-    engines: {node: '>=12'}
-
   ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
@@ -975,10 +971,6 @@ packages:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
 
-  ansi-styles@6.2.3:
-    resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
-    engines: {node: '>=12'}
-
   anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
@@ -1216,8 +1208,8 @@ packages:
   electron-to-chromium@1.5.162:
     resolution: {integrity: sha512-hQA+Zb5QQwoSaXJWEAGEw1zhk//O7qDzib05Z4qTqZfNju/FAkrm5ZInp0JbTp4Z18A6bilopdZWEYrFSsfllA==}
 
-  emoji-regex@10.5.0:
+  emoji-regex@10.4.0:
-    resolution: {integrity: sha512-lb49vf1Xzfx080OKA0o6l8DQQpV+6Vg95zyCJX9VB/BqKYlhG7N4wgROUUHRA+ZPUefLnteQOad7z1kT2bV7bg==}
+    resolution: {integrity: sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -2103,10 +2095,6 @@ packages:
     resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
     engines: {node: '>=12'}
 
-  strip-ansi@7.1.2:
-    resolution: {integrity: sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==}
-    engines: {node: '>=12'}
-
   supports-color@8.1.1:
     resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
     engines: {node: '>=10'}
@@ -2177,8 +2165,8 @@ packages:
   uncrypto@0.1.3:
     resolution: {integrity: sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==}
 
-  undici-types@7.11.0:
+  undici-types@7.10.0:
-    resolution: {integrity: sha512-kt1ZriHTi7MU+Z/r9DOdAI3ONdaR3M3csEaRc6ewa4f4dTvX4cQCbJ4NkEn0ohE4hHtq85+PhPSTY+pO/1PwgA==}
+    resolution: {integrity: sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==}
 
   unicode-properties@1.4.1:
     resolution: {integrity: sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==}
@@ -2500,11 +2488,11 @@ snapshots:
     dependencies:
       prismjs: 1.30.0
 
-  '@astrojs/solid-js@5.1.1(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)(solid-js@1.9.9)':
+  '@astrojs/solid-js@5.1.1(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)(solid-js@1.9.9)':
     dependencies:
       solid-js: 1.9.9
-      vite: 6.3.6(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)
+      vite: 6.3.6(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)
-      vite-plugin-solid: 2.11.8(solid-js@1.9.9)(vite@6.3.6(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1))
+      vite-plugin-solid: 2.11.8(solid-js@1.9.9)(vite@6.3.6(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1))
     transitivePeerDependencies:
       - '@testing-library/jest-dom'
       - '@types/node'
@@ -2910,9 +2898,9 @@ snapshots:
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: wrap-ansi@7.0.0
 
-  '@itsmatteomanf/astro-robots-txt@0.2.0(astro@5.13.7(@types/node@24.4.0)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3))':
+  '@itsmatteomanf/astro-robots-txt@0.2.0(astro@5.13.7(@types/node@24.3.1)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3))':
     dependencies:
-      astro: 5.13.7(@types/node@24.4.0)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3)
+      astro: 5.13.7(@types/node@24.3.1)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3)
       zod: 3.25.49
 
   '@jridgewell/gen-mapping@0.3.8':
@@ -3185,7 +3173,7 @@ snapshots:
 
   '@types/fontkit@2.0.8':
     dependencies:
-      '@types/node': 24.4.0
+      '@types/node': 24.3.1
 
   '@types/hast@3.0.4':
     dependencies:
@@ -3201,9 +3189,9 @@ snapshots:
     dependencies:
       '@types/unist': 3.0.3
 
-  '@types/node@24.4.0':
+  '@types/node@24.3.1':
     dependencies:
-      undici-types: 7.11.0
+      undici-types: 7.10.0
 
   '@types/phoenix@1.6.6': {}
 
@@ -3211,7 +3199,7 @@ snapshots:
 
   '@types/ws@8.18.1':
     dependencies:
-      '@types/node': 24.4.0
+      '@types/node': 24.3.1
 
   '@ungap/structured-clone@1.3.0': {}
 
@@ -3225,16 +3213,12 @@ snapshots:
 
   ansi-regex@6.1.0: {}
 
-  ansi-regex@6.2.2: {}
-
   ansi-styles@4.3.0:
     dependencies:
       color-convert: 2.0.1
 
   ansi-styles@6.2.1: {}
 
-  ansi-styles@6.2.3: {}
-
   anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
@@ -3248,12 +3232,12 @@ snapshots:
 
   astro-compressor@1.1.2: {}
 
-  astro-purgecss@5.3.0(astro@5.13.7(@types/node@24.4.0)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3))(purgecss@7.0.2):
+  astro-purgecss@5.3.0(astro@5.13.7(@types/node@24.3.1)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3))(purgecss@7.0.2):
     dependencies:
-      astro: 5.13.7(@types/node@24.4.0)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3)
+      astro: 5.13.7(@types/node@24.3.1)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3)
       purgecss: 7.0.2
 
-  astro@5.13.7(@types/node@24.4.0)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3):
+  astro@5.13.7(@types/node@24.3.1)(lightningcss@1.30.1)(rollup@4.50.1)(sass-embedded@1.92.1)(sass@1.92.1)(typescript@5.8.3):
     dependencies:
       '@astrojs/compiler': 2.12.2
       '@astrojs/internal-helpers': 0.7.2
@@ -3309,8 +3293,8 @@ snapshots:
       unist-util-visit: 5.0.0
       unstorage: 1.17.1
       vfile: 6.0.3
-      vite: 6.3.6(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)
+      vite: 6.3.6(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)
-      vitefu: 1.1.1(vite@6.3.6(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1))
+      vitefu: 1.1.1(vite@6.3.6(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1))
       xxhash-wasm: 1.1.0
       yargs-parser: 21.1.1
       yocto-spinner: 0.2.3
@@ -3531,7 +3515,7 @@ snapshots:
 
   electron-to-chromium@1.5.162: {}
 
-  emoji-regex@10.5.0: {}
+  emoji-regex@10.4.0: {}
 
   emoji-regex@8.0.0: {}
 
@@ -4697,9 +4681,9 @@ snapshots:
 
   string-width@7.2.0:
     dependencies:
-      emoji-regex: 10.5.0
+      emoji-regex: 10.4.0
       get-east-asian-width: 1.3.0
-      strip-ansi: 7.1.2
+      strip-ansi: 7.1.0
 
   stringify-entities@4.0.4:
     dependencies:
@@ -4714,10 +4698,6 @@ snapshots:
     dependencies:
       ansi-regex: 6.1.0
 
-  strip-ansi@7.1.2:
-    dependencies:
-      ansi-regex: 6.2.2
-
   supports-color@8.1.1:
     dependencies:
       has-flag: 4.0.0
@@ -4769,7 +4749,7 @@ snapshots:
 
   uncrypto@0.1.3: {}
 
-  undici-types@7.11.0: {}
+  undici-types@7.10.0: {}
 
   unicode-properties@1.4.1:
     dependencies:
@@ -4877,7 +4857,7 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
-  vite-plugin-solid@2.11.8(solid-js@1.9.9)(vite@6.3.6(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)):
+  vite-plugin-solid@2.11.8(solid-js@1.9.9)(vite@6.3.6(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)):
     dependencies:
       '@babel/core': 7.27.4
       '@types/babel__core': 7.20.5
@@ -4885,12 +4865,12 @@ snapshots:
       merge-anything: 5.1.7
       solid-js: 1.9.9
       solid-refresh: 0.6.3(solid-js@1.9.9)
-      vite: 6.3.6(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)
+      vite: 6.3.6(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)
-      vitefu: 1.0.6(vite@6.3.6(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1))
+      vitefu: 1.0.6(vite@6.3.6(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1))
     transitivePeerDependencies:
       - supports-color
 
-  vite@6.3.6(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1):
+  vite@6.3.6(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1):
     dependencies:
       esbuild: 0.25.9
       fdir: 6.5.0(picomatch@4.0.3)
@@ -4899,19 +4879,19 @@ snapshots:
       rollup: 4.50.1
       tinyglobby: 0.2.15
     optionalDependencies:
-      '@types/node': 24.4.0
+      '@types/node': 24.3.1
       fsevents: 2.3.3
       lightningcss: 1.30.1
       sass: 1.92.1
       sass-embedded: 1.92.1
 
-  vitefu@1.0.6(vite@6.3.6(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)):
+  vitefu@1.0.6(vite@6.3.6(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)):
     optionalDependencies:
-      vite: 6.3.6(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)
+      vite: 6.3.6(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)
 
-  vitefu@1.1.1(vite@6.3.6(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)):
+  vitefu@1.1.1(vite@6.3.6(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)):
     optionalDependencies:
-      vite: 6.3.6(@types/node@24.4.0)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)
+      vite: 6.3.6(@types/node@24.3.1)(lightningcss@1.30.1)(sass-embedded@1.92.1)(sass@1.92.1)
 
   web-namespaces@2.0.1: {}
 
@@ -4946,9 +4926,9 @@ snapshots:
 
   wrap-ansi@9.0.0:
     dependencies:
-      ansi-styles: 6.2.3
+      ansi-styles: 6.2.1
       string-width: 7.2.0
-      strip-ansi: 7.1.2
+      strip-ansi: 7.1.0
 
   ws@8.18.3: {}
 

src/components/Input/Input.tsx

@@ -1,4 +1,4 @@
-import Input from '../../../fwt/Input'
+import Input from '../../../fwt/components/Input/Input'
 import { createSignal } from 'solid-js'
 
 const [sample, setSample] = createSignal('')

src/layouts/Layout.astro

@@ -4,9 +4,9 @@ const { title } = Astro.props
 const websiteName = 'Template'
 const websiteDescription = 'This is just a template.'
 
-import Background from '../../fwt/Background'
+import Background from '../../fwt/components/Background/Background'
 // import OptimizeBackground from '../../fwt/components/Optimizer/OptimizeBackground'
-import HTML from '../../fwt/HTML'
+import HTML from '../../fwt/components/HTML/HTML'
 ---
 
 <HTML title={title} name={websiteName} description={websiteDescription} font="inter">

src/pages/index.astro

@@ -1,18 +1,18 @@
 ---
 import Layout from '../layouts/Layout.astro'
-import Button from '../../fwt/Button'
+import Button from '../../fwt/components/Button/Button'
-import Logo from '../../fwt/Logo'
+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/Link'
+import Link from '../../fwt/components/Link/Link'
 import Counter from '../components/Counter/Counter'
-import Page from '../../fwt/Page'
+import Page from '../../fwt/components/Page/Page'
-import Footer from '../../fwt/Footer'
+import Footer from '../../fwt/components/Footer/Footer'
-import Row from '../../fwt/Row'
+import Row from '../../fwt/components/Row/Row'
-import Image from '../../fwt/Image'
+import Image from '../../fwt/components/Image/Image'
 import PA1 from '../../fwt/images/pat-alcala.avif'
 import PA2 from '../../fwt/images/pat-alcala.webp'
-import Copyright from '../../fwt/Copyright'
+import Copyright from '../../fwt/components/Copyright/Copyright'
 
 // const sample = import.meta.env.SAMPLE
 ---

src/pages/next.astro

@@ -1,12 +1,12 @@
 ---
 import Layout from '../layouts/Layout.astro'
-import Button from '../../fwt/Button'
+import Button from '../../fwt/components/Button/Button'
-import Image from '../../fwt/Image'
+import Image from '../../fwt/components/Image/Image'
-import Page from '../../fwt/Page'
+import Page from '../../fwt/components/Page/Page'
 import sample1 from '../../fwt/images/sample.avif'
 import sample2 from '../../fwt/images/sample.webp'
 // import OptimizeImage from '../../fwt/components/Optimizer/OptimizeImage'
-import Row from '../../fwt/Row'
+import Row from '../../fwt/components/Row/Row'
 // import Column from '../../fwt/components/Column/Column'
 ---