bender/4220c366-4abc-44be-94b2-1b5db7889d05
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #7

Merged
bender merged 1 commits from version_1 into main 2026-04-01 07:17:21 +00:00
Conversation 0 Commits 1 Files Changed 1 +57 -87
1 changed files with 57 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
src/app/page.tsx
View File

@@ -1,6 +1,5 @@
'use client';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -8,119 +7,90 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Phone } from 'lucide-react';
import { ArrowRight, Star } from 'lucide-react';
export default function HomePage() {
const navItems = [
{ name: "Home", id: "/" }
];
export default function Page() {
const navItems = [{ name: "Home", id: "/" }];
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={navItems}
brandName="Vibes on Main"
navItems={navItems}
brandName="Vibes on Main"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "radial-gradient" }}
title="Johannesburg’s Most Addictive Vibe"
description="Where music, food, and energy come together. From sunset brunches to late-night Amapiano — this is where Joburg comes alive."
buttons={[{ text: "Book Your Table", href: "#contact" }, { text: "See What’s Happening", href: "#events" }]}
imageSrc="http://img.b2bpic.net/free-photo/bar-tender-sprinkles-golden-glitter-into-cocktail-champagne-glass_141793-2004.jpg"
imageAlt="Crowd dancing at Vibes on Main"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/people-having-fun-vibrant-techno-music-party_23-2150551551.jpg", alt: "Guest 1" },
{ src: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg", alt: "Guest 2" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-cocktails_23-2150166137.jpg", alt: "Guest 3" },
{ src: "http://img.b2bpic.net/free-photo/bartender-making-cocktail_23-2147680619.jpg", alt: "Guest 4" },
{ src: "http://img.b2bpic.net/free-photo/people-having-fun-vibrant-techno-music-party_23-2150551551.jpg", alt: "Guest 5" }
]}
marqueeItems={[
{ type: "text", text: "AMAPIANO NIGHTS" },
{ type: "text", text: "SUNSET BRUNCH" },
{ type: "text", text: "SIGNATURE COCKTAILS" },
{ type: "text", text: "VIP EXPERIENCE" },
{ type: "text", text: "GOURMET DINING" }
]}
title="Vibes on Main"
description="Where music, food, and energy come together. From sunset brunches to late-night Amapiano — this is where Joburg comes alive."
background={{ variant: "gradient-bars" }}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="It’s Not Just a Night Out. It’s a Ritual."
description="Step into a space where the music hits right, the crowd feels right, and every night turns into a story worth telling. Whether you're here for a chilled Monday, a buzzing Friday, or a legendary Sunday buffet — Vibes on Main delivers every time."
metrics={[{ value: "7 Days", title: "A Week" }, { value: "100%", title: "Energy" }]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop_1339-2395.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
title="The Experience"
description="We curate unforgettable moments in the heart of Johannesburg."
metrics={[
{ value: "50+", title: "Events Monthly" },
{ value: "10k+", title: "Happy Guests" }
]}
mediaAnimation="blur-reveal"
metricsAnimation="blur-reveal"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "1", brand: "Signature", name: "Sunday Buffet", price: "R350", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-top-view_23-2150408545.jpg" },
{ id: "2", brand: "Bar", name: "Craft Cocktails", price: "R120", rating: 5, reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/side-view-alcoholic-cocktail-manhattan-with-bourbon-red-vemuth-bitter-ice-cocktail-cherry-glass_141793-3048.jpg" },
{ id: "3", brand: "Chef", name: "Friday Special", price: "R280", rating: 4, reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/buffet-heated-trays_1398-2223.jpg" }
]}
title="Come Hungry. Leave Obsessed."
description="From crowd-favorite buffets to curated dishes and signature cocktails — every bite and sip is part of the experience."
title="Our Menu"
description="A fusion of local flavors and global culinary techniques."
gridVariant="uniform-all-items-equal"
animationType="blur-reveal"
textboxLayout="split"
products={[
{ id: "1", brand: "Signature", name: "Joburg Burger", price: "R150", rating: 5, reviewCount: "120", imageSrc: "https://images.unsplash.com/photo-1568901346375-23c9450c58cd" },
{ id: "2", brand: "Cocktails", name: "Sunset Spritz", price: "R95", rating: 4, reviewCount: "85", imageSrc: "https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b" },
{ id: "3", brand: "Platters", name: "Tapas Trio", price: "R210", rating: 5, reviewCount: "45", imageSrc: "https://images.unsplash.com/photo-1544148103-0773bf10d330" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah Johnson", date: "Oct 2024", title: "Regular Guest", quote: "One of the top nightlife spots in Johannesburg. The energy is unmatched.", tag: "Top Rated", avatarSrc: "http://img.b2bpic.net/free-photo/people-having-fun-vibrant-techno-music-party_23-2150551551.jpg" },
{ id: "2", name: "Michael Chen", date: "Sep 2024", title: "Foodie", quote: "Sunday buffet was too good — and the vibes were vibing!", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg" },
{ id: "3", name: "Emily Rodriguez", date: "Aug 2024", title: "Frequent Visitor", quote: "Great music, beautiful space, and such a chilled atmosphere.", tag: "Vibes", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-cocktails_23-2150166137.jpg" },
{ id: "4", name: "David Kim", date: "July 2024", title: "Nightlife Lover", quote: "Definitely my go-to place whenever I’m in Joburg.", tag: "Must Visit", avatarSrc: "http://img.b2bpic.net/free-photo/bartender-making-cocktail_23-2147680619.jpg" },
{ id: "5", name: "Zanele M.", date: "June 2024", title: "VIP Guest", quote: "The most exclusive spot in the city. Always a great time.", tag: "VIP", avatarSrc: "http://img.b2bpic.net/free-photo/people-having-fun-vibrant-techno-music-party_23-2150551551.jpg" }
]}
title="Real People. Real Vibes."
description="Don't take our word for it."
title="Guest Stories"
description="What our community says about their time with us."
textboxLayout="split"
testimonials={[
{ id: "1", name: "Thabo M.", date: "Jan 2025", title: "Amazing Vibe", quote: "The best nightlife spot in Joburg, hands down!", tag: "Regular", avatarSrc: "https://api.dicebear.com/7.x/avataaars/svg?seed=Thabo" },
{ id: "2", name: "Sarah J.", date: "Dec 2024", title: "Perfect Sunday", quote: "Sunset brunch was a highlight of my trip.", tag: "Visitor", avatarSrc: "https://api.dicebear.com/7.x/avataaars/svg?seed=Sarah" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
animationType="slide-up"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "Do you accept walk-ins?", content: "While we accept walk-ins, reservations are highly recommended, especially on Fridays and Sundays." },
{ id: "2", title: "Is the venue safe?", content: "We prioritize safety with professional security teams and a curated guest list." },
{ id: "3", title: "Do you host private events?", content: "Yes, we offer custom packages for private parties and corporate events." }
]}
ctaTitle="Reserve Your Table Now"
ctaDescription="Join the cultural heartbeat of Johannesburg. Limited seating available every weekend."
ctaButton={{ text: "Book via WhatsApp", href: "https://wa.me/27123456789" }}
ctaIcon={Phone}
faqs={[
{ id: "1", title: "Do I need to book?", content: "For prime spots on weekends, we highly recommend booking in advance." },
{ id: "2", title: "Is there parking?", content: "Secure parking is available right outside the venue." }
]}
ctaTitle="Ready to join?"
ctaDescription="Get in touch or book your table now."
ctaButton={{ text: "Contact Us", href: "#contact" }}
ctaIcon={ArrowRight}
animationType="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Vibes on Main"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "The Vibe", href: "#about" }, { label: "Menu", href: "#menu" }] },
{ title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "WhatsApp", href: "https://wa.me/27123456789" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
copyrightText="© 2025 Vibes on Main. All rights reserved."
columns={[
{ title: "Menu", items: [{ label: "Food", href: "#menu" }, { label: "Drinks", href: "#menu" }] },
{ title: "Connect", items: [{ label: "Contact", href: "#contact" }] }
]}
/>
</div>
</ThemeProvider>