Merge version_1 into main #2
244
src/app/page.tsx
244
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Francocel"
|
||||
/>
|
||||
@@ -58,36 +50,22 @@ export default function LandingPage() {
|
||||
description="Welcome to Francocel Coffee Shop. Your local spot for artisan breads, gourmet toasties, and divine sweet treats in the heart of Vryheid."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Order Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-young-woman-using-digital-tablet-restaurant-table_23-2147936094.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-young-woman-using-digital-tablet-restaurant-table_23-2147936094.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-concept-portrait-happy-brunette-woman-bathrobe-drinking-coffee-kitchen-having_1258-198196.jpg",
|
||||
alt: "Happy customer enjoying coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-concept-portrait-happy-brunette-woman-bathrobe-drinking-coffee-kitchen-having_1258-198196.jpg", alt: "Happy customer enjoying coffee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5286.jpg",
|
||||
alt: "Smiling regular guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5286.jpg", alt: "Smiling regular guest"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-enjoying-cornflake-breakfast_23-2148161130.jpg",
|
||||
alt: "Satisfied bakery patron",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-enjoying-cornflake-breakfast_23-2148161130.jpg", alt: "Satisfied bakery patron"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",
|
||||
alt: "Coffee enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg", alt: "Coffee enthusiast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
|
||||
alt: "Local resident enjoying morning coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg", alt: "Local resident enjoying morning coffee"},
|
||||
]}
|
||||
avatarText="Join over 10,000 happy regulars"
|
||||
/>
|
||||
@@ -100,19 +78,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Coffee Varieties",
|
||||
value: "12+",
|
||||
},
|
||||
label: "Coffee Varieties", value: "12+"},
|
||||
{
|
||||
icon: Cake,
|
||||
label: "Daily Bakes",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Daily Bakes", value: "50+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Customers",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Happy Customers", value: "10k+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -126,41 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "toastie-1",
|
||||
name: "Bacon & Banana",
|
||||
price: "R44 / R58",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/broccoli-bacon-cheese-bake-gray-stone-background_127032-3334.jpg?_wi=1",
|
||||
},
|
||||
id: "toastie-1", name: "Bacon & Banana", price: "R44 / R58", imageSrc: "http://img.b2bpic.net/free-photo/broccoli-bacon-cheese-bake-gray-stone-background_127032-3334.jpg"},
|
||||
{
|
||||
id: "toastie-2",
|
||||
name: "Chicken Mayo",
|
||||
price: "R48 / R60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panini-sandwich-with-ham-cheese-tomato-arugula-wooden-table_123827-27060.jpg",
|
||||
},
|
||||
id: "toastie-2", name: "Chicken Mayo", price: "R48 / R60", imageSrc: "http://img.b2bpic.net/free-photo/panini-sandwich-with-ham-cheese-tomato-arugula-wooden-table_123827-27060.jpg"},
|
||||
{
|
||||
id: "toastie-3",
|
||||
name: "Ham & Cheese",
|
||||
price: "R48 / R59",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-spinach-tomato-cheese-sandwich-isolated-white-background_123827-33060.jpg",
|
||||
},
|
||||
id: "toastie-3", name: "Ham & Cheese", price: "R48 / R59", imageSrc: "http://img.b2bpic.net/free-photo/healthy-spinach-tomato-cheese-sandwich-isolated-white-background_123827-33060.jpg"},
|
||||
{
|
||||
id: "salad-1",
|
||||
name: "Chicken Salad",
|
||||
price: "R32 / R45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-avocado-salad-rustic-wooden-table_123827-20352.jpg?_wi=1",
|
||||
},
|
||||
id: "salad-1", name: "Chicken Salad", price: "R32 / R45", imageSrc: "http://img.b2bpic.net/free-photo/salmon-avocado-salad-rustic-wooden-table_123827-20352.jpg"},
|
||||
{
|
||||
id: "salad-2",
|
||||
name: "Greek Salad",
|
||||
price: "R30 / R40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-vegetable-salad-with-eggs-light-background-food-salad-diet-healthy-life-ripe-meal-lunch-breakfast_140725-157333.jpg",
|
||||
},
|
||||
id: "salad-2", name: "Greek Salad", price: "R30 / R40", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-vegetable-salad-with-eggs-light-background-food-salad-diet-healthy-life-ripe-meal-lunch-breakfast_140725-157333.jpg"},
|
||||
{
|
||||
id: "vetkoek",
|
||||
name: "Vetkoek",
|
||||
price: "R30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-type-taiwan-s-traditional-food-gua-bao-red-background_23-2148123758.jpg?_wi=1",
|
||||
},
|
||||
id: "vetkoek", name: "Vetkoek", price: "R30", imageSrc: "http://img.b2bpic.net/free-photo/different-type-taiwan-s-traditional-food-gua-bao-red-background_23-2148123758.jpg"},
|
||||
]}
|
||||
title="Our Gourmet Menu"
|
||||
description="From toasted sandwiches to fresh salads, every bite is crafted with love."
|
||||
@@ -174,21 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Vanilla Cake: R115",
|
||||
"Chocolate Cake: R116",
|
||||
"Carrot Cake: R170",
|
||||
"Red Velvet: R180",
|
||||
"Bar One Cake: R185",
|
||||
],
|
||||
"Vanilla Cake: R115", "Chocolate Cake: R116", "Carrot Cake: R170", "Red Velvet: R180", "Bar One Cake: R185"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Peppermint Crisp Tart: R65",
|
||||
"Milk Tart: R65",
|
||||
"Caramel Bites (12): R65",
|
||||
"Milk Tarts (12): R54",
|
||||
"Lamingtons (12): R51",
|
||||
],
|
||||
"Peppermint Crisp Tart: R65", "Milk Tart: R65", "Caramel Bites (12): R65", "Milk Tarts (12): R54", "Lamingtons (12): R51"],
|
||||
}}
|
||||
title="Cakes & Sweet Delights"
|
||||
description="Our signature selection of cakes, tarts, and bite-sized treats to satisfy every craving."
|
||||
@@ -202,37 +140,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "R115",
|
||||
subtitle: "Vanilla & Caramel Range",
|
||||
features: [
|
||||
"Vanilla Round",
|
||||
"Vanilla Caramel Round",
|
||||
"Vanilla Loaf",
|
||||
"Caramel Loaf",
|
||||
],
|
||||
id: "p1", badge: "Popular", price: "R115", subtitle: "Vanilla & Caramel Range", features: [
|
||||
"Vanilla Round", "Vanilla Caramel Round", "Vanilla Loaf", "Caramel Loaf"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "R116",
|
||||
subtitle: "Chocolate Lover's",
|
||||
features: [
|
||||
"Chocolate Round",
|
||||
"Chocolate Caramel Round",
|
||||
"Chocolate Slice",
|
||||
"Cupcakes",
|
||||
],
|
||||
id: "p2", badge: "Best Seller", price: "R116", subtitle: "Chocolate Lover's", features: [
|
||||
"Chocolate Round", "Chocolate Caramel Round", "Chocolate Slice", "Cupcakes"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "R170",
|
||||
subtitle: "Signature Classics",
|
||||
features: [
|
||||
"Carrot Round",
|
||||
"Carrot Loaf",
|
||||
"Red Velvet",
|
||||
"Bar One",
|
||||
],
|
||||
id: "p3", badge: "New", price: "R170", subtitle: "Signature Classics", features: [
|
||||
"Carrot Round", "Carrot Loaf", "Red Velvet", "Bar One"],
|
||||
},
|
||||
]}
|
||||
title="Specialty Bakes"
|
||||
@@ -246,60 +163,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "2023-10-12",
|
||||
title: "Coffee Lover",
|
||||
quote: "The best toasties in town! Always fresh and warm.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-milk-pastry_23-2147799021.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-using-digital-tablet-restaurant-table_23-2147936094.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "2023-10-12", title: "Coffee Lover", quote: "The best toasties in town! Always fresh and warm.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-milk-pastry_23-2147799021.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-using-digital-tablet-restaurant-table_23-2147936094.jpg", imageAlt: "happy customer portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Dube",
|
||||
date: "2023-11-05",
|
||||
title: "Regular Visitor",
|
||||
quote: "Love the carrot cake, it is absolutely divine.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blogger-girl-is-laughting-by-looking-camera-cafe_176474-116248.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
id: "2", name: "John Dube", date: "2023-11-05", title: "Regular Visitor", quote: "Love the carrot cake, it is absolutely divine.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/blogger-girl-is-laughting-by-looking-camera-cafe_176474-116248.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg", imageAlt: "happy customer portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Venter",
|
||||
date: "2023-11-20",
|
||||
title: "Bakery Enthusiast",
|
||||
quote: "The Milk Tart is legendary. Highly recommended.",
|
||||
tag: "Sweet Tooth",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5292.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/broccoli-bacon-cheese-bake-gray-stone-background_127032-3334.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
id: "3", name: "Emily Venter", date: "2023-11-20", title: "Bakery Enthusiast", quote: "The Milk Tart is legendary. Highly recommended.", tag: "Sweet Tooth", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5292.jpg", imageSrc: "http://img.b2bpic.net/free-photo/broccoli-bacon-cheese-bake-gray-stone-background_127032-3334.jpg", imageAlt: "happy customer portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Nkosi",
|
||||
date: "2023-12-02",
|
||||
title: "Lunch Regular",
|
||||
quote: "Great service and delicious breakfast toasties.",
|
||||
tag: "Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-avocado-salad-rustic-wooden-table_123827-20352.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
id: "4", name: "David Nkosi", date: "2023-12-02", title: "Lunch Regular", quote: "Great service and delicious breakfast toasties.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg", imageSrc: "http://img.b2bpic.net/free-photo/salmon-avocado-salad-rustic-wooden-table_123827-20352.jpg", imageAlt: "happy customer portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Steyn",
|
||||
date: "2023-12-15",
|
||||
title: "Local Resident",
|
||||
quote: "Everything they bake is fresh and quality is unmatched.",
|
||||
tag: "Loyal",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/glad-young-woman-with-paper-cup-room_23-2148180656.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-type-taiwan-s-traditional-food-gua-bao-red-background_23-2148123758.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
id: "5", name: "Linda Steyn", date: "2023-12-15", title: "Local Resident", quote: "Everything they bake is fresh and quality is unmatched.", tag: "Loyal", avatarSrc: "http://img.b2bpic.net/free-photo/glad-young-woman-with-paper-cup-room_23-2148180656.jpg", imageSrc: "http://img.b2bpic.net/free-photo/different-type-taiwan-s-traditional-food-gua-bao-red-background_23-2148123758.jpg", imageAlt: "happy customer portrait"},
|
||||
]}
|
||||
title="What Our Locals Say"
|
||||
description="The community favorite for coffee and cake in Vryheid."
|
||||
@@ -310,8 +182,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
variant: "cell-wave"}}
|
||||
tag="Visit Us"
|
||||
title="Francocel Coffee Shop"
|
||||
description="Shop 5, NBS Building, 135 High Street, Vryheid. Call us at 034 982 1945 or 079 258 4018 to place your order."
|
||||
@@ -324,54 +195,33 @@ export default function LandingPage() {
|
||||
logoText="Francocel"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Order Custom Cake",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Order Custom Cake", href: "#contact"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user