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

This commit is contained in:
2026-04-14 10:30:46 +02:00
parent 765eea05f7
commit 383d8484a6
14 changed files with 515 additions and 319 deletions

View File

@@ -1,17 +1,19 @@
'use client'
import Link from 'next/link'
import { useLang } from '@/context/LangContext'
import { siteConfig } from '@/lib/site'
const LINK_HREFS = [
['#features', '#intelligence', '#cta', '/support'],
['/#how', '/#faq', '/support'],
['/imprint', '/privacy'],
]
export default function Footer() {
const { t } = useLang()
'use client'
import Link from 'next/link'
import { usePathname } from 'next/navigation'
import { useLang } from '@/context/LangContext'
import { siteConfig } from '@/lib/site'
export default function Footer() {
const pathname = usePathname()
const { t } = useLang()
const homeHref = (hash: string) => (pathname === '/' ? hash : `/${hash}`)
const linkHrefs = [
[homeHref('#features'), homeHref('#intelligence'), homeHref('#cta'), '/support'],
[homeHref('#how'), homeHref('#faq'), '/support'],
['/imprint', '/privacy', '/terms'],
]
return (
<footer className="footer" id="footer">
@@ -26,12 +28,12 @@ export default function Footer() {
{t.footer.cols.map((col, ci) => (
<div className="footer-col" key={col.title}>
<div className="footer-col-title">{col.title}</div>
{col.links.map((label, li) => (
<Link key={label} href={LINK_HREFS[ci]?.[li] ?? '/support'}>
{label}
</Link>
))}
<div className="footer-col-title">{col.title}</div>
{col.links.map((label, li) => (
<Link key={label} href={linkHrefs[ci]?.[li] ?? '/support'}>
{label}
</Link>
))}
{ci === 1 && (
<>
<Link href="/plant-identifier-app">Plant Identifier App</Link>
@@ -49,13 +51,13 @@ export default function Footer() {
<div className="footer-brand-xl" aria-hidden="true">GREENLENS</div>
<div className="footer-bottom">
<p>{t.footer.copy}</p>
<a href={`mailto:${siteConfig.supportEmail}`} className="footer-contact">
{siteConfig.supportEmail}
</a>
</div>
</div>
</footer>
)
}
<div className="footer-bottom">
<p>{t.footer.copy}</p>
<Link href="/support" className="footer-contact">
Support
</Link>
</div>
</div>
</footer>
)
}