Merge version_1 into main #2
220
src/app/page.tsx
220
src/app/page.tsx
@@ -18,84 +18,58 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "product",
|
||||
},
|
||||
name: "Menu", id: "product"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Kaofela"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Order Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Authentic Shisa Nyama Experience"
|
||||
description="Serving freshly grilled beef, chicken, wors & premium sharing platters. Experience the heart of local BBQ."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#product",
|
||||
},
|
||||
text: "View Menu", href: "#product"},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "WhatsApp Us", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-lunch_114579-4338.jpg?_wi=1",
|
||||
imageAlt: "Grilled platter",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-lunch_114579-4338.jpg", imageAlt: "Grilled platter"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-steak-with-potatoe-pure_140725-4696.jpg",
|
||||
imageAlt: "Beef grill",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-steak-with-potatoe-pure_140725-4696.jpg", imageAlt: "Beef grill"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-eats-grilled-sliced-lamb-wooden-board-potato-tomato-pepper-pickles-cheese-side-view_141793-4188.jpg",
|
||||
imageAlt: "Chicken grill",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/man-eats-grilled-sliced-lamb-wooden-board-potato-tomato-pepper-pickles-cheese-side-view_141793-4188.jpg", imageAlt: "Chicken grill"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sizzling-steak-fajitas-with-peppers-onions_84443-84866.jpg",
|
||||
imageAlt: "Fresh salad",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/sizzling-steak-fajitas-with-peppers-onions_84443-84866.jpg", imageAlt: "Fresh salad"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-fish-with-lemon-vegetables-narsharab-pomegranate-sauce-wooden-board-dark-wall_140725-12950.jpg",
|
||||
imageAlt: "Drinks",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-fish-with-lemon-vegetables-narsharab-pomegranate-sauce-wooden-board-dark-wall_140725-12950.jpg", imageAlt: "Drinks"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-kebab-mix-wooden-platter-fresh-herbs_140725-12386.jpg",
|
||||
imageAlt: "Vibrant crowd",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-kebab-mix-wooden-platter-fresh-herbs_140725-12386.jpg", imageAlt: "Vibrant crowd"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,7 +79,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to Kaofela"
|
||||
description="Situated in Matlosana Mall, we bring you the ultimate Shisa Nyama experience. From tender, flame-grilled meats to our refreshing cocktails, every bite tells a story of tradition and flavor. Join us for good music, great company, and the best grill in town."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-eating-ice-cream-laughing-portrait-young-woman-sitting-park-sunny-day-eating-icecream-looking-camera-wearing-glasses-enjoying-summer-her-life_197531-30458.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-eating-ice-cream-laughing-portrait-young-woman-sitting-park-sunny-day-eating-icecream-looking-camera-wearing-glasses-enjoying-summer-her-life_197531-30458.jpg"
|
||||
imageAlt="Our restaurant team"
|
||||
/>
|
||||
</div>
|
||||
@@ -118,41 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sharing Platter for 4",
|
||||
price: "R300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-meat-barbecue-with-rice-vegetable-salad_114579-4423.jpg",
|
||||
},
|
||||
id: "p1", name: "Sharing Platter for 4", price: "R300", imageSrc: "http://img.b2bpic.net/free-photo/chicken-meat-barbecue-with-rice-vegetable-salad_114579-4423.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Flame-Grilled Steak",
|
||||
price: "R120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-vegetables-potatoes-eggplants-inside-plate-dark-desk_140725-79614.jpg",
|
||||
},
|
||||
id: "p2", name: "Flame-Grilled Steak", price: "R120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-vegetables-potatoes-eggplants-inside-plate-dark-desk_140725-79614.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Chicken & Wors Combo",
|
||||
price: "R95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259617.jpg",
|
||||
},
|
||||
id: "p3", name: "Chicken & Wors Combo", price: "R95", imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259617.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chips & Pap Side",
|
||||
price: "R45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breast-flaming-grill-with-grilled-vegetables-tomatoes-herbs-lemon-rosemary-healthy-lunch-menu_1150-37777.jpg",
|
||||
},
|
||||
id: "p4", name: "Chips & Pap Side", price: "R45", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breast-flaming-grill-with-grilled-vegetables-tomatoes-herbs-lemon-rosemary-healthy-lunch-menu_1150-37777.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Signature Cocktails",
|
||||
price: "R75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-food-plates_23-2149617139.jpg",
|
||||
},
|
||||
id: "p5", name: "Signature Cocktails", price: "R75", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-food-plates_23-2149617139.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Latte Macchiato",
|
||||
price: "R35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-sliced-lamb-wooden-board-potato-tomato-pepper-pickles-side-view_141793-3750.jpg",
|
||||
},
|
||||
id: "p6", name: "Latte Macchiato", price: "R35", imageSrc: "http://img.b2bpic.net/free-photo/grilled-sliced-lamb-wooden-board-potato-tomato-pepper-pickles-side-view_141793-3750.jpg"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Hand-selected, flame-grilled favorites prepared daily."
|
||||
@@ -166,40 +116,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "We source only the highest quality local meats.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-meat-kebab-skewers-with-salt-slice-lemon-board_141793-5008.jpg",
|
||||
},
|
||||
title: "Fresh Ingredients", description: "We source only the highest quality local meats.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-meat-kebab-skewers-with-salt-slice-lemon-board_141793-5008.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-kebab-with-rice-vegetables_140725-7109.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-lunch_114579-4338.jpg?_wi=2",
|
||||
imageAlt: "grilled meat platter shisa nyama",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-kebab-with-rice-vegetables_140725-7109.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Authentic Vibes",
|
||||
description: "Good music and atmosphere every single night.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ribs-kebab-onion-pepper-rice-side-view_140725-11339.jpg",
|
||||
},
|
||||
title: "Authentic Vibes", description: "Good music and atmosphere every single night.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ribs-kebab-onion-pepper-rice-side-view_140725-11339.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-eating-ice-cream-laughing-portrait-young-woman-sitting-park-sunny-day-eating-icecream-looking-camera-wearing-glasses-enjoying-summer-her-life_197531-30458.jpg?_wi=2",
|
||||
imageAlt: "grilled meat platter shisa nyama",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Easy Booking",
|
||||
description: "Contact us via WhatsApp for fast orders.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-lamb-kebab-served-with-red-onion-herbs-sumakh-table_140725-10182.jpg",
|
||||
},
|
||||
title: "Easy Booking", description: "Contact us via WhatsApp for fast orders.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-lamb-kebab-served-with-red-onion-herbs-sumakh-table_140725-10182.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-vegetables-potatoes-eggplants-fresh-off-oven-dark-space_140725-79608.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-with-arms-crossed-bar_107420-65505.jpg?_wi=1",
|
||||
imageAlt: "grilled meat platter shisa nyama",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-vegetables-potatoes-eggplants-fresh-off-oven-dark-space_140725-79608.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -216,45 +148,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah D.",
|
||||
role: "Regular",
|
||||
company: "Klerksdorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-with-arms-crossed-bar_107420-65505.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah D.", role: "Regular", company: "Klerksdorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-with-arms-crossed-bar_107420-65505.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike M.",
|
||||
role: "Foodie",
|
||||
company: "Klerksdorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-young-woman-sitting-sofa-talking-mobile-phone-restaurant_23-2147974688.jpg",
|
||||
},
|
||||
id: "2", name: "Mike M.", role: "Foodie", company: "Klerksdorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-young-woman-sitting-sofa-talking-mobile-phone-restaurant_23-2147974688.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Visitor",
|
||||
company: "Johannesburg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-doing-picnic-nature_23-2147810956.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Visitor", company: "Johannesburg", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-doing-picnic-nature_23-2147810956.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Local",
|
||||
company: "Klerksdorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Local", company: "Klerksdorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tebogo M.",
|
||||
role: "Chef",
|
||||
company: "Klerksdorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-enjoying-christmas-dinner_23-2149144969.jpg",
|
||||
},
|
||||
id: "5", name: "Tebogo M.", role: "Chef", company: "Klerksdorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-enjoying-christmas-dinner_23-2149144969.jpg"},
|
||||
]}
|
||||
title="Guest Reviews"
|
||||
description="See what our regulars have to say."
|
||||
@@ -267,20 +174,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where are you located?",
|
||||
content: "We are located inside Matlosana Mall.",
|
||||
},
|
||||
id: "f1", title: "Where are you located?", content: "We are located inside Matlosana Mall."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How can I book?",
|
||||
content: "WhatsApp us at our business number!",
|
||||
},
|
||||
id: "f2", title: "How can I book?", content: "WhatsApp us at our business number!"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer takeaways?",
|
||||
content: "Yes, all our menu items are available for takeaway.",
|
||||
},
|
||||
id: "f3", title: "Do you offer takeaways?", content: "Yes, all our menu items are available for takeaway."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions? We have answers."
|
||||
@@ -295,15 +193,9 @@ export default function LandingPage() {
|
||||
description="Send us a message for bookings or orders."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "WhatsApp Number",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "WhatsApp Number"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serving-table-young-woman-swhite-shirt-putting-plates-table_259150-59713.jpg"
|
||||
/>
|
||||
@@ -313,13 +205,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Kaofela Shisa Nyama"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user