bender/a3d5267b-7195-44e1-b4a5-447d975bc6a7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 3 commits from version_2 into main 2026-05-19 16:56:25 +00:00
Conversation 0 Commits 3 Files Changed 3 +75 -227
3 changed files with 75 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/booking/page.tsx Normal file
View File

@@ -0,0 +1,24 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import React from 'react';
export default function BookingPage() {
return (
<ThemeProvider>
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "Experience", id: "/experience" }, { name: "Menu", id: "/#menu" }, { name: "Book Now", id: "/booking" }]}
brandName="Kyalami Shisanyama"
/>
<main style={{ paddingTop: '100px' }}>
<ContactCenter
tag="Reserve"
title="Book Your Table"
description="Secure your spot at the most vibrant shisanyama experience in Joburg."
/>
</main>
</ThemeProvider>
);
}

24
src/app/experience/page.tsx Normal file
View File

@@ -0,0 +1,24 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TextAbout from '@/components/sections/about/TextAbout';
import React from 'react';
export default function ExperiencePage() {
return (
<ThemeProvider>
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "Experience", id: "/experience" }, { name: "Menu", id: "/#menu" }, { name: "Book Now", id: "/booking" }]}
brandName="Kyalami Shisanyama"
/>
<main style={{ paddingTop: '100px' }}>
<TextAbout
tag="The Experience"
title="A Lifestyle Beyond Dining"
buttons={[{ text: "Book Now", href: "/booking" }]}
/>
</main>
</ThemeProvider>
);
}

254
src/app/page.tsx
View File

