Merge version_1 into main #1
218
src/app/page.tsx
218
src/app/page.tsx
@@ -33,42 +33,32 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Techniques",
|
||||
id: "#techniques",
|
||||
},
|
||||
name: "Techniques", id: "#techniques"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Find Us",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Find Us", id: "#contact"},
|
||||
]}
|
||||
brandName="SUGAR RUSH"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="SWEET CIRCLES"
|
||||
description="Original Parisian recipes crafted for your senses. Discover the art of the perfect, melt-in-your-mouth pastry."
|
||||
buttons={[
|
||||
{
|
||||
text: "Find Our Stores",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Find Our Stores", href: "#contact"},
|
||||
{
|
||||
text: "Buy Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Buy Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/eid-banner-sweet-stand-front-side_187299-38510.jpg"
|
||||
imageAlt="Artisan donuts floating"
|
||||
@@ -80,14 +70,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Le Petit Secret",
|
||||
},
|
||||
type: "text", content: "The Le Petit Secret"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-pastry-chef-preparing-cake-with-chocolate_23-2148696199.jpg",
|
||||
alt: "Parisian Bakery",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/front-view-pastry-chef-preparing-cake-with-chocolate_23-2148696199.jpg", alt: "Parisian Bakery"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,23 +85,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Traditional Glazing",
|
||||
description: "Hand-applied glossy chocolate and fruit glazes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cookies-glass-plate-blue_114579-37038.jpg",
|
||||
imageAlt: "Glaze process",
|
||||
},
|
||||
title: "Traditional Glazing", description: "Hand-applied glossy chocolate and fruit glazes.", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cookies-glass-plate-blue_114579-37038.jpg", imageAlt: "Glaze process"},
|
||||
{
|
||||
title: "Double Proofing",
|
||||
description: "Ensuring the perfect texture in every bite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/utensils-lying-near-dougnuts_23-2147968737.jpg",
|
||||
imageAlt: "Dough process",
|
||||
},
|
||||
title: "Double Proofing", description: "Ensuring the perfect texture in every bite.", imageSrc: "http://img.b2bpic.net/free-photo/utensils-lying-near-dougnuts_23-2147968737.jpg", imageAlt: "Dough process"},
|
||||
{
|
||||
title: "Artisanal Sourcing",
|
||||
description: "Fresh, local ingredients paired with classic recipes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-sweet-coconut-balls-checkered-textile_23-2148123852.jpg",
|
||||
imageAlt: "Ingredient process",
|
||||
},
|
||||
title: "Artisanal Sourcing", description: "Fresh, local ingredients paired with classic recipes.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-sweet-coconut-balls-checkered-textile_23-2148123852.jpg", imageAlt: "Ingredient process"},
|
||||
]}
|
||||
title="Our Techniques"
|
||||
description="Exquisite methods learned in the heart of Paris."
|
||||
@@ -131,59 +104,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Le Petit",
|
||||
name: "Jam Session",
|
||||
price: "$18",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-multicolored-macarons-with-pebbles-black-table_141793-13155.jpg",
|
||||
},
|
||||
id: "1", brand: "Le Petit", name: "Jam Session", price: "$18", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-multicolored-macarons-with-pebbles-black-table_141793-13155.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Le Petit",
|
||||
name: "Dark Kiss",
|
||||
price: "$18",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-white-gypsophila-macaroons-white-box-wooden-table_23-2148087066.jpg",
|
||||
},
|
||||
id: "2", brand: "Le Petit", name: "Dark Kiss", price: "$18", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-white-gypsophila-macaroons-white-box-wooden-table_23-2148087066.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Le Petit",
|
||||
name: "Classic Macaron",
|
||||
price: "$22",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-pancakes-with-tea-sweets-light-desk_140725-91402.jpg",
|
||||
},
|
||||
id: "3", brand: "Le Petit", name: "Classic Macaron", price: "$22", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-pancakes-with-tea-sweets-light-desk_140725-91402.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Le Petit",
|
||||
name: "Croissant Box",
|
||||
price: "$25",
|
||||
rating: 5,
|
||||
reviewCount: "340",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macaroni-cookies-different-colors-with-gummy-candies_114579-41360.jpg",
|
||||
},
|
||||
id: "4", brand: "Le Petit", name: "Croissant Box", price: "$25", rating: 5,
|
||||
reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/macaroni-cookies-different-colors-with-gummy-candies_114579-41360.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Le Petit",
|
||||
name: "Rose Petal Donut",
|
||||
price: "$18",
|
||||
rating: 5,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-art-studio-composition_23-2147868312.jpg",
|
||||
},
|
||||
id: "5", brand: "Le Petit", name: "Rose Petal Donut", price: "$18", rating: 5,
|
||||
reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/modern-art-studio-composition_23-2147868312.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Le Petit",
|
||||
name: "Chocolate Eclair",
|
||||
price: "$20",
|
||||
rating: 5,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macaroon_74190-5718.jpg",
|
||||
},
|
||||
id: "6", brand: "Le Petit", name: "Chocolate Eclair", price: "$20", rating: 5,
|
||||
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/macaroon_74190-5718.jpg"},
|
||||
]}
|
||||
title="Our Creations"
|
||||
description="Choose your flavor journey."
|
||||
@@ -196,45 +133,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Quality",
|
||||
quote: "The best donuts in town, absolutely divine.",
|
||||
name: "Alice M.",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-fresh-baked-croissants_23-2148028057.jpg",
|
||||
},
|
||||
id: "1", title: "Amazing Quality", quote: "The best donuts in town, absolutely divine.", name: "Alice M.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-fresh-baked-croissants_23-2148028057.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "True French Style",
|
||||
quote: "Feels like I am back in Paris.",
|
||||
name: "John D.",
|
||||
role: "Traveller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-girl-with-beatiful-smile-keeping-cup-coffee-looking-camera_7502-9179.jpg",
|
||||
},
|
||||
id: "2", title: "True French Style", quote: "Feels like I am back in Paris.", name: "John D.", role: "Traveller", imageSrc: "http://img.b2bpic.net/free-photo/curly-girl-with-beatiful-smile-keeping-cup-coffee-looking-camera_7502-9179.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Highly Recommend",
|
||||
quote: "The Jam Session is incredible.",
|
||||
name: "Sarah P.",
|
||||
role: "Loyal Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg",
|
||||
},
|
||||
id: "3", title: "Highly Recommend", quote: "The Jam Session is incredible.", name: "Sarah P.", role: "Loyal Fan", imageSrc: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Perfect Treat",
|
||||
quote: "So fresh and aesthetically pleasing.",
|
||||
name: "Mark L.",
|
||||
role: "Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-cheerful-young-woman-straw-summer-hat-white-blouse-eats-delicious-cake-restaurant-being-satisfied-with-good-service-has-pleasant-conversation-with-someone-laughs-joyfully_273609-2449.jpg",
|
||||
},
|
||||
id: "4", title: "Perfect Treat", quote: "So fresh and aesthetically pleasing.", name: "Mark L.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/photo-cheerful-young-woman-straw-summer-hat-white-blouse-eats-delicious-cake-restaurant-being-satisfied-with-good-service-has-pleasant-conversation-with-someone-laughs-joyfully_273609-2449.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Outstanding",
|
||||
quote: "Every bite is a little dream.",
|
||||
name: "Chloe R.",
|
||||
role: "Baker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-strawberries-white-surface-celebration-sweet-biscuit-sugar-tea-cake-cream_140725-101980.jpg",
|
||||
},
|
||||
id: "5", title: "Outstanding", quote: "Every bite is a little dream.", name: "Chloe R.", role: "Baker", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-strawberries-white-surface-celebration-sweet-biscuit-sugar-tea-cake-cream_140725-101980.jpg"},
|
||||
]}
|
||||
title="Sweet Reviews"
|
||||
description="What our patrons say about us."
|
||||
@@ -247,30 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do you maintain freshness?",
|
||||
content: "We bake throughout the day in small batches.",
|
||||
},
|
||||
id: "1", title: "How do you maintain freshness?", content: "We bake throughout the day in small batches."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we offer local delivery within 10 miles.",
|
||||
},
|
||||
id: "2", title: "Do you deliver?", content: "Yes, we offer local delivery within 10 miles."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are there vegan options?",
|
||||
content: "We offer select plant-based pastries daily.",
|
||||
},
|
||||
id: "3", title: "Are there vegan options?", content: "We offer select plant-based pastries daily."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I custom order?",
|
||||
content: "Absolutely, please contact us for bespoke catering.",
|
||||
},
|
||||
id: "4", title: "Can I custom order?", content: "Absolutely, please contact us for bespoke catering."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Are you open on Sundays?",
|
||||
content: "Yes, we are open seven days a week.",
|
||||
},
|
||||
id: "5", title: "Are you open on Sundays?", content: "Yes, we are open seven days a week."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -287,30 +179,15 @@ export default function LandingPage() {
|
||||
tag="Since 2010"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15K+",
|
||||
description: "Donuts Sold",
|
||||
},
|
||||
id: "1", value: "15K+", description: "Donuts Sold"},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
description: "Organic Ingredients",
|
||||
},
|
||||
id: "2", value: "100%", description: "Organic Ingredients"},
|
||||
{
|
||||
id: "3",
|
||||
value: "12",
|
||||
description: "Parisian Awards",
|
||||
},
|
||||
id: "3", value: "12", description: "Parisian Awards"},
|
||||
{
|
||||
id: "4",
|
||||
value: "5",
|
||||
description: "City Stores",
|
||||
},
|
||||
id: "4", value: "5", description: "City Stores"},
|
||||
{
|
||||
id: "5",
|
||||
value: "24",
|
||||
description: "Expert Bakers",
|
||||
},
|
||||
id: "5", value: "24", description: "Expert Bakers"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -320,14 +197,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Visit our boutique in the heart of the city or order online for your next celebration."
|
||||
buttons={[
|
||||
{
|
||||
text: "Find Us Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Find Us Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -339,9 +213,7 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user