Update src/app/page.tsx
This commit is contained in:
207
src/app/page.tsx
207
src/app/page.tsx
@@ -29,30 +29,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Café B"
|
||||
/>
|
||||
@@ -61,42 +43,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="A Cozy Local Escape in Hillcrest"
|
||||
description="Café B is a cozy family-style coffee shop in Hillcrest known for great coffee, delicious homemade food, and friendly service. Whether you're stopping by for breakfast, lunch, or dessert, Café B offers a warm atmosphere and generous portions that locals love."
|
||||
tag="Since 2010"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#location",
|
||||
},
|
||||
text: "Visit Us", href: "#location"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=1",
|
||||
imageAlt: "Café B cozy interior",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg", imageAlt: "Café B cozy interior"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=2",
|
||||
imageAlt: "Freshly brewed coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=3",
|
||||
imageAlt: "Our breakfast spread",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=4",
|
||||
imageAlt: "Warm cafe atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=5",
|
||||
imageAlt: "Dessert selection",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg", imageAlt: "Freshly brewed coffee"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -111,72 +72,40 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Breakfast & Wraps",
|
||||
description: "Our famous wraps: Thai Chicken, Bacon Avo Feta, and hearty breakfast combos.",
|
||||
icon: Coffee,
|
||||
title: "Breakfast & Wraps", description: "Our famous wraps: Thai Chicken, Bacon Avo Feta, and hearty breakfast combos.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=6",
|
||||
imageAlt: "Wraps",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg", imageAlt: "Wraps"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=7",
|
||||
imageAlt: "Breakfast",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=8",
|
||||
imageAlt: "User provided image",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg", imageAlt: "Breakfast"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Light Meals & Salads",
|
||||
description: "Hake, Chicken Schnitzel, and crisp fresh salads for your lunch break.",
|
||||
icon: Utensils,
|
||||
title: "Light Meals & Salads", description: "Hake, Chicken Schnitzel, and crisp fresh salads for your lunch break.", icon: Utensils,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=9",
|
||||
imageAlt: "Light Meals",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg", imageAlt: "Light Meals"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=10",
|
||||
imageAlt: "Salads",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg?_wi=1",
|
||||
imageAlt: "happy coffee shop customer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg", imageAlt: "Salads"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Hot & Cold Drinks",
|
||||
description: "Espresso, Chai, Milkshakes, and our signature ice coffees.",
|
||||
icon: Coffee,
|
||||
title: "Hot & Cold Drinks", description: "Espresso, Chai, Milkshakes, and our signature ice coffees.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=11",
|
||||
imageAlt: "Hot Drinks",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg", imageAlt: "Hot Drinks"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=12",
|
||||
imageAlt: "Cold Drinks",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-wearing-aprons-having-coffee-shop_23-2148366648.jpg?_wi=1",
|
||||
imageAlt: "cafe patron portrait",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg", imageAlt: "Cold Drinks"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Waffles & Desserts",
|
||||
description: "Indulge in our waffles with kinder chocolate or our daily cake selection.",
|
||||
icon: Cake,
|
||||
title: "Waffles & Desserts", description: "Indulge in our waffles with kinder chocolate or our daily cake selection.", icon: Cake,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=13",
|
||||
imageAlt: "Waffles",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg", imageAlt: "Waffles"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=14",
|
||||
imageAlt: "Desserts",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg?_wi=1",
|
||||
imageAlt: "cafe customer laughing",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg", imageAlt: "Desserts"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
@@ -191,19 +120,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Community Favorite",
|
||||
value: "10+ Years",
|
||||
},
|
||||
label: "Community Favorite", value: "10+ Years"},
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Generous Portions",
|
||||
value: "Made Local",
|
||||
},
|
||||
label: "Generous Portions", value: "Made Local"},
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Great Coffee",
|
||||
value: "Premium",
|
||||
},
|
||||
label: "Great Coffee", value: "Premium"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -216,59 +139,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Local",
|
||||
company: "Hillcrest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Local", company: "Hillcrest", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Visitor",
|
||||
company: "Richdens",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-wearing-aprons-having-coffee-shop_23-2148366648.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Visitor", company: "Richdens", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-wearing-aprons-having-coffee-shop_23-2148366648.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Regular",
|
||||
company: "Hillcrest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Regular", company: "Hillcrest", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Customer",
|
||||
company: "KZN",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-pink-jacket-spending-time-cafe_1157-32554.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Customer", company: "KZN", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-pink-jacket-spending-time-cafe_1157-32554.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda V.",
|
||||
role: "Diner",
|
||||
company: "Hillcrest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
|
||||
},
|
||||
id: "5", name: "Linda V.", role: "Diner", company: "Hillcrest", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Google Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Friendly Service",
|
||||
},
|
||||
value: "100%", label: "Friendly Service"},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Coffees Served",
|
||||
},
|
||||
value: "10k+", label: "Coffees Served"},
|
||||
]}
|
||||
title="What Our Locals Say"
|
||||
description="See why Café B is the favorite spot in Richdens Village."
|
||||
@@ -279,12 +171,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Find Us"
|
||||
title="Visit Us Today"
|
||||
description="Located at Richdens Village Centre, Hillcrest. Open daily for your convenience."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg?_wi=15"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4I484yFfXNp6v4eU7i9OQDPHL/uploaded-1775645626786-1j815m2k.jpg"
|
||||
inputPlaceholder="Join our newsletter"
|
||||
buttonText="Subscribe"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -298,14 +189,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user