Merge version_1 into main #2
288
src/app/page.tsx
288
src/app/page.tsx
@@ -31,24 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Rewards",
|
||||
id: "rewards",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Rewards", id: "rewards" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Starbucks"
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,38 +45,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Welcome Back to Your Third Place"
|
||||
description="Experience the warmth of our handcrafted coffee and the speed of modern ordering. Join our rewards program to earn stars on every sip."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Ahead",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Join Rewards",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-high-end-premium-coffee-shot-of-a-stea-1778251527665-f48eccd7.png?_wi=1"
|
||||
buttons={[{ text: "Order Ahead", href: "#" }, { text: "Join Rewards", href: "#" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-high-end-premium-coffee-shot-of-a-stea-1778251527665-f48eccd7.png"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-happy-customer-enjoying-a-coffee-in-a--1778251558205-e6af6f28.png",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/business-professional-having-a-morning-m-1778251567086-e4521ccd.png",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/coffee-lover-holding-a-cup-looking-conte-1778251574971-5e05e1ba.png",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-group-of-friends-laughing-in-a-coffee--1778251585212-e7e9f6bd.png",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/cozy-corner-of-a-coffee-shop-rustic-wood-1778251594902-74a94539.png",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-happy-customer-enjoying-a-coffee-in-a--1778251558205-e6af6f28.png", alt: "Customer 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/business-professional-having-a-morning-m-1778251567086-e4521ccd.png", alt: "Customer 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/coffee-lover-holding-a-cup-looking-conte-1778251574971-5e05e1ba.png", alt: "Customer 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-group-of-friends-laughing-in-a-coffee--1778251585212-e7e9f6bd.png", alt: "Customer 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/cozy-corner-of-a-coffee-shop-rustic-wood-1778251594902-74a94539.png", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join our 1M+ community members"
|
||||
/>
|
||||
@@ -97,20 +62,9 @@ export default function LandingPage() {
|
||||
<FeatureCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Waiting in long lines",
|
||||
"Inconsistent drink quality",
|
||||
"Limited seating visibility",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Real-time inventory",
|
||||
"Under 4min pickup",
|
||||
"One-click checkout",
|
||||
],
|
||||
}}
|
||||
animationType="blur-reveal"
|
||||
negativeCard={{ items: ["Waiting in long lines", "Inconsistent drink quality", "Limited seating visibility"] }}
|
||||
positiveCard={{ items: ["Real-time inventory", "Under 4min pickup", "One-click checkout"] }}
|
||||
title="Efficiency Meets Comfort"
|
||||
description="Designed for commuters who crave speed and seekers of the third-place experience."
|
||||
/>
|
||||
@@ -123,48 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Iced Vanilla Latte",
|
||||
price: "$5.95",
|
||||
variant: "Coffee",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251548096-5194b3b4.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Caramel Macchiato",
|
||||
price: "$6.25",
|
||||
variant: "Coffee",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251605666-8c7fc9ad.png",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cinnamon Dolce",
|
||||
price: "$6.50",
|
||||
variant: "Coffee",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251616247-07b9b20c.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cold Brew",
|
||||
price: "$4.95",
|
||||
variant: "Coffee",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251626061-6ed3fd84.png",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Classic Croissant",
|
||||
price: "$3.50",
|
||||
variant: "Food",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251634996-cecf1bdd.png",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$3.25",
|
||||
variant: "Food",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251642285-573c0121.png",
|
||||
},
|
||||
{ id: "p1", name: "Iced Vanilla Latte", price: "$5.95", variant: "Coffee", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251548096-5194b3b4.png" },
|
||||
{ id: "p2", name: "Caramel Macchiato", price: "$6.25", variant: "Coffee", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251605666-8c7fc9ad.png" },
|
||||
{ id: "p3", name: "Cinnamon Dolce", price: "$6.50", variant: "Coffee", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251616247-07b9b20c.png" },
|
||||
{ id: "p4", name: "Cold Brew", price: "$4.95", variant: "Coffee", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251626061-6ed3fd84.png" },
|
||||
{ id: "p5", name: "Classic Croissant", price: "$3.50", variant: "Food", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251634996-cecf1bdd.png" },
|
||||
{ id: "p6", name: "Blueberry Muffin", price: "$3.25", variant: "Food", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251642285-573c0121.png" }
|
||||
]}
|
||||
title="Handcrafted Favorites"
|
||||
description="Explore our vast selection of customizable beverages and seasonal snacks."
|
||||
@@ -178,27 +96,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
title: "Active Members",
|
||||
description: "Joining the global community",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500k",
|
||||
title: "Free Drinks",
|
||||
description: "Served daily to our loyalty users",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2k",
|
||||
title: "Stores",
|
||||
description: "Optimized with third-place seating",
|
||||
icon: MapPin,
|
||||
},
|
||||
{ id: "m1", value: "1M+", title: "Active Members", description: "Joining the global community", icon: Star },
|
||||
{ id: "m2", value: "500k", title: "Free Drinks", description: "Served daily to our loyalty users", icon: Coffee },
|
||||
{ id: "m3", value: "2k", title: "Stores", description: "Optimized with third-place seating", icon: MapPin },
|
||||
]}
|
||||
title="Rewards That Matter"
|
||||
description="Unlock free drinks, birthday treats, and exclusive access with our rewards program."
|
||||
@@ -210,61 +110,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2026",
|
||||
title: "Morning Routine",
|
||||
quote: "The mobile order ahead has completely saved my morning commute. Perfect every time.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-happy-customer-enjoying-a-coffee-in-a--1778251558205-e6af6f28.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-high-end-premium-coffee-shot-of-a-stea-1778251527665-f48eccd7.png?_wi=2",
|
||||
imageAlt: "A happy customer enjoying a coffee in a cozy cafe, blurred background, warm lighting, lifestyle shot",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
date: "Dec 2025",
|
||||
title: "Remote Work",
|
||||
quote: "Found the perfect corner to work in today, the store atmosphere is wonderful.",
|
||||
tag: "Worker",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/business-professional-having-a-morning-m-1778251567086-e4521ccd.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-person-holding-a-smartphone-showing-th-1778251536621-f5446253.png",
|
||||
imageAlt: "A happy customer enjoying a coffee in a cozy cafe, blurred background, warm lighting, lifestyle shot",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rose",
|
||||
date: "Feb 2026",
|
||||
title: "Customized",
|
||||
quote: "Love how easy it is to customize my drink exactly how I like it in the app.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/coffee-lover-holding-a-cup-looking-conte-1778251574971-5e05e1ba.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251548096-5194b3b4.png?_wi=2",
|
||||
imageAlt: "A happy customer enjoying a coffee in a cozy cafe, blurred background, warm lighting, lifestyle shot",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
date: "Mar 2026",
|
||||
title: "Local Hero",
|
||||
quote: "The baristas here always make me feel welcome, truly my neighborhood spot.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-group-of-friends-laughing-in-a-coffee--1778251585212-e7e9f6bd.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/cozy-corner-of-a-coffee-shop-rustic-wood-1778251594902-74a94539.png",
|
||||
imageAlt: "A happy customer enjoying a coffee in a cozy cafe, blurred background, warm lighting, lifestyle shot",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tina Lee",
|
||||
date: "Apr 2026",
|
||||
title: "Third Place",
|
||||
quote: "It is such a cozy space to relax for a while. Highly recommended atmosphere.",
|
||||
tag: "Visitor",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251605666-8c7fc9ad.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251616247-07b9b20c.png?_wi=2",
|
||||
imageAlt: "A happy customer enjoying a coffee in a cozy cafe, blurred background, warm lighting, lifestyle shot",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", date: "Jan 2026", title: "Morning Routine", quote: "The mobile order ahead has completely saved my morning commute. Perfect every time.", tag: "Regular", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-happy-customer-enjoying-a-coffee-in-a--1778251558205-e6af6f28.png" },
|
||||
{ id: "2", name: "James Chen", date: "Dec 2025", title: "Remote Work", quote: "Found the perfect corner to work in today, the store atmosphere is wonderful.", tag: "Worker", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/business-professional-having-a-morning-m-1778251567086-e4521ccd.png" },
|
||||
{ id: "3", name: "Emily Rose", date: "Feb 2026", title: "Customized", quote: "Love how easy it is to customize my drink exactly how I like it in the app.", tag: "Fan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/coffee-lover-holding-a-cup-looking-conte-1778251574971-5e05e1ba.png" },
|
||||
{ id: "4", name: "Mark Wilson", date: "Mar 2026", title: "Local Hero", quote: "The baristas here always make me feel welcome, truly my neighborhood spot.", tag: "Regular", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/a-group-of-friends-laughing-in-a-coffee--1778251585212-e7e9f6bd.png" },
|
||||
{ id: "5", name: "Tina Lee", date: "Apr 2026", title: "Third Place", quote: "It is such a cozy space to relax for a while. Highly recommended atmosphere.", tag: "Visitor", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DDYWsP3qxDEp1HhVs1eZYJ7aHW/handcrafted-coffee-beverage-collection-p-1778251605666-8c7fc9ad.png" },
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="See why our customers keep coming back to their local Starbucks."
|
||||
@@ -275,21 +125,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I join rewards?",
|
||||
content: "Simply download the app and create an account to start earning stars.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long until pickup?",
|
||||
content: "Most orders are ready in 4 minutes or less at your selected store.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I customize orders?",
|
||||
content: "Absolutely! With over 170k combinations, customize your drink easily in our app.",
|
||||
},
|
||||
{ id: "f1", title: "How do I join rewards?", content: "Simply download the app and create an account to start earning stars." },
|
||||
{ id: "f2", title: "How long until pickup?", content: "Most orders are ready in 4 minutes or less at your selected store." },
|
||||
{ id: "f3", title: "Can I customize orders?", content: "Absolutely! With over 170k combinations, customize your drink easily in our app." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about rewards and ordering."
|
||||
@@ -300,70 +138,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Join the Starbucks Rewards family today and get your first treat on us."
|
||||
buttons={[
|
||||
{
|
||||
text: "Download App",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Download App", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Rewards",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Mobile Order",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Gift Cards",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#" }, { label: "Sustainability", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ items: [{ label: "Rewards", href: "#" }, { label: "Mobile Order", href: "#" }, { label: "Gift Cards", href: "#" }] },
|
||||
{ items: [{ label: "Contact", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
]}
|
||||
logoText="Starbucks 2026"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user