Merge version_1 into main #1
260
src/app/page.tsx
260
src/app/page.tsx
@@ -31,62 +31,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Brown & Butter"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Luxury in Every Bite"
|
||||
description="Crafted Indulgence. Soft. Rich. Brown & Butter."
|
||||
tag="Artisan Dessert Studio"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Collections", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doughnut-glass-plate-marble-wall_114579-21114.jpg",
|
||||
imageAlt: "luxury gourmet dessert photography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-cupcake-with-raspberry_23-2148815929.jpg",
|
||||
imageAlt: "Tasty cupcake with raspberry",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/donut-glass-pedestal-wrinkled-tablecloth-marble_114579-24437.jpg",
|
||||
imageAlt: "Donut on a glass pedestal on wrinkled tablecloth on marble.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-tapas-food-arrangement_23-2148960519.jpg",
|
||||
imageAlt: "Delicious tapas food arrangement",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondue-with-sugar-dust-vanilla-ice-cream-image_114579-2313.jpg",
|
||||
imageAlt: "Chocolate fondue with sugar dust and vanilla ice cream .image",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/doughnut-glass-plate-marble-wall_114579-21114.jpg", imageAlt: "luxury gourmet dessert photography" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tasty-cupcake-with-raspberry_23-2148815929.jpg", imageAlt: "Tasty cupcake with raspberry" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -99,8 +63,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
description={[
|
||||
"At Brown & Butter, we believe that dessert is a form of art. Our artisan cookies and brownies are crafted using the finest ingredients, inspired by the luxury boutique studios of Paris and New York.",
|
||||
]}
|
||||
"At Brown & Butter, we believe that dessert is a form of art. Our artisan cookies and brownies are crafted using the finest ingredients, inspired by the luxury boutique studios of Paris and New York."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,60 +74,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Brown & Butter",
|
||||
name: "Classic Cocoa Brownie",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-closeup-cookies-glass-plate-table-with-cup-mallows-side_181624-49698.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Brown & Butter",
|
||||
name: "Luxury Cookie Box",
|
||||
price: "$65",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cupcake-with-cinnamon_23-2148604567.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Brown & Butter",
|
||||
name: "Limited Edition Box",
|
||||
price: "$95",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-perfectly-organized-bakery-sweets_23-2150168278.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Brown & Butter",
|
||||
name: "Espresso Cookie Set",
|
||||
price: "$55",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549958.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Brown & Butter",
|
||||
name: "Artisan Brownie Set",
|
||||
price: "$50",
|
||||
rating: 5,
|
||||
reviewCount: "32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-jaggery-dessert-arrangement_23-2149335575.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Brown & Butter",
|
||||
name: "Signature Gift Box",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jelly-cake-frame-with-copy-space_23-2148536819.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Brown & Butter", name: "Classic Cocoa Brownie", price: "$45", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-closeup-cookies-glass-plate-table-with-cup-mallows-side_181624-49698.jpg" },
|
||||
{ id: "p2", brand: "Brown & Butter", name: "Luxury Cookie Box", price: "$65", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cupcake-with-cinnamon_23-2148604567.jpg" },
|
||||
{ id: "p3", brand: "Brown & Butter", name: "Limited Edition Box", price: "$95", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/view-perfectly-organized-bakery-sweets_23-2150168278.jpg" },
|
||||
{ id: "p4", brand: "Brown & Butter", name: "Espresso Cookie Set", price: "$55", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549958.jpg" },
|
||||
]}
|
||||
title="Best Sellers"
|
||||
description="Indulge in our most celebrated creations."
|
||||
@@ -178,24 +91,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Ingredients",
|
||||
description: "Sourced globally for the richest taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549978.jpg",
|
||||
imageAlt: "rich chocolate brownie macro",
|
||||
},
|
||||
{
|
||||
title: "Artisan Craftsmanship",
|
||||
description: "Hand-crafted batches with obsession to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-chocolate-cupcake-blue-plate_114579-52066.jpg",
|
||||
imageAlt: "artisan cookies luxury close up",
|
||||
},
|
||||
{
|
||||
title: "Luxury Packaging",
|
||||
description: "Minimalist matte packaging with satin ribbons.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-nuts-wood_176420-7438.jpg",
|
||||
imageAlt: "luxury dessert gift box minimal",
|
||||
},
|
||||
{ title: "Premium Ingredients", description: "Sourced globally for the richest taste.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549978.jpg" },
|
||||
{ title: "Artisan Craftsmanship", description: "Hand-crafted batches with obsession to detail.", imageSrc: "http://img.b2bpic.net/free-photo/sweet-chocolate-cupcake-blue-plate_114579-52066.jpg" },
|
||||
{ title: "Luxury Packaging", description: "Minimalist matte packaging with satin ribbons.", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-nuts-wood_176420-7438.jpg" },
|
||||
]}
|
||||
title="The Brown & Butter Experience"
|
||||
description="Elevated standards for an elevated taste."
|
||||
@@ -208,21 +106,9 @@ export default function LandingPage() {
|
||||
title="By The Numbers"
|
||||
tag="Our Growth"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
description: "Satisfied Customers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Luxury Gift Boxes Sold",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Artisan Ingredients",
|
||||
},
|
||||
{ id: "m1", value: "10K+", description: "Satisfied Customers" },
|
||||
{ id: "m2", value: "500+", description: "Luxury Gift Boxes Sold" },
|
||||
{ id: "m3", value: "100%", description: "Artisan Ingredients" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -230,44 +116,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah D.",
|
||||
role: "Food Critic",
|
||||
testimonial: "The richness of the brownie is unparalleled. A true luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cake-glass-arrangement-with-copy-space_23-2149030730.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus L.",
|
||||
role: "Corporate Lead",
|
||||
testimonial: "Best gift boxes in the city. The packaging is exquisite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/defocused-woman-holding-macarons-smiling_23-2148466346.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena V.",
|
||||
role: "Founder",
|
||||
testimonial: "Absolutely divine cookies. My new favorite indulgence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jack B.",
|
||||
role: "Architect",
|
||||
testimonial: "Sophisticated flavor and perfect presentation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-shows-pleasure-after-having-sushi-rolls-meal-holding-chopsticks_231208-3052.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophie P.",
|
||||
role: "Stylist",
|
||||
testimonial: "Minimalist, chic, and delicious. Perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-holding-champagne-glass_23-2148741473.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah D.", role: "Food Critic", testimonial: "The richness of the brownie is unparalleled. A true luxury.", imageSrc: "http://img.b2bpic.net/free-photo/cake-glass-arrangement-with-copy-space_23-2149030730.jpg" },
|
||||
{ id: "t2", name: "Marcus L.", role: "Corporate Lead", testimonial: "Best gift boxes in the city. The packaging is exquisite.", imageSrc: "http://img.b2bpic.net/free-photo/defocused-woman-holding-macarons-smiling_23-2148466346.jpg" },
|
||||
]}
|
||||
title="A Luxury Experience"
|
||||
description="Don't just take our word for it."
|
||||
@@ -279,88 +133,34 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship globally using premium temperature-controlled couriers.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I customize the gift box?",
|
||||
content: "Absolutely, our concierge team can help personalize your selection.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "We prioritize organic and ethically sourced ingredients in every batch.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer international shipping?", content: "Yes, we ship globally using premium temperature-controlled couriers." },
|
||||
{ id: "f2", title: "Can I customize the gift box?", content: "Absolutely, our concierge team can help personalize your selection." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409588.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="blur-reveal"
|
||||
title="Questions Answered"
|
||||
description="Everything you need to know about our luxury collections."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Order Your Indulgence"
|
||||
description="Direct orders via WhatsApp for the fastest luxury delivery service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order via WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Order via WhatsApp", href: "https://wa.me/yournumber" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Collection",
|
||||
items: [
|
||||
{
|
||||
label: "Cookies",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Brownies",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Gift Boxes",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Collection", items: [{ label: "Cookies", href: "#products" }, { label: "Brownies", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Brown & Butter"
|
||||
copyrightText="© 2025 | Brown & Butter Luxury Studio"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user