197 lines
9.7 KiB
TypeScript
197 lines
9.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { Sparkles, Package, ArrowRight, Heart, Award, Gift, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Menu", id: "/menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Order Now", href: "contact" }}
|
|
brandName="Sweet Haven"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Welcome to Sweet Haven"
|
|
description="Discover our carefully crafted collection of gourmet sweets, artisanal chocolates, and delightful candy creations. Each treat is made with love and the finest ingredients."
|
|
tag="Premium Sweets"
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "/menu" },
|
|
{ text: "Order Today", href: "contact" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/berries-tart-wooden-board-with-milk-bottle_23-2148161609.jpg"
|
|
imageAlt="Sweet Haven candy shop storefront"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardTwentySix
|
|
title="Our Sweet Menu"
|
|
description="Browse through our exquisite collection of handmade confections, each created with passion and precision"
|
|
tag="Specialty Items"
|
|
tagIcon={Package}
|
|
features={[
|
|
{
|
|
title: "Gourmet Chocolates", description: "Luxurious chocolate truffles with premium cocoa and exotic fillings", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-slices-with-nuts-sweets-dark-surface_140725-90766.jpg?_wi=1", imageAlt: "Gourmet chocolate collection", buttonIcon: ArrowRight,
|
|
buttonHref: "contact"
|
|
},
|
|
{
|
|
title: "French Macarons", description: "Delicate almond-based confections in vibrant colors and endless flavors", imageSrc: "http://img.b2bpic.net/free-photo/cookies-colored-stacked_1232-565.jpg?_wi=1", imageAlt: "Colorful French macarons", buttonIcon: ArrowRight,
|
|
buttonHref: "contact"
|
|
},
|
|
{
|
|
title: "Caramel Delights", description: "Hand-pulled caramel sweets infused with sea salt and natural butter", imageSrc: "http://img.b2bpic.net/free-photo/delicious-honey-pouring-spoons_23-2148346638.jpg?_wi=1", imageAlt: "Golden caramel candies", buttonIcon: ArrowRight,
|
|
buttonHref: "contact"
|
|
},
|
|
{
|
|
title: "Gummy Collection", description: "Colorful fruit gummies made with real fruit juice and natural ingredients", imageSrc: "http://img.b2bpic.net/free-photo/various-jelly-beans-blue-background_58702-2159.jpg?_wi=1", imageAlt: "Assorted gummy candy", buttonIcon: ArrowRight,
|
|
buttonHref: "contact"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="About Sweet Haven"
|
|
description="Since 2010, we've been dedicated to crafting the finest artisanal sweets using traditional techniques and the highest quality ingredients. Our passion for confectionery excellence drives every creation that leaves our kitchen."
|
|
tag="Our Story"
|
|
tagIcon={Heart}
|
|
imageSrc="http://img.b2bpic.net/free-photo/female-confectioner-with-mixer-pastry-shop_23-2150360240.jpg"
|
|
imageAlt="Sweet Haven artisan candy makers"
|
|
buttons={[{ text: "Learn More", href: "#" }]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
products={[
|
|
{
|
|
id: "1", name: "Premium Chocolate Truffle Box", price: "$24.99", variant: "Assorted 12 pieces", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-slices-with-nuts-sweets-dark-surface_140725-90766.jpg?_wi=2", imageAlt: "Chocolate truffle collection"
|
|
},
|
|
{
|
|
id: "2", name: "French Macaron Set", price: "$18.99", variant: "Mixed flavors 8 pieces", imageSrc: "http://img.b2bpic.net/free-photo/cookies-colored-stacked_1232-565.jpg?_wi=2", imageAlt: "French macarons set"
|
|
},
|
|
{
|
|
id: "3", name: "Salted Caramel Collection", price: "$16.99", variant: "Premium blend 10 pieces", imageSrc: "http://img.b2bpic.net/free-photo/delicious-honey-pouring-spoons_23-2148346638.jpg?_wi=2", imageAlt: "Salted caramel candies"
|
|
},
|
|
{
|
|
id: "4", name: "Organic Gummy Assortment", price: "$13.99", variant: "Natural colors mixed", imageSrc: "http://img.b2bpic.net/free-photo/various-jelly-beans-blue-background_58702-2159.jpg?_wi=2", imageAlt: "Organic gummy collection"
|
|
}
|
|
]}
|
|
title="Featured Products"
|
|
description="Our most beloved creations, curated for the ultimate sweet experience"
|
|
tag="Best Sellers"
|
|
tagIcon={Award}
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-cafe-staff-pouring-steamed-milk-coffee-prepare-cappuccino-with-latte_1258-134426.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "James Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-phone_273609-6294.jpg", imageAlt: "James Rodriguez"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Thompson", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-pretty-girl-with-clean-skin-perfect-smile-having-fun-coffee-shop_273609-9039.jpg", imageAlt: "Emma Thompson"
|
|
},
|
|
{
|
|
id: "4", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/cool-guy-sitting-chair-look-up_114579-79352.jpg", imageAlt: "Michael Chen"
|
|
}
|
|
]}
|
|
cardTitle="Over 5,000 happy customers trust Sweet Haven for their special moments and everyday indulgences"
|
|
cardTag="Customer Love"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Treat Yourself?"
|
|
tagIcon={Gift}
|
|
title="Place Your Order Today"
|
|
description="Visit us in store, order online, or call us to customize your sweet selection. We offer gift packaging and special occasion arrangements."
|
|
buttons={[
|
|
{ text: "Order Online", href: "#" },
|
|
{ text: "Contact Us", href: "#" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Menu", href: "/menu" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Products", href: "#products" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Gift Cards", href: "#" },
|
|
{ label: "Catering", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Shipping Info", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
logoText="Sweet Haven"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|