diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 26a455f5..ec178489 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -121,7 +121,7 @@ importers:
         version: 5.8.2
       vitest:
         specifier: ^3.1.1
-        version: 3.1.1(@types/node@18.19.84)(jiti@2.4.2)(jsdom@27.0.0(postcss@8.5.3))(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0)
+        version: 3.1.1(@types/node@18.19.84)(jiti@2.6.0)(jsdom@27.0.0(postcss@8.5.3))(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0)
 
   packages/optimizely-cms-sdk:
     dependencies:
@@ -152,7 +152,7 @@ importers:
         version: 5.8.2
       vitest:
         specifier: ^3.1.1
-        version: 3.1.1(@types/node@22.13.14)(jiti@2.4.2)(jsdom@27.0.0(postcss@8.5.3))(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0)
+        version: 3.1.1(@types/node@22.13.14)(jiti@2.6.0)(jsdom@27.0.0(postcss@8.5.3))(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0)
 
   samples/fx-integration:
     dependencies:
@@ -189,10 +189,10 @@ importers:
         version: 19.0.4(@types/react@19.0.12)
       eslint:
         specifier: ^9
-        version: 9.23.0(jiti@2.4.2)
+        version: 9.23.0(jiti@2.6.0)
       eslint-config-next:
         specifier: 15.5.3
