Merge version_5 into main #5
246
src/app/page.tsx
246
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kota Joe Alberton"
|
||||
/>
|
||||
@@ -60,39 +45,18 @@ export default function LandingPage() {
|
||||
title="Alberton's Favourite Roadhouse Vibe"
|
||||
description="Juicy Kotas, crispy wings, and sweet chill vibes. Swing by Jacqueline Mall for the ultimate taste experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#products" },
|
||||
{ text: "Directions", href: "#contact" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2l5t91"
|
||||
showDimOverlay={true}
|
||||
avatarText="Join 500+ happy diners"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r4vibr",
|
||||
alt: "happy customer dining restaurant",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3z10is",
|
||||
alt: "man eating burger restaurant",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t60gap",
|
||||
alt: "friends laughing dinner restaurant",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=linp3v",
|
||||
alt: "smiling young adult customer",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=agufso",
|
||||
alt: "mature customer happy dining",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r4vibr", alt: "happy customer dining restaurant" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3z10is", alt: "man eating burger restaurant" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t60gap", alt: "friends laughing dinner restaurant" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=linp3v", alt: "smiling young adult customer" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=agufso", alt: "mature customer happy dining" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,12 +65,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Simply love this place!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -116,39 +75,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Drive-through",
|
||||
author: "Convenience",
|
||||
description: "Grab your favourites on the go.",
|
||||
tags: [
|
||||
"Quick",
|
||||
"Fast",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k5dzr8&_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Dine-in Vibe",
|
||||
author: "Atmosphere",
|
||||
description: "Neat, clean, and family-friendly space.",
|
||||
tags: [
|
||||
"Relaxed",
|
||||
"Clean",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pxbg83&_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fresh Ingredients",
|
||||
author: "Quality",
|
||||
description: "Sweet chilli heat and pineapple pops.",
|
||||
tags: [
|
||||
"Fresh",
|
||||
"Tasty",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12rmmp&_wi=1",
|
||||
},
|
||||
{ id: "f1", title: "Drive-through", author: "Convenience", description: "Grab your favourites on the go.", tags: ["Quick", "Fast"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k5dzr8&_wi=1" },
|
||||
{ id: "f2", title: "Dine-in Vibe", author: "Atmosphere", description: "Neat, clean, and family-friendly space.", tags: ["Relaxed", "Clean"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pxbg83&_wi=1" },
|
||||
{ id: "f3", title: "Fresh Ingredients", author: "Quality", description: "Sweet chilli heat and pineapple pops.", tags: ["Fresh", "Tasty"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12rmmp&_wi=1" },
|
||||
]}
|
||||
title="KJ Highlights"
|
||||
description="What makes our roadhouse the top stop in town."
|
||||
@@ -162,42 +91,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Rib Kota",
|
||||
price: "R120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k5dzr8&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Top Deck Milkshake",
|
||||
price: "R45",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pxbg83&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Chicken Wings",
|
||||
price: "R85",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12rmmp&_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Waffles",
|
||||
price: "R55",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c6hjra",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Irish Coffee",
|
||||
price: "R65",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jqv02d",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "French Fries",
|
||||
price: "R35",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xzfyxc",
|
||||
},
|
||||
{ id: "p1", name: "Rib Kota", price: "R120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k5dzr8&_wi=2" },
|
||||
{ id: "p2", name: "Top Deck Milkshake", price: "R45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pxbg83&_wi=2" },
|
||||
{ id: "p3", name: "Chicken Wings", price: "R85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12rmmp&_wi=2" },
|
||||
{ id: "p4", name: "Classic Waffles", price: "R55", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c6hjra" },
|
||||
{ id: "p5", name: "Irish Coffee", price: "R65", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jqv02d" },
|
||||
{ id: "p6", name: "French Fries", price: "R35", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xzfyxc" },
|
||||
]}
|
||||
title="Popular Menu Items"
|
||||
description="From our famous Rib Kota to indulgent milkshakes."
|
||||
@@ -209,46 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Must-visit",
|
||||
quote: "Kota Joe is a must-visit spot in Alberton! Delicious, generous, and friendly.",
|
||||
name: "Thando Sibanyoni",
|
||||
role: "Local Guide",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r4vibr",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Top-notch",
|
||||
quote: "My 1st and my best choice - experience was top notch.",
|
||||
name: "Tumie Kekana",
|
||||
role: "Customer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3z10is",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Favorite Stop",
|
||||
quote: "Always neat and clean. Our favorite stop between JHB and Vereeniging!",
|
||||
name: "Sipho D.",
|
||||
role: "Local Guide",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t60gap",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Great Food",
|
||||
quote: "Staff is always friendly and attentive. Love the vibe.",
|
||||
name: "Lebo M.",
|
||||
role: "Diner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=linp3v",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Great Vibe",
|
||||
quote: "Such a lively and perfect spot to hang out with friends.",
|
||||
name: "Kamo K.",
|
||||
role: "Foodie",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=agufso",
|
||||
},
|
||||
{ id: "t1", title: "Must-visit", quote: "Kota Joe is a must-visit spot in Alberton! Delicious, generous, and friendly.", name: "Thando Sibanyoni", role: "Local Guide", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r4vibr" },
|
||||
{ id: "t2", title: "Top-notch", quote: "My 1st and my best choice - experience was top notch.", name: "Tumie Kekana", role: "Customer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3z10is" },
|
||||
{ id: "t3", title: "Favorite Stop", quote: "Always neat and clean. Our favorite stop between JHB and Vereeniging!", name: "Sipho D.", role: "Local Guide", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t60gap" },
|
||||
{ id: "t4", title: "Great Food", quote: "Staff is always friendly and attentive. Love the vibe.", name: "Lebo M.", role: "Diner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=linp3v" },
|
||||
{ id: "t5", title: "Great Vibe", quote: "Such a lively and perfect spot to hang out with friends.", name: "Kamo K.", role: "Foodie", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=agufso" },
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="What our KJ family says about us."
|
||||
@@ -259,21 +123,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Where are you located?",
|
||||
content: "Jacqueline Mall, 1 Venter St, Randhart, Alberton.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "We do not offer direct delivery, but please check our social pages for updates.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What are your operating hours?",
|
||||
content: "We open at 11 am daily.",
|
||||
},
|
||||
{ id: "q1", title: "Where are you located?", content: "Jacqueline Mall, 1 Venter St, Randhart, Alberton." },
|
||||
{ id: "q2", title: "Do you offer delivery?", content: "We do not offer direct delivery, but please check our social pages for updates." },
|
||||
{ id: "q3", title: "What are your operating hours?", content: "We open at 11 am daily." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -283,9 +135,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Visit Us Today!"
|
||||
description="Swing by Jacqueline Mall or call us for bookings."
|
||||
@@ -296,40 +146,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Kota Joe Roadhouse"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Menu", href: "#products" }, { label: "Directions", href: "#contact" }, { label: "Reviews", href: "#testimonials" }] },
|
||||
{ title: "Follow", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,14 +11,14 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--card: #000000;
|
||||
--foreground: #000000;
|
||||
--primary-cta: #E63946;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #F1C40F;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #E63946;
|
||||
--background-accent: #F1C40F;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user