4 Commits

Author SHA1 Message Date
fbf7598e3f Update src/app/page.tsx 2026-05-08 19:46:47 +00:00
cef85a52d1 Merge version_1 into main
Merge version_1 into main
2026-05-08 19:46:05 +00:00
6ef80e92f1 Merge version_1 into main
Merge version_1 into main
2026-05-08 19:45:41 +00:00
1ef551341a Merge version_1 into main
Merge version_1 into main
2026-05-08 19:45:10 +00:00

View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import { Tv, Radio, Smile } from "lucide-react"; import { Tv, Radio, Smile, Calendar, MapPin, Phone } from "lucide-react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble'; import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne'; import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
@@ -31,14 +31,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Accueil", id: "hero" },
name: "Accueil", id: "hero"}, { name: "À propos", id: "about" },
{ { name: "Menu", id: "menu" },
name: "Menu", id: "menu"}, { name: "Sports", id: "sports" },
{ { name: "FAQ", id: "faq" },
name: "Sports", id: "sports"}, { name: "Contact", id: "contact" },
{
name: "Contact", id: "contact"},
]} ]}
brandName="London Gastropub" brandName="London Gastropub"
/> />
@@ -46,23 +44,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars"}}
title="Le Cœur britannique de Casablanca" title="Le Cœur britannique de Casablanca"
description="Wings, Smash Burgers, Fish & Chips et le meilleur du football et rugby en direct." description="Wings, Smash Burgers, Fish & Chips et le meilleur du football et rugby en direct."
mediaItems={[ mediaItems={[
{ { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bbwcnx&_wi=1", imageAlt: "London Gastropub Ambience" },
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bbwcnx&_wi=1", imageAlt: "London Gastropub Ambience"}, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=das4zr&_wi=1", imageAlt: "Wings" },
{ { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58l01p&_wi=1", imageAlt: "Smash Burger" },
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=das4zr&_wi=1", imageAlt: "Wings"}, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=twrqvv&_wi=1", imageAlt: "Fish and Chips" },
{ { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gur1c9", imageAlt: "Live Sports" },
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58l01p&_wi=1", imageAlt: "Smash Burger"}, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0q3ms&_wi=1", imageAlt: "Pub Interior" },
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=twrqvv&_wi=1", imageAlt: "Fish and Chips"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gur1c9", imageAlt: "Live Sports"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0q3ms&_wi=1", imageAlt: "Pub Interior"},
]} ]}
/> />
</div> </div>
@@ -70,22 +61,21 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <TextAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Bienvenue au London Gastropub" tag="London Gastropub"
tagIcon={MapPin}
title="Votre rendez-vous incontournable à Casablanca"
/> />
</div> </div>
<div id="menu" data-section="menu"> <div id="menu" data-section="menu">
<FeatureCardTwentyOne <FeatureCardTwentyOne
useInvertedBackground={true} useInvertedBackground={true}
title="Nos Spécialités" title="Notre Menu Signature"
description="Des classiques revisités avec passion pour ravir vos papilles." description="Des classiques britanniques revisités avec des produits frais."
accordionItems={[ accordionItems={[
{ { id: "1", title: "Wings croustillantes", content: "Nos wings signatures avec une sauce secrète maison." },
id: "1", title: "Wings croustillantes", content: "Nos wings signatures avec une sauce secrète maison."}, { id: "2", title: "Smash Burgers", content: "Viande fraîche hachée sur commande, smashée à la perfection." },
{ { id: "3", title: "Fish & Chips", content: "Le véritable Fish & Chips, croustillant et fondant." },
id: "2", title: "Smash Burgers", content: "Viande fraîche hachée sur commande, smashée à la perfection."},
{
id: "3", title: "Fish & Chips", content: "Un grand classique britannique servi avec ses frites dorées."},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eduucg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eduucg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -98,18 +88,12 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "1", title: "Premier League", value: "En direct", icon: Tv },
id: "1", title: "Football Britannique", value: "Direct", icon: Tv { id: "2", title: "Rugby", value: "Diffusé ici", icon: Radio },
}, { id: "3", title: "Ambiance", value: "100% Sport", icon: Smile },
{
id: "2", title: "Rugby", value: "Live", icon: Radio
},
{
id: "3", title: "Ambiance", value: "100%", icon: Smile
},
]} ]}
title="Sport en Direct" title="Sport en Direct"
description="Ne ratez rien de vos compétitions favorites." description="Nous diffusons les plus grandes compétitions sportives."
/> />
</div> </div>
@@ -119,25 +103,12 @@ export default function LandingPage() {
textboxLayout="split-description" textboxLayout="split-description"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ { id: "1", name: "Yassine A.", handle: "@yassine", testimonial: "Meilleurs burgers, ambiance match au top.", rating: 5 },
id: "1", name: "Yassine A.", handle: "@yassine", testimonial: "Les meilleurs burgers de Casablanca, l'ambiance match est top.", rating: 5, { id: "2", name: "Sarah M.", handle: "@sarah", testimonial: "Fish & chips authentique !", rating: 5 },
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bbwcnx&_wi=2", imageAlt: "british pub interior dim lighting"},
{
id: "2", name: "Sarah M.", handle: "@sarah", testimonial: "Fish and chips comme à Londres, service rapide et sympa.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0q3ms&_wi=2", imageAlt: "british pub interior dim lighting"},
{
id: "3", name: "Thomas K.", handle: "@thom", testimonial: "Le seul vrai pub pour voir le rugby en ville !", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=das4zr&_wi=2", imageAlt: "british pub interior dim lighting"},
{
id: "4", name: "Hicham R.", handle: "@hicham", testimonial: "Super lieu pour passer une soirée entre amis.", rating: 4,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58l01p&_wi=2", imageAlt: "british pub interior dim lighting"},
{
id: "5", name: "Fatima L.", handle: "@fatima", testimonial: "Wings délicieuses, très accueillant même pour les enfants.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=twrqvv&_wi=2", imageAlt: "british pub interior dim lighting"},
]} ]}
showRating={true} showRating={true}
title="Ce que disent nos clients" title="Avis de nos habitués"
description="Plus de 200 avis nous font confiance." description="Merci à notre fidèle communauté de nous faire confiance."
/> />
</div> </div>
@@ -146,15 +117,12 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "1", title: "Horaires", content: "Ouvert 7j/7 jusqu'à 02:00." },
id: "1", title: "Quels sont vos horaires ?", content: "Nous sommes ouverts tous les jours jusqu'à 02:00."}, { id: "2", title: "Adresse", content: "7 Rue Omar Elkindy, Casablanca." },
{ { id: "3", title: "Réservations", content: "Appelez le 06 14 69 13 65." },
id: "2", title: "Proposez-vous des chaises hautes ?", content: "Oui, nous sommes un établissement familial."},
{
id: "3", title: "Comment réserver ?", content: "Vous pouvez nous appeler ou nous contacter sur WhatsApp au 06 14 69 13 65."},
]} ]}
title="Questions Fréquentes" title="Infos Pratiques"
description="Tout ce que vous devez savoir." description="Tout ce qu'il faut savoir avant de nous rejoindre."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -162,18 +130,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={true} useInvertedBackground={true}
title="Réservez votre table" title="Réservez une table"
description="Besoin d'une réservation pour un match ou une soirée ? Contactez-nous." description="Contactez-nous pour réserver pour un match ou un événement."
inputs={[ inputs={[
{ { name: "name", type: "text", placeholder: "Nom", required: true },
name: "name", type: "text", placeholder: "Nom", required: true, { name: "phone", type: "tel", placeholder: "Téléphone", required: true },
},
{
name: "phone", type: "tel", placeholder: "Numéro de téléphone", required: true,
},
]} ]}
textarea={{ textarea={{ name: "message", placeholder: "Message..." }}
name: "message", placeholder: "Votre message (nombre de personnes, date...)"}}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d977w5" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d977w5"
/> />
</div> </div>
@@ -181,26 +144,10 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterSimple
columns={[ columns={[
{ { title: "London Gastropub", items: [{ label: "Casablanca", href: "#" }, { label: "06 14 69 13 65", href: "tel:0614691365" }] },
title: "London Gastropub", items: [ { title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "Sports", href: "#sports" }, { label: "Contact", href: "#contact" }] },
{
label: "7 Rue Omar Elkindy, Casablanca", href: "#"},
{
label: "06 14 69 13 65", href: "tel:0614691365"},
],
},
{
title: "Liens", items: [
{
label: "Menu", href: "#menu"},
{
label: "Sports", href: "#sports"},
{
label: "Contact", href: "#contact"},
],
},
]} ]}
bottomLeftText="© 2024 London Gastropub" bottomLeftText="© 2025 London Gastropub"
bottomRightText="Ouvert jusqu'à 02:00" bottomRightText="Ouvert jusqu'à 02:00"
/> />
</div> </div>