-        version: 15.5.3(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
+        version: 15.5.3(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
       typescript:
         specifier: ^5
         version: 5.8.3
@@ -232,10 +232,10 @@ importers:
         version: 19.0.4(@types/react@19.0.12)
       eslint:
         specifier: ^9
-        version: 9.23.0(jiti@2.4.2)
+        version: 9.23.0(jiti@2.6.0)
       eslint-config-next:
         specifier: 15.5.4
-        version: 15.5.4(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
+        version: 15.5.4(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
       typescript:
         specifier: ^5
         version: 5.8.3
@@ -269,10 +269,10 @@ importers:
         version: 19.0.4(@types/react@19.0.12)
       eslint:
         specifier: ^9
-        version: 9.23.0(jiti@2.4.2)
+        version: 9.23.0(jiti@2.6.0)
       eslint-config-next:
         specifier: 15.4.3
-        version: 15.4.3(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
+        version: 15.4.3(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
       typescript:
         specifier: ^5
         version: 5.8.3
@@ -309,19 +309,66 @@ importers:
         version: 19.0.4(@types/react@19.0.12)
       eslint:
         specifier: ^9
-        version: 9.23.0(jiti@2.4.2)
+        version: 9.23.0(jiti@2.6.0)
       eslint-config-next:
         specifier: 15.2.4
-        version: 15.2.4(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)
+        version: 15.2.4(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2)
       typescript:
         specifier: ^5
         version: 5.8.2
 
+  templates/alloy-template:
+    dependencies:
+      '@optimizely/cms-sdk':
+        specifier: workspace:*
+        version: link:../../packages/optimizely-cms-sdk
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      next:
+        specifier: 15.5.4
+        version: 15.5.4(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react:
+        specifier: 19.1.0
+        version: 19.1.0
+      react-dom:
+        specifier: 19.1.0
+        version: 19.1.0(react@19.1.0)
+      tailwind-merge:
+        specifier: ^3.3.1
+        version: 3.3.1
+    devDependencies:
+      '@optimizely/cms-cli':
+        specifier: workspace:*
+        version: link:../../packages/optimizely-cms-cli
+      '@tailwindcss/postcss':
+        specifier: ^4
+        version: 4.1.14
+      '@types/node':
+        specifier: ^20
+        version: 20.17.28
+      '@types/react':
+        specifier: ^19
+        version: 19.0.12
+      '@types/react-dom':
+        specifier: ^19
+        version: 19.0.4(@types/react@19.0.12)
+      tailwindcss:
+        specifier: ^4
+        version: 4.1.14
+      typescript:
+        specifier: ^5
+        version: 5.8.3
+
 packages:
 
   '@adobe/css-tools@4.4.4':
     resolution: {integrity: sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==}
 
+  '@alloc/quick-lru@5.2.0':
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+
   '@ampproject/remapping@2.3.0':
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
@@ -1044,6 +1091,10 @@ packages:
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
 
+  '@isaacs/fs-minipass@4.0.1':
+    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
+    engines: {node: '>=18.0.0'}
+
   '@isaacs/string-locale-compare@1.1.0':
     resolution: {integrity: sha512-SQ7Kzhh9+D+ZW9MA0zkYv3VXhIDNx+LzM6EJ+/65I3QY+enU6Itte7E5XX7EWrqLW2FN4n06GWzBnPoC3th2aQ==}
 
@@ -1055,6 +1106,9 @@ packages:
     resolution: {integrity: sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==}
     engines: {node: '>=6.0.0'}
 
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
   '@jridgewell/resolve-uri@3.1.2':
     resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
     engines: {node: '>=6.0.0'}
@@ -1066,6 +1120,9 @@ packages:
   '@jridgewell/sourcemap-codec@1.5.0':
     resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
 
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
@@ -1716,6 +1773,94 @@ packages:
   '@swc/helpers@0.5.15':
     resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
 
+  '@tailwindcss/node@4.1.14':
+    resolution: {integrity: sha512-hpz+8vFk3Ic2xssIA3e01R6jkmsAhvkQdXlEbRTk6S10xDAtiQiM3FyvZVGsucefq764euO/b8WUW9ysLdThHw==}
+
+  '@tailwindcss/oxide-android-arm64@4.1.14':
+    resolution: {integrity: sha512-a94ifZrGwMvbdeAxWoSuGcIl6/DOP5cdxagid7xJv6bwFp3oebp7y2ImYsnZBMTwjn5Ev5xESvS3FFYUGgPODQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.14':
+    resolution: {integrity: sha512-HkFP/CqfSh09xCnrPJA7jud7hij5ahKyWomrC3oiO2U9i0UjP17o9pJbxUN0IJ471GTQQmzwhp0DEcpbp4MZTA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.1.14':
+    resolution: {integrity: sha512-eVNaWmCgdLf5iv6Qd3s7JI5SEFBFRtfm6W0mphJYXgvnDEAZ5sZzqmI06bK6xo0IErDHdTA5/t7d4eTfWbWOFw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.14':
+    resolution: {integrity: sha512-QWLoRXNikEuqtNb0dhQN6wsSVVjX6dmUFzuuiL09ZeXju25dsei2uIPl71y2Ic6QbNBsB4scwBoFnlBfabHkEw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.14':
+    resolution: {integrity: sha512-VB4gjQni9+F0VCASU+L8zSIyjrLLsy03sjcR3bM0V2g4SNamo0FakZFKyUQ96ZVwGK4CaJsc9zd/obQy74o0Fw==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.14':
+    resolution: {integrity: sha512-qaEy0dIZ6d9vyLnmeg24yzA8XuEAD9WjpM5nIM1sUgQ/Zv7cVkharPDQcmm/t/TvXoKo/0knI3me3AGfdx6w1w==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.14':
+    resolution: {integrity: sha512-ISZjT44s59O8xKsPEIesiIydMG/sCXoMBCqsphDm/WcbnuWLxxb+GcvSIIA5NjUw6F8Tex7s5/LM2yDy8RqYBQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.14':
+    resolution: {integrity: sha512-02c6JhLPJj10L2caH4U0zF8Hji4dOeahmuMl23stk0MU1wfd1OraE7rOloidSF8W5JTHkFdVo/O7uRUJJnUAJg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.14':
+    resolution: {integrity: sha512-TNGeLiN1XS66kQhxHG/7wMeQDOoL0S33x9BgmydbrWAb9Qw0KYdd8o1ifx4HOGDWhVmJ+Ul+JQ7lyknQFilO3Q==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.14':
+    resolution: {integrity: sha512-uZYAsaW/jS/IYkd6EWPJKW/NlPNSkWkBlaeVBi/WsFQNP05/bzkebUL8FH1pdsqx4f2fH/bWFcUABOM9nfiJkQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.14':
+    resolution: {integrity: sha512-Az0RnnkcvRqsuoLH2Z4n3JfAef0wElgzHD5Aky/e+0tBUxUhIeIqFBTMNQvmMRSP15fWwmvjBxZ3Q8RhsDnxAA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.14':
+    resolution: {integrity: sha512-ttblVGHgf68kEE4om1n/n44I0yGPkCPbLsqzjvybhpwa6mKKtgFfAzy6btc3HRmuW7nHe0OOrSeNP9sQmmH9XA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.1.14':
+    resolution: {integrity: sha512-23yx+VUbBwCg2x5XWdB8+1lkPajzLmALEfMb51zZUBYaYVPDQvBSD/WYDqiVyBIo2BZFa3yw1Rpy3G2Jp+K0dw==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/postcss@4.1.14':
+    resolution: {integrity: sha512-BdMjIxy7HUNThK87C7BC8I1rE8BVUsfNQSI5siQ4JK3iIa3w0XyVvVL9SXLWO//CtYTcp1v7zci0fYwJOjB+Zg==}
+
   '@testing-library/dom@10.4.1':
     resolution: {integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==}
     engines: {node: '>=18'}
@@ -2237,6 +2382,10 @@ packages:
     resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
     engines: {node: '>=10'}
 
+  chownr@3.0.0:
+    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
+    engines: {node: '>=18'}
+
   ci-info@3.9.0:
     resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
@@ -2295,6 +2444,10 @@ packages:
     resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
     engines: {node: '>=0.8'}
 
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
   cmd-shim@6.0.3:
     resolution: {integrity: sha512-FMabTRlc5t5zjdenF6mS0MBeFZm0XqHqeOkcskKFb/LYCcRQ5fVgLOHVc4Lq9CqABd9zhjwPjMBCJvMCziSVtA==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -2600,6 +2753,10 @@ packages:
   end-of-stream@1.4.5:
     resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==}
 
+  enhanced-resolve@5.18.3:
+    resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
+    engines: {node: '>=10.13.0'}
+
   enquirer@2.3.6:
     resolution: {integrity: sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==}
     engines: {node: '>=8.6'}
@@ -3431,8 +3588,8 @@ packages:
     resolution: {integrity: sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
-  jiti@2.4.2:
-    resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
+  jiti@2.6.0:
+    resolution: {integrity: sha512-VXe6RjJkBPj0ohtqaO8vSWP3ZhAKo66fKrFNCll4BTcwljPLz03pCbaNKfzGP5MbrCYcbJ7v0nOYYwUzTEIdXQ==}
     hasBin: true
 
   js-tokens@4.0.0:
@@ -3557,68 +3714,68 @@ packages:
     resolution: {integrity: sha512-26zzwoBNAvX9AWOPiqqF6FG4HrSCPsHFkQm7nT+xU1ggAujL/eae81RnCv4CJ2In9q9fh10B88sYSzKCUh/Ghg==}
     engines: {node: ^16.14.0 || >=18.0.0}
 
-  lightningcss-darwin-arm64@1.29.2:
-    resolution: {integrity: sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==}
+  lightningcss-darwin-arm64@1.30.1:
+    resolution: {integrity: sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [darwin]
 
-  lightningcss-darwin-x64@1.29.2:
-    resolution: {integrity: sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==}
+  lightningcss-darwin-x64@1.30.1:
+    resolution: {integrity: sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [darwin]
 
-  lightningcss-freebsd-x64@1.29.2:
-    resolution: {integrity: sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==}
+  lightningcss-freebsd-x64@1.30.1:
+    resolution: {integrity: sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [freebsd]
 
-  lightningcss-linux-arm-gnueabihf@1.29.2:
-    resolution: {integrity: sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==}
+  lightningcss-linux-arm-gnueabihf@1.30.1:
+    resolution: {integrity: sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm]
     os: [linux]
 
-  lightningcss-linux-arm64-gnu@1.29.2:
-    resolution: {integrity: sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==}
+  lightningcss-linux-arm64-gnu@1.30.1:
+    resolution: {integrity: sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-arm64-musl@1.29.2:
-    resolution: {integrity: sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==}
+  lightningcss-linux-arm64-musl@1.30.1:
+    resolution: {integrity: sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
 
-  lightningcss-linux-x64-gnu@1.29.2:
-    resolution: {integrity: sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==}
+  lightningcss-linux-x64-gnu@1.30.1:
+    resolution: {integrity: sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-linux-x64-musl@1.29.2:
-    resolution: {integrity: sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==}
+  lightningcss-linux-x64-musl@1.30.1:
+    resolution: {integrity: sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
 
-  lightningcss-win32-arm64-msvc@1.29.2:
-    resolution: {integrity: sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==}
+  lightningcss-win32-arm64-msvc@1.30.1:
+    resolution: {integrity: sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [win32]
 
-  lightningcss-win32-x64-msvc@1.29.2:
-    resolution: {integrity: sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==}
+  lightningcss-win32-x64-msvc@1.30.1:
+    resolution: {integrity: sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [win32]
 
-  lightningcss@1.29.2:
-    resolution: {integrity: sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==}
+  lightningcss@1.30.1:
+    resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==}
     engines: {node: '>= 12.0.0'}
 
   lilconfig@3.1.3:
@@ -3701,6 +3858,9 @@ packages:
   magic-string@0.30.17:
     resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
 
+  magic-string@0.30.19:
+    resolution: {integrity: sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==}
+
   make-dir@2.1.0:
     resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
     engines: {node: '>=6'}
@@ -3840,6 +4000,10 @@ packages:
     resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
     engines: {node: '>= 8'}
 
+  minizlib@3.1.0:
+    resolution: {integrity: sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==}
+    engines: {node: '>= 18'}
+
   mkdirp@1.0.4:
     resolution: {integrity: sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==}
     engines: {node: '>=10'}
@@ -4839,6 +5003,16 @@ packages:
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
+  tailwind-merge@3.3.1:
+    resolution: {integrity: sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==}
+
+  tailwindcss@4.1.14:
+    resolution: {integrity: sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA==}
+
+  tapable@2.3.0:
+    resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
+    engines: {node: '>=6'}
+
   tar-stream@2.2.0:
     resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
     engines: {node: '>=6'}
@@ -4847,6 +5021,10 @@ packages:
     resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
     engines: {node: '>=10'}
 
+  tar@7.5.1:
+    resolution: {integrity: sha512-nlGpxf+hv0v7GkWBK2V9spgactGOp0qvfWRxUMjqHyzrt3SgwE48DIv/FhqPHJYLHpgW1opq3nERbz5Anq7n1g==}
+    engines: {node: '>=18'}
+
   temp-dir@1.0.0:
     resolution: {integrity: sha512-xZFXEGbG7SNC3itwBzI3RYjq/cEhBkx2hJuKGIUOcEULmkQExXiHat2z/qkISYsuR+IKumhEfKKbV5qXmhICFQ==}
     engines: {node: '>=4'}
@@ -5286,6 +5464,10 @@ packages:
   yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
+  yallist@5.0.0:
+    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
+    engines: {node: '>=18'}
+
   yaml@2.8.0:
     resolution: {integrity: sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ==}
     engines: {node: '>= 14.6'}
@@ -5322,6 +5504,8 @@ snapshots:
 
   '@adobe/css-tools@4.4.4': {}
 
+  '@alloc/quick-lru@5.2.0': {}
+
   '@ampproject/remapping@2.3.0':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.8
@@ -5598,9 +5782,9 @@ snapshots:
   '@esbuild/win32-x64@0.25.8':
     optional: true
 
-  '@eslint-community/eslint-utils@4.5.1(eslint@9.23.0(jiti@2.4.2))':
+  '@eslint-community/eslint-utils@4.5.1(eslint@9.23.0(jiti@2.6.0))':
     dependencies:
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.1': {}
@@ -5943,6 +6127,10 @@ snapshots:
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: wrap-ansi@7.0.0
 
+  '@isaacs/fs-minipass@4.0.1':
+    dependencies:
+      minipass: 7.1.2
+
   '@isaacs/string-locale-compare@1.1.0': {}
 
   '@jest/schemas@29.6.3':
@@ -5955,12 +6143,19 @@ snapshots:
       '@jridgewell/sourcemap-codec': 1.5.0
       '@jridgewell/trace-mapping': 0.3.25
 
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.8
+      '@jridgewell/trace-mapping': 0.3.25
+
   '@jridgewell/resolve-uri@3.1.2': {}
 
   '@jridgewell/set-array@1.2.1': {}
 
   '@jridgewell/sourcemap-codec@1.5.0': {}
 
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
   '@jridgewell/trace-mapping@0.3.25':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
@@ -6597,6 +6792,78 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  '@tailwindcss/node@4.1.14':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.18.3
+      jiti: 2.6.0
+      lightningcss: 1.30.1
+      magic-string: 0.30.19
+      source-map-js: 1.2.1
+      tailwindcss: 4.1.14
+
+  '@tailwindcss/oxide-android-arm64@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide@4.1.14':
+    dependencies:
+      detect-libc: 2.0.4
+      tar: 7.5.1
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.1.14
+      '@tailwindcss/oxide-darwin-arm64': 4.1.14
+      '@tailwindcss/oxide-darwin-x64': 4.1.14
+      '@tailwindcss/oxide-freebsd-x64': 4.1.14
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.14
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.14
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.14
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.14
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.14
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.14
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.14
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.14
+
+  '@tailwindcss/postcss@4.1.14':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.1.14
+      '@tailwindcss/oxide': 4.1.14
+      postcss: 8.5.3
+      tailwindcss: 4.1.14
+
   '@testing-library/dom@10.4.1':
     dependencies:
       '@babel/code-frame': 7.26.2
@@ -6672,15 +6939,15 @@ snapshots:
     dependencies:
       csstype: 3.1.3
 
-  '@typescript-eslint/eslint-plugin@8.28.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2))(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)':
+  '@typescript-eslint/eslint-plugin@8.28.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2))(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)
+      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2)
       '@typescript-eslint/scope-manager': 8.28.0
-      '@typescript-eslint/type-utils': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)
-      '@typescript-eslint/utils': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)
+      '@typescript-eslint/type-utils': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2)
+      '@typescript-eslint/utils': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2)
       '@typescript-eslint/visitor-keys': 8.28.0
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
@@ -6689,15 +6956,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@8.28.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)':
+  '@typescript-eslint/eslint-plugin@8.28.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3))(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
       '@typescript-eslint/scope-manager': 8.28.0
-      '@typescript-eslint/type-utils': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
-      '@typescript-eslint/utils': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
+      '@typescript-eslint/type-utils': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
+      '@typescript-eslint/utils': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
       '@typescript-eslint/visitor-keys': 8.28.0
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
@@ -6706,26 +6973,26 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)':
+  '@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.28.0
       '@typescript-eslint/types': 8.28.0
       '@typescript-eslint/typescript-estree': 8.28.0(typescript@5.8.2)
       '@typescript-eslint/visitor-keys': 8.28.0
       debug: 4.4.0(supports-color@8.1.1)
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       typescript: 5.8.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)':
+  '@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.28.0
       '@typescript-eslint/types': 8.28.0
       '@typescript-eslint/typescript-estree': 8.28.0(typescript@5.8.3)
       '@typescript-eslint/visitor-keys': 8.28.0
       debug: 4.4.0(supports-color@8.1.1)
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       typescript: 5.8.3
     transitivePeerDependencies:
       - supports-color
@@ -6735,23 +7002,23 @@ snapshots:
       '@typescript-eslint/types': 8.28.0
       '@typescript-eslint/visitor-keys': 8.28.0
 
-  '@typescript-eslint/type-utils@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)':
+  '@typescript-eslint/type-utils@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2)':
     dependencies:
       '@typescript-eslint/typescript-estree': 8.28.0(typescript@5.8.2)
-      '@typescript-eslint/utils': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)
+      '@typescript-eslint/utils': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2)
       debug: 4.4.0(supports-color@8.1.1)
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       ts-api-utils: 2.1.0(typescript@5.8.2)
       typescript: 5.8.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/type-utils@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)':
+  '@typescript-eslint/type-utils@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)':
     dependencies:
       '@typescript-eslint/typescript-estree': 8.28.0(typescript@5.8.3)
-      '@typescript-eslint/utils': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
+      '@typescript-eslint/utils': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
       debug: 4.4.0(supports-color@8.1.1)
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       ts-api-utils: 2.1.0(typescript@5.8.3)
       typescript: 5.8.3
     transitivePeerDependencies:
@@ -6787,24 +7054,24 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)':
+  '@typescript-eslint/utils@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.5.1(eslint@9.23.0(jiti@2.4.2))
+      '@eslint-community/eslint-utils': 4.5.1(eslint@9.23.0(jiti@2.6.0))
       '@typescript-eslint/scope-manager': 8.28.0
       '@typescript-eslint/types': 8.28.0
       '@typescript-eslint/typescript-estree': 8.28.0(typescript@5.8.2)
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       typescript: 5.8.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)':
+  '@typescript-eslint/utils@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.5.1(eslint@9.23.0(jiti@2.4.2))
+      '@eslint-community/eslint-utils': 4.5.1(eslint@9.23.0(jiti@2.6.0))
       '@typescript-eslint/scope-manager': 8.28.0
       '@typescript-eslint/types': 8.28.0
       '@typescript-eslint/typescript-estree': 8.28.0(typescript@5.8.3)
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       typescript: 5.8.3
     transitivePeerDependencies:
       - supports-color
@@ -6868,21 +7135,21 @@ snapshots:
       chai: 5.2.0
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.1.1(vite@6.2.5(@types/node@18.19.84)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0))':
+  '@vitest/mocker@3.1.1(vite@6.2.5(@types/node@18.19.84)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0))':
     dependencies:
       '@vitest/spy': 3.1.1
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
-      vite: 6.2.5(@types/node@18.19.84)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0)
+      vite: 6.2.5(@types/node@18.19.84)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0)
 
-  '@vitest/mocker@3.1.1(vite@6.2.5(@types/node@22.13.14)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0))':
+  '@vitest/mocker@3.1.1(vite@6.2.5(@types/node@22.13.14)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0))':
     dependencies:
       '@vitest/spy': 3.1.1
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
-      vite: 6.2.5(@types/node@22.13.14)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0)
+      vite: 6.2.5(@types/node@22.13.14)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0)
 
   '@vitest/pretty-format@3.1.1':
     dependencies:
@@ -7228,6 +7495,8 @@ snapshots:
 
   chownr@2.0.0: {}
 
+  chownr@3.0.0: {}
+
   ci-info@3.9.0: {}
 
   ci-info@4.2.0: {}
@@ -7276,6 +7545,8 @@ snapshots:
 
   clone@1.0.4: {}
 
+  clsx@2.1.1: {}
+
   cmd-shim@6.0.3: {}
 
   color-convert@2.0.1:
@@ -7518,8 +7789,7 @@ snapshots:
   detect-libc@2.0.3:
     optional: true
 
-  detect-libc@2.0.4:
-    optional: true
+  detect-libc@2.0.4: {}
 
   diff-sequences@29.6.3: {}
 
@@ -7582,6 +7852,11 @@ snapshots:
     dependencies:
       once: 1.4.0
 
+  enhanced-resolve@5.18.3:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.0
+
   enquirer@2.3.6:
     dependencies:
       ansi-colors: 4.1.3
@@ -7735,19 +8010,19 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-config-next@15.2.4(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2):
+  eslint-config-next@15.2.4(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2):
     dependencies:
       '@next/eslint-plugin-next': 15.2.4
       '@rushstack/eslint-patch': 1.11.0
-      '@typescript-eslint/eslint-plugin': 8.28.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2))(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)
-      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)
-      eslint: 9.23.0(jiti@2.4.2)
+      '@typescript-eslint/eslint-plugin': 8.28.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2))(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2)
+      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2)
+      eslint: 9.23.0(jiti@2.6.0)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-react: 7.37.4(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-react-hooks: 5.2.0(eslint@9.23.0(jiti@2.4.2))
+      eslint-import-resolver-typescript: 3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-react: 7.37.4(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-react-hooks: 5.2.0(eslint@9.23.0(jiti@2.6.0))
     optionalDependencies:
       typescript: 5.8.2
     transitivePeerDependencies:
@@ -7755,19 +8030,19 @@ snapshots:
       - eslint-plugin-import-x
       - supports-color
 
-  eslint-config-next@15.4.3(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3):
+  eslint-config-next@15.4.3(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3):
     dependencies:
       '@next/eslint-plugin-next': 15.4.3
       '@rushstack/eslint-patch': 1.11.0
-      '@typescript-eslint/eslint-plugin': 8.28.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
-      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
-      eslint: 9.23.0(jiti@2.4.2)
+      '@typescript-eslint/eslint-plugin': 8.28.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3))(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
+      eslint: 9.23.0(jiti@2.6.0)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-react: 7.37.4(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-react-hooks: 5.2.0(eslint@9.23.0(jiti@2.4.2))
+      eslint-import-resolver-typescript: 3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-react: 7.37.4(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-react-hooks: 5.2.0(eslint@9.23.0(jiti@2.6.0))
     optionalDependencies:
       typescript: 5.8.3
     transitivePeerDependencies:
@@ -7775,19 +8050,19 @@ snapshots:
       - eslint-plugin-import-x
       - supports-color
 
-  eslint-config-next@15.5.3(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3):
+  eslint-config-next@15.5.3(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3):
     dependencies:
       '@next/eslint-plugin-next': 15.5.3
       '@rushstack/eslint-patch': 1.11.0
-      '@typescript-eslint/eslint-plugin': 8.28.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
-      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
-      eslint: 9.23.0(jiti@2.4.2)
+      '@typescript-eslint/eslint-plugin': 8.28.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3))(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
+      eslint: 9.23.0(jiti@2.6.0)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-react: 7.37.4(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-react-hooks: 5.2.0(eslint@9.23.0(jiti@2.4.2))
+      eslint-import-resolver-typescript: 3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-react: 7.37.4(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-react-hooks: 5.2.0(eslint@9.23.0(jiti@2.6.0))
     optionalDependencies:
       typescript: 5.8.3
     transitivePeerDependencies:
@@ -7795,19 +8070,19 @@ snapshots:
       - eslint-plugin-import-x
       - supports-color
 
-  eslint-config-next@15.5.4(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3):
+  eslint-config-next@15.5.4(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3):
     dependencies:
       '@next/eslint-plugin-next': 15.5.4
       '@rushstack/eslint-patch': 1.11.0
-      '@typescript-eslint/eslint-plugin': 8.28.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
-      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
-      eslint: 9.23.0(jiti@2.4.2)
+      '@typescript-eslint/eslint-plugin': 8.28.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3))(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
+      eslint: 9.23.0(jiti@2.6.0)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-react: 7.37.4(eslint@9.23.0(jiti@2.4.2))
-      eslint-plugin-react-hooks: 5.2.0(eslint@9.23.0(jiti@2.4.2))
+      eslint-import-resolver-typescript: 3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-react: 7.37.4(eslint@9.23.0(jiti@2.6.0))
+      eslint-plugin-react-hooks: 5.2.0(eslint@9.23.0(jiti@2.6.0))
     optionalDependencies:
       typescript: 5.8.3
     transitivePeerDependencies:
@@ -7823,44 +8098,44 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.4.2)):
+  eslint-import-resolver-typescript@3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.6.0)):
     dependencies:
       '@nolyfill/is-core-module': 1.0.39
       debug: 4.4.0(supports-color@8.1.1)
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       get-tsconfig: 4.10.0
       is-bun-module: 2.0.0
       stable-hash: 0.0.5
       tinyglobby: 0.2.12
       unrs-resolver: 1.3.3
     optionalDependencies:
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.4.2))
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.6.0))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.4.2)):
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.6.0)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)
-      eslint: 9.23.0(jiti@2.4.2)
+      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2)
+      eslint: 9.23.0(jiti@2.6.0)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.4.2))
+      eslint-import-resolver-typescript: 3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.6.0))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.4.2)):
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.6.0)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
-      eslint: 9.23.0(jiti@2.4.2)
+      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
+      eslint: 9.23.0(jiti@2.6.0)
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.4.2))
+      eslint-import-resolver-typescript: 3.10.0(eslint-plugin-import@2.31.0)(eslint@9.23.0(jiti@2.6.0))
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.4.2)):
+  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.6.0)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.8
@@ -7869,9 +8144,9 @@ snapshots:
       array.prototype.flatmap: 1.3.3
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.4.2))
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.6.0))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -7883,13 +8158,13 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.2)
+      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.2)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.4.2)):
+  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3))(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.6.0)):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.8
@@ -7898,9 +8173,9 @@ snapshots:
       array.prototype.flatmap: 1.3.3
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.4.2))
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.0)(eslint@9.23.0(jiti@2.6.0))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -7912,13 +8187,13 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.4.2))(typescript@5.8.3)
+      '@typescript-eslint/parser': 8.28.0(eslint@9.23.0(jiti@2.6.0))(typescript@5.8.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-jsx-a11y@6.10.2(eslint@9.23.0(jiti@2.4.2)):
+  eslint-plugin-jsx-a11y@6.10.2(eslint@9.23.0(jiti@2.6.0)):
     dependencies:
       aria-query: 5.3.2
       array-includes: 3.1.8
@@ -7928,7 +8203,7 @@ snapshots:
       axobject-query: 4.1.0
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
       language-tags: 1.0.9
@@ -7937,11 +8212,11 @@ snapshots:
       safe-regex-test: 1.1.0
       string.prototype.includes: 2.0.1
 
-  eslint-plugin-react-hooks@5.2.0(eslint@9.23.0(jiti@2.4.2)):
+  eslint-plugin-react-hooks@5.2.0(eslint@9.23.0(jiti@2.6.0)):
     dependencies:
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
 
-  eslint-plugin-react@7.37.4(eslint@9.23.0(jiti@2.4.2)):
+  eslint-plugin-react@7.37.4(eslint@9.23.0(jiti@2.6.0)):
     dependencies:
       array-includes: 3.1.8
       array.prototype.findlast: 1.2.5
@@ -7949,7 +8224,7 @@ snapshots:
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
       es-iterator-helpers: 1.2.1
-      eslint: 9.23.0(jiti@2.4.2)
+      eslint: 9.23.0(jiti@2.6.0)
       estraverse: 5.3.0
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
@@ -7972,9 +8247,9 @@ snapshots:
 
   eslint-visitor-keys@4.2.0: {}
 
-  eslint@9.23.0(jiti@2.4.2):
+  eslint@9.23.0(jiti@2.6.0):
     dependencies:
-      '@eslint-community/eslint-utils': 4.5.1(eslint@9.23.0(jiti@2.4.2))
+      '@eslint-community/eslint-utils': 4.5.1(eslint@9.23.0(jiti@2.6.0))
       '@eslint-community/regexpp': 4.12.1
       '@eslint/config-array': 0.19.2
       '@eslint/config-helpers': 0.2.0
@@ -8010,7 +8285,7 @@ snapshots:
       natural-compare: 1.4.0
       optionator: 0.9.4
     optionalDependencies:
-      jiti: 2.4.2
+      jiti: 2.6.0
     transitivePeerDependencies:
       - supports-color
 
@@ -8670,8 +8945,7 @@ snapshots:
 
   jest-get-type@29.6.3: {}
 
-  jiti@2.4.2:
-    optional: true
+  jiti@2.6.0: {}
 
   js-tokens@4.0.0: {}
 
@@ -8893,51 +9167,50 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  lightningcss-darwin-arm64@1.29.2:
+  lightningcss-darwin-arm64@1.30.1:
     optional: true
 
-  lightningcss-darwin-x64@1.29.2:
+  lightningcss-darwin-x64@1.30.1:
     optional: true
 
-  lightningcss-freebsd-x64@1.29.2:
+  lightningcss-freebsd-x64@1.30.1:
     optional: true
 
-  lightningcss-linux-arm-gnueabihf@1.29.2:
+  lightningcss-linux-arm-gnueabihf@1.30.1:
     optional: true
 
-  lightningcss-linux-arm64-gnu@1.29.2:
+  lightningcss-linux-arm64-gnu@1.30.1:
     optional: true
 
-  lightningcss-linux-arm64-musl@1.29.2:
+  lightningcss-linux-arm64-musl@1.30.1:
     optional: true
 
-  lightningcss-linux-x64-gnu@1.29.2:
+  lightningcss-linux-x64-gnu@1.30.1:
     optional: true
 
-  lightningcss-linux-x64-musl@1.29.2:
+  lightningcss-linux-x64-musl@1.30.1:
     optional: true
 
-  lightningcss-win32-arm64-msvc@1.29.2:
+  lightningcss-win32-arm64-msvc@1.30.1:
     optional: true
 
-  lightningcss-win32-x64-msvc@1.29.2:
+  lightningcss-win32-x64-msvc@1.30.1:
     optional: true
 
-  lightningcss@1.29.2:
+  lightningcss@1.30.1:
     dependencies:
       detect-libc: 2.0.4
     optionalDependencies:
-      lightningcss-darwin-arm64: 1.29.2
-      lightningcss-darwin-x64: 1.29.2
-      lightningcss-freebsd-x64: 1.29.2
-      lightningcss-linux-arm-gnueabihf: 1.29.2
-      lightningcss-linux-arm64-gnu: 1.29.2
-      lightningcss-linux-arm64-musl: 1.29.2
-      lightningcss-linux-x64-gnu: 1.29.2
-      lightningcss-linux-x64-musl: 1.29.2
-      lightningcss-win32-arm64-msvc: 1.29.2
-      lightningcss-win32-x64-msvc: 1.29.2
-    optional: true
+      lightningcss-darwin-arm64: 1.30.1
+      lightningcss-darwin-x64: 1.30.1
+      lightningcss-freebsd-x64: 1.30.1
+      lightningcss-linux-arm-gnueabihf: 1.30.1
+      lightningcss-linux-arm64-gnu: 1.30.1
+      lightningcss-linux-arm64-musl: 1.30.1
+      lightningcss-linux-x64-gnu: 1.30.1
+      lightningcss-linux-x64-musl: 1.30.1
+      lightningcss-win32-arm64-msvc: 1.30.1
+      lightningcss-win32-x64-msvc: 1.30.1
 
   lilconfig@3.1.3: {}
 
@@ -9014,6 +9287,10 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
 
+  magic-string@0.30.19:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
   make-dir@2.1.0:
     dependencies:
       pify: 4.0.1
@@ -9160,6 +9437,10 @@ snapshots:
       minipass: 3.3.6
       yallist: 4.0.0
 
+  minizlib@3.1.0:
+    dependencies:
+      minipass: 7.1.2
+
   mkdirp@1.0.4: {}
 
   modify-values@1.0.1: {}
@@ -10346,6 +10627,12 @@ snapshots:
 
   symbol-tree@3.2.4: {}
 
+  tailwind-merge@3.3.1: {}
+
+  tailwindcss@4.1.14: {}
+
+  tapable@2.3.0: {}
+
   tar-stream@2.2.0:
     dependencies:
       bl: 4.1.0
@@ -10363,6 +10650,14 @@ snapshots:
       mkdirp: 1.0.4
       yallist: 4.0.0
 
+  tar@7.5.1:
+    dependencies:
+      '@isaacs/fs-minipass': 4.0.1
+      chownr: 3.0.0
+      minipass: 7.1.2
+      minizlib: 3.1.0
+      yallist: 5.0.0
+
   temp-dir@1.0.0: {}
 
   text-extensions@1.9.0: {}
@@ -10584,13 +10879,13 @@ snapshots:
 
   validate-npm-package-name@5.0.1: {}
 
-  vite-node@3.1.1(@types/node@18.19.84)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0):
+  vite-node@3.1.1(@types/node@18.19.84)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.0(supports-color@8.1.1)
       es-module-lexer: 1.6.0
       pathe: 2.0.3
