271 lines
12 KiB
TypeScript
271 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import {
|
|
Beer,
|
|
Crown,
|
|
Home,
|
|
Utensils,
|
|
Music,
|
|
UtensilsCrossed,
|
|
TvIcon,
|
|
Users,
|
|
Heart,
|
|
Clover,
|
|
Trophy,
|
|
Sparkles,
|
|
MapPin,
|
|
} from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Accueil", id: "/" },
|
|
{ name: "Menu", id: "/menu" },
|
|
{ name: "Événements", id: "/events" },
|
|
{ name: "À propos", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "Accueil", href: "/" },
|
|
{ label: "Menu", href: "/menu" },
|
|
{ label: "Événements", href: "/events" },
|
|
{ label: "À Propos", href: "/about" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Réserver", href: "/contact" },
|
|
{ label: "Nous Appeler", href: "tel:+33200000000" },
|
|
{ label: "Nous Localiser", href: "#" },
|
|
{ label: "Horaires", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Informations", items: [
|
|
{ label: "Conditions Générales", href: "#" },
|
|
{ label: "Politique de Confidentialité", href: "#" },
|
|
{ label: "Mentions Légales", href: "#" },
|
|
{ label: "Plan du Site", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="LE QUEEN'S BERRY"
|
|
navItems={[
|
|
{ name: "Accueil", id: "/" },
|
|
{ name: "Menu", id: "/menu" },
|
|
{ name: "Événements", id: "/events" },
|
|
{ name: "À propos", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
button={{ text: "Réservez", href: "/contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
title="Bienvenue au LE QUEEN'S BERRY"
|
|
description="Découvrez l'authentique hospitalité irlandaise à Châteauroux. Pub traditionnel, brasserie artisanale, événements sportifs en direct et cuisine généreuse. Votre destination conviviale pour des moments inoubliables."
|
|
tag="Pub Irlandais & Brasserie"
|
|
tagIcon={Beer}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Réservez une Table", href: "/contact" },
|
|
{ text: "Appelez-Nous", href: "#" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
dashboard={{
|
|
title: "Ambiance & Services", logoIcon: Crown,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-having-fun-while-talking-waiter-cafe_637285-12509.jpg", buttons: [
|
|
{ text: "Menu Complet", href: "/menu" },
|
|
{ text: "Événements", href: "/events" },
|
|
],
|
|
sidebarItems: [
|
|
{ icon: Home },
|
|
{ icon: Utensils },
|
|
{ icon: Music },
|
|
],
|
|
stats: [
|
|
{
|
|
title: "Ouvert Depuis", values: [2010, 2015, 2023],
|
|
description: "Tradition & Excellence"},
|
|
{
|
|
title: "Bières Locales", values: [12, 18, 25],
|
|
description: "Sélection Premium"},
|
|
{
|
|
title: "Avis Clients", values: [4.5, 4.6, 4.8],
|
|
valueSuffix: "/5", description: "Satisfaction Garantie"},
|
|
],
|
|
listTitle: "Services Populaires", listItems: [
|
|
{
|
|
icon: UtensilsCrossed,
|
|
title: "Menu Traditionnel", status: "Disponible"},
|
|
{
|
|
icon: TvIcon,
|
|
title: "Événements Sportifs", status: "EN DIRECT"},
|
|
{
|
|
icon: Users,
|
|
title: "Réservations Groupe", status: "Bienvenue"},
|
|
],
|
|
searchPlaceholder: "Rechercher...", chartTitle: "Fréquentation Hebdomadaire", chartData: [
|
|
{ value: 65 },
|
|
{ value: 72 },
|
|
{ value: 85 },
|
|
{ value: 90 },
|
|
{ value: 95 },
|
|
],
|
|
}}
|
|
ariaLabel="Section héro avec présentation du pub"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Notre Histoire & Valeurs"
|
|
description="Depuis plus d'une décennie, LE QUEEN'S BERRY incarne l'esprit chaleureux et accueillant des pubs irlandais traditionnels. Nous unissons gastronomie, convivialité et divertissement pour créer des moments mémorables."
|
|
tag="À Propos"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Authenticité Irlandaise", description:
|
|
"Décor traditionnel, ambiance conviviale et accueil chaleureux typiques des vraies tavernes irlandaises", icon: Clover,
|
|
},
|
|
{
|
|
title: "Cuisine Généreuse", description:
|
|
"Plats traditionnels préparés avec des ingrédients frais et locaux, accompagnés de nos bières artisanales", icon: UtensilsCrossed,
|
|
},
|
|
{
|
|
title: "Événements Sportifs", description:
|
|
"Écrans géants pour suivre rugby, football et tous les grands matchs en bonne compagnie", icon: Trophy,
|
|
},
|
|
{
|
|
title: "Service Fiable", description:
|
|
"Équipe accueillante disponible pour rendez-vous professionnels, célébrations ou sorties entre amis", icon: Users,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/mid-section-bar-tender-filling-beer-from-bar-pump_107420-65345.jpg"
|
|
imageAlt="Brasserie artisanale du LE QUEEN'S BERRY"
|
|
mediaAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
imagePosition="right"
|
|
ariaLabel="Section à propos du pub"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Nos Spécialités"
|
|
description="Découvrez ce qui rend LE QUEEN'S BERRY unique et apprécié de nos clients depuis des années"
|
|
tag="Expériences Inoubliables"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "Consulter le Menu Complet", href: "/menu" }]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
title: "Menu Authentique", description:
|
|
"Plats traditionnels irlandais revisités avec des touches modernes. Irish stew, fish & chips, shepherd's pie et bien d'autres délices", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mashed-potatoes-ketchup_140725-2745.jpg", imageAlt: "Plats traditionnels irlandais", button: { text: "Voir le Menu" },
|
|
},
|
|
{
|
|
title: "Brasserie Artisanale", description:
|
|
"Sélection exclusive de bières locales et internationales. Nous célébrons la culture brassicole avec passion et expertise", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-bar-tender-filling-beer-from-bar-pump_107420-65345.jpg", imageAlt: "Brasserie artisanale avec bières locales", button: { text: "Nos Bières" },
|
|
},
|
|
{
|
|
title: "Événements Sportifs", description:
|
|
"Vivez les grands matchs en direct sur nos écrans géants. Ambiance électrique, commentaires en direct et convivialité garantie", imageSrc: "http://img.b2bpic.net/free-photo/men-watching-television-cheering-team_329181-18368.jpg", imageAlt: "Événements sportifs en direct au pub", button: { text: "Prochains Matchs" },
|
|
},
|
|
]}
|
|
carouselMode="buttons"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Nos spécialités et services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Une atmosphère vraiment authentique, un personnel accueillant et une cuisine délicieuse. C'est mon endroit préféré pour regarder les matchs de rugby le samedi! L'équipe vous fait sentir comme chez vous dès votre arrivée."
|
|
rating={5}
|
|
author="Marc Dupont, Amateur de Rugby"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Marc Dupont"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Sophie Laurent"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg", alt: "Jean Moreau"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-happy-joyful-bearded-guy-posing-indoors_74855-2696.jpg", alt: "Claire Noel"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", alt: "Pierre Blanc"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Isabelle Rossi"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Témoignage client 4.6/5"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-cta" data-section="contact-cta">
|
|
<ContactCTA
|
|
tag="Prêt à Nous Visiter?"
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
title="Réservez Votre Table Dès Maintenant"
|
|
description="Appelez-nous ou réservez en ligne. LE QUEEN'S BERRY vous accueille tous les jours pour une expérience irlandaise authentique à Châteauroux. Groupes bienvenues!"
|
|
buttons={[
|
|
{ text: "Réserver une Table", href: "/contact" },
|
|
{ text: "Appeler: 02 XX XX XX XX", href: "#" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
ariaLabel="Appel à l'action pour réservation"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={footerColumns}
|
|
bottomLeftText="© 2025 LE QUEEN'S BERRY. Tous droits réservés."
|
|
bottomRightText="Pub Irlandais & Brasserie - Châteauroux"
|
|
ariaLabel="Pied de page du site"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |