Merge version_2 into main #1
295
src/app/page.tsx
295
src/app/page.tsx
@@ -22,35 +22,20 @@ export default function LandingPage() {
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sazbar"
|
||||
/>
|
||||
@@ -59,12 +44,9 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Sazbar Roadhouse"
|
||||
description="Experience premium cuisine and timeless ambiance where sophistication embraces warmth Sazbar redefines luxury dining in Brakpan"
|
||||
description="Experience premium township cuisine and timeless ambiance. Sazbar redefines sophisticated local dining in the heart of Brakpan."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Reserve Your Table", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190962.jpg"
|
||||
@@ -75,13 +57,10 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Our Philosophy"
|
||||
title="Elevated Dining Meets Roadhouse Soul"
|
||||
tag="Our Roots"
|
||||
title="Where Local Heart Meets Refined Taste"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Learn More", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,41 +72,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Signature Culinary Crafts",
|
||||
author: "Chef's Selection",
|
||||
description: "Hand-selected ingredients prepared with classic techniques and modern flair.",
|
||||
tags: [
|
||||
"Gourmet",
|
||||
"Signature",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg",
|
||||
},
|
||||
id: "f1", title: "Township Flavours", author: "Local Staples", description: "Traditional recipes given a modern gourmet twist for an authentic local feel.", tags: ["Traditional", "Gourmet"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Curated Wine Pairings",
|
||||
author: "Sommelier Picks",
|
||||
description: "An extensive library of fine wines curated to complement every dish.",
|
||||
tags: [
|
||||
"Wine",
|
||||
"Pairing",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg",
|
||||
},
|
||||
id: "f2", title: "Curated Local Pairings", author: "Sommelier Picks", description: "Fine selection of local wines crafted to elevate our signature dishes.", tags: ["Wine", "Local"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Bespoke Private Events",
|
||||
author: "Events Team",
|
||||
description: "Exquisite spaces for corporate groups and celebrations that demand attention.",
|
||||
tags: [
|
||||
"Private",
|
||||
"Events",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-big-table-special-moments_8353-9903.jpg",
|
||||
},
|
||||
id: "f3", title: "Bespoke Gatherings", author: "Events Team", description: "Exclusive hosting for your milestones and community celebrations.", tags: ["Private", "Events"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-big-table-special-moments_8353-9903.jpg"},
|
||||
]}
|
||||
title="Unrivaled Culinary Excellence"
|
||||
description="Discover a menu crafted with precision, celebrating local ingredients with global sophistication."
|
||||
title="Soulful Excellence"
|
||||
description="A space dedicated to the rhythm and warmth of the community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -138,45 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Aged Wagyu Steak",
|
||||
price: "R450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89989.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pan-Seared Salmon",
|
||||
price: "R380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-rib-steak-with-garlic-cinnamon-ax-stand_141793-12212.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisanal Dessert Platter",
|
||||
price: "R150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/russian-salad-with-orange-juice_140725-3686.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Truffle Infused Risotto",
|
||||
price: "R320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-alcohol-drink-garnished-with-lemon-skin-martini-glass_140725-667.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Smoked Duck Breast",
|
||||
price: "R410",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fish-barbecue-with-green-dip-sauce-white-plate_114579-3425.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Seared Scallops",
|
||||
price: "R290",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-vegetablesin-plate_140725-759.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Signature Wagyu Steak", price: "R450", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89989.jpg" },
|
||||
{ id: "p2", name: "Pan-Seared Fresh Salmon", price: "R380", imageSrc: "http://img.b2bpic.net/free-photo/front-view-rib-steak-with-garlic-cinnamon-ax-stand_141793-12212.jpg" },
|
||||
{ id: "p3", name: "Artisanal Sweet Platter", price: "R150", imageSrc: "http://img.b2bpic.net/free-photo/russian-salad-with-orange-juice_140725-3686.jpg" },
|
||||
]}
|
||||
title="Our Signature Selection"
|
||||
description="Experience our curated selection of fine dining offerings designed to inspire."
|
||||
title="Community Menu"
|
||||
description="Locally inspired dishes, meticulously curated for the perfect dining experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -186,36 +108,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years of Tradition",
|
||||
items: [
|
||||
"Legacy",
|
||||
"Reputation",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Menu Classics",
|
||||
items: [
|
||||
"Signature",
|
||||
"Curated",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
title: "Happy Guests",
|
||||
items: [
|
||||
"Exclusivity",
|
||||
"Quality",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Years Serving", items: ["Heritage", "Consistency"] },
|
||||
{ id: "m2", value: "50+", title: "Original Dishes", items: ["Crafted", "Local"] },
|
||||
{ id: "m3", value: "5k+", title: "Happy Guests", items: ["Community", "Trust"] },
|
||||
]}
|
||||
title="A Legacy of Excellence"
|
||||
description="Redefining the standards of fine dining within Brakpan."
|
||||
title="Our Journey"
|
||||
description="A dedicated space for the community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -226,49 +124,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Corporate Executive",
|
||||
company: "Brakpan Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Thornton",
|
||||
role: "Local Entreprenuer",
|
||||
company: "Community Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018845.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma Watson",
|
||||
role: "Designer",
|
||||
company: "Creative Arts",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Liam Bennett",
|
||||
role: "Manager",
|
||||
company: "Local Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-table-with-food_23-2147681106.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe Smith",
|
||||
role: "Marketing Lead",
|
||||
company: "Growth Partners",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-guy-sitting-bar-counter_23-2148016837.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Jenkins", role: "Local Business Owner", company: "Brakpan Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
|
||||
{ id: "t2", name: "Mark Thornton", role: "Regular Patron", company: "Community Member", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018845.jpg" },
|
||||
{ id: "t3", name: "Emma Watson", role: "Creative Lead", company: "Local Arts", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg" },
|
||||
]}
|
||||
title="Voices of Distinction"
|
||||
description="What our guests say about their experience at Sazbar."
|
||||
title="Community Voices"
|
||||
description="Hear from our neighbors and long-time guests."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -277,24 +138,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you require reservations?",
|
||||
content: "Yes, we highly recommend booking in advance, especially for weekend dinner service.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there a dress code?",
|
||||
content: "We maintain a smart-casual to formal dress code to respect the atmosphere.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you host private events?",
|
||||
content: "Absolutely. We offer dedicated private spaces for corporate and social functions.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need to book?", content: "Reservations are recommended to ensure your table at our bustling township spot." },
|
||||
{ id: "q2", title: "What is the dress code?", content: "Dress comfortably, but feel free to dress up for your special occasions." },
|
||||
]}
|
||||
title="Guest Information"
|
||||
description="Frequently asked questions to help plan your visit."
|
||||
title="FAQ"
|
||||
description="Information for your visit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -302,18 +150,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reserve Your Experience"
|
||||
title="Join Us at Sazbar"
|
||||
description="Secure your table for a night of unparalleled dining excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "mailto:reservations@sazbar.co.za",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Book Now"
|
||||
title="Reserve Your Seat"
|
||||
description="Join us at Sazbar, the heart of local fine dining in Brakpan."
|
||||
buttons={[{ text: "Reserve", href: "mailto:reservations@sazbar.co.za" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -321,47 +162,11 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Sazbar"
|
||||
columns={[
|
||||
{
|
||||
title: "Experience",
|
||||
items: [
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bookings",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Menu", items: [{ label: "Catalog", href: "#menu" }] },
|
||||
{ title: "Book", items: [{ label: "Table", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Policy", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Sazbar Roadhouse Brakpan. All rights reserved."
|
||||
copyrightText="© 2025 Sazbar Roadhouse Brakpan."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user