bender/e005d778-70e0-4ea9-8481-6723b5f73d7e
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-20 10:51:47 +00:00
parent 6c9e1fd744
commit e00ecda31a
1 changed files with 33 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

203
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Cafe Delights"
/>
@@ -55,33 +43,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Fresh Tastes, Fast Service"
description="Discover your new favorite cold coffee and quick bites at Cafe Delights. Made fresh, served fast."
tag="Since 2025"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/cold-coffee-with-ice-cream_1220-4092.jpg",
imageAlt: "cozy cafe interior coffee shop",
},
imageSrc: "http://img.b2bpic.net/free-photo/cold-coffee-with-ice-cream_1220-4092.jpg", imageAlt: "cozy cafe interior coffee shop"},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-chicken-nuggets-fries-dark-color-tray-tomatoes-black-surface-vertical-view_179666-42217.jpg",
imageAlt: "fresh cold coffee latte pouring",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/brewing-coffee-coffee-is-poured-into-glass-cup-from-copper-coffee-maker-lunch-old-cafe-vertical-shot-selective-focus_166373-2509.jpg",
imageAlt: "Brewing coffee coffee is poured into a glass cup from a copper coffee maker lunch in an old cafe Vertical shot selective focus",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cup-coffee-espress-with-cookies-rustic-backgraund_140725-12113.jpg",
imageAlt: "Side view of a cup of coffee espress with cookies on rustic backgraund",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37400.jpg",
imageAlt: "Refreshing Boozy White Russian Cocktail with Vodka and Cream",
},
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-chicken-nuggets-fries-dark-color-tray-tomatoes-black-surface-vertical-view_179666-42217.jpg", imageAlt: "fresh cold coffee latte pouring"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -94,21 +64,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Why Choose Us?"
metrics={[
{
icon: Coffee,
label: "Coffee Varieties",
value: "20+",
},
{
icon: Timer,
label: "Served Under",
value: "5 Min",
},
{
icon: Award,
label: "Happy Clients",
value: "10K+",
},
{ icon: Coffee, label: "Coffee Varieties", value: "20+" },
{ icon: Timer, label: "Served Under", value: "5 Min" },
{ icon: Award, label: "Happy Clients", value: "10K+" },
]}
metricsAnimation="slide-up"
/>
@@ -121,42 +79,12 @@ export default function LandingPage() {
gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Iced Mocha",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-with-milk-dark-marble_84443-84850.jpg",
},
{
id: "2",
name: "Deluxe Burger",
price: "$8.99",
imageSrc: "http://img.b2bpic.net/free-photo/meat-sandwich-lettuce-tomato-side-view_140725-11310.jpg",
},
{
id: "3",
name: "Golden Fries",
price: "$3.50",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spaghetti-pasta-jar_141793-10190.jpg",
},
{
id: "4",
name: "Choco Muffin",
price: "$2.99",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vegan-baked-products-arrangement_23-2150251755.jpg",
},
{
id: "5",
name: "Strawberry Milkshake",
price: "$5.50",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-milkshake-with-whipped-cream-syrup_140725-4158.jpg",
},
{
id: "6",
name: "Crispy Chicken Sandwich",
price: "$7.99",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-food-homemade-tonkatsu-pork-cutlet-aluminium-foil-with-copy-space_1428-652.jpg",
},
{ id: "1", name: "Iced Mocha", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-with-milk-dark-marble_84443-84850.jpg" },
{ id: "2", name: "Deluxe Burger", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/meat-sandwich-lettuce-tomato-side-view_140725-11310.jpg" },
{ id: "3", name: "Golden Fries", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spaghetti-pasta-jar_141793-10190.jpg" },
{ id: "4", name: "Choco Muffin", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vegan-baked-products-arrangement_23-2150251755.jpg" },
{ id: "5", name: "Strawberry Milkshake", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-milkshake-with-whipped-cream-syrup_140725-4158.jpg" },
{ id: "6", name: "Crispy Chicken Sandwich", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-food-homemade-tonkatsu-pork-cutlet-aluminium-foil-with-copy-space_1428-652.jpg" },
]}
title="Our Signature Menu"
description="Hand-crafted cold drinks and fresh, fast-casual food."
@@ -171,23 +99,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Fresh Ingredients",
description: "Local produce delivered daily to ensure the best quality.",
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cinnamon-stick-coffee-beans-marble-background-high-quality-photo_114579-67944.jpg",
imageAlt: "delicious iced coffee in glass",
},
title: "Fresh Ingredients", description: "Local produce delivered daily to ensure the best quality.", imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cinnamon-stick-coffee-beans-marble-background-high-quality-photo_114579-67944.jpg", imageAlt: "delicious iced coffee in glass"},
{
title: "Quick Prep",
description: "Optimized kitchen workflows for minimal wait times.",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-hamburger-with-fries_23-2148575430.jpg",
imageAlt: "classic beef burger fast food",
},
title: "Quick Prep", description: "Optimized kitchen workflows for minimal wait times.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-hamburger-with-fries_23-2148575430.jpg", imageAlt: "classic beef burger fast food"},
{
title: "Eco Friendly",
description: "100% compostable packaging for a better planet.",
imageSrc: "http://img.b2bpic.net/free-photo/bottle-ketchup-plate-fries_123827-26693.jpg",
imageAlt: "french fries in paper cone",
},
title: "Eco Friendly", description: "100% compostable packaging for a better planet.", imageSrc: "http://img.b2bpic.net/free-photo/bottle-ketchup-plate-fries_123827-26693.jpg", imageAlt: "french fries in paper cone"},
]}
title="Why We're Fast"
description="We combine tradition with efficiency to serve your hunger on time."
@@ -199,14 +115,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"DineDaily",
"CoffeeConnect",
"BistroBuddy",
"SnackSpot",
"FastFresh",
"UrbanBites",
"CityCafe",
]}
"DineDaily", "CoffeeConnect", "BistroBuddy", "SnackSpot", "FastFresh", "UrbanBites", "CityCafe"]}
title="Trusted Partners"
description="Join thousands of satisfied customers who love our quick service."
/>
@@ -219,26 +128,11 @@ export default function LandingPage() {
rating={5}
author="Sarah Miller"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg",
alt: "smiling customer at cafe",
},
{
src: "http://img.b2bpic.net/free-photo/woman-taking-coffee_329181-11917.jpg",
alt: "young woman drinking coffee",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-smiling-man-taking-break-drinking-coffee-from-takeaway-standing-blue-background_1258-158027.jpg",
alt: "man smiling in cafe",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2149250084.jpg",
alt: "woman portrait at bistro",
},
{
src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
alt: "cheerful person at cafe",
},
{ src: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg", alt: "smiling customer at cafe" },
{ src: "http://img.b2bpic.net/free-photo/woman-taking-coffee_329181-11917.jpg", alt: "young woman drinking coffee" },
{ src: "http://img.b2bpic.net/free-photo/handsome-smiling-man-taking-break-drinking-coffee-from-takeaway-standing-blue-background_1258-158027.jpg", alt: "man smiling in cafe" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2149250084.jpg", alt: "woman portrait at bistro" },
{ src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg", alt: "cheerful person at cafe" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -249,21 +143,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Do you offer delivery?",
content: "Yes, we partner with major delivery apps.",
},
{
id: "2",
title: "Are there vegan options?",
content: "Yes, we have several plant-based meal and drink alternatives.",
},
{
id: "3",
title: "How fast is your service?",
content: "Most orders are prepared and ready within 5-7 minutes.",
},
{ id: "1", title: "Do you offer delivery?", content: "Yes, we partner with major delivery apps." },
{ id: "2", title: "Are there vegan options?", content: "Yes, we have several plant-based meal and drink alternatives." },
{ id: "3", title: "How fast is your service?", content: "Most orders are prepared and ready within 5-7 minutes." },
]}
sideTitle="Common Queries"
faqsAnimation="slide-up"
@@ -273,18 +155,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Visit Us"
title="Hungry? See us today!"
description="Stop by our shop or place an order online now."
buttons={[
{
text: "Get Directions",
href: "#",
},
]}
buttons={[{ text: "Get Directions", href: "#" }]}
/>
</div>
@@ -293,21 +168,9 @@ export default function LandingPage() {
logoText="Cafe Delights"
copyrightText="© 2025 Cafe Delights. All rights reserved."
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
]}
/>
</div>