-      vite: 6.2.5(@types/node@18.19.84)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0)
+      vite: 6.2.5(@types/node@18.19.84)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -10605,13 +10900,13 @@ snapshots:
       - tsx
       - yaml
 
-  vite-node@3.1.1(@types/node@22.13.14)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0):
+  vite-node@3.1.1(@types/node@22.13.14)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0):
     dependencies:
       cac: 6.7.14
       debug: 4.4.0(supports-color@8.1.1)
       es-module-lexer: 1.6.0
       pathe: 2.0.3
-      vite: 6.2.5(@types/node@22.13.14)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0)
+      vite: 6.2.5(@types/node@22.13.14)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -10626,7 +10921,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite@6.2.5(@types/node@18.19.84)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0):
+  vite@6.2.5(@types/node@18.19.84)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0):
     dependencies:
       esbuild: 0.25.8
       postcss: 8.5.3
@@ -10634,12 +10929,12 @@ snapshots:
     optionalDependencies:
       '@types/node': 18.19.84
       fsevents: 2.3.3
-      jiti: 2.4.2
-      lightningcss: 1.29.2
+      jiti: 2.6.0
+      lightningcss: 1.30.1
       tsx: 4.20.3
       yaml: 2.8.0
 
-  vite@6.2.5(@types/node@22.13.14)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0):
+  vite@6.2.5(@types/node@22.13.14)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0):
     dependencies:
       esbuild: 0.25.8
       postcss: 8.5.3
