bender/e493d07e-779b-489e-b888-db84f0e7676c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-19 13:57:57 +00:00
parent 1433e61a97
commit 7056a3bbfb
1 changed files with 54 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
src/app/page.tsx
View File

@@ -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>