TTikotok V4

2026-07-10 11:29:04 +02:00
parent 1a9548cf25
commit 5c48def4e1
60 changed files with 6097 additions and 1319 deletions
--- a/greenlns-landing/app/best-plant-identification-app/page.tsx
+++ b/greenlns-landing/app/best-plant-identification-app/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('best-plant-identification-app')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('best-plant-identification-app')
+export default createSeoPage('best-plant-identification-app')
--- a/greenlns-landing/app/blumen-scanner/page.tsx
+++ b/greenlns-landing/app/blumen-scanner/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('blumen-scanner')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('blumen-scanner')
+export default createSeoPage('blumen-scanner')
--- a/greenlns-landing/app/en/page.tsx
+++ b/greenlns-landing/app/en/page.tsx
@@ -0,0 +1,28 @@
+import type { Metadata } from 'next'
+import Home from '../page'
+
+export const metadata: Metadata = {
+  title: 'GreenLens - Plant Identifier & Care Planner',
+  description:
+    'Scan plants by photo, understand what they need, and keep care, reminders, and your collection in one app.',
+  alternates: {
+    canonical: '/en',
+    languages: {
+      de: '/',
+      en: '/en',
+      es: '/es',
+      'x-default': '/',
+    },
+  },
+  openGraph: {
+    title: 'GreenLens - Plant Identifier & Care Planner',
+    description:
+      'Scan plants by photo, understand what they need, and keep care, reminders, and your collection in one app.',
+    type: 'website',
+    locale: 'en_US',
+  },
+}
+
+export default function EnglishHomePage() {
+  return <Home />
+}
--- a/greenlns-landing/app/es/[slug]/page.tsx
+++ b/greenlns-landing/app/es/[slug]/page.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 import SeoCategoryPage from '@/components/SeoCategoryPage'
+import { getHreflangAlternates } from '@/lib/localeRoutes'
 import { getSpanishSeoPageBySlug, spanishSeoPageSlugs } from '@/lib/spanishSeoPages'
 import { siteConfig } from '@/lib/site'

