302 lines
16 KiB
TypeScript
302 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Facebook, Instagram, Leaf, ShoppingBag, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Accueil", id: "hero"},
|
|
{
|
|
name: "Menu", id: "products"},
|
|
{
|
|
name: "Pourquoi nous", id: "features"},
|
|
{
|
|
name: "Avis", id: "testimonials"},
|
|
{
|
|
name: "À propos", id: "about"},
|
|
{
|
|
name: "Galerie", id: "gallery"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="SHAKE SHAKE"
|
|
button={{
|
|
text: "Commander", href: "#final-cta"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Des burgers généreux. Des frites qui croustillent."
|
|
description="Des ingrédients de qualité, des prix justes et un service rapide à Saint-Julien-de-Concelles."
|
|
buttons={[
|
|
{
|
|
text: "Commander", href: "#final-cta"},
|
|
{
|
|
text: "Voir le Menu", href: "#products"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151433056.jpg"
|
|
imageAlt="Large photography of a delicious burger and crispy fries"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/person-with-eating-disorder-trying-eat-fast-food_23-2149243073.jpg", alt: "Customer enjoying a burger"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304414.jpg", alt: "Person enjoying food"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-shot-young-curly-woman-feels-hungry-eats-sandwich-with-appetite-poses-street-focused-somewhere-stands-outdoors-against-blurred-background-prefers-junk-food-nutrition-concept_273609-57804.jpg", alt: "Young woman eating sandwich"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-decided-dine-roadside-cafe-eating-hamburger_613910-4895.jpg", alt: "Man eating a hamburger"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg", alt: "People enjoying leisure"},
|
|
]}
|
|
avatarText="+400 clients satisfaits"
|
|
marqueeItems={[
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/closeup-shot-sandwich-french-fries-table_181624-61641.jpg", alt: "Closeup shot of a sandwich and french fries on the table"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151292945.jpg", alt: "Photorealistic burger meal"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-delicious-burger_23-2149160036.jpg", alt: "Close up hand holding delicious burger"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151293064.jpg", alt: "Photorealistic burger meal"},
|
|
{
|
|
type: "text-icon", text: "Produits Frais", icon: Leaf,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="final-cta" data-section="final-cta">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "plain"}}
|
|
imagePosition="right"
|
|
title="Envie d'un vrai bon burger ?"
|
|
description="Commande sur place ou à emporter. Rapidité et saveur garanties. Le burger qui tient ses promesses vous attend !"
|
|
buttons={[
|
|
{
|
|
text: "Commander maintenant", href: "#"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
fixedMediaHeight={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/american-hamburger_23-2147783565.jpg"
|
|
imageAlt="Appetizing burger and fries combo for a call to action"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", alt: "Man smiling with laptop"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-young-man-blue-shirt-looking-camera_23-2148130311.jpg", alt: "Young man looking at camera"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/fond-biracial-couple-having-walk-summer-day-african-american-man-caucasian-woman-wheelchairs-embankment-touching-each-others-shoulders-love-relationship-happiness-concept_74855-22289.jpg", alt: "Biracial couple together"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-multiethnic-friends-sitting_23-2148212349.jpg", alt: "Multiethnic friends sitting"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-15670.jpg", alt: "Young team working on project"},
|
|
]}
|
|
avatarText="+1000 commandes livrées"
|
|
marqueeItems={[
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/fish-hamburger-with-french-fries_1203-9010.jpg", alt: "fish hamburger with french fries"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/composition-with-delicious-vegan-burger_23-2149039331.jpg", alt: "Composition with delicious vegan burger"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-beef-burger-with-bacon-cheese_23-2148290697.jpg", alt: "Close-up beef burger with bacon and cheese"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/delicious-close-up-cheeseburger_23-2151985487.jpg", alt: "Delicious close-up of a cheeseburger"},
|
|
{
|
|
type: "text-icon", text: "Click & Collect", icon: ShoppingBag,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"\"Très bon et pas cher\"", "\"Service rapide\"", "\"Restaurant très propre\"", "\"Copieux\"", "\"Accueillant\""]}
|
|
title="Approuvé par nos clients"
|
|
description="★★★★★ 4,7/5 sur 462+ avis clients"
|
|
speed={35}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "classic-smash", name: "Classic Smash", price: "10,50€", variant: "Double steak smashé, Cheddar fondant, Sauce maison", imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-burger-with-fried-egg-bacon_23-2151985469.jpg", imageAlt: "Classic Smash Burger"},
|
|
{
|
|
id: "crispy-fries", name: "Crispy Fries", price: "4,00€", variant: "Les fameuses frites épicées dont tout le monde parle.", imageSrc: "http://img.b2bpic.net/free-photo/fried-potatoes-french-fries-wooden-table_123827-26887.jpg", imageAlt: "Crispy Seasoned Fries"},
|
|
{
|
|
id: "chicken-burger", name: "Chicken Burger", price: "11,00€", variant: "Poulet croustillant, Sauce signature, Pain brioché", imageSrc: "http://img.b2bpic.net/free-photo/home-made-burger-with-ketchup_23-2148374877.jpg", imageAlt: "Crispy Chicken Burger"},
|
|
]}
|
|
title="Nos Signatures"
|
|
description="Découvrez nos classiques et nos créations qui régalent les papilles."
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "rapid", label: "Service Rapide", title: "Rapide", items: [
|
|
"Votre commande prête sans attente interminable."],
|
|
},
|
|
{
|
|
id: "generous", label: "Portions Généreuses", title: "Généreux", items: [
|
|
"Des portions qui rassasient vraiment, pour les grandes faims."],
|
|
},
|
|
{
|
|
id: "accessible", label: "Prix Abordables", title: "Accessible", items: [
|
|
"Des prix justes qui donnent envie de revenir encore et encore."],
|
|
},
|
|
{
|
|
id: "welcoming", label: "Ambiance Accueillante", title: "Accueillant", items: [
|
|
"Une équipe souriante et à l'écoute pour un service impeccable."],
|
|
},
|
|
]}
|
|
title="Pourquoi les locaux nous adorent"
|
|
description="SHAKE SHAKE, c'est l'assurance d'un bon moment, à chaque fois. Voici ce qui fait la différence."
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Laurie M.", role: "Client", testimonial: "Service très rapide, lieux très propres. Les frites sont bonnes et croustillantes. Le burger était délicieux.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-eating-delicious-street-food-outdoors_23-2148952924.jpg", imageAlt: "Laurie M. customer"},
|
|
{
|
|
id: "2", name: "Emilio S.", role: "Client", testimonial: "Très bon et pas cher. Je vous invite à venir y manger, le personnel est très accueillant.", imageSrc: "http://img.b2bpic.net/free-photo/siblings-spending-time-together-outdoors-brothers-day-celebration_23-2150266862.jpg", imageAlt: "Emilio S. customer"},
|
|
{
|
|
id: "3", name: "Sophie P.", role: "Client", testimonial: "Des burgers généreux avec des ingrédients de qualité. Les frites sont à tomber. Un vrai plaisir à chaque visite !", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-creative-team-waving-hello_74855-3619.jpg", imageAlt: "Sophie P. customer"},
|
|
{
|
|
id: "4", name: "Marc L.", role: "Client", testimonial: "Rapidité exemplaire et un restaurant toujours impeccable. C'est l'adresse idéale pour un bon burger sur le pouce.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-eating-while-working-office-looking-camera_637285-4628.jpg", imageAlt: "Marc L. customer"},
|
|
{
|
|
id: "5", name: "Clara R.", role: "Client", testimonial: "Excellent rapport qualité-prix. Les portions sont vraiment généreuses et le personnel est toujours souriant et efficace.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-fast-food-restaurant-eating-cheeseburgers_23-2148718872.jpg", imageAlt: "Clara R. customer"},
|
|
]}
|
|
title="Nos clients parlent pour nous"
|
|
description="Découvrez pourquoi SHAKE SHAKE est le rendez-vous gourmand de Saint-Julien-de-Concelles."
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text", content: "SHAKE SHAKE, simplement."
|
|
},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/chef-holding-juicy-beef-burger_7502-9881.jpg", alt: "Clean kitchen with staff preparing food"
|
|
},
|
|
{
|
|
type: "text", content: "Chez SHAKE SHAKE, on croit qu'un bon burger n'a pas besoin d'être compliqué. Des ingrédients de qualité, des recettes efficaces, des frites croustillantes et un accueil chaleureux. C'est ce qui nous a permis de devenir une adresse appréciée à Saint-Julien-de-Concelles."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<TeamCardTen
|
|
useInvertedBackground={false}
|
|
title="Nos Meilleurs Moments"
|
|
tag="En images"
|
|
membersAnimation="slide-up"
|
|
members={[
|
|
{
|
|
id: "gallery-1", name: "Burger close-up", imageSrc: "http://img.b2bpic.net/free-photo/cheeseburger-with-fresh-vegetables-pickles-dark-background_84443-94664.jpg", imageAlt: "Burger close-up"},
|
|
{
|
|
id: "gallery-2", name: "Loaded fries", imageSrc: "http://img.b2bpic.net/free-photo/chicken-nuggets-with-french-fries-human-hand-fly_176474-2697.jpg", imageAlt: "Loaded fries"},
|
|
{
|
|
id: "gallery-3", name: "Team smiling", imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-spending-time-together_23-2148436159.jpg", imageAlt: "Team smiling"},
|
|
{
|
|
id: "gallery-4", name: "Terrace", imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-having-new-year-party-outdoors_23-2149144055.jpg", imageAlt: "Restaurant terrace"},
|
|
{
|
|
id: "gallery-5", name: "Kitchen action", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-delicious-burger_23-2149897395.jpg", imageAlt: "Kitchen action shot"},
|
|
]}
|
|
memberVariant="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Retrouvez-nous"
|
|
title="Votre destination burger à Saint-Julien-de-Concelles"
|
|
description="Centre commercial du Chêne, 44450 Saint-Julien-de-Concelles. Ouvert tous les jours de 11h30 à 14h30 et de 18h30 à 22h00."
|
|
imageSrc="http://img.b2bpic.net/free-photo/coffee-pins-map_23-2147635444.jpg"
|
|
imageAlt="Location map of SHAKE SHAKE at Saint-Julien-de-Concelles"
|
|
mediaAnimation="slide-up"
|
|
inputPlaceholder="Votre email (optionnel)"
|
|
buttonText="Nous contacter"
|
|
termsText="En soumettant ce formulaire, vous acceptez nos conditions générales."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="SHAKE SHAKE"
|
|
copyrightText="© 2024 SHAKE SHAKE. Tous droits réservés."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "#", ariaLabel: "Instagram"},
|
|
{
|
|
icon: Facebook,
|
|
href: "#", ariaLabel: "Facebook"},
|
|
{
|
|
icon: Twitter,
|
|
href: "#", ariaLabel: "Twitter"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|