Update src/app/page.tsx

This commit is contained in:
2026-04-11 13:35:50 +00:00
parent cb2a0164f0
commit d18e72d81b

View File

@@ -28,24 +28,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Home", id: "home" },
name: "Home", { name: "About", id: "about" },
id: "home", { name: "Menu", id: "menu" },
}, { name: "Visit Us", id: "contact" },
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Visit Us",
id: "contact",
},
]} ]}
brandName="Anchor Coffee" brandName="Anchor Coffee"
button={{ text: "Order Now", href: "#menu" }}
/> />
</div> </div>
@@ -55,37 +44,23 @@ export default function LandingPage() {
description="Local, specialty-focused coffee shop serving the best flat whites and cold brews in town. Come for the craft, stay for the vibe." description="Local, specialty-focused coffee shop serving the best flat whites and cold brews in town. Come for the craft, stay for the vibe."
buttons={[ buttons={[
{ {
text: "View Menu", text: "View Menu", href: "#menu"},
href: "#menu",
},
{ {
text: "Plan Your Visit", text: "Plan Your Visit", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937221.jpg" imageSrc="http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937221.jpg"
imageAlt="Anchor Coffee shop interior with warm lighting" imageAlt="Anchor Coffee shop interior with warm lighting"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-73601.jpg", src: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-73601.jpg", alt: "Coffee grinder, beans and aroma coffee on wooden board"},
alt: "Coffee grinder, beans and aroma coffee on wooden board",
},
{ {
src: "http://img.b2bpic.net/free-photo/coffee-maker-machine_23-2148937219.jpg", src: "http://img.b2bpic.net/free-photo/coffee-maker-machine_23-2148937219.jpg", alt: "Coffee maker machine"},
alt: "Coffee maker machine",
},
{ {
src: "http://img.b2bpic.net/free-photo/flat-lay-assortment-coffee-with-grinder-milk_23-2148441245.jpg", src: "http://img.b2bpic.net/free-photo/flat-lay-assortment-coffee-with-grinder-milk_23-2148441245.jpg", alt: "Flat lay assortment of coffee with grinder and milk"},
alt: "Flat lay assortment of coffee with grinder and milk",
},
{ {
src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-table-with-automatic-coffee-machine_613910-1285.jpg", src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-table-with-automatic-coffee-machine_613910-1285.jpg", alt: "Studio portrait of redhead bearded male at the table with automatic coffee machine."},
alt: "Studio portrait of redhead bearded male at the table with automatic coffee machine.",
},
{ {
src: "http://img.b2bpic.net/free-photo/flat-lay-coffee-powder-strainer-coffee-beans_23-2148453604.jpg", src: "http://img.b2bpic.net/free-photo/flat-lay-coffee-powder-strainer-coffee-beans_23-2148453604.jpg", alt: "Flat lay coffee powder in strainer on coffee beans"},
alt: "Flat lay coffee powder in strainer on coffee beans",
},
]} ]}
avatarText="Join 1,000+ happy regulars" avatarText="Join 1,000+ happy regulars"
/> />
@@ -108,34 +83,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", label: "Coffee", title: "Espresso & Milk Drinks", items: [
label: "Coffee", "Flat White - $4.00", "Cappuccino - $4.00", "Latte - $4.20"],
title: "Espresso & Milk Drinks",
items: [
"Flat White - $4.00",
"Cappuccino - $4.00",
"Latte - $4.20",
],
}, },
{ {
id: "f2", id: "f2", label: "Cold", title: "Cold Brew & More", items: [
label: "Cold", "Cold Brew - $4.50", "Iced Latte - $4.50", "Cold Brew Batch - $6.00"],
title: "Cold Brew & More",
items: [
"Cold Brew - $4.50",
"Iced Latte - $4.50",
"Cold Brew Batch - $6.00",
],
}, },
{ {
id: "f3", id: "f3", label: "Snacks", title: "Pastries & Extras", items: [
label: "Snacks", "Butter Croissant - $3.50", "Pain au Chocolat - $3.80", "Add Oat Milk - $0.50"],
title: "Pastries & Extras",
items: [
"Butter Croissant - $3.50",
"Pain au Chocolat - $3.80",
"Add Oat Milk - $0.50",
],
}, },
]} ]}
title="Our Menu Favorites" title="Our Menu Favorites"
@@ -150,40 +107,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah J.", role: "Regular", testimonial: "Great flat white. Will visit again!", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-woman-holding-coffee-cup_53876-111347.jpg"},
name: "Sarah J.",
role: "Regular",
testimonial: "Great flat white. Will visit again!",
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-woman-holding-coffee-cup_53876-111347.jpg",
},
{ {
id: "t2", id: "t2", name: "Mark D.", role: "Local", testimonial: "Brilliant specialty coffee for the price. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-satisfied-man-showing-thumbsup-like-coffee-smiling-pleased-standing-turquoise-backgrou_1258-155389.jpg"},
name: "Mark D.",
role: "Local",
testimonial: "Brilliant specialty coffee for the price. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-satisfied-man-showing-thumbsup-like-coffee-smiling-pleased-standing-turquoise-backgrou_1258-155389.jpg",
},
{ {
id: "t3", id: "t3", name: "Emma R.", role: "Visitor", testimonial: "Cold brew is a must-try 🤌🏼", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg"},
name: "Emma R.",
role: "Visitor",
testimonial: "Cold brew is a must-try 🤌🏼",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",
},
{ {
id: "t4", id: "t4", name: "David K.", role: "Lunch Crowd", testimonial: "Lunch rush can get busy, but it's clearly worth it.", imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893776.jpg"},
name: "David K.",
role: "Lunch Crowd",
testimonial: "Lunch rush can get busy, but it's clearly worth it.",
imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893776.jpg",
},
{ {
id: "t5", id: "t5", name: "Chloe L.", role: "Regular", testimonial: "Can definitely taste the craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg"},
name: "Chloe L.",
role: "Regular",
testimonial: "Can definitely taste the craftsmanship.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg",
},
]} ]}
title="What People Say" title="What People Say"
description="Our community is the heart of everything we do. See why our customers keep coming back for more." description="Our community is the heart of everything we do. See why our customers keep coming back for more."
@@ -194,14 +126,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
text="Visit us at our central location. Lunch rush is around 12 PM - expect a queue—people clearly come for the coffee! Takeaway is always available." text="Visit us at our central location. Lunch rush is around 12 PM - expect a queue—people clearly come for the coffee! Takeaway is always available."
buttons={[ buttons={[
{ {
text: "Get Directions", text: "Get Directions", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -211,42 +140,27 @@ export default function LandingPage() {
logoText="Anchor Coffee" logoText="Anchor Coffee"
columns={[ columns={[
{ {
title: "Menu", title: "Menu", items: [
items: [
{ {
label: "Full Menu", label: "Full Menu", href: "#menu"},
href: "#menu",
},
{ {
label: "Price List", label: "Price List", href: "#menu"},
href: "#menu",
},
], ],
}, },
{ {
title: "Visit", title: "Visit", items: [
items: [
{ {
label: "Opening Hours", label: "Opening Hours", href: "#contact"},
href: "#contact",
},
{ {
label: "Directions", label: "Directions", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Social", title: "Social", items: [
items: [
{ {
label: "Instagram", label: "Instagram", href: "#"},
href: "#",
},
{ {
label: "Facebook", label: "Facebook", href: "#"},
href: "#",
},
], ],
}, },
]} ]}