@@ -30,7 +31,7 @@ export async function generateMetadata({ params }: SpanishSeoRouteProps): Promis
    description: profile.metaDescription,
    alternates: {
      canonical: profile.canonical,
-      languages: {
+      languages: getHreflangAlternates(profile.canonical) ?? {
        es: profile.canonical,
        'x-default': '/',
      },
--- a/greenlns-landing/app/es/page.tsx
+++ b/greenlns-landing/app/es/page.tsx
@@ -1,81 +1,30 @@
 import type { Metadata } from 'next'
-import Link from 'next/link'
-import Navbar from '@/components/Navbar'
-import Footer from '@/components/Footer'
+import Home from '../page'
 import { siteConfig } from '@/lib/site'
-import { spanishSeoPageProfiles } from '@/lib/spanishSeoPages'

 export const metadata: Metadata = {
-  title: 'GreenLens en español - Identificar y cuidar plantas',
+  title: 'GreenLens - Identificar y cuidar plantas',
  description:
-    'GreenLens en español: identifica plantas por foto, organiza cuidados, recibe recordatorios y diagnostica sintomas comunes.',
+    'GreenLens en español: identifica plantas por foto, organiza cuidados, recibe recordatorios y diagnostica síntomas comunes.',
  alternates: {
    canonical: '/es',
    languages: {
+      de: '/',
+      en: '/en',
      es: '/es',
      'x-default': '/',
    },
  },
  openGraph: {
-    title: 'GreenLens en español - Identificar y cuidar plantas',
+    title: 'GreenLens - Identificar y cuidar plantas',
    description:
-      'Identifica plantas por foto, organiza cuidados, recibe recordatorios y diagnostica sintomas comunes con GreenLens.',
+      'Identifica plantas por foto, organiza cuidados, recibe recordatorios y diagnostica síntomas comunes con GreenLens.',
    url: `${siteConfig.domain}/es`,
    type: 'website',
    locale: 'es_ES',
  },
 }

-const pages = [
-  spanishSeoPageProfiles['identificador-de-plantas'],
-  spanishSeoPageProfiles['escaner-de-plantas'],
-  spanishSeoPageProfiles['app-para-cuidar-plantas'],
-  spanishSeoPageProfiles['diagnosticar-enfermedades-plantas'],
-  spanishSeoPageProfiles['comparar-google-lens'],
-]
-
 export default function SpanishHomePage() {
-  return (
-    <>
-      <Navbar />
-      <main className="comparison-page">
-        <section className="comparison-hero">
-          <div className="container comparison-hero-grid">
-            <div className="comparison-hero-copy">
-              <p className="tag">GreenLens en español</p>
-              <h1>Identifica, cuida y rescata tus plantas con mas claridad.</h1>
-              <p className="comparison-lead">
-                Escanea una planta, entiende que necesita y organiza cuidados, recordatorios y diagnostico desde una sola app.
-              </p>
-              <div className="comparison-actions">
-                <a href="#cta" className="btn-primary">Probar GreenLens</a>
-                <a href="#guias" className="btn-outline">Ver guias</a>
-              </div>
-            </div>
-
-            <aside className="comparison-hero-card">
-              <p className="comparison-card-label">Arquitectura en español</p>
-              <p>
-                Esta seccion agrupa las paginas principales para busquedas en español:
-                identificacion, escaneo, cuidado, diagnostico y comparacion con Google Lens.
-              </p>
-            </aside>
-          </div>
-        </section>
-
-        <section className="comparison-links" id="guias">
-          <div className="container comparison-links-grid">
-            {pages.map((page) => (
-              <Link key={page.slug} href={page.canonical} className="comparison-link-card">
-                <p className="comparison-mini-label">Guia</p>
-                <h2>{page.h1}</h2>
-                <p>{page.metaDescription}</p>
-              </Link>
-            ))}
-          </div>
-        </section>
-      </main>
-      <Footer />
-    </>
-  )
+  return <Home />
 }
--- a/greenlns-landing/app/flower-scanner/page.tsx
+++ b/greenlns-landing/app/flower-scanner/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('flower-scanner')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('flower-scanner')
+export default createSeoPage('flower-scanner')
--- a/greenlns-landing/app/giess-erinnerung-app/page.tsx
+++ b/greenlns-landing/app/giess-erinnerung-app/page.tsx
@@ -0,0 +1,4 @@
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'
+
+export const metadata = buildSeoPageMetadata('giess-erinnerung-app')
+export default createSeoPage('giess-erinnerung-app')
--- a/greenlns-landing/app/globals.css
+++ b/greenlns-landing/app/globals.css
@@ -1,4 +1,61 @@
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Inter:wght@300;400;500;600;700;800&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
+/* Tailwind v4: nur Theme + Utilities, KEIN Preflight — die Landingpage
+   nutzt das eigene Design-System unten und darf nicht resettet werden.
+   Bewusst OHNE layer(): ungelayerte Utilities schlagen die globalen
+   Element-Styles der Landing (h1, p, a, …) per Klassen-Spezifität. */
+@import 'tailwindcss/theme.css';
+@import 'tailwindcss/utilities.css';
+
+/* ============================================
+   SEO-Subpage Design-Tokens (aus Design-Export)
+   ============================================ */
+@theme {
+  --color-primary: #01261f;
+  --color-on-primary: #ffffff;
+  --color-primary-container: #1a3c34;
+  --color-on-primary-container: #83a69c;
+  --color-primary-fixed: #c5eadf;
+  --color-on-primary-fixed: #00201a;
+  --color-secondary-container: #c9e8cb;
+  --color-on-secondary-container: #4e6952;
+  --color-background: #f8faf8;
+  --color-on-background: #191c1b;
+  --color-surface: #f8faf8;
+  --color-on-surface: #191c1b;
+  --color-on-surface-variant: #414846;
+  --color-surface-container-low: #f2f4f2;
+  --color-surface-container: #eceeec;
+  --color-surface-container-high: #e6e9e7;
+  --color-surface-container-highest: #e1e3e1;
+  --color-outline-variant: #c1c8c4;
+  --color-ink: #162118;
+  --color-ink-soft: #253228;
+  --color-ink-line: #2d3930;
+  --color-ink-deep: #0e1b14;
+  --font-display: 'Montserrat', sans-serif;
+  --font-body: 'Inter', -apple-system, sans-serif;
+}
+
+/* SEO-Subpage Hilfsklassen (aus Design-Export portiert) */
+@keyframes seoSubtleFade {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+.seo-fade {
+  animation: seoSubtleFade 0.8s ease-out forwards;
+  opacity: 0;
+}
+.seo-fade-1 { animation-delay: 100ms; }
+.seo-fade-2 { animation-delay: 200ms; }
+.seo-fade-3 { animation-delay: 300ms; }
+.seo-card {
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+.seo-card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 10px 30px -10px rgba(1, 38, 31, 0.1);
+}

 /* ============================================
   GreenLens Design System — Premium Landing
@@ -235,8 +292,8 @@ h3 {
 }

 .nav-cta {
-  background: var(--accent) !important;
-  color: #fff !important;
+  background: #fff !important;
+  color: #162118 !important;
  padding: 0.6rem 1.4rem;
  border-radius: var(--r-pill);
  font-weight: 600 !important;
@@ -245,9 +302,9 @@ h3 {
 }

 .nav-cta:hover {
-  background: var(--accent-h) !important;
+  background: #f1f5f9 !important;
  transform: scale(1.04);
-  box-shadow: 0 6px 24px rgba(224, 122, 80, 0.35);
+  box-shadow: 0 6px 24px rgba(255, 255, 255, 0.2);
 }

 .nav-hamburger {
@@ -369,7 +426,7 @@ h3 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
-  background: var(--accent);
+  background: #162118;
  color: #fff;
  padding: 1rem 2.2rem;
  border-radius: var(--r-pill);
@@ -380,9 +437,9 @@ h3 {
 }

 .btn-primary:hover {
-  background: var(--accent-h);
+  background: #253228;
  transform: translateY(-3px);
-  box-shadow: 0 12px 36px rgba(224, 122, 80, 0.4);
+  box-shadow: 0 12px 36px rgba(22, 33, 24, 0.4);
 }

 .btn-outline {
@@ -1208,291 +1265,291 @@ h3 {
  margin-bottom: var(--s2);
 }

-.support-faq-item p {
-  color: var(--muted);
-}
-
-/* =============================================
-   COMPARISON PAGES
-   ============================================= */
-.comparison-page {
-  background:
-    radial-gradient(circle at top left, rgba(86, 160, 116, 0.16), transparent 26%),
-    linear-gradient(180deg, var(--cream) 0%, var(--white) 100%);
-}
-
-.comparison-hero {
-  background:
-    linear-gradient(135deg, rgba(13, 22, 15, 0.96) 0%, rgba(28, 46, 33, 0.92) 45%, rgba(42, 92, 63, 0.86) 100%);
-  color: var(--cream);
-  padding: 11rem 0 5rem;
-}
-
-.comparison-hero-grid,
-.comparison-context-grid,
-.comparison-fit-grid,
-.comparison-links-grid {
-  display: grid;
-  grid-template-columns: 1.2fr 0.8fr;
-  gap: var(--s4);
-}
-
-.comparison-hero-copy h1 {
-  max-width: 12ch;
-  margin-bottom: var(--s3);
-}
-
-.comparison-lead,
-.comparison-disclaimer,
-.comparison-context-card p,
-.comparison-thesis-copy p,
-.comparison-row-verdict,
-.comparison-faq-card p,
-.comparison-link-card p,
-.comparison-scenario-copy p {
-  line-height: 1.75;
-}
-
-.comparison-lead {
-  max-width: 700px;
-  color: rgba(244, 241, 232, 0.86);
-  font-size: 1.08rem;
-}
-
-.comparison-actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--s2);
-  margin: var(--s4) 0 var(--s3);
-}
-
-.comparison-disclaimer,
-.comparison-verified {
-  font-size: 0.82rem;
-  color: rgba(244, 241, 232, 0.72);
-}
-
-.comparison-hero-card,
-.comparison-context-card,
-.comparison-pain-card,
-.comparison-thesis-card,
-.comparison-fit-card,
-.comparison-scenario-card,
-.comparison-faq-card,
-.comparison-link-card,
-.comparison-row {
-  border-radius: var(--r-lg);
-  box-shadow: 0 24px 60px rgba(19, 31, 22, 0.08);
-}
-
-.comparison-hero-card {
-  background: rgba(244, 241, 232, 0.08);
-  border: 1px solid rgba(244, 241, 232, 0.12);
-  padding: var(--s4);
-  align-self: start;
-}
-
-.comparison-hero-card h2 {
-  font-size: clamp(1.55rem, 2.2vw, 2.2rem);
-  margin-bottom: var(--s3);
-}
-
-.comparison-card-label,
-.comparison-mini-label {
-  display: inline-block;
-  font-size: 0.72rem;
-  font-weight: 700;
-  letter-spacing: 0.14em;
-  text-transform: uppercase;
-}
-
-.comparison-card-label {
-  color: var(--green-light);
-  margin-bottom: var(--s2);
-}
-
-.comparison-mini-label {
-  color: var(--accent);
-  margin-bottom: 0.55rem;
-}
-
-.comparison-bullet-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.9rem;
-}
-
-.comparison-bullet-list li {
-  position: relative;
-  padding-left: 1.25rem;
-}
-
-.comparison-bullet-list li::before {
-  content: '';
-  position: absolute;
-  top: 0.7rem;
-  left: 0;
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  background: var(--accent);
-}
-
-.comparison-bullet-list--dark li::before {
-  background: var(--green-mid);
-}
-
-.comparison-context,
-.comparison-theses,
-.comparison-table-section,
-.comparison-fit,
-.comparison-emergency,
-.comparison-faq,
-.comparison-links {
-  padding: var(--s12) 0;
-}
-
-.comparison-context-card,
-.comparison-pain-card,
-.comparison-thesis-card,
-.comparison-fit-card,
-.comparison-scenario-card,
-.comparison-faq-card,
-.comparison-link-card {
-  background: rgba(255, 255, 255, 0.86);
-  border: 1px solid rgba(19, 31, 22, 0.08);
-  padding: var(--s4);
-}
-
-.comparison-context-card h2,
-.comparison-fit-card h2,
-.comparison-link-card h3 {
-  margin-bottom: var(--s2);
-}
-
-.comparison-context-card--accent,
-.comparison-fit-card--greenlens {
-  background:
-    linear-gradient(180deg, rgba(86, 160, 116, 0.12) 0%, rgba(255, 255, 255, 0.96) 100%);
-}
-
-.comparison-section-head {
-  max-width: 720px;
-  margin-bottom: var(--s4);
-}
-
-.comparison-section-head h2 {
-  color: var(--dark);
-}
-
-.comparison-pain-grid,
-.comparison-scenario-grid,
-.comparison-faq-grid {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: var(--s3);
-}
-
-.comparison-pain-card {
-  background: var(--dark);
-  color: var(--cream);
-}
-
-.comparison-pain-card h3,
-.comparison-thesis-card h3,
-.comparison-scenario-card h3,
-.comparison-faq-card h3 {
-  margin-bottom: var(--s2);
-}
-
-.comparison-thesis-copy,
-.comparison-scenario-copy {
-  display: grid;
-  gap: var(--s3);
-}
-
-.comparison-table {
-  display: grid;
-  gap: var(--s3);
-}
-
-.comparison-table-header {
-  display: grid;
-  grid-template-columns: 0.75fr 1fr 1fr;
-  gap: var(--s3);
-  padding: 0 var(--s2);
-  color: var(--muted);
-  font-size: 0.78rem;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-}
-
-.comparison-row {
-  background: rgba(255, 255, 255, 0.9);
-  border: 1px solid rgba(19, 31, 22, 0.08);
-  display: grid;
-  grid-template-columns: 0.75fr 1fr 1fr;
-  gap: var(--s3);
-  padding: var(--s3);
-}
-
-.comparison-row-title {
-  font-family: var(--display);
-  font-size: 1.4rem;
-  color: var(--dark);
-}
-
-.comparison-cell {
-  padding: var(--s3);
-  border-radius: var(--r-md);
-  line-height: 1.75;
-}
-
-.comparison-cell--greenlens {
-  background: rgba(86, 160, 116, 0.12);
-  border: 1px solid rgba(86, 160, 116, 0.18);
-}
-
-.comparison-cell--competitor {
-  background: rgba(19, 31, 22, 0.05);
-  border: 1px solid rgba(19, 31, 22, 0.08);
-}
-
-.comparison-row-verdict {
-  grid-column: 1 / -1;
-  margin-top: 0.2rem;
-  color: var(--muted);
-}
-
-.comparison-links-grid {
-  grid-template-columns: repeat(2, 1fr);
-}
-
-.comparison-link-card {
-  display: block;
-  transition: transform var(--t), box-shadow var(--t);
-}
-
-.comparison-link-card:hover {
-  transform: translateY(-4px);
-  box-shadow: 0 20px 50px rgba(19, 31, 22, 0.12);
-}
-
-.comparison-link-card--support {
-  background: var(--dark);
-  color: var(--cream);
-}
-
-.comparison-link-card--support .comparison-mini-label,
-.comparison-link-card--support p {
-  color: rgba(244, 241, 232, 0.76);
-}
-
-/* =============================================
-   RESPONSIVE
-   ============================================= */
-@media (max-width: 1024px) {
+.support-faq-item p {
+  color: var(--muted);
+}
+
+/* =============================================
+   COMPARISON PAGES
+   ============================================= */
+.comparison-page {
+  background:
+    radial-gradient(circle at top left, rgba(86, 160, 116, 0.16), transparent 26%),
+    linear-gradient(180deg, var(--cream) 0%, var(--white) 100%);
+}
+
+.comparison-hero {
+  background:
+    linear-gradient(135deg, rgba(13, 22, 15, 0.96) 0%, rgba(28, 46, 33, 0.92) 45%, rgba(42, 92, 63, 0.86) 100%);
+  color: var(--cream);
+  padding: 11rem 0 5rem;
+}
+
+.comparison-hero-grid,
+.comparison-context-grid,
+.comparison-fit-grid,
+.comparison-links-grid {
+  display: grid;
+  grid-template-columns: 1.2fr 0.8fr;
+  gap: var(--s4);
+}
+
+.comparison-hero-copy h1 {
+  max-width: 12ch;
+  margin-bottom: var(--s3);
+}
+
+.comparison-lead,
+.comparison-disclaimer,
+.comparison-context-card p,
+.comparison-thesis-copy p,
+.comparison-row-verdict,
+.comparison-faq-card p,
+.comparison-link-card p,
+.comparison-scenario-copy p {
+  line-height: 1.75;
+}
+
+.comparison-lead {
+  max-width: 700px;
+  color: rgba(244, 241, 232, 0.86);
+  font-size: 1.08rem;
+}
+
+.comparison-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--s2);
+  margin: var(--s4) 0 var(--s3);
+}
+
+.comparison-disclaimer,
+.comparison-verified {
+  font-size: 0.82rem;
+  color: rgba(244, 241, 232, 0.72);
+}
+
+.comparison-hero-card,
+.comparison-context-card,
+.comparison-pain-card,
+.comparison-thesis-card,
+.comparison-fit-card,
+.comparison-scenario-card,
+.comparison-faq-card,
+.comparison-link-card,
+.comparison-row {
+  border-radius: var(--r-lg);
+  box-shadow: 0 24px 60px rgba(19, 31, 22, 0.08);
+}
+
+.comparison-hero-card {
+  background: rgba(244, 241, 232, 0.08);
+  border: 1px solid rgba(244, 241, 232, 0.12);
+  padding: var(--s4);
+  align-self: start;
+}
+
+.comparison-hero-card h2 {
+  font-size: clamp(1.55rem, 2.2vw, 2.2rem);
+  margin-bottom: var(--s3);
+}
+
+.comparison-card-label,
+.comparison-mini-label {
+  display: inline-block;
+  font-size: 0.72rem;
+  font-weight: 700;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+}
+
+.comparison-card-label {
+  color: var(--green-light);
+  margin-bottom: var(--s2);
+}
+
+.comparison-mini-label {
+  color: var(--accent);
+  margin-bottom: 0.55rem;
+}
+
+.comparison-bullet-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.9rem;
+}
+
+.comparison-bullet-list li {
+  position: relative;
+  padding-left: 1.25rem;
+}
+
+.comparison-bullet-list li::before {
+  content: '';
+  position: absolute;
+  top: 0.7rem;
+  left: 0;
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--accent);
+}
+
+.comparison-bullet-list--dark li::before {
+  background: var(--green-mid);
+}
+
+.comparison-context,
+.comparison-theses,
+.comparison-table-section,
+.comparison-fit,
+.comparison-emergency,
+.comparison-faq,
+.comparison-links {
+  padding: var(--s12) 0;
+}
+
+.comparison-context-card,
+.comparison-pain-card,
+.comparison-thesis-card,
+.comparison-fit-card,
+.comparison-scenario-card,
+.comparison-faq-card,
+.comparison-link-card {
+  background: rgba(255, 255, 255, 0.86);
+  border: 1px solid rgba(19, 31, 22, 0.08);
+  padding: var(--s4);
+}
+
+.comparison-context-card h2,
+.comparison-fit-card h2,
+.comparison-link-card h3 {
+  margin-bottom: var(--s2);
+}
+
+.comparison-context-card--accent,
+.comparison-fit-card--greenlens {
+  background:
+    linear-gradient(180deg, rgba(86, 160, 116, 0.12) 0%, rgba(255, 255, 255, 0.96) 100%);
+}
+
+.comparison-section-head {
+  max-width: 720px;
+  margin-bottom: var(--s4);
+}
+
+.comparison-section-head h2 {
+  color: var(--dark);
+}
+
+.comparison-pain-grid,
+.comparison-scenario-grid,
+.comparison-faq-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: var(--s3);
+}
+
+.comparison-pain-card {
+  background: var(--dark);
+  color: var(--cream);
+}
+
+.comparison-pain-card h3,
+.comparison-thesis-card h3,
+.comparison-scenario-card h3,
+.comparison-faq-card h3 {
+  margin-bottom: var(--s2);
+}
+
+.comparison-thesis-copy,
+.comparison-scenario-copy {
+  display: grid;
+  gap: var(--s3);
+}
+
+.comparison-table {
+  display: grid;
+  gap: var(--s3);
+}
+
+.comparison-table-header {
+  display: grid;
+  grid-template-columns: 0.75fr 1fr 1fr;
+  gap: var(--s3);
+  padding: 0 var(--s2);
+  color: var(--muted);
+  font-size: 0.78rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.comparison-row {
+  background: rgba(255, 255, 255, 0.9);
+  border: 1px solid rgba(19, 31, 22, 0.08);
+  display: grid;
+  grid-template-columns: 0.75fr 1fr 1fr;
+  gap: var(--s3);
+  padding: var(--s3);
+}
+
+.comparison-row-title {
+  font-family: var(--display);
+  font-size: 1.4rem;
+  color: var(--dark);
+}
+
+.comparison-cell {
+  padding: var(--s3);
+  border-radius: var(--r-md);
+  line-height: 1.75;
+}
+
+.comparison-cell--greenlens {
+  background: rgba(86, 160, 116, 0.12);
+  border: 1px solid rgba(86, 160, 116, 0.18);
+}
+
+.comparison-cell--competitor {
+  background: rgba(19, 31, 22, 0.05);
+  border: 1px solid rgba(19, 31, 22, 0.08);
+}
+
+.comparison-row-verdict {
+  grid-column: 1 / -1;
+  margin-top: 0.2rem;
+  color: var(--muted);
+}
+
+.comparison-links-grid {
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.comparison-link-card {
+  display: block;
+  transition: transform var(--t), box-shadow var(--t);
+}
+
+.comparison-link-card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 20px 50px rgba(19, 31, 22, 0.12);
+}
+
+.comparison-link-card--support {
+  background: var(--dark);
+  color: var(--cream);
+}
+
+.comparison-link-card--support .comparison-mini-label,
+.comparison-link-card--support p {
+  color: rgba(244, 241, 232, 0.76);
+}
+
+/* =============================================
+   RESPONSIVE
+   ============================================= */
+@media (max-width: 1024px) {
  .hero .container {
    grid-template-columns: 1fr;
  }
@@ -1543,29 +1600,29 @@ h3 {
    display: none;
  }

-  .footer-inner {
-    grid-template-columns: 1fr 1fr;
-    gap: var(--s6);
-  }
-
-  .comparison-hero-grid,
-  .comparison-context-grid,
-  .comparison-fit-grid,
-  .comparison-links-grid,
-  .comparison-pain-grid,
-  .comparison-scenario-grid,
-  .comparison-faq-grid,
-  .comparison-table-header,
-  .comparison-row {
-    grid-template-columns: 1fr;
-  }
-
-  .comparison-row-title {
-    font-size: 1.7rem;
-  }
-}
-
-@media (max-width: 768px) {
+  .footer-inner {
+    grid-template-columns: 1fr 1fr;
+    gap: var(--s6);
+  }
+
+  .comparison-hero-grid,
+  .comparison-context-grid,
+  .comparison-fit-grid,
+  .comparison-links-grid,
+  .comparison-pain-grid,
+  .comparison-scenario-grid,
+  .comparison-faq-grid,
+  .comparison-table-header,
+  .comparison-row {
+    grid-template-columns: 1fr;
+  }
+
+  .comparison-row-title {
+    font-size: 1.7rem;
+  }
+}
+
+@media (max-width: 768px) {
  .nav-links {
    display: none;
  }
@@ -1608,34 +1665,34 @@ h3 {
    text-align: center;
  }

-  .support-grid,
-  .support-faq-list {
-    grid-template-columns: 1fr;
-  }
-
-  .comparison-hero {
-    padding-top: 9rem;
-  }
-
-  .comparison-actions {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .comparison-pain-grid,
-  .comparison-scenario-grid,
-  .comparison-faq-grid,
-  .comparison-links-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .comparison-context,
-  .comparison-theses,
-  .comparison-table-section,
-  .comparison-fit,
-  .comparison-emergency,
-  .comparison-faq,
-  .comparison-links {
-    padding: var(--s8) 0;
-  }
-}
+  .support-grid,
+  .support-faq-list {
+    grid-template-columns: 1fr;
+  }
+
+  .comparison-hero {
+    padding-top: 9rem;
+  }
+
+  .comparison-actions {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .comparison-pain-grid,
+  .comparison-scenario-grid,
+  .comparison-faq-grid,
+  .comparison-links-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .comparison-context,
+  .comparison-theses,
+  .comparison-table-section,
+  .comparison-fit,
+  .comparison-emergency,
+  .comparison-faq,
+  .comparison-links {
+    padding: var(--s8) 0;
+  }
+}
--- a/greenlns-landing/app/houseplant-identifier/page.tsx
+++ b/greenlns-landing/app/houseplant-identifier/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('houseplant-identifier')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('houseplant-identifier')
+export default createSeoPage('houseplant-identifier')
--- a/greenlns-landing/app/identify-plant-photo/page.tsx
+++ b/greenlns-landing/app/identify-plant-photo/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('identify-plant-photo')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('identify-plant-photo')
+export default createSeoPage('identify-plant-photo')
--- a/greenlns-landing/app/layout.tsx
+++ b/greenlns-landing/app/layout.tsx
@@ -35,6 +35,7 @@ export const metadata: Metadata = {
  alternates: {
    languages: {
      de: '/',
+      en: '/en',
      es: '/es',
      'x-default': '/',
    },
--- a/greenlns-landing/app/page.tsx
+++ b/greenlns-landing/app/page.tsx
@@ -1,6 +1,6 @@
 import type { Metadata } from 'next'
-import Link from 'next/link'
 import Navbar from '@/components/Navbar'
+import GuideLinks from '@/components/GuideLinks'
 import Hero from '@/components/Hero'
 import Ticker from '@/components/Ticker'
 import Features from '@/components/Features'
@@ -19,6 +19,7 @@ export const metadata: Metadata = {
    canonical: '/',
    languages: {
      de: '/',
+      en: '/en',
      es: '/es',
      'x-default': '/',
    },
@@ -124,51 +125,7 @@ export default function Home() {
        <Intelligence />
        <HowItWorks />
        <FAQ />
-        <section className="comparison-links" aria-labelledby="homepage-guides-heading">
-          <div className="container">
-            <div className="comparison-section-head">
-              <p className="tag">Guides</p>
-              <h2 id="homepage-guides-heading">Pflanzen schneller erkennen und richtig handeln.</h2>
-            </div>
-            <div className="comparison-links-grid">
-              <Link href="/blumen-scanner" className="comparison-link-card">
-                <p className="comparison-mini-label">Blumen</p>
-                <h3>Blumen Scanner</h3>
-                <p>Blumen per Foto erkennen, Namen erhalten und direkt Pflegehinweise nutzen.</p>
-              </Link>
-              <Link href="/blumen-scanner" className="comparison-link-card">
-                <p className="comparison-mini-label">Foto-Erkennung</p>
-                <h3>Blumen per Foto erkennen</h3>
-                <p>Ideal, wenn du eine Blume fotografiert hast und sofort wissen willst, was sie braucht.</p>
-              </Link>
-              <Link href="/pflanzen-bestimmen" className="comparison-link-card">
-                <p className="comparison-mini-label">Pflanzen</p>
-                <h3>Pflanzen bestimmen</h3>
-                <p>Pflanze scannen, Artname sehen und den passenden Pflegeplan erhalten.</p>
-              </Link>
-              <Link href="/pflanzen-pflege-app" className="comparison-link-card">
-                <p className="comparison-mini-label">Gießerinnerung</p>
-                <h3>Pflanzen gießen Erinnerung</h3>
-                <p>Pflegeplan, Push-Erinnerung und Gießrhythmus pro Pflanze verwalten.</p>
-              </Link>
-              <Link href="/vs/google-lens" className="comparison-link-card">
-                <p className="comparison-mini-label">Google Lens</p>
-                <h3>Google Pflanzen erkennen</h3>
-                <p>Vergleiche Google Lens mit GreenLens für Pflanzenerkennung, Pflege und Diagnose.</p>
-              </Link>
-              <Link href="/identify-plant-photo" className="comparison-link-card">
-                <p className="comparison-mini-label">English</p>
-                <h3>Identify plant by photo</h3>
-                <p>Use a plant photo or picture to get the name, care plan, and reminders.</p>
-              </Link>
-              <Link href="/pflanzen-krankheiten-erkennen" className="comparison-link-card">
-                <p className="comparison-mini-label">Diagnose</p>
-                <h3>Pflanzenkrankheiten erkennen</h3>
-                <p>Gelbe Blätter, braune Spitzen oder weiche Stiele einordnen und den nächsten Schritt finden.</p>
-              </Link>
-            </div>
-          </div>
-        </section>
+        <GuideLinks />
        <CTA />
      </main>
      <Footer />
--- a/greenlns-landing/app/pflanzen-bestimmen/page.tsx
+++ b/greenlns-landing/app/pflanzen-bestimmen/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('pflanzen-bestimmen')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('pflanzen-bestimmen')
+export default createSeoPage('pflanzen-bestimmen')
--- a/greenlns-landing/app/pflanzen-erkennen-app/page.tsx
+++ b/greenlns-landing/app/pflanzen-erkennen-app/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('pflanzen-erkennen-app')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('pflanzen-erkennen-app')
+export default createSeoPage('pflanzen-erkennen-app')
--- a/greenlns-landing/app/pflanzen-erkennen-kostenlos/page.tsx
+++ b/greenlns-landing/app/pflanzen-erkennen-kostenlos/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('pflanzen-erkennen-kostenlos')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('pflanzen-erkennen-kostenlos')
+export default createSeoPage('pflanzen-erkennen-kostenlos')
--- a/greenlns-landing/app/pflanzen-krankheiten-erkennen/page.tsx
+++ b/greenlns-landing/app/pflanzen-krankheiten-erkennen/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('pflanzen-krankheiten-erkennen')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('pflanzen-krankheiten-erkennen')
+export default createSeoPage('pflanzen-krankheiten-erkennen')
--- a/greenlns-landing/app/pflanzen-pflege-app/page.tsx
+++ b/greenlns-landing/app/pflanzen-pflege-app/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('pflanzen-pflege-app')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('pflanzen-pflege-app')
+export default createSeoPage('pflanzen-pflege-app')
--- a/greenlns-landing/app/plant-care-app/page.tsx
+++ b/greenlns-landing/app/plant-care-app/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('plant-care-app')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('plant-care-app')
+export default createSeoPage('plant-care-app')
--- a/greenlns-landing/app/plant-disease-identifier/page.tsx
+++ b/greenlns-landing/app/plant-disease-identifier/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('plant-disease-identifier')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('plant-disease-identifier')
+export default createSeoPage('plant-disease-identifier')
--- a/greenlns-landing/app/plant-health-app/page.tsx
+++ b/greenlns-landing/app/plant-health-app/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('plant-health-app')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('plant-health-app')
+export default createSeoPage('plant-health-app')
--- a/greenlns-landing/app/plant-identifier-app/page.tsx
+++ b/greenlns-landing/app/plant-identifier-app/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('plant-identifier-app')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('plant-identifier-app')
+export default createSeoPage('plant-identifier-app')
--- a/greenlns-landing/app/plant-scanner/page.tsx
+++ b/greenlns-landing/app/plant-scanner/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('plant-scanner')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('plant-scanner')
+export default createSeoPage('plant-scanner')
--- a/greenlns-landing/app/sitemap.ts
+++ b/greenlns-landing/app/sitemap.ts
@@ -12,6 +12,12 @@ export default function sitemap(): MetadataRoute.Sitemap {
            changeFrequency: 'weekly',
            priority: 1,
        },
+        {
+            url: `${baseUrl}/en`,
+            lastModified: new Date('2026-07-10'),
+            changeFrequency: 'weekly',
+            priority: 0.9,
+        },
        {
            url: `${baseUrl}/support`,
            lastModified: new Date('2026-04-08'),
--- a/greenlns-landing/app/succulent-identifier/page.tsx
+++ b/greenlns-landing/app/succulent-identifier/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('succulent-identifier')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('succulent-identifier')
+export default createSeoPage('succulent-identifier')
--- a/greenlns-landing/app/zimmerpflanzen-bestimmen/page.tsx
+++ b/greenlns-landing/app/zimmerpflanzen-bestimmen/page.tsx
@@ -1,33 +1,4 @@
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import SeoCategoryPage from '@/components/SeoCategoryPage'
-import { getSeoPageBySlug } from '@/lib/seoPages'
-import { siteConfig } from '@/lib/site'
+import { buildSeoPageMetadata, createSeoPage } from '@/lib/seoPageFactory'

-const profile = getSeoPageBySlug('zimmerpflanzen-bestimmen')
-
-export const metadata: Metadata = !profile
-  ? {}
-  : {
-      title: profile.metaTitle,
-      description: profile.metaDescription,
-      alternates: { canonical: profile.canonical },
-      openGraph: {
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        url: `${siteConfig.domain}${profile.canonical}`,
-        type: 'website',
-        images: [{ url: '/og-image.png', width: 1200, height: 630, alt: profile.metaTitle }],
-      },
-      twitter: {
-        card: 'summary_large_image',
-        title: profile.metaTitle,
-        description: profile.metaDescription,
-        images: ['/og-image.png'],
-      },
-    }
-
-export default function Page() {
-  if (!profile) notFound()
-  return <SeoCategoryPage profile={profile} />
-}
+export const metadata = buildSeoPageMetadata('zimmerpflanzen-bestimmen')
+export default createSeoPage('zimmerpflanzen-bestimmen')