Merge version_1 into main #2
207
src/app/page.tsx
207
src/app/page.tsx
@@ -31,64 +31,44 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ruai Kitchen"
|
||||
button={{
|
||||
text: "Order Now", href: "#products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Authentic Flavors, Right Here in Ruai"
|
||||
description="Simple, classy, and delicious. Experience the best local snacks and freshly prepared meals in a comfortable, relaxed environment."
|
||||
buttons={[
|
||||
{
|
||||
text: "See Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "See Menu", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-chicken-nuggets-with-fries-ketchup-stand_141793-12222.jpg?_wi=1",
|
||||
imageAlt: "Authentic restaurant interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-chicken-nuggets-with-fries-ketchup-stand_141793-12222.jpg", imageAlt: "Authentic restaurant interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cutting-raw-beef-steak-from-middle-kitchen_141793-162.jpg",
|
||||
imageAlt: "Freshly cooked local food",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cutting-raw-beef-steak-from-middle-kitchen_141793-162.jpg", imageAlt: "Freshly cooked local food"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-lamb-ribs-kebab-with-grilled-tomato-onions-with-herbs_141793-4984.jpg?_wi=1",
|
||||
imageAlt: "Comfortable dining space",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-lamb-ribs-kebab-with-grilled-tomato-onions-with-herbs_141793-4984.jpg", imageAlt: "Comfortable dining space"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-fast-food_23-2149333955.jpg",
|
||||
imageAlt: "Traditional nyama choma",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-fast-food_23-2149333955.jpg", imageAlt: "Traditional nyama choma"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199326.jpg",
|
||||
imageAlt: "Fresh samosas",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199326.jpg", imageAlt: "Fresh samosas"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg",
|
||||
imageAlt: "Warm restaurant vibes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg", imageAlt: "Warm restaurant vibes"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,19 +80,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Rating",
|
||||
value: "4.5/5",
|
||||
},
|
||||
label: "Rating", value: "4.5/5"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Service",
|
||||
value: "Freshly Prepared",
|
||||
},
|
||||
label: "Service", value: "Freshly Prepared"},
|
||||
{
|
||||
icon: Wallet,
|
||||
label: "Value",
|
||||
value: "Affordable",
|
||||
},
|
||||
label: "Value", value: "Affordable"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -126,41 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Samosas",
|
||||
price: "Ksh 50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce-view_23-2148825160.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Signature Samosas", price: "Ksh 50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce-view_23-2148825160.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nyama Choma Plate",
|
||||
price: "Ksh 750",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-cooked-steak-with-garlic-onion-red-chili-pepper-parchment-paper_141793-2255.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Nyama Choma Plate", price: "Ksh 750", imageSrc: "http://img.b2bpic.net/free-photo/medium-cooked-steak-with-garlic-onion-red-chili-pepper-parchment-paper_141793-2255.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fried Meat Special",
|
||||
price: "Ksh 800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-chicken-wings-potatoes-lemon-oil-tablecloth-cutting-board_140725-71474.jpg",
|
||||
},
|
||||
id: "3", name: "Fried Meat Special", price: "Ksh 800", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-chicken-wings-potatoes-lemon-oil-tablecloth-cutting-board_140725-71474.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Local Pilau",
|
||||
price: "Ksh 600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-pie-kurnik-that-is-beautifully-decorated-table_1150-23096.jpg",
|
||||
},
|
||||
id: "4", name: "Local Pilau", price: "Ksh 600", imageSrc: "http://img.b2bpic.net/free-photo/chicken-pie-kurnik-that-is-beautifully-decorated-table_1150-23096.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ugali & Greens",
|
||||
price: "Ksh 500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-arab-restaurant_23-2147794226.jpg",
|
||||
},
|
||||
id: "5", name: "Ugali & Greens", price: "Ksh 500", imageSrc: "http://img.b2bpic.net/free-photo/food-arab-restaurant_23-2147794226.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Soft Drinks",
|
||||
price: "Ksh 100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-type-taiwan-s-traditional-food-gua-bao-red-background_23-2148123758.jpg",
|
||||
},
|
||||
id: "6", name: "Soft Drinks", price: "Ksh 100", imageSrc: "http://img.b2bpic.net/free-photo/different-type-taiwan-s-traditional-food-gua-bao-red-background_23-2148123758.jpg"},
|
||||
]}
|
||||
title="Our Menu Highlights"
|
||||
description="Freshly made food that tastes like home. Affordable prices for a truly satisfying meal."
|
||||
@@ -173,60 +123,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2025",
|
||||
title: "Great Food",
|
||||
quote: "The samosas are the best in Ruai! Always fresh.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-safari-party-with-golden-cutlery_23-2149707848.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-chicken-nuggets-with-fries-ketchup-stand_141793-12222.jpg?_wi=2",
|
||||
imageAlt: "happy diner portrait",
|
||||
},
|
||||
id: "1", name: "Sarah J.", date: "Jan 2025", title: "Great Food", quote: "The samosas are the best in Ruai! Always fresh.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-safari-party-with-golden-cutlery_23-2149707848.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-eating-chicken-nuggets-with-fries-ketchup-stand_141793-12222.jpg", imageAlt: "happy diner portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike K.",
|
||||
date: "Dec 2024",
|
||||
title: "Chill Spot",
|
||||
quote: "Simple, honest food. Perfectly cooked meat.",
|
||||
tag: "Foodie",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-apple-close-her-face_23-2148332159.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce-view_23-2148825160.jpg?_wi=2",
|
||||
imageAlt: "happy diner portrait",
|
||||
},
|
||||
id: "2", name: "Mike K.", date: "Dec 2024", title: "Chill Spot", quote: "Simple, honest food. Perfectly cooked meat.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-apple-close-her-face_23-2148332159.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pakistani-food-with-sauce-view_23-2148825160.jpg", imageAlt: "happy diner portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "Dec 2024",
|
||||
title: "Good Value",
|
||||
quote: "Affordable and very satisfying. My go-to place.",
|
||||
tag: "Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-having-lunch-restaurant_23-2150491780.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-cooked-steak-with-garlic-onion-red-chili-pepper-parchment-paper_141793-2255.jpg?_wi=2",
|
||||
imageAlt: "happy diner portrait",
|
||||
},
|
||||
id: "3", name: "Emily R.", date: "Dec 2024", title: "Good Value", quote: "Affordable and very satisfying. My go-to place.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-having-lunch-restaurant_23-2150491780.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-cooked-steak-with-garlic-onion-red-chili-pepper-parchment-paper_141793-2255.jpg", imageAlt: "happy diner portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David M.",
|
||||
date: "Nov 2024",
|
||||
title: "Freshness",
|
||||
quote: "Service is a bit slow but the food makes up for it.",
|
||||
tag: "Diner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232869.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ladies-with-shopping-packets-looking-smartphone-bench_23-2147950214.jpg",
|
||||
imageAlt: "happy diner portrait",
|
||||
},
|
||||
id: "4", name: "David M.", date: "Nov 2024", title: "Freshness", quote: "Service is a bit slow but the food makes up for it.", tag: "Diner", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232869.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ladies-with-shopping-packets-looking-smartphone-bench_23-2147950214.jpg", imageAlt: "happy diner portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucy W.",
|
||||
date: "Oct 2024",
|
||||
title: "Comfortable",
|
||||
quote: "Nice interior, great vibe for a quick casual meal.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/chef-cutting-raw-beef-steak-from-middle-kitchen_141793-162.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-lamb-ribs-kebab-with-grilled-tomato-onions-with-herbs_141793-4984.jpg?_wi=2",
|
||||
imageAlt: "happy diner portrait",
|
||||
},
|
||||
id: "5", name: "Lucy W.", date: "Oct 2024", title: "Comfortable", quote: "Nice interior, great vibe for a quick casual meal.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/chef-cutting-raw-beef-steak-from-middle-kitchen_141793-162.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-lamb-ribs-kebab-with-grilled-tomato-onions-with-herbs_141793-4984.jpg", imageAlt: "happy diner portrait"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from the locals who enjoy our simple, classy service and great value."
|
||||
@@ -238,20 +143,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer reliable delivery services around the Ruai area.",
|
||||
},
|
||||
id: "q1", title: "Do you offer delivery?", content: "Yes, we offer reliable delivery services around the Ruai area."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open daily and close at 9:30 PM.",
|
||||
},
|
||||
id: "q2", title: "What are your opening hours?", content: "We are open daily and close at 9:30 PM."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the place fancy?",
|
||||
content: "We pride ourselves on a chill, casual environment rather than high-end dining.",
|
||||
},
|
||||
id: "q3", title: "Is the place fancy?", content: "We pride ourselves on a chill, casual environment rather than high-end dining."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -262,16 +158,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Ready for a tasty meal?"
|
||||
description="Find us in the heart of Ruai for fresh, delicious local food. See you soon!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -280,37 +173,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -320,4 +199,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user