ldc-ker-chant/resources/ts/front/Pages/Home.tsx
2026-10-08 12:40:29 +02:00

43 lines
1.6 KiB
TypeScript

import { usePage } from "@inertiajs/react";
import AppLayout from "@/front/Layouts/AppLayout";
import BeaSection from "../Components/BeaSection";
import Contact from "../Components/Contact";
import HeroHeader, { type HeroNavItem } from "../Components/Header";
import HeritageSection from "../Components/HeritageSection";
import HistoireSection from "../Components/HistoireSection";
import Head from "../Components/Layout/Head";
import ProduitsSection from "../Components/ProduitsSection";
import ValeursSection from "../Components/ValeursSection";
export default function Home() {
const { heroImage, titleImg } = usePage().props as {
heroImage?: string;
titleImg?: string;
nav?: HeroNavItem[];
};
return (
<>
<Head
title="Poulet, Dinde et Canard de Bretagne | Volailles de qualité"
description="Découvrez Ker Chant, spécialiste des volailles de Bretagne et de l'Ouest. Poulet, dinde et canard de qualité, issus d'un savoir-faire de plus de 15 ans. Des produits généreux pour toutes vos recettes.'"
/>
<HeroHeader backgroundImage={heroImage} titleImage={titleImg} />
<div className="relative w-full">
<div className="pointer-events-none absolute top-[1100px] right-[26%] z-0 hidden h-[2300px] w-[5px] translate-x-1/2 bg-[#E01B1B] lg:block" />
<div className="relative z-10">
<HeritageSection />
<HistoireSection />
<ValeursSection />
</div>
</div>
<ProduitsSection />
<BeaSection />
<Contact />
</>
);
}
Home.layout = (page: React.ReactNode) => <AppLayout>{page}</AppLayout>;