252 lines
9.9 KiB
TypeScript
252 lines
9.9 KiB
TypeScript
"use client";
|
|
|
|
import { Award, Wheat, Sun, Cake } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
|
|
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="fluid"
|
|
cardStyle="neon-glow"
|
|
primaryButtonStyle="layered-depth"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Sweet Haven Bakery"
|
|
button={{
|
|
text: "Order Now",
|
|
href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitLarge
|
|
title="Fresh Baked Goodness Every Day"
|
|
description="Handcrafted pastries, artisan bread, and custom cakes made with love. Taste the difference of authentic bakery traditions since 1998."
|
|
tag="Established Quality"
|
|
tagIcon={Award}
|
|
buttons={[
|
|
{ text: "Order Online", href: "contact" },
|
|
{ text: "Visit Us", href: "about" }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849917406-g8em2795.jpg"
|
|
imageAlt="Display of fresh baked pastries and bread"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-products" data-section="featured-products">
|
|
<ProductCardTwo
|
|
title="Our Signature Collections"
|
|
description="Hand-selected favorites from our daily lineup, crafted with premium ingredients and time-honored techniques."
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Sweet Haven",
|
|
name: "Classic Croissants",
|
|
price: "$4.99 each",
|
|
rating: 5,
|
|
reviewCount: "482",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849920560-rp9y01o2.jpg",
|
|
imageAlt: "Golden butter croissant"
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Sweet Haven",
|
|
name: "Artisan Sourdough",
|
|
price: "$7.50 per loaf",
|
|
rating: 5,
|
|
reviewCount: "356",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849928686-deu3hja5.jpg",
|
|
imageAlt: "Rustic artisan sourdough loaf"
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Sweet Haven",
|
|
name: "Custom Layer Cakes",
|
|
price: "Starting at $35",
|
|
rating: 5,
|
|
reviewCount: "628",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849923578-2xbjh70p.jpg",
|
|
imageAlt: "Beautiful three-layer celebration cake"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Baked with Passion Since 1998"
|
|
description="What started as a small neighborhood oven has grown into a beloved community bakery. We honor traditional baking methods while embracing quality and freshness in everything we make."
|
|
bulletPoints={[
|
|
{
|
|
title: "Premium Ingredients",
|
|
description: "We source the finest flours, butters, and fillings from trusted suppliers across the country.",
|
|
icon: Wheat
|
|
},
|
|
{
|
|
title: "Fresh Daily",
|
|
description: "Every item is baked fresh each morning using time-tested recipes and expert techniques.",
|
|
icon: Sun
|
|
},
|
|
{
|
|
title: "Custom Orders",
|
|
description: "Special occasions deserve special treats. We create custom cakes and pastry boxes for your celebrations.",
|
|
icon: Cake
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849931565-h3vy0jiv.jpg"
|
|
imageAlt="Warm interior of Sweet Haven Bakery"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardNine
|
|
title="Loved by Our Community"
|
|
description="Read what our customers have to say about their Sweet Haven Bakery experience."
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
quote: "The croissants here are absolutely perfect. Crispy on the outside, buttery on the inside. I come in every Saturday without fail.",
|
|
name: "Maria Rodriguez",
|
|
role: "Regular Customer",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849934344-okj6r65u.jpg",
|
|
imageAlt: "Maria Rodriguez"
|
|
},
|
|
{
|
|
id: "2",
|
|
quote: "I ordered a custom cake for my daughter's wedding and it was the most beautiful and delicious cake we've ever had. Highly recommend!",
|
|
name: "James Chen",
|
|
role: "Wedding Customer",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849937075-sef3hx22.jpg",
|
|
imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "3",
|
|
quote: "The artisan bread here is incredible. I use it for sandwiches at my restaurant. Consistent quality and flavor every single time.",
|
|
name: "Sarah Mitchell",
|
|
role: "Business Owner",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849939468-bxpprkql.jpg",
|
|
imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "4",
|
|
quote: "Every item is fresh and made with such care. The staff is always friendly and helpful. Best bakery in town!",
|
|
name: "David Kim",
|
|
role: "Regular Customer",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849940793-cf20mms9.jpg",
|
|
imageAlt: "David Kim"
|
|
},
|
|
{
|
|
id: "5",
|
|
quote: "I discovered Sweet Haven just last month and now I'm obsessed. Their almond croissants have changed my life.",
|
|
name: "Lisa Anderson",
|
|
role: "New Customer",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849942611-vsp583a0.jpg",
|
|
imageAlt: "Lisa Anderson"
|
|
},
|
|
{
|
|
id: "6",
|
|
quote: "The quality of their pastries is unmatched. Worth every penny. This is true craftsmanship.",
|
|
name: "Michael Thompson",
|
|
role: "Food Enthusiast",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849946252-bo3519le.jpg",
|
|
imageAlt: "Michael Thompson"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenterForm
|
|
title="Get in Touch"
|
|
description="Have questions? Want to order a custom cake? We'd love to hear from you. Send us a message and we'll respond within 24 hours."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true
|
|
},
|
|
{
|
|
name: "phone",
|
|
type: "tel",
|
|
placeholder: "Your Phone (Optional)",
|
|
required: false
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Tell us about your inquiry or custom order...",
|
|
rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground="noInvert"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Sweet Haven Bakery"
|
|
copyrightText="© 2025 Sweet Haven Bakery. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Hours",
|
|
items: [
|
|
{ label: "Mon - Fri: 7am - 7pm", href: "" },
|
|
{ label: "Sat: 8am - 6pm", href: "" },
|
|
{ label: "Sun: 9am - 5pm", href: "" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "(555) 123-4567", href: "" },
|
|
{ label: "info@sweethavenbakery.com", href: "" },
|
|
{ label: "123 Main St, Your City", href: "" }
|
|
]
|
|
},
|
|
{
|
|
title: "About",
|
|
items: [
|
|
{ label: "Our Story", href: "about" },
|
|
{ label: "Custom Orders", href: "contact" },
|
|
{ label: "Careers", href: "" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |