365 lines
12 KiB
TypeScript
365 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="aurora"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="D'avant Bakery"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
title="Freshly Baked Every Morning"
|
|
description="Experience the finest artisanal breads, delicate pastries, and premium coffee in our modern, bright Edgewater bakery."
|
|
buttons={[
|
|
{
|
|
text: "Explore Menu",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg?_wi=1"
|
|
imageAlt="fresh artisan bakery display"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg",
|
|
alt: "table set on dinning table",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg",
|
|
alt: "empty wood chair",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-blond-girl-with-blue-eyes-bright-pink-lips-sitting-coffee-shop-chair-she-holds-smartphone-her-hand_197531-83.jpg",
|
|
alt: "Beautiful blond girl with blue eyes and bright pink lips sitting in a coffee shop on a chair. She holds a smartphone in her hand",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg",
|
|
alt: "Young woman arranging the table in the restaurant",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg",
|
|
alt: "Handsome young man wearing trendy hat sitting at wooden table of coffee shop",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Artisanal Sourdough",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Fresh Pastries Daily",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Locally Roasted Coffee",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Hand-crafted Sandwiches",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Warm Community Space",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Welcome to D'avant"
|
|
description="We are dedicated to high-quality ingredients and modern baking techniques. Whether you are grabbing a quick croissant, enjoying a sandwich, or settling in for work, our space is designed for your comfort."
|
|
imageSrc="http://img.b2bpic.net/free-photo/bakery_23-2148011815.jpg?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="highlights" data-section="highlights">
|
|
<FeatureCardTwentyNine
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Fresh Daily",
|
|
description: "Baked from scratch every single morning.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/butter-croissant-table_1339-5773.jpg?_wi=1",
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cookie_114579-4245.jpg",
|
|
buttonText: "View",
|
|
},
|
|
{
|
|
title: "Artisanal Bread",
|
|
description: "A wide variety of premium crusty loaves.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-meal-with-bread-egg-flour_23-2148438659.jpg?_wi=1",
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/italian-bread-wooden-board_23-2147686512.jpg",
|
|
buttonText: "View",
|
|
},
|
|
{
|
|
title: "Cozy Seating",
|
|
description: "Plenty of space to sit, enjoy, or work.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-cooking_23-2148971986.jpg",
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_74190-4453.jpg",
|
|
buttonText: "View",
|
|
},
|
|
]}
|
|
title="Why You'll Love Us"
|
|
description="Our bakery offers the perfect combination of great flavors and a comfortable, bright atmosphere."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Flaky Croissant",
|
|
price: "$4.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-cinnamon-rolls-tray_23-2148904707.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Signature Baguette",
|
|
price: "$6.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/traditional-irish-soda-bread-with-raisins-freshly-baked-sliced_123827-37266.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Matcha Cake",
|
|
price: "$7.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/matcha-green-tea-cake-white-plate_74190-2549.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Assorted Cookies",
|
|
price: "$3.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-different-tasty-biscuits-light-dark-surface_140725-103215.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Danish Pastry",
|
|
price: "$5.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/white-meringue-cookies-with-black-raisines-wooden-board_114579-84673.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Artisanal Sandwich",
|
|
price: "$12.00",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-wrapped-salad-sandwiches-with-bread_23-2148640197.jpg",
|
|
},
|
|
]}
|
|
title="Our Menu Highlights"
|
|
description="A curated selection of our most popular treats and bakery items."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Ivy Chen",
|
|
date: "6 months ago",
|
|
title: "Local Guide",
|
|
quote: "The bakery has a spacious and bright interior with a modern design.",
|
|
tag: "5 stars",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12122.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg?_wi=2",
|
|
imageAlt: "customer happy cafe interior",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Caterin Castillo",
|
|
date: "5 months ago",
|
|
title: "Local Guide",
|
|
quote: "Loved how easy it was to grab the pastry. Portion reasonable.",
|
|
tag: "5 stars",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150423993.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bakery_23-2148011815.jpg?_wi=2",
|
|
imageAlt: "customer happy cafe interior",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Mandy",
|
|
date: "2 months ago",
|
|
title: "Local Guide",
|
|
quote: "Perfect spot to sit down and enjoy coffee.",
|
|
tag: "5 stars",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-bar_23-2147680953.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/butter-croissant-table_1339-5773.jpg?_wi=2",
|
|
imageAlt: "customer happy cafe interior",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Sarah J.",
|
|
date: "3 months ago",
|
|
title: "Foodie",
|
|
quote: "Delicious pastries and very clean seating area.",
|
|
tag: "5 stars",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-meal-with-bread-egg-flour_23-2148438659.jpg?_wi=2",
|
|
imageAlt: "customer happy cafe interior",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "David K.",
|
|
date: "1 month ago",
|
|
title: "Regular",
|
|
quote: "Best croissants in the area, hands down.",
|
|
tag: "5 stars",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/matcha-green-tea-cake-white-plate_74190-2549.jpg?_wi=2",
|
|
imageAlt: "customer happy cafe interior",
|
|
},
|
|
]}
|
|
title="Customer Reviews"
|
|
description="Don't just take our word for it—our customers love the atmosphere and the fresh selections."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "Do you offer takeout?",
|
|
content: "Yes, we offer both dine-in and takeout options.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "What are your opening hours?",
|
|
content: "We open daily at 7 AM. Please check our website for specific closing times.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Can I work here?",
|
|
content: "Absolutely! We provide a bright, comfortable space with plenty of tables.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-home-office-belonging-small-business-owner-with-data-sales-reports_482257-90829.jpg"
|
|
title="Common Questions"
|
|
description="Find answers to frequently asked questions about our bakery and menu."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Visit Us Today"
|
|
description="Located in Windsor at Mariners Apartments, Edgewater. Come by for a fresh treat!"
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Your message here...",
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-strawberry-cake-bakery-shop_23-2150360188.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="D'avant Bakery"
|
|
columns={[
|
|
{
|
|
title: "Links",
|
|
items: [
|
|
{
|
|
label: "Menu",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "About",
|
|
href: "#about",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Info",
|
|
items: [
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|