Merge pull request #8 from multivmlabs/website-redesign

feat(website): redesign landing page with glassmorphic dark theme

Author: rubenmarcus

website/astro.config.mjs

@@ -10,9 +10,21 @@ export default defineConfig({
 			title: 'aeo.js',
 			description: 'Answer Engine Optimization for the modern web. Make your site discoverable by AI crawlers and LLMs.',
 			url: 'https://aeojs.org',
+			schema: {
+				organization: {
+					name: 'aeo.js',
+					url: 'https://aeojs.org',
+					logo: 'https://aeojs.org/og.png',
+					sameAs: [
+						'https://github.com/multivmlabs/aeo.js',
+						'https://www.npmjs.com/package/aeo.js',
+					],
+				},
+			},
 			widget: {
 				enabled: true,
 				position: 'bottom-right',
+				size: 'small',
 				showBadge: true,
 				theme: {
 					background: 'rgba(10, 10, 10, 0.95)',
@@ -25,12 +37,11 @@ export default defineConfig({
 		starlight({
 			title: 'aeo.js',
 			description: 'Answer Engine Optimization for the modern web. Make your site discoverable by AI crawlers and LLMs.',
-			social: [
-				{ icon: 'github', label: 'GitHub', href: 'https://github.com/multivmlabs/aeo.js' },
-				{ icon: 'npm', label: 'npm', href: 'https://www.npmjs.com/package/aeo.js' },
-			],
+			social: [],
 			components: {
 				Header: './src/components/Header.astro',
+				Hero: './src/components/Hero.astro',
+				Footer: './src/components/Footer.astro',
 			},
 			customCss: ['./src/styles/custom.css'],
 			head: [

website/package-lock.json

@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@astrojs/starlight": "^0.38.1",
-    "aeo.js": "^0.0.7",
+    "aeo.js": "^0.0.8",
     "astro": "^6.0.1",
     "sharp": "^0.34.2"
   }

website/package.json

@@ -0,0 +1,52 @@
+---
+import Default from '@astrojs/starlight/components/Footer.astro';
+---
+
+<Default {...Astro.props}><slot /></Default>
+
+<footer class="aeo-footer">
+  <span>Built by</span>
+  <a href="https://github.com/rubenmarcus" target="_blank" rel="noopener">rubenmarcus</a>
+  <span class="sep">&</span>
+  <a href="https://github.com/multivmlabs" target="_blank" rel="noopener">multivmlabs</a>
+</footer>
+
+<style>
+  .aeo-footer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.4rem;
+    padding: 1.5rem 1rem;
+    font-size: 0.78rem;
+    color: rgba(255, 255, 255, 0.25);
+    border-top: 1px solid rgba(255, 255, 255, 0.06);
+  }
+
+  .aeo-footer a {
+    color: rgba(255, 255, 255, 0.45);
+    text-decoration: none;
+    transition: color 0.15s ease;
+  }
+
+  .aeo-footer a:hover {
+    color: #fff;
+  }
+
+  .sep {
+    opacity: 0.4;
+  }
+
+  :global([data-theme="light"]) .aeo-footer {
+    color: rgba(0, 0, 0, 0.3);
+    border-top-color: rgba(0, 0, 0, 0.06);
+  }
+
+  :global([data-theme="light"]) .aeo-footer a {
+    color: rgba(0, 0, 0, 0.5);
+  }
+
+  :global([data-theme="light"]) .aeo-footer a:hover {
+    color: #000;
+  }
+</style>