259 lines
15 KiB
TypeScript
259 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Sparkles, Heart, Leaf, Star, Utensils, Camera, Gift, Briefcase, Cake, Phone, Quote } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="blurBottom"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Order Now", href: "contact" }}
|
|
brandName="Delicieux Patisserie"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Experience Exquisite Elegance"
|
|
description="Handcrafted premium cakes that elevate every celebration. Discover our signature masterpiece, meticulously designed for those who appreciate the finest flavors and visual artistry."
|
|
tag="Luxury Cake Collection"
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132618.jpg"
|
|
imageAlt="Premium featured cake with elegant decoration"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Order Your Cake", href: "#contact" },
|
|
{ text: "View Our Gallery", href: "#gallery" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Crafted with passion, elegance, and the finest ingredients. Every cake is a celebration of taste, texture, and visual perfection designed for your most special moments."
|
|
useInvertedBackground={false}
|
|
metricsAnimation="slide-up"
|
|
metrics={[
|
|
{ icon: Heart, label: "Handcrafted Excellence", value: "100%" },
|
|
{ icon: Leaf, label: "Premium Fresh Ingredients", value: "Always" },
|
|
{ icon: Star, label: "Custom Creations", value: "Unlimited" },
|
|
{ icon: Utensils, label: "Years of Mastery", value: "15+" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwelve
|
|
title="Why Choose Our Premium Cakes"
|
|
description="Discover what sets our luxury cakes apart from the rest. Each element is designed to delight your senses and create unforgettable memories."
|
|
features={[
|
|
{
|
|
id: "handcrafted", label: "Handcrafted", title: "Artisanal Excellence", items: [
|
|
"Individually designed by master bakers", "Custom decorations for every occasion", "Personal attention to detail"
|
|
]
|
|
},
|
|
{
|
|
id: "ingredients", label: "Premium", title: "Finest Ingredients", items: [
|
|
"Imported Belgian chocolate", "Fresh organic eggs and cream", "Handpicked fruit and botanicals"
|
|
]
|
|
},
|
|
{
|
|
id: "preparation", label: "Fresh", title: "Daily Preparation", items: [
|
|
"Baked fresh on order", "Never frozen or pre-made", "Peak freshness guaranteed"
|
|
]
|
|
},
|
|
{
|
|
id: "celebration", label: "Ready", title: "Celebration Perfect", items: [
|
|
"Elegant presentation included", "Professional decoration options", "Delivery or pickup available"
|
|
]
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardOne
|
|
title="Our Cake Gallery"
|
|
description="Browse our collection of premium creations. Each cake showcases layers of flavor, elegant design, and meticulous craftsmanship."
|
|
tag="Visual Showcase"
|
|
tagIcon={Camera}
|
|
products={[
|
|
{
|
|
id: "1", name: "Velvet Chocolate Dream", price: "Starting at $85", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cupcakes-paper-roses_23-2148815921.jpg", imageAlt: "Rich chocolate layer cake velvet texture"
|
|
},
|
|
{
|
|
id: "2", name: "Strawberry Elegance", price: "Starting at $90", imageSrc: "http://img.b2bpic.net/free-photo/cake-stands-with-creative-desserts-against-tropical-background_1262-19989.jpg", imageAlt: "Fresh strawberry cake with delicate decoration"
|
|
},
|
|
{
|
|
id: "3", name: "Caramel Delight", price: "Starting at $88", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cake-made-from-carrots_23-2150316410.jpg", imageAlt: "Golden caramel layered cake with glossy finish"
|
|
},
|
|
{
|
|
id: "4", name: "Vanilla Bliss", price: "Starting at $80", imageSrc: "http://img.b2bpic.net/free-photo/carrot-cake-slice-with-cream-cheese-frosting_123827-37161.jpg", imageAlt: "Classic vanilla cake with artisanal decoration"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="occasions" data-section="occasions">
|
|
<MetricCardOne
|
|
title="Perfect for Every Occasion"
|
|
description="Celebrate life's most precious moments with a cake as special as the occasion itself."
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "weddings", value: "Timeless", title: "Weddings", description: "Elegant centerpieces for your perfect day", icon: Heart
|
|
},
|
|
{
|
|
id: "birthdays", value: "Joyful", title: "Birthdays", description: "Make celebrations truly memorable", icon: Gift
|
|
},
|
|
{
|
|
id: "corporate", value: "Professional", title: "Corporate Events", description: "Impress clients and colleagues", icon: Briefcase
|
|
},
|
|
{
|
|
id: "anniversaries", value: "Special", title: "Anniversaries", description: "Celebrate love and togetherness", icon: Cake
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Clients Say"
|
|
description="Join hundreds of delighted customers who have experienced the luxury and taste of our premium cakes."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
showRating={true}
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Victoria Laurent", handle: "@victoriaevents", testimonial: "The most exquisite cake I've ever tasted. Not only was it visually stunning, but the flavor combinations were absolutely divine. Our guests couldn't stop raving about it.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blond-business-woman-standing-with-coffee-cup_23-2148095744.jpg", imageAlt: "professional woman portrait headshot elegant"
|
|
},
|
|
{
|
|
id: "2", name: "James Mitchell", handle: "@jamesmitch_", testimonial: "We ordered this cake for our wedding and it was the perfect centerpiece. The attention to detail and taste were exceptional. Highly recommended for any special occasion.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14781.jpg", imageAlt: "professional man portrait headshot studio"
|
|
},
|
|
{
|
|
id: "3", name: "Sophie Anderson", handle: "@sophiabakes", testimonial: "As a pastry chef myself, I'm impressed by the quality and creativity. This is what premium baking looks like. Every layer is perfection.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/spectacular-smiling-girl-expressing-positive-emotions-while-posing-home-indoor-portrait-magnificent-longhaired-woman-elegant-holiday-outfit_291650-2396.jpg", imageAlt: "creative woman portrait chef baker"
|
|
},
|
|
{
|
|
id: "4", name: "Marcus Sterling", handle: "@marcusevents", testimonial: "Delivered exactly as promised. The cake arrived in pristine condition and tasted even better than it looked. Our celebration was elevated by this beautiful creation.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg", imageAlt: "professional man portrait event planner"
|
|
},
|
|
{
|
|
id: "5", name: "Elena Rodriguez", handle: "@elenacelebrates", testimonial: "Worth every penny. This isn't just a cake, it's an edible work of art. The flavors are sophisticated and the presentation is museum-quality.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-portrait-crossed-arms_1212-697.jpg", imageAlt: "professional woman portrait celebration events"
|
|
},
|
|
{
|
|
id: "6", name: "Thomas Bennett", handle: "@thomasgourmet", testimonial: "The craftsmanship is outstanding. You can taste the passion and premium ingredients in every bite. This is the standard by which all cakes should be measured.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-barista-standing-counter-restaurant-man-apron-white-shirt-leaning-his-hands-counter-looking-camera-work-coffee-shop_574295-4965.jpg", imageAlt: "professional man portrait gourmet food"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Reserve Your Premium Cake"
|
|
ctaDescription="Contact our team to discuss your custom cake and bring your celebration vision to life."
|
|
ctaButton={{ text: "Order Now", href: "mailto:hello@delicieux-patisserie.com" }}
|
|
ctaIcon={Phone}
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How far in advance should I order?", content: "Order 2 weeks in advance for custom designs, 4 weeks for special occasions."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer delivery?", content: "Yes! Professional delivery within 30 miles with climate control for pristine condition."
|
|
},
|
|
{
|
|
id: "3", title: "Can I customize the flavors and design?", content: "Absolutely. Complimentary consultations help us capture your vision perfectly."
|
|
},
|
|
{
|
|
id: "4", title: "What ingredients do you use?", content: "We use only premium ingredients including imported Belgian chocolate, organic eggs, fresh cream, and locally-sourced fruits and botanicals. All cakes are made fresh to order."
|
|
},
|
|
{
|
|
id: "5", title: "Do you accommodate dietary restrictions?", content: "Yes, we offer gluten-free, dairy-free, and vegan options. Our team works closely with you to create a premium cake that meets all dietary needs without compromising taste or elegance."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Craft", href: "#features" },
|
|
{ label: "Gallery", href: "#gallery" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Custom Cakes", href: "#" },
|
|
{ label: "Wedding Cakes", href: "#" },
|
|
{ label: "Corporate Orders", href: "#" },
|
|
{ label: "Delivery Options", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Email", href: "mailto:hello@delicieux-patisserie.com" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Delicieux Patisserie. All rights reserved. Crafted with passion and premium ingredients."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|