feat: implement landing page structure with legal pages, footer, CTA, and domain redirection proxy

greenlns-landing/app/terms/TermsContent.tsx

@@ -0,0 +1,51 @@
+'use client'
+
+import Link from 'next/link'
+import { useLang } from '@/context/LangContext'
+import { siteConfig } from '@/lib/site'
+
+const CONTENT = {
+  de: {
+    title: 'Nutzungsbedingungen',
+    intro: 'Diese Bedingungen regeln die Nutzung von GreenLens und der dazugehoerigen Services.',
+    section1: 'GreenLens wird als digitale App und Web-Service fuer Pflanzenscans, Informationen und accountbezogene Funktionen bereitgestellt.',
+    section2: 'Vor dem Livegang muessen diese Bedingungen durch rechtlich gepruefte und vollstaendige Vertragstexte ersetzt werden.',
+    contactLabel: 'Kontakt',
+  },
+  en: {
+    title: 'Terms of Service',
+    intro: 'These terms govern the use of GreenLens and its related services.',
+    section1: 'GreenLens is provided as a digital app and web service for plant scans, information, and account-related functionality.',
+    section2: 'Before launch, replace this placeholder with legally reviewed and complete terms for your business.',
+    contactLabel: 'Contact',
+  },
+  es: {
+    title: 'Terminos del Servicio',
+    intro: 'Estos terminos regulan el uso de GreenLens y sus servicios relacionados.',
+    section1: 'GreenLens se ofrece como app y servicio web para escaneo de plantas, informacion y funciones de cuenta.',
+    section2: 'Antes del lanzamiento, sustituye este texto por terminos completos revisados legalmente.',
+    contactLabel: 'Contacto',
+  },
+}
+
+export default function TermsContent() {
+  const { lang } = useLang()
+  const c = CONTENT[lang]
+
+  return (
+    <main className="container" style={{ paddingTop: '8rem', paddingBottom: '8rem', maxWidth: '800px' }}>
+      <p style={{ marginBottom: '1rem', opacity: 0.75 }}>
+        <Link href="/">Home</Link> / <span>Legal</span> / <span>{c.title}</span>
+      </p>
+      <h1>{c.title}</h1>
+      <div style={{ marginTop: '2rem', lineHeight: '1.8', opacity: 0.9 }}>
+        <p>{c.intro}</p>
+        <p>{c.section1}</p>
+        <p>{c.section2}</p>
+        <p>
+          <strong>{c.contactLabel}:</strong> <a href={`mailto:${siteConfig.legalEmail}`}>{siteConfig.legalEmail}</a>
+        </p>
+      </div>
+    </main>
+  )
+}

greenlns-landing/app/terms/page.tsx

@@ -1,47 +1,37 @@
-'use client'
-
-import { useLang } from '@/context/LangContext'
+import type { Metadata } from 'next'
+import Navbar from '@/components/Navbar'
+import Footer from '@/components/Footer'
+import TermsContent from './TermsContent'
 import { siteConfig } from '@/lib/site'
 
-const CONTENT = {
-  de: {
-    title: 'Nutzungsbedingungen',
-    intro: 'Diese Bedingungen regeln die Nutzung von GreenLens und der dazugehoerigen Services.',
-    section1: 'GreenLens wird als digitale App und Web-Service fuer Pflanzenscans, Informationen und accountbezogene Funktionen bereitgestellt.',
-    section2: 'Vor dem Livegang muessen diese Bedingungen durch rechtlich gepruefte und vollstaendige Vertragstexte ersetzt werden.',
-    contactLabel: 'Kontakt',
+const title = 'Terms of Service'
+const description = 'Review the current GreenLens terms governing use of the app and related services.'
+
+export const metadata: Metadata = {
+  title,
+  description,
+  alternates: {
+    canonical: '/terms',
   },
-  en: {
-    title: 'Terms of Service',
-    intro: 'These terms govern the use of GreenLens and its related services.',
-    section1: 'GreenLens is provided as a digital app and web service for plant scans, information, and account-related functionality.',
-    section2: 'Before launch, replace this placeholder with legally reviewed and complete terms for your business.',
-    contactLabel: 'Contact',
+  openGraph: {
+    title: `${title} | GreenLens`,
+    description,
+    url: `${siteConfig.domain}/terms`,
+    type: 'website',
   },
-  es: {
-    title: 'Terminos del Servicio',
-    intro: 'Estos terminos regulan el uso de GreenLens y sus servicios relacionados.',
-    section1: 'GreenLens se ofrece como app y servicio web para escaneo de plantas, informacion y funciones de cuenta.',
-    section2: 'Antes del lanzamiento, sustituye este texto por terminos completos revisados legalmente.',
-    contactLabel: 'Contacto',
+  twitter: {
+    card: 'summary_large_image',
+    title: `${title} | GreenLens`,
+    description,
   },
 }
 
 export default function TermsPage() {
-  const { lang } = useLang()
-  const c = CONTENT[lang]
-
   return (
-    <main className="container" style={{ paddingTop: '8rem', paddingBottom: '8rem', maxWidth: '800px' }}>
-      <h1>{c.title}</h1>
-      <div style={{ marginTop: '2rem', lineHeight: '1.8', opacity: 0.9 }}>
-        <p>{c.intro}</p>
-        <p>{c.section1}</p>
-        <p>{c.section2}</p>
-        <p>
-          <strong>{c.contactLabel}:</strong> <a href={`mailto:${siteConfig.legalEmail}`}>{siteConfig.legalEmail}</a>
-        </p>
-      </div>
-    </main>
+    <>
+      <Navbar />
+      <TermsContent />
+      <Footer />
+    </>
   )
 }