82 lines
3.3 KiB
TypeScript
82 lines
3.3 KiB
TypeScript
'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">
|
|
<div className="container">
|
|
<div className="footer-inner">
|
|
<div>
|
|
<Link href="/" className="nav-logo" style={{ fontSize: '1.5rem' }}>
|
|
GREENLENS
|
|
</Link>
|
|
<p className="footer-brand-desc">{t.footer.brand}</p>
|
|
</div>
|
|
|
|
{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={linkHrefs[ci]?.[li] ?? '/support'}>
|
|
{label}
|
|
</Link>
|
|
))}
|
|
</div>
|
|
))}
|
|
|
|
<div className="footer-col">
|
|
<div className="footer-col-title">Identify & Care</div>
|
|
<Link href="/best-plant-identification-app">Best Plant ID App</Link>
|
|
<Link href="/plant-identifier-app">Plant Identifier App</Link>
|
|
<Link href="/plant-scanner">Plant Scanner</Link>
|
|
<Link href="/flower-scanner">Flower Scanner</Link>
|
|
<Link href="/houseplant-identifier">Houseplant Identifier</Link>
|
|
<Link href="/succulent-identifier">Succulent Identifier</Link>
|
|
<Link href="/identify-plant-photo">Identify Plant by Photo</Link>
|
|
<Link href="/plant-disease-identifier">Plant Disease Identifier</Link>
|
|
<Link href="/plant-health-app">Plant Health App</Link>
|
|
<Link href="/plant-care-app">Plant Care App</Link>
|
|
<Link href="/vs/picturethis">vs PictureThis</Link>
|
|
<Link href="/vs/plantum">vs Plantum</Link>
|
|
<Link href="/vs/inaturalist">vs iNaturalist</Link>
|
|
<Link href="/vs/google-lens">vs Google Lens</Link>
|
|
</div>
|
|
|
|
<div className="footer-col">
|
|
<div className="footer-col-title">Pflanzen & Erkennen</div>
|
|
<Link href="/pflanzen-erkennen-kostenlos">Pflanzen erkennen kostenlos</Link>
|
|
<Link href="/pflanzen-erkennen-app">Pflanzen erkennen App</Link>
|
|
<Link href="/pflanzen-bestimmen">Pflanzen bestimmen</Link>
|
|
<Link href="/blumen-scanner">Blumen Scanner</Link>
|
|
<Link href="/zimmerpflanzen-bestimmen">Zimmerpflanzen bestimmen</Link>
|
|
<Link href="/pflanzen-pflege-app">Pflanzen Pflege App</Link>
|
|
<Link href="/pflanzen-krankheiten-erkennen">Pflanzenkrankheiten erkennen</Link>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="footer-brand-xl" aria-hidden="true">GREENLENS</div>
|
|
|
|
<div className="footer-bottom">
|
|
<p>{t.footer.copy}</p>
|
|
<Link href="/support" className="footer-contact">
|
|
Support
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|