SEO/AEO

src/app/(marketing)/layout.tsx

@@ -4,7 +4,7 @@ import React, { useState } from 'react';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { Button } from '@/components/ui/Button';
-import { useTranslation } from '@/hooks/useTranslation';
+import en from '@/i18n/en.json';
 
 export default function MarketingLayout({
   children,
@@ -12,14 +12,16 @@ export default function MarketingLayout({
   children: React.ReactNode;
 }) {
   const pathname = usePathname();
-  const { t, locale, setLocale } = useTranslation();
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
 
+  // Always use English for marketing pages
+  const t = en;
+
   const navigation = [
-    { name: t('nav.features'), href: '/#features' },
-    { name: t('nav.pricing'), href: '/pricing' },
-    { name: t('nav.faq'), href: '/faq' },
-    { name: t('nav.blog'), href: '/blog' },
+    { name: t.nav.features, href: '/#features' },
+    { name: t.nav.pricing, href: '/#pricing' },
+    { name: t.nav.faq, href: '/#faq' },
+    { name: t.nav.blog, href: '/blog' },
   ];
 
   return (
@@ -49,16 +51,8 @@ export default function MarketingLayout({
 
             {/* Right Actions */}
             <div className="hidden md:flex items-center space-x-4">
-              {/* Language Switcher */}
-              <button
-                onClick={() => setLocale(locale === 'en' ? 'de' : 'en')}
-                className="text-gray-600 hover:text-gray-900 font-medium"
-              >
-                {locale === 'en' ? '🇩🇪 DE' : '🇬🇧 EN'}
-              </button>
-
               <Link href="/login">
-                <Button variant="outline">{t('nav.login')}</Button>
+                <Button variant="outline">{t.nav.login}</Button>
               </Link>
 
               <Link href="/signup">
@@ -96,7 +90,7 @@ export default function MarketingLayout({
                   </Link>
                 ))}
                 <Link href="/login" onClick={() => setMobileMenuOpen(false)}>
-                  <Button variant="outline" className="w-full">{t('nav.login')}</Button>
+                  <Button variant="outline" className="w-full">{t.nav.login}</Button>
                 </Link>
                 <Link href="/signup" onClick={() => setMobileMenuOpen(false)}>
                   <Button className="w-full">Get Started Free</Button>
@@ -128,8 +122,8 @@ export default function MarketingLayout({
               <h3 className="font-semibold mb-4">Product</h3>
               <ul className="space-y-2 text-gray-400">
                 <li><Link href="/#features" className="hover:text-white">Features</Link></li>
-                <li><Link href="/pricing" className="hover:text-white">Pricing</Link></li>
-                <li><Link href="/faq" className="hover:text-white">FAQ</Link></li>
+                <li><Link href="/#pricing" className="hover:text-white">Pricing</Link></li>
+                <li><Link href="/#faq" className="hover:text-white">FAQ</Link></li>
                 <li><Link href="/blog" className="hover:text-white">Blog</Link></li>
               </ul>
             </div>