@@ -10647,15 +10942,15 @@ snapshots:
     optionalDependencies:
       '@types/node': 22.13.14
       fsevents: 2.3.3
-      jiti: 2.4.2
-      lightningcss: 1.29.2
+      jiti: 2.6.0
+      lightningcss: 1.30.1
       tsx: 4.20.3
       yaml: 2.8.0
 
-  vitest@3.1.1(@types/node@18.19.84)(jiti@2.4.2)(jsdom@27.0.0(postcss@8.5.3))(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0):
+  vitest@3.1.1(@types/node@18.19.84)(jiti@2.6.0)(jsdom@27.0.0(postcss@8.5.3))(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0):
     dependencies:
       '@vitest/expect': 3.1.1
-      '@vitest/mocker': 3.1.1(vite@6.2.5(@types/node@18.19.84)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0))
+      '@vitest/mocker': 3.1.1(vite@6.2.5(@types/node@18.19.84)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0))
       '@vitest/pretty-format': 3.1.1
       '@vitest/runner': 3.1.1
       '@vitest/snapshot': 3.1.1
@@ -10671,8 +10966,8 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 2.0.0
-      vite: 6.2.5(@types/node@18.19.84)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0)
-      vite-node: 3.1.1(@types/node@18.19.84)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0)
+      vite: 6.2.5(@types/node@18.19.84)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0)
+      vite-node: 3.1.1(@types/node@18.19.84)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 18.19.84
@@ -10691,10 +10986,10 @@ snapshots:
       - tsx
       - yaml
 
-  vitest@3.1.1(@types/node@22.13.14)(jiti@2.4.2)(jsdom@27.0.0(postcss@8.5.3))(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0):
+  vitest@3.1.1(@types/node@22.13.14)(jiti@2.6.0)(jsdom@27.0.0(postcss@8.5.3))(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0):
     dependencies:
       '@vitest/expect': 3.1.1
-      '@vitest/mocker': 3.1.1(vite@6.2.5(@types/node@22.13.14)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0))
+      '@vitest/mocker': 3.1.1(vite@6.2.5(@types/node@22.13.14)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0))
       '@vitest/pretty-format': 3.1.1
       '@vitest/runner': 3.1.1
       '@vitest/snapshot': 3.1.1
