211 lines
12 KiB
TypeScript
211 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Le Comptoir De Tunis"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="The Soul of Tunis in Your City"
|
|
description="Experience authentic, slow-cooked Mediterranean traditions redefined in a warm, sophisticated atmosphere."
|
|
leftCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-wild-berries-clay-pot-table_141793-3800.jpg", imageAlt: "Authentic dining atmosphere" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/turkish-breakfast-shakshuka-olives-cheese-fruit-rich-brunch_2829-11309.jpg", imageAlt: "Shakshuka dish" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-mussels-cream_140725-5203.jpg", imageAlt: "Fish platter" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/meat-with-rice-dry-fruits-prunes-chestnuts-spices-oil-side-view_141793-1811.jpg", imageAlt: "Couscous" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-red-currant-jam-cookies-with-fresh-berries_114579-10230.jpg", imageAlt: "Brik" },
|
|
]}
|
|
rightCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-with-little-sweet-biscuits-plate-tray-dark-surface-ceremony-glass-sweet-breakfast-cake-sugar-color_179666-24460.jpg", imageAlt: "Baklava" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/classic-greek-salad-fresh-vegetables-cucumber-tomato-sweet-pepper-lettuce-red-onion-feta-cheese-olives-with-olive-oil-healthy-food-top-view_1150-44879.jpg", imageAlt: "Salad" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/triangle-shaped-pastries-filled-with-cheese-wooden-board_114579-88842.jpg", imageAlt: "Brik" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-roulade-with-mashed-potatoes-mushrooms-grilled-vegetable-salad-red-meat-with-mushrooms-sauce-table_141793-3806.jpg", imageAlt: "Couscous" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-crabs-with-bread-canape-stuffed-with-green-salad-pinapple-slices_114579-1420.jpg", imageAlt: "Fish platter" },
|
|
]}
|
|
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/side-view-friends-restaurant_23-2148395398.jpg", alt: "Diner 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269174.jpg", alt: "Diner 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/multiethnic-group-people-laughing-together-board-games-play-with-cards-living-room-positive-men-women-having-fun-with-card-game-competitive-strategy-handheld-shot-close-up_482257-43530.jpg", alt: "Diner 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg", alt: "Diner 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-woman-holding-hands-man-table_23-2148014470.jpg", alt: "Diner 5" },
|
|
]}
|
|
avatarText="Trusted by 5,000+ food lovers"
|
|
marqueeItems={[
|
|
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vvlwsv", alt: "Logo 1" },
|
|
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xvjbh5", alt: "Logo 2" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-vector/genuine-quality-rubber-stamps-set-four_1017-31465.jpg", alt: "Logo 3" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-vector/organic-food-labels_23-2147509117.jpg", alt: "Logo 4" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/monochrome-portrait-woman-cooking_23-2151207351.jpg", alt: "Logo 5" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="A Legacy of Taste"
|
|
description="Le Comptoir De Tunis brings century-old family recipes and fresh, local ingredients together to create an unforgettable culinary journey."
|
|
metrics={[
|
|
{ value: "15+", title: "Years of Tradition" },
|
|
{ value: "50+", title: "Secret Spices" },
|
|
{ value: "100%", title: "Authentic Ingredients" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-mushroom-frying-with-stove-dry-mint-human-hand-pan_176474-3149.jpg"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-highlights" data-section="menu-highlights">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Fresh Ingredients", description: "We source all local produce daily.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/two-pottery-bowles-with-pie-rice-inside_114579-2467.jpg", imageAlt: "tagine" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751998.jpg", imageAlt: "spices" }
|
|
},
|
|
{
|
|
title: "Traditional Methods", description: "Slow-cooked recipes from generations.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/arabic-tea-glasses-with-teapots-table_23-2148088385.jpg", imageAlt: "tea" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/ancient-pot-with-beans_114579-39152.jpg", imageAlt: "beans" }
|
|
},
|
|
{
|
|
title: "Warm Atmosphere", description: "Designed for comfort and conversation.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-yellow-cake-with-biscuit-cookies-cream-dark-surface_140725-115036.jpg", imageAlt: "cake" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/glasses-green-apple-healthy-tea-put-fresh-green-apples_1150-34476.jpg", imageAlt: "apple" }
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Crafted With Purpose"
|
|
description="Every dish is a blend of tradition, quality, and careful preparation."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "p1", name: "Shakshuka", price: "$18", variant: "A rich, savory tomato-based breakfast stew", imageSrc: "http://img.b2bpic.net/free-photo/frying-pan-omelet-with-vegetables_114579-82076.jpg" },
|
|
{ id: "p2", name: "Grilled Fish", price: "$28", variant: "Fresh, locally caught Mediterranean catch", imageSrc: "http://img.b2bpic.net/free-photo/seafood-cleaning-process-kitchen_23-2150171468.jpg" },
|
|
{ id: "p3", name: "Lamb Couscous", price: "$24", variant: "Slow-cooked lamb with traditional semolina", imageSrc: "http://img.b2bpic.net/free-photo/front-view-meat-grilled-roll-pita-bread-with-tomato-onion_141793-4637.jpg" },
|
|
{ id: "p4", name: "Brik Pastry", price: "$12", variant: "Crispy, golden pastry filled with egg and herbs", imageSrc: "http://img.b2bpic.net/free-photo/grilled-pawns-white-plate-with-red-basilic-rosemary-leaves_114579-2960.jpg" },
|
|
{ id: "p5", name: "Mediterranean Salad", price: "$14", variant: "Crisp vegetables with feta and olives", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-salad-consists-cucumber-cheese-tomatoes-dark-blue-background-color-diet-lunch-meal-cuisine-restaurant-food-health_179666-18329.jpg" },
|
|
{ id: "p6", name: "Baklava Dessert", price: "$9", variant: "Sweet layered pastry with honey and nuts", imageSrc: "http://img.b2bpic.net/free-photo/cup-dark-coffee-with-cookie-dark-board-high-quality-photo_114579-67924.jpg" },
|
|
]}
|
|
title="Signature Mediterranean Menu"
|
|
description="Discover the vibrant flavors of Mediterranean gastronomy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-showing-ok-gesture-eye-t-shirt-cap-looking-confident-front-view_176474-54685.jpg" },
|
|
{ id: "2", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-vector/business-card-template-with-classic-blue-style_23-2148443087.jpg" },
|
|
{ id: "3", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/summer-pattern_23-2147809842.jpg" },
|
|
{ id: "4", name: "Marcus V.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg" },
|
|
{ id: "5", name: "Lila K.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-feeding-man-with-salad_23-2148014523.jpg" },
|
|
]}
|
|
cardTitle="Loved by Our Guests"
|
|
cardTag="Testimonials"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="partners" data-section="partners">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={["Gourmet Journal", "Tunisia Food Daily", "Med Dining Guide", "City Bites Review", "Travel & Taste"]}
|
|
title="Proudly Recognized"
|
|
description="Featured in leading gastronomic publications."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "Do you take reservations?", content: "Yes, we highly recommend booking in advance." },
|
|
{ id: "f2", title: "Are there vegan options?", content: "We have a dedicated selection of traditional vegetable-based dishes." },
|
|
{ id: "f3", title: "Can you host events?", content: "We cater for private gatherings and corporate events." },
|
|
]}
|
|
title="Common Questions"
|
|
faqsAnimation="slide-up"
|
|
description="Find answers to our most commonly asked questions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{ variant: "plain" }}
|
|
tag="Visit Us"
|
|
title="Reserve Your Experience"
|
|
description="Join us for an authentic taste of Tunis in the heart of the city."
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-man-wearing-apron_23-2149434487.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{ items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
|
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Socials", href: "#" }] },
|
|
]}
|
|
logoText="Le Comptoir De Tunis"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|