Update src/app/page.tsx
This commit is contained in:
154
src/app/page.tsx
154
src/app/page.tsx
@@ -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: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user