Merge version_1 into main #2
181
src/app/page.tsx
181
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Order",
|
||||
id: "order",
|
||||
},
|
||||
name: "Order", id: "order"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Bar Naas"
|
||||
/>
|
||||
@@ -53,59 +45,35 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="Bar Naas"
|
||||
description="Experience the finest Jollof, Fufu, and Craft Pizzas in the heart of Kumasi. Tradition, refined."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#order",
|
||||
},
|
||||
text: "Order Online", href: "#order"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2410.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2410.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Outdoor Seating",
|
||||
price: "Ambiance",
|
||||
variant: "Gallery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6432.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Outdoor Seating", price: "Ambiance", variant: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6432.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Bar Naas Jollof",
|
||||
price: "Signature",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-recipe-with-rice-corn-tomatoes_23-2148294962.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Bar Naas Jollof", price: "Signature", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/indian-recipe-with-rice-corn-tomatoes_23-2148294962.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Traditional Fufu",
|
||||
price: "Authentic",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-indonesian-bakso_23-2148933302.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Traditional Fufu", price: "Authentic", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-indonesian-bakso_23-2148933302.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Decadent Ice Cream",
|
||||
price: "Dessert",
|
||||
variant: "Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indulgent-gourmet-chocolate-dessert-elegant-table-generated-by-ai_188544-18094.jpg?_wi=1",
|
||||
},
|
||||
id: "p4", name: "Decadent Ice Cream", price: "Dessert", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-photo/indulgent-gourmet-chocolate-dessert-elegant-table-generated-by-ai_188544-18094.jpg"},
|
||||
]}
|
||||
title="Signature Culinary Gallery"
|
||||
description="From our wood-fired hearth to our traditional pots."
|
||||
@@ -119,29 +87,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "The Heritage",
|
||||
tags: [
|
||||
"Authentic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156163.jpg",
|
||||
},
|
||||
id: "f1", title: "The Heritage", tags: [
|
||||
"Authentic"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156163.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "The Modern",
|
||||
tags: [
|
||||
"Artisan",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/popular-resort-amara-dolce-vita-luxury-hotel-with-pools-water-parks-recreational-area-along-sea-coast-turkey-sunset-tekirova-kemer_146671-18758.jpg",
|
||||
},
|
||||
id: "f2", title: "The Modern", tags: [
|
||||
"Artisan"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/popular-resort-amara-dolce-vita-luxury-hotel-with-pools-water-parks-recreational-area-along-sea-coast-turkey-sunset-tekirova-kemer_146671-18758.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "The Staple",
|
||||
tags: [
|
||||
"Classic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-dish_23-2150777601.jpg",
|
||||
},
|
||||
id: "f3", title: "The Staple", tags: [
|
||||
"Classic"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-dish_23-2150777601.jpg"},
|
||||
]}
|
||||
title="The Bar Naas Difference"
|
||||
description="Diversity in our kitchen, consistency in our quality."
|
||||
@@ -154,60 +110,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Kojo Mensah",
|
||||
date: "2023-10-01",
|
||||
title: "Regular Guest",
|
||||
quote: "The best goat soup in the city! Unmatched quality.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-vector/restaurant-retro-logo-pack_23-2148371144.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2410.jpg?_wi=2",
|
||||
imageAlt: "food platform logo",
|
||||
},
|
||||
id: "t1", name: "Kojo Mensah", date: "2023-10-01", title: "Regular Guest", quote: "The best goat soup in the city! Unmatched quality.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-vector/restaurant-retro-logo-pack_23-2148371144.jpg", imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2410.jpg", imageAlt: "food platform logo"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ama Serwaa",
|
||||
date: "2023-10-05",
|
||||
title: "Diner",
|
||||
quote: "The pizza crust is perfection, love the atmosphere.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-fork-spoon-dark-surface-wood-wooden-cutlery_140725-38968.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6432.jpg?_wi=2",
|
||||
imageAlt: "food platform logo",
|
||||
},
|
||||
id: "t2", name: "Ama Serwaa", date: "2023-10-05", title: "Diner", quote: "The pizza crust is perfection, love the atmosphere.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-fork-spoon-dark-surface-wood-wooden-cutlery_140725-38968.jpg", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6432.jpg", imageAlt: "food platform logo"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Kwame Osei",
|
||||
date: "2023-10-12",
|
||||
title: "Foodie",
|
||||
quote: "Heritage food done with such modern refinement.",
|
||||
tag: "Chef",
|
||||
avatarSrc: "http://img.b2bpic.net/free-vector/knife-fork-icon-vector-illustration-isolated-white-background_384344-2095.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-recipe-with-rice-corn-tomatoes_23-2148294962.jpg?_wi=2",
|
||||
imageAlt: "food platform logo",
|
||||
},
|
||||
id: "t3", name: "Kwame Osei", date: "2023-10-12", title: "Foodie", quote: "Heritage food done with such modern refinement.", tag: "Chef", avatarSrc: "http://img.b2bpic.net/free-vector/knife-fork-icon-vector-illustration-isolated-white-background_384344-2095.jpg", imageSrc: "http://img.b2bpic.net/free-photo/indian-recipe-with-rice-corn-tomatoes_23-2148294962.jpg", imageAlt: "food platform logo"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Yaa Boateng",
|
||||
date: "2023-10-15",
|
||||
title: "Visitor",
|
||||
quote: "Coming back every weekend for the Jollof.",
|
||||
tag: "Visitor",
|
||||
avatarSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-design_1133-78.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-indonesian-bakso_23-2148933302.jpg?_wi=2",
|
||||
imageAlt: "food platform logo",
|
||||
},
|
||||
id: "t4", name: "Yaa Boateng", date: "2023-10-15", title: "Visitor", quote: "Coming back every weekend for the Jollof.", tag: "Visitor", avatarSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-design_1133-78.jpg", imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-indonesian-bakso_23-2148933302.jpg", imageAlt: "food platform logo"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Yaw Ampomah",
|
||||
date: "2023-10-20",
|
||||
title: "Diner",
|
||||
quote: "Service is top-notch and the fufu is heavenly.",
|
||||
tag: "Diner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/top-view-dark-square-plates-with-golden-fork-knife-cup-dark-background-cutlery-restaurant-lunch-color-plate-tea-drink_179666-19753.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indulgent-gourmet-chocolate-dessert-elegant-table-generated-by-ai_188544-18094.jpg?_wi=2",
|
||||
imageAlt: "food platform logo",
|
||||
},
|
||||
id: "t5", name: "Yaw Ampomah", date: "2023-10-20", title: "Diner", quote: "Service is top-notch and the fufu is heavenly.", tag: "Diner", avatarSrc: "http://img.b2bpic.net/free-photo/top-view-dark-square-plates-with-golden-fork-knife-cup-dark-background-cutlery-restaurant-lunch-color-plate-tea-drink_179666-19753.jpg", imageSrc: "http://img.b2bpic.net/free-photo/indulgent-gourmet-chocolate-dessert-elegant-table-generated-by-ai_188544-18094.jpg", imageAlt: "food platform logo"},
|
||||
]}
|
||||
title="Voices of Kumasi"
|
||||
description="What our guests are saying about our goat soup and atmosphere."
|
||||
@@ -219,20 +130,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open daily from 12:00 PM until late.",
|
||||
},
|
||||
id: "q1", title: "What are your opening hours?", content: "We are open daily from 12:00 PM until late."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer reservations?",
|
||||
content: "Yes, please reach out via our WhatsApp concierge.",
|
||||
},
|
||||
id: "q2", title: "Do you offer reservations?", content: "Yes, please reach out via our WhatsApp concierge."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the location easy to find?",
|
||||
content: "We are located at Ahodwo Nhyaeso, Kumasi.",
|
||||
},
|
||||
id: "q3", title: "Is the location easy to find?", content: "We are located at Ahodwo Nhyaeso, Kumasi."},
|
||||
]}
|
||||
sideTitle="Know Before You Dine"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -243,8 +145,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Order Now"
|
||||
title="Hungry? Chat Directly."
|
||||
description="Click below to chat directly with our concierge and place your order via WhatsApp."
|
||||
@@ -258,33 +159,23 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Ahodwo Nhyaeso, Kumasi",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ahodwo Nhyaeso, Kumasi", href: "#"},
|
||||
{
|
||||
label: "Open Daily 12PM-Late",
|
||||
href: "#",
|
||||
},
|
||||
label: "Open Daily 12PM-Late", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "+233 24 612 1502",
|
||||
href: "tel:+233246121502",
|
||||
},
|
||||
label: "+233 24 612 1502", href: "tel:+233246121502"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user