Merge version_1 into main #2
422
src/app/page.tsx
422
src/app/page.tsx
@@ -17,319 +17,133 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "visit",
|
||||
},
|
||||
]}
|
||||
brandName="Kilimanjaro Jamia"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Visit", id: "visit" },
|
||||
]}
|
||||
brandName="Kilimanjaro Jamia"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
logoText="Kilimanjaro Jamia"
|
||||
description="Luxury East African, Somali & Swahili Dining Experience in Nairobi CBD"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Reserve Table",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157821.jpg?_wi=1"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="Kilimanjaro Jamia"
|
||||
description="Luxury East African, Somali & Swahili Dining Experience in Nairobi CBD"
|
||||
buttons={[
|
||||
{ text: "Order Now", href: "#" },
|
||||
{ text: "Reserve Table", href: "#" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157821.jpg"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="About Us"
|
||||
description="A premium yet affordable dining destination known for generous portions, rich flavors and a cozy ambiance. Perfect for families, friends and business meetings."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Generous Portions",
|
||||
description: "We ensure every guest leaves satisfied with our hearty servings.",
|
||||
},
|
||||
{
|
||||
title: "Rich Flavors",
|
||||
description: "Authentic recipes blending Somali and Swahili culinary traditions.",
|
||||
},
|
||||
{
|
||||
title: "Cozy Ambiance",
|
||||
description: "A welcoming space for any occasion, from meetings to celebrations.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-couple-having-lunch_23-2150598339.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="About Us"
|
||||
description="A premium yet affordable dining destination known for generous portions, rich flavors and a cozy ambiance. Perfect for families, friends and business meetings."
|
||||
bulletPoints={[
|
||||
{ title: "Generous Portions", description: "We ensure every guest leaves satisfied with our hearty servings." },
|
||||
{ title: "Rich Flavors", description: "Authentic recipes blending Somali and Swahili culinary traditions." },
|
||||
{ title: "Cozy Ambiance", description: "A welcoming space for any occasion, from meetings to celebrations." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-couple-having-lunch_23-2150598339.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Signature",
|
||||
name: "Mixed Platter",
|
||||
price: "KSH 2,500",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-clay-plate-full-appetizers-beer-including-vegetable-salad-boiled-potatoes-grilled-chicken-legs-roasted-goldy-onion-sausages-cucmbers-tomatoes-sauces-ketchup-mayo_132075-13083.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Signature",
|
||||
name: "Chicken Biryani",
|
||||
price: "KSH 850",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistan-meal-composition_23-2148821518.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Signature",
|
||||
name: "Nyama Choma",
|
||||
price: "KSH 1,200",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-chicken-liver-fry-with-potato-platter-colored-bell-peppers-coriander-table_140725-147725.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Signature",
|
||||
name: "Kahawa Somali",
|
||||
price: "KSH 250",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-coffee_53876-15169.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Signature",
|
||||
name: "Fresh Juice",
|
||||
price: "KSH 300",
|
||||
rating: 4,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ornamental-plate-mexican-food_23-2147740706.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Signature",
|
||||
name: "Swahili Tea",
|
||||
price: "KSH 200",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cups-beans-international-coffee-day-concept_1150-25413.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our most celebrated dishes, prepared with authentic spices and passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Signature", name: "Mixed Platter", price: "KSH 2,500", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-clay-plate-full-appetizers-beer-including-vegetable-salad-boiled-potatoes-grilled-chicken-legs-roasted-goldy-onion-sausages-cucmbers-tomatoes-sauces-ketchup-mayo_132075-13083.jpg" },
|
||||
{ id: "2", brand: "Signature", name: "Chicken Biryani", price: "KSH 850", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pakistan-meal-composition_23-2148821518.jpg" },
|
||||
{ id: "3", brand: "Signature", name: "Nyama Choma", price: "KSH 1,200", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-chicken-liver-fry-with-potato-platter-colored-bell-peppers-coriander-table_140725-147725.jpg" },
|
||||
{ id: "4", brand: "Signature", name: "Kahawa Somali", price: "KSH 250", rating: 5, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-coffee_53876-15169.jpg" },
|
||||
{ id: "5", brand: "Signature", name: "Fresh Juice", price: "KSH 300", rating: 4, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/ornamental-plate-mexican-food_23-2147740706.jpg" },
|
||||
{ id: "6", brand: "Signature", name: "Swahili Tea", price: "KSH 200", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cups-beans-international-coffee-day-concept_1150-25413.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our most celebrated dishes, prepared with authentic spices and passion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fine Dining Interiors",
|
||||
description: "Sophisticated atmosphere.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-ceiling-decorated-celebration-hall-with-round-tables_8353-10198.jpg",
|
||||
imageAlt: "Interior 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamps-coffee-shop_116348-51.jpg",
|
||||
imageAlt: "Interior 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_74190-1307.jpg",
|
||||
imageAlt: "Interior 3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157821.jpg?_wi=2",
|
||||
imageAlt: "modern restaurant dining interior design",
|
||||
},
|
||||
{
|
||||
title: "Warm Lighting",
|
||||
description: "Setting the mood for dinner.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg",
|
||||
imageAlt: "Light 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598347.jpg",
|
||||
imageAlt: "Light 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg",
|
||||
imageAlt: "Light 3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-having-lunch_23-2150598339.jpg?_wi=2",
|
||||
imageAlt: "modern restaurant dining interior design",
|
||||
},
|
||||
{
|
||||
title: "Social Spaces",
|
||||
description: "Perfect for gatherings.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boiled-coffee-cups-sweets_140725-3711.jpg",
|
||||
imageAlt: "Space 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-dessert-glass-white-wine_140725-4306.jpg",
|
||||
imageAlt: "Space 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157810.jpg",
|
||||
imageAlt: "Space 3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-clay-plate-full-appetizers-beer-including-vegetable-salad-boiled-potatoes-grilled-chicken-legs-roasted-goldy-onion-sausages-cucmbers-tomatoes-sauces-ketchup-mayo_132075-13083.jpg?_wi=2",
|
||||
imageAlt: "modern restaurant dining interior design",
|
||||
},
|
||||
]}
|
||||
title="Restaurant Gallery"
|
||||
description="A glimpse into the luxury and comfort of our dining space in Nairobi CBD."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Fine Dining Interiors", description: "Sophisticated atmosphere.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/view-from-ceiling-decorated-celebration-hall-with-round-tables_8353-10198.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/lamps-coffee-shop_116348-51.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_74190-1307.jpg" }] },
|
||||
{ title: "Warm Lighting", description: "Setting the mood for dinner.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598347.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg" }] },
|
||||
{ title: "Social Spaces", description: "Perfect for gatherings.", bentoComponent: "media-stack", items: [{ imageSrc: "http://img.b2bpic.net/free-photo/boiled-coffee-cups-sweets_140725-3711.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/various-dessert-glass-white-wine_140725-4306.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157810.jpg" }] },
|
||||
]}
|
||||
title="Restaurant Gallery"
|
||||
description="A glimpse into the luxury and comfort of our dining space in Nairobi CBD."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Foodie",
|
||||
testimonial: "Top notch service and delicious food. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-table-unforgettable-evening_8353-9908.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Traveler",
|
||||
testimonial: "Huge portions, amazing value for money.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Local",
|
||||
testimonial: "Cozy ambiance and friendly staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Business",
|
||||
testimonial: "The best Nyama Choma in the city, hands down.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-christmas-interior-decoration_181624-32496.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Wanjiru",
|
||||
role: "Customer",
|
||||
testimonial: "Always a pleasure dining here, consistent quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Guests Say"
|
||||
description="Hear from our satisfied diners who enjoyed the Kilimanjaro Jamia experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "Foodie", testimonial: "Top notch service and delicious food. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/romantic-table-unforgettable-evening_8353-9908.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Traveler", testimonial: "Huge portions, amazing value for money.", imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Local", testimonial: "Cozy ambiance and friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Business", testimonial: "The best Nyama Choma in the city, hands down.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-christmas-interior-decoration_181624-32496.jpg" },
|
||||
{ id: "5", name: "Jane Wanjiru", role: "Customer", testimonial: "Always a pleasure dining here, consistent quality.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg" },
|
||||
]}
|
||||
title="What Guests Say"
|
||||
description="Hear from our satisfied diners who enjoyed the Kilimanjaro Jamia experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="visit" data-section="visit">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Visit Us"
|
||||
description="Kimathi Street, Nairobi CBD. Open Daily: 8AM - 11PM. Come taste the tradition."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-open-sign-made-with-lights_181624-44086.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Call Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="visit" data-section="visit">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Visit Us"
|
||||
description="Kimathi Street, Nairobi CBD. Open Daily: 8AM - 11PM. Come taste the tradition."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-open-sign-made-with-lights_181624-44086.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Call Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sitting-table-with-chairs-yellow-sofa-restaurant-with-panoramic-view_114579-1523.jpg"
|
||||
logoText="Kilimanjaro Jamia"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Signature Dishes",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Drinks",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+254796766808",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/254796766808",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Kilimanjaro Jamia Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sitting-table-with-chairs-yellow-sofa-restaurant-with-panoramic-view_114579-1523.jpg"
|
||||
logoText="Kilimanjaro Jamia"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Signature Dishes", href: "#menu" }, { label: "Drinks", href: "#menu" }] },
|
||||
{ title: "Contact", items: [{ label: "Call Us", href: "tel:+254796766808" }, { label: "WhatsApp", href: "https://wa.me/254796766808" }] },
|
||||
]}
|
||||
copyrightText="© 2026 Kilimanjaro Jamia Restaurant"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user