import type { Metadata } from 'next'
import { Hero } from '@/components/home/Hero'
import { ValueEcosystem } from '@/components/home/ValueEcosystem'
import { NeighbourhoodMap } from '@/components/home/NeighbourhoodMap'
import { Testimonials } from '@/components/home/Testimonials'
import { Download } from '@/components/home/Download'

export const metadata: Metadata = {
  title: 'Nearle — Your Neighbourhood, Your World',
  description:
    "Nearle connects residents with groceries, restaurants, home services, and trusted local businesses in one hyperlocal neighbourhood platform.",
  alternates: { canonical: '/' },
  openGraph: {
    title: 'Nearle — Your Neighbourhood, Your World',
    description:
      "Connect with groceries, restaurants, home services, and trusted local businesses near you.",
    url: '/',
  },
}

export default function HomePage() {
  return (
    <>
      <section id="home">
        <Hero />
      </section>
      <section id="features">
        <ValueEcosystem />
      </section>
      <section id="map">
        <NeighbourhoodMap />
      </section>
      <section id="testimonials">
        <Testimonials />
      </section>
      <section id="download">
        <Download />
      </section>
    </>
  )
}
