From 3903c178cc0d2efe905eff0ed606c67fcea5b84c Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 1 Jun 2026 04:52:50 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 315 ++++++++++------------------------------------- 1 file changed, 66 insertions(+), 249 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a56ca84..5294f2e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,33 +33,19 @@ export default function LandingPage() { @@ -68,46 +54,29 @@ export default function LandingPage() {
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"}, ]} />
@@ -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() { 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() { 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'), }, ], },