bender/7a30fbea-a722-4c2f-8261-9ea65ffa9f9c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-15 15:31:29 +00:00
parent ab09630c15
commit 73105f00a3
1 changed files with 68 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

255
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Sweet Aura"
/>
@@ -54,109 +46,77 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Sweetness Redefined"
description="Indulge in our exquisite, handmade sweets crafted with the finest ingredients for a truly luxurious experience."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-biscuits-with-chocolate-chips_23-2148425603.jpg",
imageAlt: "Luxury sweet 1",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-biscuits-with-chocolate-chips_23-2148425603.jpg", imageAlt: "Luxury sweet 1"},
{
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-food-dark-plate-table_23-2148425498.jpg",
imageAlt: "Luxury sweet 2",
},
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-food-dark-plate-table_23-2148425498.jpg", imageAlt: "Luxury sweet 2"},
{
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-full-small-colorful-doughnuts_114579-53887.jpg",
imageAlt: "Luxury sweet 3",
},
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-full-small-colorful-doughnuts_114579-53887.jpg", imageAlt: "Luxury sweet 3"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-concept_23-2148769254.jpg",
imageAlt: "Luxury sweet 4",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-concept_23-2148769254.jpg", imageAlt: "Luxury sweet 4"},
{
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-smoothies-jar-spoon-vase-table_23-2148028557.jpg",
imageAlt: "Luxury sweet 5",
},
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-smoothies-jar-spoon-vase-table_23-2148028557.jpg", imageAlt: "Luxury sweet 5"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34494.jpg",
imageAlt: "Luxury sweet 6",
},
imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34494.jpg", imageAlt: "Luxury sweet 6"},
{
imageSrc: "http://img.b2bpic.net/free-photo/one-whole-fresh-sweet-doughnut-with-pink-frosting-high-quality-photo_114579-36631.jpg",
imageAlt: "Luxury sweet 7",
},
imageSrc: "http://img.b2bpic.net/free-photo/one-whole-fresh-sweet-doughnut-with-pink-frosting-high-quality-photo_114579-36631.jpg", imageAlt: "Luxury sweet 7"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-chocolate-assortment-with-copy-space_23-2148549341.jpg",
imageAlt: "Luxury sweet 8",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-chocolate-assortment-with-copy-space_23-2148549341.jpg", imageAlt: "Luxury sweet 8"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dessert-ready-be-served_23-2148622359.jpg",
imageAlt: "Luxury sweet 9",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dessert-ready-be-served_23-2148622359.jpg", imageAlt: "Luxury sweet 9"},
{
imageSrc: "http://img.b2bpic.net/free-photo/tasty-cake-glass-composition_23-2149030803.jpg",
imageAlt: "Luxury sweet 10",
},
imageSrc: "http://img.b2bpic.net/free-photo/tasty-cake-glass-composition_23-2149030803.jpg", imageAlt: "Luxury sweet 10"},
]}
buttons={[
{
text: "Order Now",
href: "#contact",
},
text: "Order Now", href: "#contact"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/coffee-with-milk-chocolate-pralines_114579-16748.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/coffee-with-milk-chocolate-pralines_114579-16748.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/pot-with-pumpkin-roses_23-2148273510.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/pot-with-pumpkin-roses_23-2148273510.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/chocolate-fantasy-world-ball_23-2151468258.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/chocolate-fantasy-world-ball_23-2151468258.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168875.jpg",
alt: "Customer 4",
},
src: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168875.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/vertical-shot-vanilla-ice-cream-scoop-plate-isolated-black-background_181624-57527.jpg",
alt: "Customer 5",
},
src: "http://img.b2bpic.net/free-photo/vertical-shot-vanilla-ice-cream-scoop-plate-isolated-black-background_181624-57527.jpg", alt: "Customer 5"},
]}
avatarText="Loved by 10k+ sweet enthusiasts"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/muffins-black_114579-18496.jpg",
alt: "Logo 1",
},
type: "image", src: "http://img.b2bpic.net/free-photo/muffins-black_114579-18496.jpg", alt: "Logo 1"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/arrangement-dried-fruit-marmalade-cardboard-tray_23-2148425597.jpg",
alt: "Logo 2",
},
type: "image", src: "http://img.b2bpic.net/free-photo/arrangement-dried-fruit-marmalade-cardboard-tray_23-2148425597.jpg", alt: "Logo 2"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/dark-chocolate-bowls-with-filling-plate_23-2148123875.jpg",
alt: "Logo 3",
},
type: "image", src: "http://img.b2bpic.net/free-photo/dark-chocolate-bowls-with-filling-plate_23-2148123875.jpg", alt: "Logo 3"},
{
type: "text",
text: "ARTISAN",
},
type: "text", text: "ARTISAN"},
{
type: "text",
text: "PREMIUM",
},
type: "text", text: "PREMIUM"},
]}
/>
<audio autoPlay loop>
<source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" type="audio/mpeg" />
<track kind="captions" />
</audio>
<style jsx global>{`
audio { display: none; }
`}</style>
<script dangerouslySetInnerHTML={{ __html: `
const audio = document.querySelector('audio');
if (audio) {
audio.volume = 0.7;
document.addEventListener('click', () => audio.play(), { once: true });
}
` }} />
</div>
<div id="about" data-section="about">
@@ -164,10 +124,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Crafted with Passion"
description={[
"Our sweets are meticulously handmade using fresh, premium ingredients to ensure unparalleled taste.",
"We believe in the beauty of simplicity and the complexity of perfect flavor profiles.",
"Experience the perfect balance of luxury, texture, and artistry in every bite.",
]}
"Our sweets are meticulously handmade using fresh, premium ingredients to ensure unparalleled taste.", "We believe in the beauty of simplicity and the complexity of perfect flavor profiles.", "Experience the perfect balance of luxury, texture, and artistry in every bite."]}
/>
</div>
@@ -179,59 +136,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Sweet Aura",
name: "Gold Truffle",
price: "$15",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168781.jpg",
},
id: "p1", brand: "Sweet Aura", name: "Gold Truffle", price: "$15", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168781.jpg"},
{
id: "p2",
brand: "Sweet Aura",
name: "Emerald Macaron",
price: "$8",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/three-colorful-macarons-black-background_84443-85794.jpg",
},
id: "p2", brand: "Sweet Aura", name: "Emerald Macaron", price: "$8", rating: 5,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/three-colorful-macarons-black-background_84443-85794.jpg"},
{
id: "p3",
brand: "Sweet Aura",
name: "Silk Ganache",
price: "$22",
rating: 4,
reviewCount: "80",
imageSrc: "http://img.b2bpic.net/free-photo/sweet-small-doughnuts-with-sprinkles-black-table_114579-78941.jpg",
},
id: "p3", brand: "Sweet Aura", name: "Silk Ganache", price: "$22", rating: 4,
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/sweet-small-doughnuts-with-sprinkles-black-table_114579-78941.jpg"},
{
id: "p4",
brand: "Sweet Aura",
name: "Velvet Delight",
price: "$12",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/creative-arrangement-delicious-macarons_23-2148949042.jpg",
},
id: "p4", brand: "Sweet Aura", name: "Velvet Delight", price: "$12", rating: 5,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/creative-arrangement-delicious-macarons_23-2148949042.jpg"},
{
id: "p5",
brand: "Sweet Aura",
name: "Midnight Crunch",
price: "$18",
rating: 5,
reviewCount: "65",
imageSrc: "http://img.b2bpic.net/free-photo/rose-flavored-dessert-decorative-bowl_23-2151994663.jpg",
},
id: "p5", brand: "Sweet Aura", name: "Midnight Crunch", price: "$18", rating: 5,
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/rose-flavored-dessert-decorative-bowl_23-2151994663.jpg"},
{
id: "p6",
brand: "Sweet Aura",
name: "Forest Berry",
price: "$10",
rating: 4,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/chocolates-with-white-red-coating-black-board-seastones-side-view_141793-15476.jpg",
},
id: "p6", brand: "Sweet Aura", name: "Forest Berry", price: "$10", rating: 4,
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/chocolates-with-white-red-coating-black-board-seastones-side-view_141793-15476.jpg"},
]}
title="Signature Collection"
description="Discover our handpicked selection of artisanal sweets."
@@ -244,20 +165,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Fresh Ingredients",
description: "Sourced daily for maximum quality.",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-chocolate-goodies-with-copy-space_23-2148654091.jpg",
},
title: "Fresh Ingredients", description: "Sourced daily for maximum quality.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-chocolate-goodies-with-copy-space_23-2148654091.jpg"},
{
title: "Handmade Quality",
description: "Carefully crafted by expert chocolatiers.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-creamy-delicious-cakes-with-chocolate-cips-white-surface-cake-biscuit-cookie-tea-sweet-cream_140725-101385.jpg",
},
title: "Handmade Quality", description: "Carefully crafted by expert chocolatiers.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-creamy-delicious-cakes-with-chocolate-cips-white-surface-cake-biscuit-cookie-tea-sweet-cream_140725-101385.jpg"},
{
title: "Fast Delivery",
description: "Ensuring your sweets arrive fresh.",
imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-white-plate-with-fruit-crackers_114579-19106.jpg",
},
title: "Fast Delivery", description: "Ensuring your sweets arrive fresh.", imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-white-plate-with-fruit-crackers_114579-19106.jpg"},
]}
title="Why Choose Sweet Aura"
description="We are dedicated to excellence in every detail of our process."
@@ -269,30 +181,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Elena V.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3895.jpg",
},
id: "t1", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3895.jpg"},
{
id: "t2",
name: "Marcus L.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22362.jpg",
},
id: "t2", name: "Marcus L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22362.jpg"},
{
id: "t3",
name: "Sophie K.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-yellow-jacket-red-shirt_613910-10362.jpg",
},
id: "t3", name: "Sophie K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-yellow-jacket-red-shirt_613910-10362.jpg"},
{
id: "t4",
name: "James D.",
imageSrc: "http://img.b2bpic.net/free-photo/annoyed-pretty-brunette-caucasian-girl-sun-glasses-stands-with-crossed-arms-green_141793-69503.jpg",
},
id: "t4", name: "James D.", imageSrc: "http://img.b2bpic.net/free-photo/annoyed-pretty-brunette-caucasian-girl-sun-glasses-stands-with-crossed-arms-green_141793-69503.jpg"},
{
id: "t5",
name: "Linda R.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-stylish-red-dress-holding-shopping-bags-smiling-buying-promo-offe_1258-174602.jpg",
},
id: "t5", name: "Linda R.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-stylish-red-dress-holding-shopping-bags-smiling-buying-promo-offe_1258-174602.jpg"},
]}
cardTitle="Loved by Connoisseurs"
cardAnimation="blur-reveal"
@@ -306,20 +203,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How are your sweets delivered?",
content: "We use climate-controlled packaging for safe delivery.",
},
id: "f1", title: "How are your sweets delivered?", content: "We use climate-controlled packaging for safe delivery."},
{
id: "f2",
title: "Are ingredients fresh?",
content: "Yes, we source fresh, organic ingredients daily.",
},
id: "f2", title: "Are ingredients fresh?", content: "Yes, we source fresh, organic ingredients daily."},
{
id: "f3",
title: "Do you offer custom boxes?",
content: "Absolutely, contact us for custom order requests.",
},
id: "f3", title: "Do you offer custom boxes?", content: "Absolutely, contact us for custom order requests."},
]}
imageSrc="http://img.b2bpic.net/free-photo/baker-holding-egg-kitchen-top_23-2148302891.jpg"
mediaAnimation="opacity"
@@ -333,14 +221,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
text="Ready to experience the luxury of Sweet Aura? Send us a message to start your order."
buttons={[
{
text: "Submit Details",
href: "#",
},
text: "Submit Details", href: "#"},
]}
/>
</div>
@@ -349,13 +234,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Sweet Aura"
leftLink={{
text: "Home",
href: "#hero",
}}
text: "Home", href: "#hero"}}
rightLink={{
text: "Products",
href: "#products",
}}
text: "Products", href: "#products"}}
/>
</div>
</ReactLenis>