bender/9ca6d945-08e9-412d-b814-3d34e7f5a9c9
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-05-14 05:48:24 +00:00
parent cc89d87d35
commit a96fc841e6
1 changed files with 41 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

335
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "Rewards",
id: "rewards",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "Rewards", id: "rewards" },
{ name: "Contact", id: "contact" },
]}
brandName="Destiny's"
/>
@@ -57,80 +45,21 @@ export default function LandingPage() {
title="Fresh Drinks • Fast Drive-Thru • Everyday Energy"
description="Experience the modern drive-thru coffee standard. Your daily fuel, served with passion, speed, and premium quality."
testimonials={[
{
name: "Alex R.",
handle: "@alexcoffee",
testimonial: "The best drive-thru experience in town! So fast and delicious.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/barista-wearing-face-mask-with-copy-space_23-2148767433.jpg?_wi=1",
imageAlt: "drive-thru coffee shop",
},
{
name: "Sarah J.",
handle: "@sarahdrinks",
testimonial: "Love the matcha here. Perfectly balanced every single time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-barista-making-coffee_23-2149045703.jpg?_wi=1",
imageAlt: "drive-thru coffee shop",
},
{
name: "Mark D.",
handle: "@mark_daily",
testimonial: "My everyday energy source. Friendly staff and great drinks.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-with-foam_23-2149514322.jpg?_wi=1",
imageAlt: "drive-thru coffee shop",
},
{
name: "Chloe B.",
handle: "@chloebakes",
testimonial: "The breakfast items are so fresh and tasty. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-glass-cold-coffee-with-bottle-background_181624-59418.jpg?_wi=1",
imageAlt: "drive-thru coffee shop",
},
{
name: "Liam K.",
handle: "@liam_commute",
testimonial: "Convenient, premium, and consistently excellent coffee.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/matcha-ice-green-tea-marble-floor-it-is-delicious-nutritious_1150-25576.jpg?_wi=1",
imageAlt: "drive-thru coffee shop",
},
{ name: "Alex R.", handle: "@alexcoffee", testimonial: "The best drive-thru experience in town! So fast and delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barista-wearing-face-mask-with-copy-space_23-2148767433.jpg", imageAlt: "drive-thru coffee shop" },
{ name: "Sarah J.", handle: "@sarahdrinks", testimonial: "Love the matcha here. Perfectly balanced every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-barista-making-coffee_23-2149045703.jpg", imageAlt: "drive-thru coffee shop" },
{ name: "Mark D.", handle: "@mark_daily", testimonial: "My everyday energy source. Friendly staff and great drinks.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-with-foam_23-2149514322.jpg", imageAlt: "drive-thru coffee shop" },
{ name: "Chloe B.", handle: "@chloebakes", testimonial: "The breakfast items are so fresh and tasty. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-glass-cold-coffee-with-bottle-background_181624-59418.jpg", imageAlt: "drive-thru coffee shop" },
{ name: "Liam K.", handle: "@liam_commute", testimonial: "Convenient, premium, and consistently excellent coffee.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/matcha-ice-green-tea-marble-floor-it-is-delicious-nutritious_1150-25576.jpg", imageAlt: "drive-thru coffee shop" },
]}
buttons={[
{
text: "Order Now",
href: "#menu",
},
{
text: "View Menu",
href: "#menu",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/barista-wearing-face-mask-with-copy-space_23-2148767433.jpg?_wi=2"
buttons={[{ text: "Order Now", href: "#menu" }, { text: "View Menu", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/barista-wearing-face-mask-with-copy-space_23-2148767433.jpg"
imageAlt="Premium coffee drinks at drive-thru"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/joyful-confident-relaxed-girl-makes-heavy-metal-sign-enjoys-rock-laughs-happily-holds-coffee-go-spends-free-time-wild-concert-awesome-music-festival_273609-43578.jpg",
alt: "Happy customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-yellow-t-shirt-holding-cup-coffee_273609-21601.jpg",
alt: "Happy customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/positive-young-woman-with-curly-hair-giggles-happily-holds-disposable-cup-coffee-enjoys-aromatic-beverage-dressed-casual-orange-jumper-isolated-white-background-drinking-concept_273609-61071.jpg",
alt: "Happy customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36138.jpg",
alt: "Happy customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/image-college-student-man-holding-notebooks_197531-33462.jpg",
alt: "Happy customer 5",
},
{ src: "http://img.b2bpic.net/free-photo/joyful-confident-relaxed-girl-makes-heavy-metal-sign-enjoys-rock-laughs-happily-holds-coffee-go-spends-free-time-wild-concert-awesome-music-festival_273609-43578.jpg", alt: "Happy customer 1" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-yellow-t-shirt-holding-cup-coffee_273609-21601.jpg", alt: "Happy customer 2" },
{ src: "http://img.b2bpic.net/free-photo/positive-young-woman-with-curly-hair-giggles-happily-holds-disposable-cup-coffee-enjoys-aromatic-beverage-dressed-casual-orange-jumper-isolated-white-background-drinking-concept_273609-61071.jpg", alt: "Happy customer 3" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36138.jpg", alt: "Happy customer 4" },
{ src: "http://img.b2bpic.net/free-photo/image-college-student-man-holding-notebooks_197531-33462.jpg", alt: "Happy customer 5" },
]}
/>
</div>
@@ -140,7 +69,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Modern Drive-Thru Coffee Experience"
description="At Destiny's, we believe in speed without compromise. Our mission is to serve high-quality, handcrafted drinks and fresh snacks to keep you energized for the day ahead. Friendly service, modern convenience, and the finest beans in the business."
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-barista-making-coffee_23-2149045703.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-barista-making-coffee_23-2149045703.jpg"
imageAlt="Barista preparing a latte"
/>
</div>
@@ -151,36 +80,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Quality",
title: "Finest Ingredients",
items: [
"Ethically sourced beans",
"Fresh organic milk",
"Artisan syrups",
],
},
{
id: "f2",
label: "Speed",
title: "Fast Drive-Thru",
items: [
"Less than 2min wait",
"Efficient ordering system",
"Mobile pick-up",
],
},
{
id: "f3",
label: "Service",
title: "Friendly Vibes",
items: [
"Trained professional baristas",
"Warm personalized greetings",
"Community first",
],
},
{ id: "f1", label: "Quality", title: "Finest Ingredients", items: ["Ethically sourced beans", "Fresh organic milk", "Artisan syrups"] },
{ id: "f2", label: "Speed", title: "Fast Drive-Thru", items: ["Less than 2min wait", "Efficient ordering system", "Mobile pick-up"] },
{ id: "f3", label: "Service", title: "Friendly Vibes", items: ["Trained professional baristas", "Warm personalized greetings", "Community first"] },
]}
title="Why Destiny's?"
description="We don't just make drinks, we craft experiences that power your life."
@@ -190,63 +92,16 @@ export default function LandingPage() {
<div id="menu" data-section="menu">
<ProductCardTwo
textboxLayout="default"
animationType="slide-up"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Coffee",
name: "Signature Latte",
price: "$4.50",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-with-foam_23-2149514322.jpg?_wi=2",
},
{
id: "p2",
brand: "Coffee",
name: "Cold Brew Gold",
price: "$5.25",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-glass-cold-coffee-with-bottle-background_181624-59418.jpg?_wi=2",
},
{
id: "p3",
brand: "Matcha",
name: "Iced Matcha Latte",
price: "$5.50",
rating: 4,
reviewCount: "88",
imageSrc: "http://img.b2bpic.net/free-photo/matcha-ice-green-tea-marble-floor-it-is-delicious-nutritious_1150-25576.jpg?_wi=2",
},
{
id: "p4",
brand: "Tea",
name: "Hibiscus Infusion",
price: "$3.75",
rating: 5,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/tea-mug-with-leaves-lemon-sugar-cubes_176474-9098.jpg",
},
{
id: "p5",
brand: "Bakery",
name: "Butter Croissant",
price: "$3.25",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-raisin-roll_1339-8122.jpg",
},
{
id: "p6",
brand: "Snacks",
name: "Protein Bite Pack",
price: "$4.00",
rating: 4,
reviewCount: "56",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-boxes-arrangement-flat-lay_23-2149060458.jpg",
},
{ id: "p1", brand: "Coffee", name: "Signature Latte", price: "$4.50", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-with-foam_23-2149514322.jpg" },
{ id: "p2", brand: "Coffee", name: "Cold Brew Gold", price: "$5.25", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/closeup-glass-cold-coffee-with-bottle-background_181624-59418.jpg" },
{ id: "p3", brand: "Matcha", name: "Iced Matcha Latte", price: "$5.50", rating: 4, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/matcha-ice-green-tea-marble-floor-it-is-delicious-nutritious_1150-25576.jpg" },
{ id: "p4", brand: "Tea", name: "Hibiscus Infusion", price: "$3.75", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/tea-mug-with-leaves-lemon-sugar-cubes_176474-9098.jpg" },
{ id: "p5", brand: "Bakery", name: "Butter Croissant", price: "$3.25", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-raisin-roll_1339-8122.jpg" },
{ id: "p6", brand: "Snacks", name: "Protein Bite Pack", price: "$4.00", rating: 4, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-boxes-arrangement-flat-lay_23-2149060458.jpg" },
]}
title="Our Signature Menu"
description="Browse our curated selection of hot and iced refreshments."
@@ -259,21 +114,9 @@ export default function LandingPage() {
title="Destiny's Loyalty Program"
tag="Membership"
metrics={[
{
id: "m1",
value: "10",
description: "Points per drink",
},
{
id: "m2",
value: "Free",
description: "Every 10th order",
},
{
id: "m3",
value: "24/7",
description: "App access",
},
{ id: "m1", value: "10", description: "Points per drink" },
{ id: "m2", value: "Free", description: "Every 10th order" },
{ id: "m3", value: "24/7", description: "App access" },
]}
metricsAnimation="slide-up"
/>
@@ -287,36 +130,9 @@ export default function LandingPage() {
title="Life at Destiny's"
description="Captured moments of our drive-thru atmosphere and fresh creations."
blogs={[
{
id: "g1",
category: "Culture",
title: "Morning Rush Hour",
excerpt: "The energy of the morning crowd at our main branch.",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-looking-menu-together-restaurant_23-2150520057.jpg",
authorName: "Team",
authorAvatar: "http://img.b2bpic.net/free-photo/african-american-man-red-t-shirt-smiling-yellow-wall_291650-225.jpg",
date: "Jan 2025",
},
{
id: "g2",
category: "Products",
title: "Fresh Baked Daily",
excerpt: "See how we prepare our croissants every single morning.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-poppy-seed-roll_181624-46513.jpg",
authorName: "Team",
authorAvatar: "http://img.b2bpic.net/free-photo/confident-young-brunette-caucasian-girl-looks-camera-isolated-green-background-with-copy-space_141793-67067.jpg",
date: "Jan 2025",
},
{
id: "g3",
category: "Atmosphere",
title: "Modern Drive-Thru",
excerpt: "Fast service meeting premium comfort in every stop.",
imageSrc: "http://img.b2bpic.net/free-photo/indian-man-customer-store-place-orders-pay-by-contactless-credit-card-mobile-phone-through-self-pay-floor-kiosk-fast-food-payment-terminal-pay-pass_627829-1325.jpg",
authorName: "Team",
authorAvatar: "http://img.b2bpic.net/free-photo/shocked-young-brunette-caucasian-girl-optical-glasses-stands-isolated-olive-green-background-with-copy-space_141793-67053.jpg",
date: "Jan 2025",
},
{ id: "g1", category: "Culture", title: "Morning Rush Hour", excerpt: "The energy of the morning crowd at our main branch.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-looking-menu-together-restaurant_23-2150520057.jpg", authorName: "Team", authorAvatar: "http://img.b2bpic.net/free-photo/african-american-man-red-t-shirt-smiling-yellow-wall_291650-225.jpg", date: "Jan 2025" },
{ id: "g2", category: "Products", title: "Fresh Baked Daily", excerpt: "See how we prepare our croissants every single morning.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-poppy-seed-roll_181624-46513.jpg", authorName: "Team", authorAvatar: "http://img.b2bpic.net/free-photo/confident-young-brunette-caucasian-girl-looks-camera-isolated-green-background-with-copy-space_141793-67067.jpg", date: "Jan 2025" },
{ id: "g3", category: "Atmosphere", title: "Modern Drive-Thru", excerpt: "Fast service meeting premium comfort in every stop.", imageSrc: "http://img.b2bpic.net/free-photo/indian-man-customer-store-place-orders-pay-by-contactless-credit-card-mobile-phone-through-self-pay-floor-kiosk-fast-food-payment-terminal-pay-pass_627829-1325.jpg", authorName: "Team", authorAvatar: "http://img.b2bpic.net/free-photo/shocked-young-brunette-caucasian-girl-optical-glasses-stands-isolated-olive-green-background-with-copy-space_141793-67053.jpg", date: "Jan 2025" },
]}
/>
</div>
@@ -327,46 +143,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "v1",
name: "Jane Doe",
handle: "@jane",
testimonial: "Destiny's changed my morning commute!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-afro-american-woman-eith-curly-hair-closes-eyes-from-happiness-keeps-hand-near-heart-drinks-takeaway-coffe-enjoys-leisure-time-dressed-fashionable-clothes-isolated-green-wall_273609-47974.jpg",
},
{
id: "v2",
name: "John Smith",
handle: "@johnny",
testimonial: "Fastest and freshest in the city.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-delighted-hipster-male-student-with-crisp-hair_176532-8157.jpg",
},
{
id: "v3",
name: "Emily R.",
handle: "@emily",
testimonial: "Obsessed with the iced coffee selection.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-coffee-customer_23-2148366617.jpg",
},
{
id: "v4",
name: "Chris P.",
handle: "@chris",
testimonial: "Consistent taste and high quality daily.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3529.jpg",
},
{
id: "v5",
name: "Alice T.",
handle: "@alice",
testimonial: "Customer service is top notch.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/daily-routine-lifestyle-young-beautiful-woman-bathrobe-standing-kitchen-with-cup-coffee_1258-193507.jpg",
},
{ id: "v1", name: "Jane Doe", handle: "@jane", testimonial: "Destiny's changed my morning commute!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-afro-american-woman-eith-curly-hair-closes-eyes-from-happiness-keeps-hand-near-heart-drinks-takeaway-coffe-enjoys-leisure-time-dressed-fashionable-clothes-isolated-green-wall_273609-47974.jpg" },
{ id: "v2", name: "John Smith", handle: "@johnny", testimonial: "Fastest and freshest in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-delighted-hipster-male-student-with-crisp-hair_176532-8157.jpg" },
{ id: "v3", name: "Emily R.", handle: "@emily", testimonial: "Obsessed with the iced coffee selection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-coffee-customer_23-2148366617.jpg" },
{ id: "v4", name: "Chris P.", handle: "@chris", testimonial: "Consistent taste and high quality daily.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3529.jpg" },
{ id: "v5", name: "Alice T.", handle: "@alice", testimonial: "Customer service is top notch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/daily-routine-lifestyle-young-beautiful-woman-bathrobe-standing-kitchen-with-cup-coffee_1258-193507.jpg" },
]}
showRating={true}
title="What Fans Are Saying"
@@ -377,9 +158,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
background={{ variant: "animated-grid" }}
tag="Location"
title="Visit Our Drive-Thru"
description="Located conveniently for your daily commute. Stop by and grab your energy fix."
@@ -394,40 +173,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/glass-cup-coffee-wooden-desk-with-defocus-caf-backdrop_23-2148209241.jpg"
logoText="Destiny's"
columns={[
{
title: "Navigation",
items: [
{
label: "Menu",
href: "#menu",
},
{
label: "Rewards",
href: "#rewards",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Support",
items: [
{
label: "Help Center",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "Rewards", href: "#rewards" }, { label: "Contact", href: "#contact" }] },
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>
</div>