Initial commit
This commit is contained in:
vitalijmulika
252
src/app/page.tsx
Normal file
252
src/app/page.tsx
Normal file
@@ -0,0 +1,252 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user