bender/a4a5faca-040a-4c45-8ac7-3da7e6e10f30
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-06-01 04:52:50 +00:00
parent 7fe3a875d3
commit 3903c178cc
1 changed files with 66 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

315
src/app/page.tsx
View File

@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Flavors",
id: "features",
},
name: "Flavors", id: "features"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Fans",
id: "testimonials",
},
name: "Fans", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Dr Pepper"
/>
@@ -68,46 +54,29 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Uniquely Dr Pepper"
description="Experience the one-of-a-kind blend of 23 flavors that makes every sip an adventure. Welcome to the world of Dr Pepper, a taste like no other."
buttons={[
{
text: "Discover Our Flavors",
href: "#features",
},
text: "Discover Our Flavors", href: "#features"},
{
text: "Find a Store",
href: "https://www.drpepper.com/wheretobuy",
onClick: "() => console.log('Find a Store clicked')",
text: "Find a Store", href: "https://www.drpepper.com/wheretobuy", onClick: () => console.log('Find a Store clicked'),
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/glass-drink-healthy_1150-8894.jpg",
imageAlt: "Dynamic splash of Dr Pepper",
},
imageSrc: "http://img.b2bpic.net/free-photo/glass-drink-healthy_1150-8894.jpg", imageAlt: "Dynamic splash of Dr Pepper"},
{
imageSrc: "http://img.b2bpic.net/free-photo/wine-white-shadow-large-collection_1172-473.jpg",
imageAlt: "Variety of Dr Pepper products",
},
imageSrc: "http://img.b2bpic.net/free-photo/wine-white-shadow-large-collection_1172-473.jpg", imageAlt: "Variety of Dr Pepper products"},
{
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-couple-date-night_23-2149131754.jpg",
imageAlt: "People enjoying Dr Pepper",
},
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-couple-date-night_23-2149131754.jpg", imageAlt: "People enjoying Dr Pepper"},
{
imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-woman-has-dreadlocks-feels-very-happy-draws-graffiti-with-aerosol-spays-has-fun-belongs-hooligan-gang-wears-fashionable-clothes-laughs-loudly_273609-47476.jpg",
imageAlt: "Dr Pepper in an urban setting",
},
imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-woman-has-dreadlocks-feels-very-happy-draws-graffiti-with-aerosol-spays-has-fun-belongs-hooligan-gang-wears-fashionable-clothes-laughs-loudly_273609-47476.jpg", imageAlt: "Dr Pepper in an urban setting"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-cocktail_23-2147795375.jpg",
imageAlt: "Close-up of a cold Dr Pepper can",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-cocktail_23-2147795375.jpg", imageAlt: "Close-up of a cold Dr Pepper can"},
{
imageSrc: "http://img.b2bpic.net/free-photo/summer-cocktail-with-sunglasses-book_23-2151974201.jpg",
imageAlt: "Vintage Dr Pepper advertisement",
},
imageSrc: "http://img.b2bpic.net/free-photo/summer-cocktail-with-sunglasses-book_23-2151974201.jpg", imageAlt: "Vintage Dr Pepper advertisement"},
]}
/>
</div>
@@ -117,14 +86,10 @@ export default function LandingPage() {
useInvertedBackground={true}
title="The Original 23 Flavors"
description={[
"Since 1885, Dr Pepper has been tantalizing taste buds with its unique blend of 23 distinct flavors. It's more than just a soda; it's a legacy of refreshment, innovation, and an unyielding commitment to a taste that stands alone.",
"Our rich history is rooted in authenticity and a passion for creating something truly special. Every bottle and can carries forward the tradition of a beverage crafted to be deliciously different, loved by generations across the globe.",
]}
"Since 1885, Dr Pepper has been tantalizing taste buds with its unique blend of 23 distinct flavors. It's more than just a soda; it's a legacy of refreshment, innovation, and an unyielding commitment to a taste that stands alone.", "Our rich history is rooted in authenticity and a passion for creating something truly special. Every bottle and can carries forward the tradition of a beverage crafted to be deliciously different, loved by generations across the globe."]}
buttons={[
{
text: "Our Full Story",
href: "https://www.drpepper.com/our-story",
onClick: "() => console.log('Our Story clicked')",
text: "Our Full Story", href: "https://www.drpepper.com/our-story", onClick: () => console.log('Our Story clicked'),
},
]}
/>
@@ -136,29 +101,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
tag: "Classic",
title: "The Original",
subtitle: "Timeless Taste",
description: "The inimitable blend of 23 flavors, perfectly balanced for a refreshing experience every time. The one that started it all.",
imageSrc: "http://img.b2bpic.net/free-photo/sparking-apple-cranberry_1339-1849.jpg",
imageAlt: "Original Dr Pepper can",
},
tag: "Classic", title: "The Original", subtitle: "Timeless Taste", description: "The inimitable blend of 23 flavors, perfectly balanced for a refreshing experience every time. The one that started it all.", imageSrc: "http://img.b2bpic.net/free-photo/sparking-apple-cranberry_1339-1849.jpg", imageAlt: "Original Dr Pepper can"},
{
tag: "Light",
title: "Diet Dr Pepper",
subtitle: "All the Flavor, Zero Sugar",
description: "Enjoy the same 23 signature flavors without the sugar. Diet Dr Pepper delivers the refreshingly unique taste you love, guilt-free.",
imageSrc: "http://img.b2bpic.net/free-photo/glass-cola-with-ice_1339-4911.jpg",
imageAlt: "Diet Dr Pepper can",
},
tag: "Light", title: "Diet Dr Pepper", subtitle: "All the Flavor, Zero Sugar", description: "Enjoy the same 23 signature flavors without the sugar. Diet Dr Pepper delivers the refreshingly unique taste you love, guilt-free.", imageSrc: "http://img.b2bpic.net/free-photo/glass-cola-with-ice_1339-4911.jpg", imageAlt: "Diet Dr Pepper can"},
{
tag: "Creamy",
title: "Dr Pepper Cream Soda",
subtitle: "Smooth & Indulgent",
description: "A delightful twist on a classic, combining the distinct Dr Pepper taste with a rich, creamy finish. A truly luxurious soda experience.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yellow-black-orange-juice-bottles_140725-99749.jpg",
imageAlt: "Dr Pepper Cream Soda bottle",
},
tag: "Creamy", title: "Dr Pepper Cream Soda", subtitle: "Smooth & Indulgent", description: "A delightful twist on a classic, combining the distinct Dr Pepper taste with a rich, creamy finish. A truly luxurious soda experience.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yellow-black-orange-juice-bottles_140725-99749.jpg", imageAlt: "Dr Pepper Cream Soda bottle"},
]}
title="Beyond the Original: Our Flavor Family"
description="While the Original Dr Pepper holds a special place, our family of flavors has grown to offer even more ways to enjoy that unique taste."
@@ -173,53 +120,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Dr Pepper Original",
price: "$1.99",
variant: "12oz Can",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-can-dark-drink-alcohol-photo-darkness_140725-92774.jpg",
imageAlt: "Dr Pepper Original 12oz Can",
},
id: "p1", name: "Dr Pepper Original", price: "$1.99", variant: "12oz Can", imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-can-dark-drink-alcohol-photo-darkness_140725-92774.jpg", imageAlt: "Dr Pepper Original 12oz Can"},
{
id: "p2",
name: "Diet Dr Pepper",
price: "$1.99",
variant: "12oz Can",
imageSrc: "http://img.b2bpic.net/free-photo/recycled-aluminium-cans_23-2149436480.jpg",
imageAlt: "Diet Dr Pepper 12oz Can",
},
id: "p2", name: "Diet Dr Pepper", price: "$1.99", variant: "12oz Can", imageSrc: "http://img.b2bpic.net/free-photo/recycled-aluminium-cans_23-2149436480.jpg", imageAlt: "Diet Dr Pepper 12oz Can"},
{
id: "p3",
name: "Dr Pepper Cream Soda",
price: "$2.29",
variant: "12oz Can",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995323.jpg",
imageAlt: "Dr Pepper Cream Soda 12oz Can",
},
id: "p3", name: "Dr Pepper Cream Soda", price: "$2.29", variant: "12oz Can", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-brightly-colored-soda-can_23-2150995323.jpg", imageAlt: "Dr Pepper Cream Soda 12oz Can"},
{
id: "p4",
name: "Dr Pepper Cherry",
price: "$2.29",
variant: "12oz Can",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sour-cherries-inside-little-bowl_140725-20715.jpg",
imageAlt: "Dr Pepper Cherry 12oz Can",
},
id: "p4", name: "Dr Pepper Cherry", price: "$2.29", variant: "12oz Can", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-sour-cherries-inside-little-bowl_140725-20715.jpg", imageAlt: "Dr Pepper Cherry 12oz Can"},
{
id: "p5",
name: "Dr Pepper Zero Sugar",
price: "$1.99",
variant: "12oz Can",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-can-dark-pink-background-color-water-soda-darkness-drink_140725-158055.jpg",
imageAlt: "Dr Pepper Zero Sugar 12oz Can",
},
id: "p5", name: "Dr Pepper Zero Sugar", price: "$1.99", variant: "12oz Can", imageSrc: "http://img.b2bpic.net/free-photo/front-view-energy-drink-can-dark-pink-background-color-water-soda-darkness-drink_140725-158055.jpg", imageAlt: "Dr Pepper Zero Sugar 12oz Can"},
{
id: "p6",
name: "Dr Pepper Mini Cans",
price: "$5.99",
variant: "6-pack (7.5oz)",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-refreshing-drinks-with-fruits-jar-table-sunlight_181624-21431.jpg",
imageAlt: "Dr Pepper Mini Cans 6-pack",
},
id: "p6", name: "Dr Pepper Mini Cans", price: "$5.99", variant: "6-pack (7.5oz)", imageSrc: "http://img.b2bpic.net/free-photo/closeup-refreshing-drinks-with-fruits-jar-table-sunlight_181624-21431.jpg", imageAlt: "Dr Pepper Mini Cans 6-pack"},
]}
title="Our Refreshing Lineup"
description="Explore the full range of Dr Pepper products, available in various sizes and formats to suit every occasion and craving."
@@ -233,20 +144,11 @@ export default function LandingPage() {
tag="Taste the History"
metrics={[
{
id: "m1",
value: "1885",
description: "Year of Original Creation",
},
id: "m1", value: "1885", description: "Year of Original Creation"},
{
id: "m2",
value: "23",
description: "Signature Flavors in Every Sip",
},
id: "m2", value: "23", description: "Signature Flavors in Every Sip"},
{
id: "m3",
value: "140+",
description: "Years of Unique Refreshment",
},
id: "m3", value: "140+", description: "Years of Unique Refreshment"},
]}
metricsAnimation="opacity"
/>
@@ -259,53 +161,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@SarahLovesDP",
testimonial: "Dr Pepper is my go-to drink. Nothing else comes close to its complex, satisfying flavor. It’s truly one-of-a-kind!",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-student-walks-through-city-with-coffee-her-hands_169016-66718.jpg",
imageAlt: "Photo of Sarah J.",
},
id: "t1", name: "Sarah J.", handle: "@SarahLovesDP", testimonial: "Dr Pepper is my go-to drink. Nothing else comes close to its complex, satisfying flavor. It’s truly one-of-a-kind!", imageSrc: "http://img.b2bpic.net/free-photo/young-female-student-walks-through-city-with-coffee-her-hands_169016-66718.jpg", imageAlt: "Photo of Sarah J."},
{
id: "t2",
name: "Mark T.",
handle: "@Mark_T_Drinks",
testimonial: "I grew up with Dr Pepper, and it's still my favorite. The new Cream Soda is amazing – it’s a perfect blend of classic and new.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tasty-kombucha_23-2150210097.jpg",
imageAlt: "Photo of Mark T.",
},
id: "t2", name: "Mark T.", handle: "@Mark_T_Drinks", testimonial: "I grew up with Dr Pepper, and it's still my favorite. The new Cream Soda is amazing – it’s a perfect blend of classic and new.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tasty-kombucha_23-2150210097.jpg", imageAlt: "Photo of Mark T."},
{
id: "t3",
name: "Emily R.",
handle: "@EmilyReviews",
testimonial: "As someone who tries all sorts of sodas, Dr Pepper always stands out. It's truly a refreshing mystery in every bottle.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-drinking-kombucha_52683-107723.jpg",
imageAlt: "Photo of Emily R.",
},
id: "t3", name: "Emily R.", handle: "@EmilyReviews", testimonial: "As someone who tries all sorts of sodas, Dr Pepper always stands out. It's truly a refreshing mystery in every bottle.", imageSrc: "http://img.b2bpic.net/free-photo/friends-drinking-kombucha_52683-107723.jpg", imageAlt: "Photo of Emily R."},
{
id: "t4",
name: "David K.",
handle: "@DavidTheFan",
testimonial: "Diet Dr Pepper is a game-changer! I get to enjoy all 23 flavors without any guilt. Absolutely love it!",
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wearing-glasses-drinking-tea-looking-confident-sitting-table-with-laptop-office-folders-blue_141793-129004.jpg",
imageAlt: "Photo of David K.",
},
id: "t4", name: "David K.", handle: "@DavidTheFan", testimonial: "Diet Dr Pepper is a game-changer! I get to enjoy all 23 flavors without any guilt. Absolutely love it!", imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wearing-glasses-drinking-tea-looking-confident-sitting-table-with-laptop-office-folders-blue_141793-129004.jpg", imageAlt: "Photo of David K."},
{
id: "t5",
name: "Jessica L.",
handle: "@Jessicabubbles",
testimonial: "From movie nights to backyard BBQs, Dr Pepper is always the star. My family and I can't get enough of it.",
imageSrc: "http://img.b2bpic.net/free-photo/christmas-concept-with-parents-eating-cookies_23-2147724436.jpg",
imageAlt: "Photo of Jessica L.",
},
id: "t5", name: "Jessica L.", handle: "@Jessicabubbles", testimonial: "From movie nights to backyard BBQs, Dr Pepper is always the star. My family and I can't get enough of it.", imageSrc: "http://img.b2bpic.net/free-photo/christmas-concept-with-parents-eating-cookies_23-2147724436.jpg", imageAlt: "Photo of Jessica L."},
{
id: "t6",
name: "Robert G.",
handle: "@BobG_Retro",
testimonial: "There's a reason Dr Pepper has been around for so long. It's consistently good and always hits the spot. A true classic!",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-drinking-sangria_23-2149426424.jpg",
imageAlt: "Photo of Robert G.",
},
id: "t6", name: "Robert G.", handle: "@BobG_Retro", testimonial: "There's a reason Dr Pepper has been around for so long. It's consistently good and always hits the spot. A true classic!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-drinking-sangria_23-2149426424.jpg", imageAlt: "Photo of Robert G."},
]}
title="What Our Fans Are Saying"
description="Hear directly from the people who love the unique taste of Dr Pepper as much as we do. Their stories are our inspiration."
@@ -317,16 +183,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Restaurants",
"Sporting Events",
"Music Festivals",
"Community Gatherings",
"Online Communities",
"Major Retailers",
"Cinema Partners",
"Gaming Lounges",
"Food Trucks",
]}
"Local Restaurants", "Sporting Events", "Music Festivals", "Community Gatherings", "Online Communities", "Major Retailers", "Cinema Partners", "Gaming Lounges", "Food Trucks"]}
title="Loved by Many, Featured Everywhere"
description="Dr Pepper is a beloved beverage enjoyed across various platforms, events, and communities worldwide. Join the movement!"
/>
@@ -338,25 +195,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "What are the 23 flavors in Dr Pepper?",
content: "The exact 23 flavors are a closely guarded secret! However, many speculate they include hints of cherry, almond, vanilla, licorice, caramel, and prune. It's the unique combination that creates its distinctive taste.",
},
id: "f1", title: "What are the 23 flavors in Dr Pepper?", content: "The exact 23 flavors are a closely guarded secret! However, many speculate they include hints of cherry, almond, vanilla, licorice, caramel, and prune. It's the unique combination that creates its distinctive taste."},
{
id: "f2",
title: "Is Dr Pepper a cola?",
content: "No, Dr Pepper is not a cola. It's in a category all its own, distinct from colas, root beers, and other soda types. Its unique flavor profile sets it apart from traditional soft drinks.",
},
id: "f2", title: "Is Dr Pepper a cola?", content: "No, Dr Pepper is not a cola. It's in a category all its own, distinct from colas, root beers, and other soda types. Its unique flavor profile sets it apart from traditional soft drinks."},
{
id: "f3",
title: "Where can I buy Dr Pepper products?",
content: "Dr Pepper products are widely available at most major grocery stores, convenience stores, and many restaurants and entertainment venues. You can also use our 'Find a Store' locator on the website.",
},
id: "f3", title: "Where can I buy Dr Pepper products?", content: "Dr Pepper products are widely available at most major grocery stores, convenience stores, and many restaurants and entertainment venues. You can also use our 'Find a Store' locator on the website."},
{
id: "f4",
title: "Does Dr Pepper contain caffeine?",
content: "Yes, original Dr Pepper and most of its variants (like Diet Dr Pepper) contain caffeine. Dr Pepper Zero Sugar also contains caffeine. Caffeine content can vary slightly between products.",
},
id: "f4", title: "Does Dr Pepper contain caffeine?", content: "Yes, original Dr Pepper and most of its variants (like Diet Dr Pepper) contain caffeine. Dr Pepper Zero Sugar also contains caffeine. Caffeine content can vary slightly between products."},
]}
title="Frequently Asked Questions"
description="Have questions about Dr Pepper? Find answers to some of the most common inquiries here."
@@ -368,16 +213,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Have a Question or Comment?"
description="We'd love to hear from you. Whether it's feedback, a partnership inquiry, or just to say hello, reach out to the Dr Pepper team."
buttons={[
{
text: "Contact Us Now",
href: "https://www.drpepper.com/contact-us",
onClick: "() => console.log('Contact Us Now clicked')",
text: "Contact Us Now", href: "https://www.drpepper.com/contact-us", onClick: () => console.log('Contact Us Now clicked'),
},
]}
/>
@@ -387,66 +229,41 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Home",
href: "#hero",
label: "Home", href: "#hero"},
{
label: "Our Story", href: "#about"},
{
label: "Our Flavors", href: "#features"},
{
label: "Products", href: "#products"},
],
},
{
title: "Support", items: [
{
label: "FAQ", href: "#faq"},
{
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy", href: "https://www.drpepper.com/privacy-policy", onClick: () => console.log('Privacy Policy clicked'),
},
{
label: "Our Story",
href: "#about",
},
{
label: "Our Flavors",
href: "#features",
},
{
label: "Products",
href: "#products",
label: "Terms of Service", href: "https://www.drpepper.com/terms-of-service", onClick: () => console.log('Terms of Service clicked'),
},
],
},
{
title: "Support",
items: [
title: "Connect", items: [
{
label: "FAQ",
href: "#faq",
label: "Facebook", href: "https://www.facebook.com/DrPepper/", onClick: () => console.log('Facebook clicked'),
},
{
label: "Contact Us",
href: "#contact",
label: "Instagram", href: "https://www.instagram.com/drpepper/", onClick: () => console.log('Instagram clicked'),
},
{
label: "Privacy Policy",
href: "https://www.drpepper.com/privacy-policy",
onClick: "() => console.log('Privacy Policy clicked')",
},
{
label: "Terms of Service",
href: "https://www.drpepper.com/terms-of-service",
onClick: "() => console.log('Terms of Service clicked')",
},
],
},
{
title: "Connect",
items: [
{
label: "Facebook",
href: "https://www.facebook.com/DrPepper/",
onClick: "() => console.log('Facebook clicked')",
},
{
label: "Instagram",
href: "https://www.instagram.com/drpepper/",
onClick: "() => console.log('Instagram clicked')",
},
{
label: "Twitter",
href: "https://twitter.com/drpepper",
onClick: "() => console.log('Twitter clicked')",
label: "Twitter", href: "https://twitter.com/drpepper", onClick: () => console.log('Twitter clicked'),
},
],
},