@@ -10710,8 +11005,8 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 2.0.0
-      vite: 6.2.5(@types/node@22.13.14)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0)
-      vite-node: 3.1.1(@types/node@22.13.14)(jiti@2.4.2)(lightningcss@1.29.2)(tsx@4.20.3)(yaml@2.8.0)
+      vite: 6.2.5(@types/node@22.13.14)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0)
+      vite-node: 3.1.1(@types/node@22.13.14)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.3)(yaml@2.8.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
       '@types/node': 22.13.14
@@ -10888,6 +11183,8 @@ snapshots:
 
   yallist@4.0.0: {}
 
+  yallist@5.0.0: {}
+
   yaml@2.8.0: {}
 
   yargs-parser@20.2.9: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 7a3dd137..c2dd1219 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,4 +1,5 @@
 packages:
   - 'packages/*'
   - 'samples/*'
-  - '__test__/*'
\ No newline at end of file
+  - 'templates/*'
+  - '__test__/*'
diff --git a/templates/alloy-template/.gitignore b/templates/alloy-template/.gitignore
new file mode 100644
index 00000000..1ec5eb93
--- /dev/null
+++ b/templates/alloy-template/.gitignore
@@ -0,0 +1,43 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+certificates
\ No newline at end of file
diff --git a/templates/alloy-template/README.md b/templates/alloy-template/README.md
new file mode 100644
index 00000000..e215bc4c
--- /dev/null
+++ b/templates/alloy-template/README.md
@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
diff --git a/templates/alloy-template/env.example b/templates/alloy-template/env.example
new file mode 100644
index 00000000..4c0f5439
--- /dev/null
+++ b/templates/alloy-template/env.example
@@ -0,0 +1,16 @@
+# Key to fetch content from the CMS.
+# To get the key go to your CMS instance > Settings > API Keys
+OPTIMIZELY_GRAPH_SINGLE_KEY='<SECRET>'
+
+# Client ID and Secret from your CMS instance
+# Go to your CMS instance > Settings > API Keys and click "Create API key"
+OPTIMIZELY_CMS_CLIENT_ID=
+OPTIMIZELY_CMS_CLIENT_SECRET=
+
+# Root CMS instance. For example "https://<something>.cms.optimizely.com"
+OPTIMIZELY_CMS_URL=
+# From here, all environmental variables are optional
+#
+# Endpoint of GraphQL. Use this variable if you use a non-production instance or a different version
+# OPTIMIZELY_GRAPH_URL=https://cg.optimizely.com/content/v2
+#
diff --git a/templates/alloy-template/next.config.ts b/templates/alloy-template/next.config.ts
new file mode 100644
index 00000000..e43f7015
--- /dev/null
+++ b/templates/alloy-template/next.config.ts
@@ -0,0 +1,17 @@
+import type { NextConfig } from 'next';
+
+const nextConfig: NextConfig = {
+  images: {
+    domains: ['app-opinjssdk1sob7t001.cms.optimizely.com'],
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '*.cms.optimizely.com',
+        port: '',
+        pathname: '/**',
+      },
+    ],
+  },
+};
+
+export default nextConfig;
diff --git a/templates/alloy-template/optimizely.config.mjs b/templates/alloy-template/optimizely.config.mjs
new file mode 100644
index 00000000..c7ac4b26
--- /dev/null
+++ b/templates/alloy-template/optimizely.config.mjs
@@ -0,0 +1,17 @@
+import { buildConfig } from '@optimizely/cms-sdk';
+
+export default buildConfig({
+  components: ['./src/components/*.tsx', './src/components/**/*.tsx'],
+  propertyGroups: [
+    {
+      key: 'SEO',
+      displayName: 'SEO',
+      sortOrder: 1,
+    },
+    {
+      key: 'SiteSettings',
+      displayName: 'Site Settings',
+      sortOrder: 2,
+    },
+  ],
+});
diff --git a/templates/alloy-template/package.json b/templates/alloy-template/package.json
new file mode 100644
index 00000000..a9d0a3ca
--- /dev/null
+++ b/templates/alloy-template/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "alloy-template",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --experimental-https",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "@optimizely/cms-sdk": "workspace:*",
+    "clsx": "^2.1.1",
+    "next": "15.5.4",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "tailwind-merge": "^3.3.1"
+  },
+  "devDependencies": {
+    "@optimizely/cms-cli": "workspace:*",
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}
diff --git a/templates/alloy-template/postcss.config.mjs b/templates/alloy-template/postcss.config.mjs
new file mode 100644
index 00000000..c7bcb4b1
--- /dev/null
+++ b/templates/alloy-template/postcss.config.mjs
@@ -0,0 +1,5 @@
+const config = {
+  plugins: ["@tailwindcss/postcss"],
+};
+
+export default config;
diff --git a/templates/alloy-template/public/file.svg b/templates/alloy-template/public/file.svg
new file mode 100644
index 00000000..004145cd
--- /dev/null
+++ b/templates/alloy-template/public/file.svg
@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/templates/alloy-template/public/globe.svg b/templates/alloy-template/public/globe.svg
new file mode 100644
index 00000000..567f17b0
--- /dev/null
+++ b/templates/alloy-template/public/globe.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/templates/alloy-template/public/next.svg b/templates/alloy-template/public/next.svg
new file mode 100644
index 00000000..5174b28c
--- /dev/null
+++ b/templates/alloy-template/public/next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/templates/alloy-template/public/vercel.svg b/templates/alloy-template/public/vercel.svg
new file mode 100644
index 00000000..77053960
--- /dev/null
+++ b/templates/alloy-template/public/vercel.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/templates/alloy-template/public/window.svg b/templates/alloy-template/public/window.svg
new file mode 100644
index 00000000..b2b2a44f
--- /dev/null
+++ b/templates/alloy-template/public/window.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
\ No newline at end of file
diff --git a/templates/alloy-template/src/app/[...slug]/page.tsx b/templates/alloy-template/src/app/[...slug]/page.tsx
new file mode 100644
index 00000000..0400074d
--- /dev/null
+++ b/templates/alloy-template/src/app/[...slug]/page.tsx
@@ -0,0 +1,39 @@
+import Footer from '@/components/base/Footer';
+import Header from '@/components/base/Header';
+import { GraphClient } from '@optimizely/cms-sdk';
+import { OptimizelyComponent } from '@optimizely/cms-sdk/react/server';
+import { notFound } from 'next/navigation';
+import React from 'react';
+
+type Props = {
+  params: Promise<{
+    slug: string[];
+  }>;
+};
+
+export default async function Page({ params }: Props) {
+  const { slug } = await params;
+
+  const client = new GraphClient(process.env.OPTIMIZELY_GRAPH_SINGLE_KEY!, {
+    graphUrl: process.env.OPTIMIZELY_GRAPH_URL,
+  });
+  const path = `/${slug.join('/')}/`;
+  const c = await client.getContentByPath(path);
+
+  const children = (await client.getItems(path)) ?? [];
+  const ancestors = (await client.getPath(path)) ?? [];
+
+  if (c.length === 0) {
+    notFound();
+  }
+
+  return (
+    <>
+      <Header currentPath={{ children, ancestors }} />
+      <div className="container mx-auto p-10">
+        <OptimizelyComponent opti={c[0]} />
+      </div>
+      <Footer />
+    </>
+  );
+}
diff --git a/templates/alloy-template/src/app/favicon.ico b/templates/alloy-template/src/app/favicon.ico
new file mode 100644
index 00000000..718d6fea
Binary files /dev/null and b/templates/alloy-template/src/app/favicon.ico differ
diff --git a/templates/alloy-template/src/app/globals.css b/templates/alloy-template/src/app/globals.css
new file mode 100644
index 00000000..c77d53b9
--- /dev/null
+++ b/templates/alloy-template/src/app/globals.css
@@ -0,0 +1,26 @@
+@import 'tailwindcss';
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
+/* @media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+} */
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
+}
diff --git a/templates/alloy-template/src/app/layout.tsx b/templates/alloy-template/src/app/layout.tsx
new file mode 100644
index 00000000..abb5e044
--- /dev/null
+++ b/templates/alloy-template/src/app/layout.tsx
@@ -0,0 +1,83 @@
+import type { Metadata } from 'next';
+import { Geist, Geist_Mono } from 'next/font/google';
+import {
+  BlankExperienceContentType,
+  initContentTypeRegistry,
+} from '@optimizely/cms-sdk';
+import { initReactComponentRegistry } from '@optimizely/cms-sdk/react/server';
+
+import './globals.css';
+import Teaser, { TeaserContentType } from '@/components/base/Teaser';
+import Editorial, { EditorialContentType } from '@/components/base/Editorial';
+import Contact, { ContactContentType } from '@/components/base/Contact';
+import Start, { StartContentType } from '@/components/Start';
+import Product, { ProductContentType } from '@/components/Product';
+import Standard, { StandardContentType } from '@/components/Standard';
+import Notice, { NoticeContentType } from '@/components/base/Notice';
+import News, { NewsContentType } from '@/components/News';
+import Article, { ArticleContentType } from '@/components/base/Article';
+import BlankSection from '@/components/base/BlankSection';
+import { SEOContentType } from '@/components/base/SEO';
+import Button, { ButtonContentType } from '@/components/base/Button';
+
+const geistSans = Geist({
+  variable: '--font-geist-sans',
+  subsets: ['latin'],
+});
+
+const geistMono = Geist_Mono({
+  variable: '--font-geist-mono',
+  subsets: ['latin'],
+});
+
+export const metadata: Metadata = {
+  title: 'Create Next App',
+  description: 'Generated by create next app',
+};
+
+initContentTypeRegistry([
+  ArticleContentType,
+  BlankExperienceContentType,
+  ContactContentType,
+  EditorialContentType,
+  NewsContentType,
+  NoticeContentType,
+  ProductContentType,
+  StartContentType,
+  TeaserContentType,
+  StandardContentType,
+  SEOContentType,
+  ButtonContentType,
+]);
+
+initReactComponentRegistry({
+  resolver: {
+    Article,
+    Contact,
+    Editorial,
+    News,
+    Notice,
+    Product,
+    Standard,
+    Start,
+    Teaser,
+    BlankSection,
+    Button,
+  },
+});
+
+export default async function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        {children}
+      </body>
+    </html>
+  );
+}
diff --git a/templates/alloy-template/src/app/page.tsx b/templates/alloy-template/src/app/page.tsx
new file mode 100644
index 00000000..6ff53738
--- /dev/null
+++ b/templates/alloy-template/src/app/page.tsx
@@ -0,0 +1,3 @@
+export default function Home() {
+  return <></>;
+}
diff --git a/templates/alloy-template/src/app/preview/page.tsx b/templates/alloy-template/src/app/preview/page.tsx
new file mode 100644
index 00000000..b7d009de
--- /dev/null
+++ b/templates/alloy-template/src/app/preview/page.tsx
@@ -0,0 +1,35 @@
+import { GraphClient, type PreviewParams } from '@optimizely/cms-sdk';
+import { OptimizelyComponent } from '@optimizely/cms-sdk/react/server';
+import { PreviewComponent } from '@optimizely/cms-sdk/react/client';
+import Script from 'next/script';
+
+type Props = {
+  searchParams: Promise<{ [key: string]: string | string[] | undefined }>;
+};
+
+export default async function Page({ searchParams }: Props) {
+  const client = new GraphClient(process.env.OPTIMIZELY_GRAPH_SINGLE_KEY!, {
+    graphUrl: process.env.OPTIMIZELY_GRAPH_URL,
+  });
+
+  const response = await client
+    .getPreviewContent(
+      // TODO: check types in runtime properly
+      (await searchParams) as PreviewParams
+    )
+    .catch((err) => {
+      console.log(err.errors);
+      console.log(err.request?.query);
+      throw err;
+    });
+
+  return (
+    <>
+      <Script
+        src={`${process.env.OPTIMIZELY_CMS_URL}/util/javascript/communicationinjector.js`}
+      ></Script>
+      <PreviewComponent />
+      <OptimizelyComponent opti={response} />
+    </>
+  );
+}
diff --git a/templates/alloy-template/src/components/News.tsx b/templates/alloy-template/src/components/News.tsx
new file mode 100644
index 00000000..24e4c2ae
--- /dev/null
+++ b/templates/alloy-template/src/components/News.tsx
@@ -0,0 +1,90 @@
+import { contentType, Infer } from '@optimizely/cms-sdk';
+import { RichText } from '@optimizely/cms-sdk/react/richText';
+import {
+  ComponentContainerProps,
+  getPreviewUtils,
+  OptimizelyExperience,
+} from '@optimizely/cms-sdk/react/server';
+import { StandardContentType } from './Standard';
+import { SEOContentType } from './base/SEO';
+
+export const NewsContentType = contentType({
+  key: 'News',
+  displayName: 'News Page',
+  baseType: '_experience',
+  mayContainTypes: [StandardContentType],
+  properties: {
+    image: {
+      type: 'contentReference',
+      displayName: 'Teaser Image',
+    },
+    title: {
+      type: 'string',
+      displayName: 'Teaser Text',
+    },
+    description: {
+      type: 'string',
+      displayName: 'Description',
+    },
+    main_body: {
+      type: 'richText',
+      displayName: 'Main Body',
+    },
+    seo_properties: {
+      type: 'component',
+      contentType: SEOContentType,
+      displayName: 'SEO',
+    },
+  },
+});
+
+type NewsPageProps = {
+  opti: Infer<typeof NewsContentType>;
+};
+
+function ComponentWrapper({ children, node }: ComponentContainerProps) {
+  const { pa } = getPreviewUtils(node);
+  return <div {...pa(node)}>{children}</div>;
+}
+
+function News({ opti }: NewsPageProps) {
+  const { pa } = getPreviewUtils(opti);
+  return (
+    <main className="min-h-screen bg-white">
+      <div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
+        <div className="grid grid-cols-1 gap-8 lg:grid-cols-[1fr_320px]">
+          {/* Main Content */}
+          <div className="space-y-8">
+            {/* Heading and Description */}
+            <div className="space-y-4">
+              <h1
+                {...pa('title')}
+                className="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl"
+              >
+                {opti.title}
+              </h1>
+              <p
+                {...pa('description')}
+                className="text-lg leading-relaxed text-gray-700"
+              >
+                {opti.description}
+              </p>
+            </div>
+
+            {/* Main Body Content */}
+            <div className="space-y-6">
+              <RichText {...pa('main_body')} content={opti.main_body?.json} />
+            </div>
+          </div>
+
+          <OptimizelyExperience
+            nodes={opti.composition.nodes ?? []}
+            ComponentWrapper={ComponentWrapper}
+          />
+        </div>
+      </div>
+    </main>
+  );
+}
+
+export default News;
diff --git a/templates/alloy-template/src/components/Product.tsx b/templates/alloy-template/src/components/Product.tsx
new file mode 100644
index 00000000..d175fea5
--- /dev/null
+++ b/templates/alloy-template/src/components/Product.tsx
@@ -0,0 +1,103 @@
+import { contentType, Infer } from '@optimizely/cms-sdk';
+import { RichText } from '@optimizely/cms-sdk/react/richText';
+import {
+  ComponentContainerProps,
+  getPreviewUtils,
+  OptimizelyComponent,
+  OptimizelyExperience,
+} from '@optimizely/cms-sdk/react/server';
+import { SEOContentType } from './base/SEO';
+
+export const ProductContentType = contentType({
+  key: 'Product',
+  displayName: 'Product Page',
+  baseType: '_experience',
+  properties: {
+    heading: {
+      type: 'string',
+      displayName: 'Heading',
+    },
+    description: {
+      type: 'string',
+      displayName: 'Description',
+    },
+    main_body: {
+      type: 'richText',
+      displayName: 'Main Body',
+    },
+    title: {
+      type: 'string',
+      displayName: 'Title',
+    },
+    content_area: {
+      type: 'array',
+      items: {
+        type: 'content',
+      },
+      displayName: 'Content Area',
+    },
+    seo_properties: {
+      type: 'component',
+      contentType: SEOContentType,
+      displayName: 'SEO',
+    },
+  },
+});
+
+type ProductProps = {
+  opti: Infer<typeof ProductContentType>;
+};
+
+function ComponentWrapper({ children, node }: ComponentContainerProps) {
+  const { pa } = getPreviewUtils(node);
+  return <div {...pa(node)}>{children}</div>;
+}
+
+function Product({ opti }: ProductProps) {
+  const { pa } = getPreviewUtils(opti);
+
+  return (
+    <main className="min-h-screen bg-white">
+      <div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
+        <div className="grid grid-cols-1 gap-8 lg:grid-cols-[1fr_320px]">
+          {/* Main Content */}
+          <div className="space-y-8">
+            {/* Heading and Description */}
+            <div className="space-y-4">
+              <h1
+                {...pa('heading')}
+                className="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl"
+              >
+                {opti.heading}
+              </h1>
+              <p
+                {...pa('description')}
+                className="text-lg leading-relaxed text-gray-700"
+              >
+                {opti.description}
+              </p>
+            </div>
+
+            {/* Main Body Content */}
+            <div className="space-y-6">
+              <RichText {...pa('main_body')} content={opti.main_body?.json} />
+            </div>
+          </div>
+
+          {/* Sidebar */}
+          <div {...pa('content_area')} className="space-y-8">
+            {opti.content_area?.map((contentItem, index) => {
+              return <OptimizelyComponent key={index} opti={contentItem} />;
+            })}
+          </div>
+          <OptimizelyExperience
+            nodes={opti.composition.nodes ?? []}
+            ComponentWrapper={ComponentWrapper}
+          />
+        </div>
+      </div>
+    </main>
+  );
+}
+
+export default Product;
diff --git a/templates/alloy-template/src/components/Standard.tsx b/templates/alloy-template/src/components/Standard.tsx
new file mode 100644
index 00000000..ccaa5221
--- /dev/null
+++ b/templates/alloy-template/src/components/Standard.tsx
@@ -0,0 +1,92 @@
+import { contentType, Infer } from '@optimizely/cms-sdk';
+import { RichText } from '@optimizely/cms-sdk/react/richText';
+import {
+  ComponentContainerProps,
+  getPreviewUtils,
+  OptimizelyExperience,
+} from '@optimizely/cms-sdk/react/server';
+import { SEOContentType } from './base/SEO';
+
+export const StandardContentType = contentType({
+  key: 'Standard',
+  displayName: 'Standard Page',
+  baseType: '_experience',
+  mayContainTypes: ['_self', 'News'], // Passed 'News' as a string to avoid circular dependency
+  properties: {
+    image: {
+      type: 'contentReference',
+      allowedTypes: ['_image'],
+      displayName: 'Teaser Image',
+    },
+    heading: {
+      type: 'string',
+      displayName: 'Teaser Text',
+    },
+    description: {
+      type: 'string',
+      displayName: 'Description',
+    },
+    main_body: {
+      type: 'richText',
+      displayName: 'Main Body',
+    },
+    seo_properties: {
+      type: 'component',
+      contentType: SEOContentType,
+      displayName: 'SEO',
+    },
+  },
+});
+
+type StandardPageProps = {
+  opti: Infer<typeof StandardContentType>;
+};
+
+function ComponentWrapper({ children, node }: ComponentContainerProps) {
+  const { pa } = getPreviewUtils(node);
+  return <div {...pa(node)}>{children}</div>;
+}
+
+function Standard({ opti }: StandardPageProps) {
+  const { pa } = getPreviewUtils(opti);
+  return (
+    <main className="min-h-screen bg-white">
+      <div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
+        <div className="grid grid-cols-1 gap-8 lg:grid-cols-[1fr_320px]">
+          {/* Main Content */}
+          <div className="space-y-8">
+            {/* Heading and Description */}
+            <div className="space-y-4">
+              <h1
+                {...pa('title')}
+                className="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl"
+              >
+                {opti.heading}
+              </h1>
+              <p
+                {...pa('description')}
+                className="text-lg leading-relaxed text-gray-700"
+              >
+                {opti.description}
+              </p>
+            </div>
+
+            {/* Main Body Content */}
+            <div className="space-y-6">
+              <RichText {...pa('main_body')} content={opti.main_body?.json} />
+            </div>
+          </div>
+        </div>
+      </div>
+      {/* section Area */}
+      <div className="">
+        <OptimizelyExperience
+          nodes={opti.composition.nodes ?? []}
+          ComponentWrapper={ComponentWrapper}
+        />
+      </div>
+    </main>
+  );
+}
+
+export default Standard;
diff --git a/templates/alloy-template/src/components/Start.tsx b/templates/alloy-template/src/components/Start.tsx
new file mode 100644
index 00000000..0db8b7b4
--- /dev/null
+++ b/templates/alloy-template/src/components/Start.tsx
@@ -0,0 +1,168 @@
+import { contentType, Infer } from '@optimizely/cms-sdk';
+import {
+  ComponentContainerProps,
+  getPreviewUtils,
+  OptimizelyComponent,
+  OptimizelyExperience,
+} from '@optimizely/cms-sdk/react/server';
+import { ProductContentType } from './Product';
+import { StandardContentType } from './Standard';
+import { SEOContentType } from './base/SEO';
+import { ButtonContentType } from './base/Button';
+
+export const StartContentType = contentType({
+  key: 'Start',
+  displayName: 'Start Page',
+  baseType: '_experience',
+  mayContainTypes: [StandardContentType, ProductContentType],
+  description:
+    'The StartPage content type represents the start page of the website.',
+  properties: {
+    // Content group
+    image: {
+      type: 'contentReference',
+      allowedTypes: ['_image'],
+      displayName: 'Teaser Image',
+      group: 'Information',
+    },
+    title: {
+      type: 'string',
+      displayName: 'Teaser Title',
+      group: 'Information',
+    },
+    description: {
+      type: 'string',
+      displayName: 'Description',
+      group: 'Information',
+    },
+    button: {
+      type: 'component',
+      contentType: ButtonContentType,
+      displayName: 'Button',
+      group: 'Information',
+    },
+
+    // Settings group
+    hide_site_header: {
+      type: 'boolean',
+      displayName: 'Hide Site Header',
+      group: 'Advanced',
+    },
+    hide_site_footer: {
+      type: 'boolean',
+      displayName: 'Hide Site Footer',
+      group: 'Advanced',
+    },
+    // siteSettings group
+    contact_pages: {
+      type: 'contentReference',
+      allowedTypes: ['_page'],
+      displayName: 'Contact Pages',
+    },
+    global_news: {
+      type: 'contentReference',
+      allowedTypes: ['_page'],
+      displayName: 'Global News',
+      group: 'SiteSettings',
+    },
+    search_page: {
+      type: 'contentReference',
+      allowedTypes: ['_page'],
+      displayName: 'Search Page',
+      group: 'SiteSettings',
+    },
+    logo_type: {
+      type: 'contentReference',
+      allowedTypes: ['_page'],
+      displayName: 'Logo Type',
+      group: 'SiteSettings',
+    },
+    products: {
+      type: 'array',
+      items: {
+        type: 'link',
+      },
+      displayName: 'Products',
+      group: 'SiteSettings',
+    },
+    company_information: {
+      type: 'array',
+      items: {
+        type: 'link',
+      },
+      displayName: 'Company Information',
+      group: 'SiteSettings',
+    },
+    local_news: {
+      type: 'array',
+      items: {
+        type: 'link',
+      },
+      displayName: 'Local News',
+      group: 'SiteSettings',
+    },
+    customer_zone: {
+      type: 'array',
+      items: {
+        type: 'link',
+      },
+      displayName: 'Customer Zone',
+      group: 'SiteSettings',
+    },
+    seo_properties: {
+      type: 'component',
+      contentType: SEOContentType,
+      displayName: 'SEO',
+    },
+  },
+});
+
+type StartProps = {
+  opti: Infer<typeof StartContentType>;
+};
+
+function ComponentWrapper({ children, node }: ComponentContainerProps) {
+  const { pa } = getPreviewUtils(node);
+  return <div {...pa(node)}>{children}</div>;
+}
+
+function Start({ opti }: StartProps) {
+  return (
+    <>
+      <div
+        style={{ backgroundImage: `url(${opti.image?.url.default})` }}
+        className="relative h-[60vh] w-full flex items-center bg-cover bg-center rounded-sm"
+      >
+        {/* Dark overlay for better text readability */}
+        <div className="absolute inset-0 bg-black/40" />
+
+        {/* Content */}
+        <div className="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full">
+          <div className="max-w-3xl">
+            {/* Large Heading */}
+            <h1 className="text-5xl md:text-6xl lg:text-7xl font-bold text-white mb-6 leading-tight tracking-tight">
+              {opti.title}
+            </h1>
+
+            {/* Description */}
+            {opti.description && (
+              <p className="text-lg md:text-xl text-white mb-8 leading-relaxed max-w-2xl font-light">
+                {opti.description}
+              </p>
+            )}
+            {/* Button */}
+            <OptimizelyComponent opti={opti} />
+          </div>
+        </div>
+      </div>
+      <div className="my-5">
+        <OptimizelyExperience
+          nodes={opti.composition.nodes ?? []}
+          ComponentWrapper={ComponentWrapper}
+        />
+      </div>
+    </>
+  );
+}
+
+export default Start;
diff --git a/templates/alloy-template/src/components/base/Article.tsx b/templates/alloy-template/src/components/base/Article.tsx
new file mode 100644
index 00000000..4250e204
--- /dev/null
+++ b/templates/alloy-template/src/components/base/Article.tsx
@@ -0,0 +1,43 @@
+import { contentType, Infer } from '@optimizely/cms-sdk';
+import { RichText } from '@optimizely/cms-sdk/react/richText';
+import { getPreviewUtils } from '@optimizely/cms-sdk/react/server';
+
+export const ArticleContentType = contentType({
+  key: 'Article',
+  displayName: 'Article',
+  baseType: '_component',
+  properties: {
+    title: {
+      type: 'string',
+      displayName: 'Article Title',
+    },
+    description: {
+      type: 'string',
+      displayName: 'Article Description',
+    },
+    body: {
+      type: 'richText',
+      displayName: 'Article Body',
+    },
+  },
+  compositionBehaviors: ['elementEnabled'],
+});
+
+type ArticlePageProps = {
+  opti: Infer<typeof ArticleContentType>;
+};
+
+function Article({ opti }: ArticlePageProps) {
+  const { pa } = getPreviewUtils(opti);
+  return (
+    <div>
+      <h1 {...pa('title')}>{opti.title}</h1>
+      <p {...pa('description')}>{opti.description}</p>
+      <div>
+        <RichText {...pa('body')} content={opti.body?.json} />
+      </div>
+    </div>
+  );
+}
+
+export default Article;
diff --git a/templates/alloy-template/src/components/base/BlankSection.tsx b/templates/alloy-template/src/components/base/BlankSection.tsx
new file mode 100644
index 00000000..411530b2
--- /dev/null
+++ b/templates/alloy-template/src/components/base/BlankSection.tsx
@@ -0,0 +1,28 @@
+import { BlankSectionContentType, Infer } from '@optimizely/cms-sdk';
+import {
+  OptimizelyGridSection,
+  StructureContainerProps,
+  getPreviewUtils,
+} from '@optimizely/cms-sdk/react/server';
+
+type BlankSectionProps = {
+  opti: Infer<typeof BlankSectionContentType>;
+};
+
+function Row({ children }: StructureContainerProps) {
+  return <div className="flex flex-wrap my-4">{children}</div>;
+}
+
+function Column({ children }: StructureContainerProps) {
+  return <div className="flex-1 mx-2">{children}</div>;
+}
+
+/** Defines a component to render a blank section */
+export default function BlankSection({ opti }: BlankSectionProps) {
+  const { pa } = getPreviewUtils(opti);
+  return (
+    <section {...pa(opti)}>
+      <OptimizelyGridSection nodes={opti.nodes} row={Row} column={Column} />
+    </section>
+  );
+}
diff --git a/templates/alloy-template/src/components/base/Button.tsx b/templates/alloy-template/src/components/base/Button.tsx
new file mode 100644
index 00000000..7173f508
--- /dev/null
+++ b/templates/alloy-template/src/components/base/Button.tsx
@@ -0,0 +1,39 @@
+import { contentType, Infer } from '@optimizely/cms-sdk';
+
+export const ButtonContentType = contentType({
+  key: 'Button',
+  displayName: 'Button',
+  baseType: '_component',
+  description:
+    'The Button content type represents a button component on the website.',
+  properties: {
+    link: {
+      type: 'url',
+      displayName: 'Button Link',
+      group: 'Information',
+    },
+    text: {
+      type: 'string',
+      displayName: 'Button Text',
+      group: 'Information',
+    },
+  },
+  compositionBehaviors: ['elementEnabled'],
+});
+
+type ButtonProps = {
+  opti: Infer<typeof ButtonContentType>;
+};
+
+function Button({ opti }: ButtonProps) {
+  return (
+    <a
+      href={opti?.link?.default ?? undefined}
+      className="inline-block bg-teal-500 hover:bg-teal-600 text-white font-medium py-3 px-8 rounded-md transition-colors duration-200 text-base"
+    >
+      {opti.text}
+    </a>
+  );
+}
+
+export default Button;
diff --git a/templates/alloy-template/src/components/base/Contact.tsx b/templates/alloy-template/src/components/base/Contact.tsx
new file mode 100644
index 00000000..87452a3b
--- /dev/null
+++ b/templates/alloy-template/src/components/base/Contact.tsx
@@ -0,0 +1,80 @@
+import React from 'react';
+import { contentType, Infer } from '@optimizely/cms-sdk';
+
+export const ContactContentType = contentType({
+  key: 'Contact',
+  displayName: 'Contact',
+  baseType: '_component',
+  properties: {
+    image: {
+      type: 'contentReference',
+      allowedTypes: ['_image'],
+      displayName: 'Image',
+    },
+    name: {
+      type: 'string',
+      displayName: 'Name',
+    },
+    description: {
+      type: 'string',
+      displayName: 'Description',
+    },
+    phone: {
+      type: 'string',
+      displayName: 'Phone',
+    },
+    email: {
+      type: 'string',
+      displayName: 'Email',
+    },
+  },
+  compositionBehaviors: ['elementEnabled'],
+});
+
+export type ContactProps = {
+  opti: Infer<typeof ContactContentType>;
+};
+
+function Contact({ opti }: ContactProps) {
+  return (
+    <div className="bg-white rounded-lg shadow-lg p-6 max-w-md">
+      {opti.image?.url.default && (
+        <div className="mb-4">
+          <img
+            src={opti.image?.url.default}
+            alt={`${opti.name}'s Image`}
+            className="w-full h-64 object-cover rounded-lg"
+          />
+        </div>
+      )}
+      <div className="space-y-3">
+        <h3 className="text-2xl font-bold text-gray-900 uppercase tracking-wide">
+          {opti.name}
+        </h3>
+        <p className="text-gray-700 text-base leading-relaxed">
+          {opti.description}
+        </p>
+        <div className="space-y-2 pt-2">
+          {opti.email && (
+            <a
+              href={`mailto:${opti.email}`}
+              className="text-teal-600 hover:text-teal-700 font-medium block transition-colors"
+            >
+              {opti.email}
+            </a>
+          )}
+          {opti.phone && (
+            <a
+              href={`tel:${opti.phone}`}
+              className="text-teal-600 hover:text-teal-700 font-medium block transition-colors"
+            >
+              {opti.phone}
+            </a>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Contact;
diff --git a/templates/alloy-template/src/components/base/Editorial.tsx b/templates/alloy-template/src/components/base/Editorial.tsx
new file mode 100644
index 00000000..9ea3acc6
--- /dev/null
+++ b/templates/alloy-template/src/components/base/Editorial.tsx
@@ -0,0 +1,29 @@
+import { contentType, Infer } from '@optimizely/cms-sdk';
+import { RichText } from '@optimizely/cms-sdk/react/richText';
+
+export const EditorialContentType = contentType({
+  key: 'Editorial',
+  displayName: 'Editorial',
+  baseType: '_component',
+  properties: {
+    main_body: {
+      type: 'richText',
+      displayName: 'Main Body',
+    },
+  },
+  compositionBehaviors: ['elementEnabled'],
+});
+
+type EditorialProps = {
+  opti: Infer<typeof EditorialContentType>;
+};
+
+function Editorial({ opti }: EditorialProps) {
+  return (
+    <>
+      <RichText content={opti.main_body?.json} />
+    </>
+  );
+}
+
+export default Editorial;
diff --git a/templates/alloy-template/src/components/base/Footer.tsx b/templates/alloy-template/src/components/base/Footer.tsx
new file mode 100644
index 00000000..ba0735f8
--- /dev/null
+++ b/templates/alloy-template/src/components/base/Footer.tsx
@@ -0,0 +1,81 @@
+interface FooterLink {
+  label: string;
+  href: string;
+}
+
+interface FooterSection {
+  title: string;
+  links: FooterLink[];
+}
+
+interface FooterProps {
+  sections?: FooterSection[];
+  currentPath?: string;
+}
+
+const defaultSections: FooterSection[] = [
+  {
+    title: 'PRODUCTS',
+    links: [
+      { label: 'Alloy Plan', href: '/en/alloy-plan' },
+      { label: 'Alloy Track', href: '/en/alloy-track' },
+      { label: 'Alloy Meet', href: '/en/alloy-meet' },
+    ],
+  },
+  {
+    title: 'THE COMPANY',
+    links: [
+      { label: 'History', href: '/en/history' },
+      { label: 'News & Events', href: '/en/news' },
+      { label: 'Management', href: '/en/management' },
+      { label: 'Contact us', href: '/en/contact' },
+      { label: 'Become a reseller', href: '/en/reseller' },
+    ],
+  },
+  {
+    title: 'NEWS & EVENTS',
+    links: [
+      { label: 'Events', href: '/en/events' },
+      { label: 'Press Releases', href: '/en/press' },
+    ],
+  },
+  {
+    title: 'CUSTOMER ZONE',
+    links: [
+      { label: 'Reseller extranet', href: '/en/reseller-extranet' },
+      { label: 'Log out', href: '/en/logout' },
+    ],
+  },
+];
+
+function Footer({ sections = defaultSections, currentPath }: FooterProps) {
+  return (
+    <footer className="bg-gray-800 text-white">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+          {sections.map((section, index) => (
+            <div key={index} className="space-y-4">
+              <h3 className="text-sm font-bold uppercase tracking-wider text-white">
+                {section.title}
+              </h3>
+              <ul className="space-y-2">
+                {section.links.map((link, linkIndex) => (
+                  <li key={linkIndex}>
+                    <a
+                      href={link.href}
+                      className="text-teal-400 hover:text-teal-300 transition-colors duration-200 text-sm"
+                    >
+                      {link.label}
+                    </a>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          ))}
+        </div>
+      </div>
+    </footer>
+  );
+}
+
+export default Footer;
diff --git a/templates/alloy-template/src/components/base/Header.tsx b/templates/alloy-template/src/components/base/Header.tsx
new file mode 100644
index 00000000..98c948c5
--- /dev/null
+++ b/templates/alloy-template/src/components/base/Header.tsx
@@ -0,0 +1,124 @@
+import Link from 'next/link';
+
+interface NavigationItem {
+  label: string;
+  href: string;
+}
+
+interface HeaderProps {
+  currentPath: any;
+  navigationItems?: NavigationItem[];
+  logoText?: string;
+}
+
+const defaultNavigationItems: NavigationItem[] = [
+  { label: 'ALLOY PLAN', href: '/en/alloy-plan' },
+  { label: 'ALLOY TRACK', href: '/en/alloy-track' },
+  { label: 'ALLOY MEET', href: '/en/alloy-meet' },
+  { label: 'ABOUT US', href: '/en/about-us' },
+];
+
+async function Header({
+  currentPath,
+  navigationItems = defaultNavigationItems,
+}: HeaderProps) {
+  const ancestors = currentPath?.ancestors || [];
+
+  // Filter out the start page (first item) and create breadcrumbs
+  const breadcrumbs = ancestors.slice(1).map((ancestor: any) => ({
+    label: ancestor._metadata.displayName,
+    href: ancestor._metadata.url.hierarchical,
+  }));
+
+  return (
+    <>
+      <header className="bg-gray-100 border-b border-gray-200">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="flex items-center justify-between h-28">
+            {/* Navigation */}
+            <nav className="hidden md:flex md:items-center md:space-x-8">
+              <div className="flex-shrink-0">
+                {/* Logo */}
+                <img src="/logo.png" alt="Logo" className="h-14 w-14" />
+              </div>
+              <div className="flex items-center space-x-8">
+                {navigationItems.map((item, index) => (
+                  <a
+                    key={index}
+                    href={item.href}
+                    className="text-gray-700 hover:text-teal-600 transition-colors duration-200 text-lg font-extrabold uppercase tracking-wide"
+                  >
+                    {item.label}
+                  </a>
+                ))}
+              </div>
+            </nav>
+
+            {/* Mobile menu button */}
+            <div className="md:hidden">
+              <button
+                type="button"
+                className="text-gray-700 hover:text-teal-600 focus:outline-none focus:text-teal-600"
+                aria-label="Open menu"
+              >
+                <svg
+                  className="h-6 w-6"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M4 6h16M4 12h16M4 18h16"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+        </div>
+      </header>
+
+      {/* Breadcrumbs */}
+      {breadcrumbs.length > 0 && (
+        <nav
+          className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"
+          aria-label="Breadcrumb"
+        >
+          <ol className="flex items-center space-x-1">
+            <li>
+              <Link
+                href={ancestors[0]?._metadata?.url?.hierarchical || '/'}
+                className="text-[#1cb898] hover:text-gray-700"
+              >
+                Home
+              </Link>
+            </li>
+            {breadcrumbs.map(
+              (crumb: { label: string; href: string }, index: number) => (
+                <li key={index} className="flex items-center">
+                  <span className="text-gray-400 mx-1">/</span>
+                  {index === breadcrumbs.length - 1 ? (
+                    <span className="text-gray-700 font-medium">
+                      {crumb.label}
+                    </span>
+                  ) : (
+                    <Link
+                      href={crumb.href}
+                      className="text-gray-500 hover:text-gray-700"
+                    >
+                      {crumb.label}
+                    </Link>
+                  )}
+                </li>
+              )
+            )}
+          </ol>
+        </nav>
+      )}
+    </>
+  );
+}
+
+export default Header;
diff --git a/templates/alloy-template/src/components/base/Notice.tsx b/templates/alloy-template/src/components/base/Notice.tsx
new file mode 100644
index 00000000..1e98006d
--- /dev/null
+++ b/templates/alloy-template/src/components/base/Notice.tsx
@@ -0,0 +1,75 @@
+import { contentType, displayTemplate, Infer } from '@optimizely/cms-sdk';
+import { getPreviewUtils } from '@optimizely/cms-sdk/react/server';
+import { cn } from '../../util/merge';
+
+export const NoticeContentType = contentType({
+  key: 'Notice',
+  displayName: 'Notice',
+  baseType: '_component',
+  properties: {
+    title: {
+      type: 'string',
+      displayName: 'Notice Title',
+    },
+    points: {
+      type: 'array',
+      items: {
+        type: 'string',
+      },
+      displayName: 'Points',
+    },
+  },
+  compositionBehaviors: ['elementEnabled'],
+});
+
+// Display Template for Notice component color
+export const NoticeDisplayTemplate = displayTemplate({
+  key: 'NoticeDisplayTemplate',
+  isDefault: false,
+  displayName: 'NoticeDisplayTemplate',
+  baseType: '_component',
+  settings: {
+    color: {
+      editor: 'select',
+      displayName: 'Notice Background Color',
+      sortOrder: 0,
+      choices: {
+        green: {
+          displayName: 'Green',
+          sortOrder: 1,
+        },
+        orange: {
+          displayName: 'Orange',
+          sortOrder: 2,
+        },
+      },
+    },
+  },
+});
+
+type NoticeProps = {
+  opti: Infer<typeof NoticeContentType>;
+  displaySettings?: Record<string, string>;
+};
+
+function Notice({ opti, displaySettings }: NoticeProps) {
+  const { pa } = getPreviewUtils(opti);
+  const bgColor =
+    displaySettings?.color === 'green' ? 'bg-[#1cb898]' : 'bg-[#ff944f]';
+  return (
+    <div className={cn('rounded-lg bg-teal-500 p-6 text-white', bgColor)}>
+      <h3 className="mb-4 text-xl font-bold" {...pa('title')}>
+        {opti.title}
+      </h3>
+      <ul className="space-y-2" {...pa('points')}>
+        {opti.points?.map((item, itemIndex) => (
+          <li key={itemIndex} className="text-sm leading-relaxed">
+            {item}
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+
+export default Notice;
diff --git a/templates/alloy-template/src/components/base/SEO.tsx b/templates/alloy-template/src/components/base/SEO.tsx
new file mode 100644
index 00000000..dfbc69b3
--- /dev/null
+++ b/templates/alloy-template/src/components/base/SEO.tsx
@@ -0,0 +1,32 @@
+import { contentType } from '@optimizely/cms-sdk';
+
+export const SEOContentType = contentType({
+  key: 'SEO',
+  displayName: 'SEO Properties',
+  baseType: '_component',
+  properties: {
+    site_title: {
+      type: 'string',
+      displayName: 'Title',
+      group: 'SEO',
+    },
+    keywords: {
+      type: 'array',
+      items: {
+        type: 'string',
+      },
+      displayName: 'Keywords',
+      group: 'SEO',
+    },
+    page_description: {
+      type: 'string',
+      displayName: 'Page Description',
+      group: 'SEO',
+    },
+    disable_indexing: {
+      type: 'boolean',
+      displayName: 'Disable Indexing',
+      group: 'SEO',
+    },
+  },
+});
diff --git a/templates/alloy-template/src/components/base/Teaser.tsx b/templates/alloy-template/src/components/base/Teaser.tsx
new file mode 100644
index 00000000..840d57d0
--- /dev/null
+++ b/templates/alloy-template/src/components/base/Teaser.tsx
@@ -0,0 +1,126 @@
+import { contentType, displayTemplate, Infer } from '@optimizely/cms-sdk';
+import Link from 'next/link';
+
+export const TeaserContentType = contentType({
+  key: 'Teaser',
+  displayName: 'Teaser',
+  baseType: '_component',
+  properties: {
+    heading: {
+      type: 'string',
+      displayName: 'Heading',
+    },
+    text: {
+      type: 'string',
+      displayName: 'Text',
+    },
+    image: {
+      type: 'contentReference',
+      allowedTypes: ['_image'],
+      displayName: 'Image',
+    },
+    link: {
+      type: 'url',
+      displayName: 'Link',
+    },
+  },
+  compositionBehaviors: ['elementEnabled'],
+});
+
+// Display Template for Teaser component orientation
+export const TeaserDisplayTemplate = displayTemplate({
+  key: 'TeaserDisplayTemplate',
+  isDefault: false,
+  displayName: 'TeaserDisplayTemplate',
+  baseType: '_component',
+  settings: {
+    orientation: {
+      editor: 'select',
+      displayName: 'Teaser Orientation',
+      sortOrder: 0,
+      choices: {
+        vertical: {
+          displayName: 'Vertical',
+          sortOrder: 1,
+        },
+        horizontal: {
+          displayName: 'Horizontal',
+          sortOrder: 2,
+        },
+      },
+    },
+  },
+});
+
+type TeaserProps = {
+  opti: Infer<typeof TeaserContentType>;
+  displaySettings?: Record<string, string>;
+};
+
+function Teaser({ opti, displaySettings }: TeaserProps) {
+  // Helper function to wrap content with link if available
+  const wrapWithLink = (content: React.ReactNode) => {
+    if (opti.link?.default) {
+      return (
+        <Link href={opti.link.default} className="cursor-pointer">
+          {content}
+        </Link>
+      );
+    }
+    return content;
+  };
+
+  // Horizontal layout
+  if (displaySettings?.orientation === 'horizontal') {
+    const content = (
+      <div className="max-w-4xl mx-auto bg-white rounded-lg shadow-sm overflow-hidden">
+        <div className="flex flex-col md:flex-row">
+          {opti.image?.url.default && (
+            <div className="md:w-1/2 h-64 md:h-auto overflow-hidden">
+              <img
+                src={opti.image?.url.default}
+                alt="teaser_image"
+                className="w-full h-full object-cover"
+              />
+            </div>
+          )}
+          <div className="md:w-1/2 p-8 flex flex-col justify-center">
+            <h2 className="text-2xl font-bold text-gray-900 mb-4 uppercase tracking-wide">
+              {opti.heading}
+            </h2>
+            <blockquote className="text-gray-700 text-base leading-relaxed mb-4 italic">
+              "{opti.text}"
+            </blockquote>
+          </div>
+        </div>
+      </div>
+    );
+
+    return wrapWithLink(content);
+  }
+
+  // Vertical layout (default)
+  const verticalContent = (
+    <div className="max-w-lg mx-auto bg-white rounded-lg shadow-sm overflow-hidden">
+      {opti.image?.url.default && (
+        <div className="h-48 w-full overflow-hidden">
+          <img
+            src={opti.image?.url.default}
+            alt="teaser_image"
+            className="w-full h-full object-cover"
+          />
+        </div>
+      )}
+      <div className="p-6 text-center">
+        <h2 className="text-xl font-bold text-gray-900 mb-3 uppercase tracking-wide">
+          {opti.heading}
+        </h2>
+        <p className="text-gray-600 text-sm leading-relaxed">{opti.text}</p>
+      </div>
+    </div>
+  );
+
+  return wrapWithLink(verticalContent);
+}
+
+export default Teaser;
diff --git a/templates/alloy-template/src/util/merge.ts b/templates/alloy-template/src/util/merge.ts
new file mode 100644
index 00000000..87281700
--- /dev/null
+++ b/templates/alloy-template/src/util/merge.ts
@@ -0,0 +1,11 @@
+import { ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+/**
+ * Combines clsx and tailwind-merge for optimal class merging.
+ * @param inputs - Class names or conditional class values.
+ * @returns A single string with merged class names.
+ */
+export const cn = (...inputs: ClassValue[]): string => {
+  return twMerge(clsx(inputs));
+};
diff --git a/templates/alloy-template/tsconfig.json b/templates/alloy-template/tsconfig.json
new file mode 100644
index 00000000..c1334095
--- /dev/null
+++ b/templates/alloy-template/tsconfig.json
@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}