Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fbf7598e3f | |||
| cef85a52d1 | |||
| 6ef80e92f1 | |||
| 1ef551341a |
139
src/app/page.tsx
139
src/app/page.tsx
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user