Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
265
src/app/page.tsx
265
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Craft Bar Cafe"
|
||||
/>
|
||||
@@ -59,65 +44,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
title="Experience The Craft Bar Cafe"
|
||||
description="Where artisanal flavor meets warm, rustic comfort in the heart of Kathu."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149213195.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-brunette-woman-posing-smiling_23-2149021883.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-blue-jacket-with-paint-brush-stroke_23-2149020780.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-posing-sportswear_23-2148777603.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-chair_23-2149213195.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-brunette-woman-posing-smiling_23-2149021883.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-blue-jacket-with-paint-brush-stroke_23-2149020780.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-woman-posing-sportswear_23-2148777603.jpg", alt: "Customer" }
|
||||
]}
|
||||
avatarText="Join 500+ happy diners"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Book a Table", href: "#contact" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Coffee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hearty Meals",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Friendly",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open Daily",
|
||||
},
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "Artisanal Coffee" },
|
||||
{ type: "text", text: "Hearty Meals" },
|
||||
{ type: "text", text: "Family Friendly" },
|
||||
{ type: "text", text: "Open Daily" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,42 +89,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chicken Schnitzel",
|
||||
price: "R185",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-asparagus-with-mashed-potatoes-herbs-plate_141793-6093.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Craft Burger",
|
||||
price: "R160",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-eggs-vegetables-inside-round-plate_140725-11604.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fresh Garden Salad",
|
||||
price: "R120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-salad-with-onions-feta-cheese_1220-323.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Full Breakfast",
|
||||
price: "R140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-poached-egg-tomato-crisp-bread_140725-7059.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cheesecake Slice",
|
||||
price: "R85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-profiteroles-served-with-chocolate-sauce_114579-2339.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Single Origin Coffee",
|
||||
price: "R35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-coffee-while-using-cellphone_23-2148209306.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Chicken Schnitzel", price: "R185", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-asparagus-with-mashed-potatoes-herbs-plate_141793-6093.jpg" },
|
||||
{ id: "p2", name: "Craft Burger", price: "R160", imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-eggs-vegetables-inside-round-plate_140725-11604.jpg" },
|
||||
{ id: "p3", name: "Fresh Garden Salad", price: "R120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salad-with-onions-feta-cheese_1220-323.jpg" },
|
||||
{ id: "p4", name: "Full Breakfast", price: "R140", imageSrc: "http://img.b2bpic.net/free-photo/sliced-poached-egg-tomato-crisp-bread_140725-7059.jpg" },
|
||||
{ id: "p5", name: "Cheesecake Slice", price: "R85", imageSrc: "http://img.b2bpic.net/free-photo/plate-profiteroles-served-with-chocolate-sauce_114579-2339.jpg" },
|
||||
{ id: "p6", name: "Single Origin Coffee", price: "R35", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-coffee-while-using-cellphone_23-2148209306.jpg" }
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="From hearty schnitzels to curated coffee blends, explore our selection."
|
||||
@@ -188,23 +105,12 @@ export default function LandingPage() {
|
||||
<MetricCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
description: "Meals Served Weekly",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24",
|
||||
description: "Local Suppliers",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.2",
|
||||
description: "Star Rating",
|
||||
},
|
||||
{ id: "m1", value: "1500+", description: "Meals Served Weekly" },
|
||||
{ id: "m2", value: "24", description: "Local Suppliers" },
|
||||
{ id: "m3", value: "4.2", description: "Star Rating" }
|
||||
]}
|
||||
title="A Place to Gather"
|
||||
description="Measuring our commitment to the Kathu community one cup at a time."
|
||||
@@ -217,46 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "Best schnitzel in Kathu, hands down!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-table_23-2149212128.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Botha",
|
||||
handle: "@james_b",
|
||||
testimonial: "Great atmosphere for working and lunch.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-trench-coat-laughing-with-closed-eyes_197531-19716.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
handle: "@elena_r",
|
||||
testimonial: "The coffee is always consistent and fresh.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-delicious-cocktails_23-2150124812.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Khoza",
|
||||
handle: "@david_k",
|
||||
testimonial: "Excellent service and cozy vibe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Zoe Smith",
|
||||
handle: "@zoe_s",
|
||||
testimonial: "My favorite local meeting spot.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12422.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "Best schnitzel in Kathu, hands down!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-table_23-2149212128.jpg" },
|
||||
{ id: "t2", name: "James Botha", handle: "@james_b", testimonial: "Great atmosphere for working and lunch.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-trench-coat-laughing-with-closed-eyes_197531-19716.jpg" },
|
||||
{ id: "t3", name: "Elena Rossi", handle: "@elena_r", testimonial: "The coffee is always consistent and fresh.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-delicious-cocktails_23-2150124812.jpg" },
|
||||
{ id: "t4", name: "David Khoza", handle: "@david_k", testimonial: "Excellent service and cozy vibe.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg" },
|
||||
{ id: "t5", name: "Zoe Smith", handle: "@zoe_s", testimonial: "My favorite local meeting spot.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12422.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
@@ -268,15 +139,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Local Growers",
|
||||
"Farm Fresh",
|
||||
"Kathu Coffee Co",
|
||||
"Bistro Supplies",
|
||||
"Dairy Direct",
|
||||
"Quality Grains",
|
||||
"Artisan Bakery",
|
||||
]}
|
||||
names={["Local Growers", "Farm Fresh", "Kathu Coffee Co", "Bistro Supplies", "Dairy Direct", "Quality Grains", "Artisan Bakery"]}
|
||||
title="Proudly Sourcing Local"
|
||||
description="We partner with local producers to bring you the best quality."
|
||||
/>
|
||||
@@ -287,21 +150,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you pet-friendly?",
|
||||
content: "Yes, we have a lovely outdoor seating area perfect for furry friends.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Absolutely! Our menu includes a variety of plant-based dishes.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I reserve for large groups?",
|
||||
content: "Yes, please call us in advance to accommodate your group.",
|
||||
},
|
||||
{ id: "f1", title: "Are you pet-friendly?", content: "Yes, we have a lovely outdoor seating area perfect for furry friends." },
|
||||
{ id: "f2", title: "Do you offer vegan options?", content: "Absolutely! Our menu includes a variety of plant-based dishes." },
|
||||
{ id: "f3", title: "Can I reserve for large groups?", content: "Yes, please call us in advance to accommodate your group." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -312,19 +163,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Visit us at Cnr of Hendrik van Eck, Ben Albert Street, Kathu. Call or WhatsApp 073 704 8217."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/27737048217",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{ text: "WhatsApp Us", href: "https://wa.me/27737048217" },
|
||||
{ text: "Get Directions", href: "https://maps.google.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -333,32 +176,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="The Craft Bar Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/27737048217",
|
||||
},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Menu", href: "#menu" }, { label: "Reviews", href: "#testimonials" }] },
|
||||
{ title: "Contact", items: [{ label: "WhatsApp", href: "https://wa.me/27737048217" }, { label: "Directions", href: "https://maps.google.com" }] }
|
||||
]}
|
||||
copyrightText="© 2025 The Craft Bar Cafe. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user