Merge version_1 into main #1
479
src/app/page.tsx
479
src/app/page.tsx
@@ -29,358 +29,151 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sweet Delights"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Sweet Delights"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Baking Happiness, One Batch at a Time"
|
||||
description="Experience the authentic taste of artisan breads and gourmet pastries, baked fresh daily in the heart of our kitchen."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12318.jpg",
|
||||
alt: "Happy bakery customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-happy-family-with-muffins-cup_23-2148414893.jpg",
|
||||
alt: "Cheerful bakery customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985162.jpg",
|
||||
alt: "Smiling bakery customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-serving-pastry-cake-female-customer-coffee-shop_23-2148028059.jpg",
|
||||
alt: "Satisfied bakery client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cookies-ready-be-served_23-2148566723.jpg",
|
||||
alt: "Happy regular customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by our local community"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Baked",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Organic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Crafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Deliveries",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Baking Happiness, One Batch at a Time"
|
||||
description="Experience the authentic taste of artisan breads and gourmet pastries, baked fresh daily in the heart of our kitchen."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12318.jpg", alt: "Happy bakery customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-happy-family-with-muffins-cup_23-2148414893.jpg", alt: "Cheerful bakery customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985162.jpg", alt: "Smiling bakery customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-woman-serving-pastry-cake-female-customer-coffee-shop_23-2148028059.jpg", alt: "Satisfied bakery client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cookies-ready-be-served_23-2148566723.jpg", alt: "Happy regular customer" },
|
||||
]}
|
||||
avatarText="Loved by our local community"
|
||||
buttons={[
|
||||
{ text: "Explore Menu", href: "#products" },
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Freshly Baked" },
|
||||
{ type: "text", text: "100% Organic" },
|
||||
{ type: "text", text: "Artisan Crafted" },
|
||||
{ type: "text", text: "Family Owned" },
|
||||
{ type: "text", text: "Daily Deliveries" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Passion for",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/baker-holding-fresh-bread_1398-831.jpg",
|
||||
alt: "Master baker",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Perfection",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Passion for" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/baker-holding-fresh-bread_1398-831.jpg", alt: "Master baker" },
|
||||
{ type: "text", content: "Perfection" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Buttery Croissant",
|
||||
price: "$4.50",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delectable-croissant-towel-blue-background-high-quality-photo_114579-36410.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chocolate Ganache Cake",
|
||||
price: "$28.00",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-indoors-still-life_23-2151172781.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fruit Tart",
|
||||
price: "$5.50",
|
||||
variant: "Seasonal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tart-with-strawberries-pomegranate_23-2148368245.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sourdough Loaf",
|
||||
price: "$7.00",
|
||||
variant: "Artisan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colomba-with-almonds-flowers-high-angle_23-2149341683.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "French Macarons",
|
||||
price: "$12.00",
|
||||
variant: "Box of 6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-croissants-basket_23-2148288056.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Cinnamon Roll",
|
||||
price: "$4.00",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cinnamon-rolls-arrangement_23-2148904705.jpg",
|
||||
},
|
||||
]}
|
||||
title="Artisan Selections"
|
||||
description="Hand-crafted treats created from the finest ingredients."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Buttery Croissant", price: "$4.50", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/delectable-croissant-towel-blue-background-high-quality-photo_114579-36410.jpg" },
|
||||
{ id: "2", name: "Chocolate Ganache Cake", price: "$28.00", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-indoors-still-life_23-2151172781.jpg" },
|
||||
{ id: "3", name: "Fruit Tart", price: "$5.50", variant: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tart-with-strawberries-pomegranate_23-2148368245.jpg" },
|
||||
{ id: "4", name: "Sourdough Loaf", price: "$7.00", variant: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/colomba-with-almonds-flowers-high-angle_23-2149341683.jpg" },
|
||||
{ id: "5", name: "French Macarons", price: "$12.00", variant: "Box of 6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-croissants-basket_23-2148288056.jpg" },
|
||||
{ id: "6", name: "Cinnamon Roll", price: "$4.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cinnamon-rolls-arrangement_23-2148904705.jpg" },
|
||||
]}
|
||||
title="Artisan Selections"
|
||||
description="Hand-crafted treats created from the finest ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Award,
|
||||
title: "Expert Bakers",
|
||||
description: "Masters of their craft with decades of experience.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Fresh Daily",
|
||||
description: "Baked fresh every single morning.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Premium Quality",
|
||||
description: "Only the finest local ingredients used.",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Crafting extraordinary experiences with passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Award, title: "Expert Bakers", description: "Masters of their craft with decades of experience." },
|
||||
{ icon: Sparkles, title: "Fresh Daily", description: "Baked fresh every single morning." },
|
||||
{ icon: Award, title: "Premium Quality", description: "Only the finest local ingredients used." },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Crafting extraordinary experiences with passion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
price: "$40",
|
||||
period: "/mo",
|
||||
description: "Weekly bread delivery.",
|
||||
button: {
|
||||
text: "Join Now",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"1 Sourdough",
|
||||
"4 Croissants",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Sweet",
|
||||
price: "$75",
|
||||
period: "/mo",
|
||||
description: "Ultimate pastry box.",
|
||||
button: {
|
||||
text: "Join Now",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Assorted Pastries",
|
||||
"Artisan Bread",
|
||||
"Cookies",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Simple Subscription Boxes"
|
||||
description="Have your favorites delivered regularly."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", tag: "Starter", price: "$40", period: "/mo", description: "Weekly bread delivery.", button: { text: "Join Now" }, featuresTitle: "Includes:", features: ["1 Sourdough", "4 Croissants"] },
|
||||
{ id: "pro", tag: "Sweet", price: "$75", period: "/mo", description: "Ultimate pastry box.", button: { text: "Join Now" }, featuresTitle: "Includes:", features: ["Assorted Pastries", "Artisan Bread", "Cookies"] },
|
||||
]}
|
||||
title="Simple Subscription Boxes"
|
||||
description="Have your favorites delivered regularly."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
handle: "@sarahbakery",
|
||||
testimonial: "Best pastries in town!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-female-baker-wearing-apron-looking-camera_23-2148189096.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike",
|
||||
handle: "@mikeeats",
|
||||
testimonial: "Amazing sourdough, love the crust.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24675.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna",
|
||||
handle: "@annaloves",
|
||||
testimonial: "The croissants are divine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-baker_23-2149233681.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David",
|
||||
handle: "@davebread",
|
||||
testimonial: "Consistent, high-quality, delicious.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-offering-macarons_23-2147985065.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena",
|
||||
handle: "@elenaeat",
|
||||
testimonial: "So fresh, lovely daily treats.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24662.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
description="Hear what our regulars have to say."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="depth-3d"
|
||||
showRating={true}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah", handle: "@sarahbakery", testimonial: "Best pastries in town!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-female-baker-wearing-apron-looking-camera_23-2148189096.jpg" },
|
||||
{ id: "2", name: "Mike", handle: "@mikeeats", testimonial: "Amazing sourdough, love the crust.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24675.jpg" },
|
||||
{ id: "3", name: "Anna", handle: "@annaloves", testimonial: "The croissants are divine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-baker_23-2149233681.jpg" },
|
||||
{ id: "4", name: "David", handle: "@davebread", testimonial: "Consistent, high-quality, delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waitress-offering-macarons_23-2147985065.jpg" },
|
||||
{ id: "5", name: "Elena", handle: "@elenaeat", testimonial: "So fresh, lovely daily treats.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24662.jpg" },
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Hear what our regulars have to say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Daily Grind",
|
||||
"Bean Scene",
|
||||
"City Coffee",
|
||||
"Urban Roasts",
|
||||
"Java Junction",
|
||||
"Morning Brew",
|
||||
"The Coffee Spot",
|
||||
]}
|
||||
title="Proudly Served In:"
|
||||
description="Our pastries are featured in these top cafes."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["The Daily Grind", "Bean Scene", "City Coffee", "Urban Roasts", "Java Junction", "Morning Brew", "The Coffee Spot"]}
|
||||
title="Proudly Served In:"
|
||||
description="Our pastries are featured in these top cafes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Visit us for your daily dose of fresh happiness! We're located in downtown. Drop by anytime."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Visit us for your daily dose of fresh happiness! We're located in downtown. Drop by anytime."
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Sweet Delights"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Sweet Delights Bakery."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Sweet Delights"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Products", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Sweet Delights Bakery."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user