@@ -32,22 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Experience",
id: "experience",
},
{
name: "Menu",
id: "menu",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
{ name: "Experience", id: "/experience" },
{ name: "Menu", id: "menu" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
{ name: "Book Now", id: "/booking" }
]}
brandName="Kyalami Shisanyama"
/>
@@ -55,71 +44,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Where Great Meat, Music & Energy Meet"
description="A luxurious modern shisanyama experience built for unforgettable Sundays, live DJs, premium braai platters, cocktails, and beautiful moments."
tag="Premium Braai & Lifestyle"
buttons={[
{
text: "Book A Table",
href: "#",
},
{
text: "View Experience",
href: "#experience",
},
{ text: "Book A Table", href: "/booking" },
{ text: "View Experience", href: "/experience" },
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-cook-removes-from-skewer-tike-kebab-board-with-grilled-chicken-vegetables_141793-3898.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-couple-enjoying-cafe-while-talking-waiter_637285-579.jpg",
alt: "Happy guest 1",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
alt: "Happy guest 2",
},
{
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006713.jpg",
alt: "Happy guest 3",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
alt: "Happy guest 4",
},
{
src: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg",
alt: "Happy guest 5",
},
]}
avatarText="Join 5,000+ satisfied guests"
marqueeItems={[
{
type: "text",
text: "Premium Braai",
},
{
type: "text-icon",
text: "Live DJ",
icon: Music,
},
{
type: "text",
text: "Cocktails",
},
{
type: "text-icon",
text: "Sunday Vibes",
icon: Sun,
},
{
type: "text",
text: "Sophisticated Atmosphere",
},
]}
/>
</div>
@@ -130,26 +64,10 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "4.8★",
description: "Customer Rated",
},
{
id: "m2",
value: "Premium",
description: "Atmosphere",
},
{
id: "m3",
value: "Huge",
description: "Portions",
},
{
id: "m4",
value: "All Day",
description: "Vibes",
},
{ id: "m1", value: "4.8★", description: "Customer Rated" },
{ id: "m2", value: "Premium", description: "Atmosphere" },
{ id: "m3", value: "Huge", description: "Portions" },
{ id: "m4", value: "All Day", description: "Vibes" },
]}
title="Why Choose Us"
description="Excellence in every detail."
@@ -170,36 +88,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Social",
title: "Luxury Outdoor Vibes",
items: [
"Spacious seating",
"Premium umbrellas",
"Social atmosphere",
],
},
{
id: "f2",
label: "Entertainment",
title: "Live DJs & Events",
items: [
"Incredible sound",
"Curated music",
"Celebrity performers",
],
},
{
id: "f3",
label: "Cuisine",
title: "Premium Braai Culture",
items: [
"Massive platters",
"Perfectly grilled",
"Authentic flavour",
],
},
{ id: "f1", label: "Social", title: "Luxury Outdoor Vibes", items: ["Spacious seating", "Premium umbrellas", "Social atmosphere"] },
{ id: "f2", label: "Entertainment", title: "Live DJs & Events", items: ["Incredible sound", "Curated music", "Celebrity performers"] },
{ id: "f3", label: "Cuisine", title: "Premium Braai Culture", items: ["Massive platters", "Perfectly grilled", "Authentic flavour"] },
]}
title="The Kyalami Lifestyle"
description="From live DJs to premium braai, every detail is crafted for your celebration."
@@ -213,42 +104,10 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Braai Platter",
price: "R450",
imageSrc: "http://img.b2bpic.net/free-photo/person-s-hand-cutting-grilled-beef-steak-chopping-board-with-knife-fork_23-2147840988.jpg",
},
{
id: "p2",
name: "Braai Mix",
price: "R320",
imageSrc: "http://img.b2bpic.net/free-photo/sliced-grilled-steak-wooden-board-eggplant-potato-bel-pepper-top-view_141793-4147.jpg",
},
{
id: "p3",
name: "Cocktails",
price: "R140",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-barbecue-with-bbq-ranch-tomatoes_114579-2059.jpg",
},
{
id: "p4",
name: "Traditional Buffet",
price: "R250",
imageSrc: "http://img.b2bpic.net/free-photo/lamb-steak-with-roasted-grilled-vegetables-black-stone-board_140725-10575.jpg",
},
{
id: "p5",
name: "Premium Steaks",
price: "R380",
imageSrc: "http://img.b2bpic.net/free-photo/men-cooking-barbecue-outdoors_23-2148733648.jpg",
},
{
id: "p6",
name: "Grilled Wings",
price: "R180",
imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-with-fried-potatoes-mayonnaise-mustard-ketchup_140725-1494.jpg",
},
{ id: "p1", name: "Braai Platter", price: "R450", imageSrc: "http://img.b2bpic.net/free-photo/person-s-hand-cutting-grilled-beef-steak-chopping-board-with-knife-fork_23-2147840988.jpg" },
{ id: "p2", name: "Braai Mix", price: "R320", imageSrc: "http://img.b2bpic.net/free-photo/sliced-grilled-steak-wooden-board-eggplant-potato-bel-pepper-top-view_141793-4147.jpg" },
{ id: "p3", name: "Cocktails", price: "R140", imageSrc: "http://img.b2bpic.net/free-photo/chicken-barbecue-with-bbq-ranch-tomatoes_114579-2059.jpg" },
{ id: "p4", name: "Traditional Buffet", price: "R250", imageSrc: "http://img.b2bpic.net/free-photo/lamb-steak-with-roasted-grilled-vegetables-black-stone-board_140725-10575.jpg" },
]}
title="Signature Favourites"
description="Crafted for sharing, celebrating and satisfying every craving."
@@ -261,46 +120,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Nothemba Jozi",
handle: "@nothemba",
testimonial: "The vibe is so great. Best night of my life.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
},
{
id: "2",
name: "Angel Tshabalala",
handle: "@angel",
testimonial: "Mature crowd, top-notch vibe, great food.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-fun-while-eating-dinner-communicating-with-friends-dining-table_637285-3342.jpg",
},
{
id: "3",
name: "I Am Antman",
handle: "@antman",
testimonial: "Huge portions, incredible atmosphere.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
},
{
id: "4",
name: "Zumbu II",
handle: "@zumbu",
testimonial: "The service is tops and the place is beautiful.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-with-reviews_23-2149394417.jpg",
},
{
id: "5",
name: "Anonymous Guest",
handle: "@anonymous",
testimonial: "Absolutely amazing dining experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-crossed-arms_23-2149434503.jpg",
},
{ id: "1", name: "Nothemba Jozi", handle: "@nothemba", testimonial: "The vibe is so great. Best night of my life.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg" },
{ id: "2", name: "Angel Tshabalala", handle: "@angel", testimonial: "Mature crowd, top-notch vibe, great food.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-fun-while-eating-dinner-communicating-with-friends-dining-table_637285-3342.jpg" },
]}
showRating={true}
title="What People Love"
@@ -312,21 +133,8 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you need bookings?",
content: "Bookings are recommended for large groups.",
},
{
id: "q2",
title: "Is there parking?",
content: "Yes, we have secure parking.",
},
{
id: "q3",
title: "Are children allowed?",
content: "We are a mature-focused lifestyle venue.",
},
{ id: "q1", title: "Do you need bookings?", content: "Bookings are recommended for large groups." },
{ id: "q2", title: "Is there parking?", content: "Yes, we have secure parking." },
]}
sideTitle="Frequently Asked"
faqsAnimation="slide-up"
@@ -336,9 +144,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Join Us"
title="Come Hungry. Leave Legendary."
description="Reserve your table today."
@@ -348,17 +154,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Kyalami Shisanyama"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "© 2026 All Rights Reserved",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "© 2026 All Rights Reserved", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}