bender/3f04161d-9cf6-44f7-8466-96fc56592845
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 09:01:30 +00:00
parent e55c80725b
commit 0a3d8ec27b
1 changed files with 150 additions and 373 deletions
Download Patch File Download Diff File Expand all files Collapse all files

523
src/app/page.tsx
View File

@@ -28,388 +28,165 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Experience",
id: "#experience",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Gallery",
id: "#gallery",
},
{
name: "Reserve",
id: "#reservation",
},
]}
brandName="Republique"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Experience", id: "#experience" },
{ name: "Menu", id: "#menu" },
{ name: "Gallery", id: "#gallery" },
{ name: "Reserve", id: "#reservation" },
]}
brandName="Republique"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
title="Where Kampala Unwinds Beautifully."
description="Craft cocktails, unforgettable food, and lush atmosphere designed for long conversations and memorable nights."
buttons={[
{
text: "Reserve a Table",
href: "#reservation",
},
{
text: "Explore the Menu",
href: "#menu",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-terrace-outdoor-against-christmas-decoration-new-year-eve_627829-5684.jpg?_wi=1"
imageAlt="Cinematic atmosphere at Republique Kampala"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-hispanic-sporty-woman-smiling-happy-using-headphones-dancing-city_839833-15444.jpg",
alt: "Customer profile one",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-wearing-summer-hipster-biker-leather-jacket-clothes-sunglasses-posing-near-wall_158538-8899.jpg",
alt: "Customer profile two",
},
{
src: "http://img.b2bpic.net/free-photo/happy-young-woman-with-ringlets-closed-eyes-with-lovely-smile-poses-beige-with-white-pullover_291650-1159.jpg",
alt: "Customer profile three",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-renaissance-dress-hat-closing-ears-with-annoyed-expression-being-irritated-blue_141793-130074.jpg",
alt: "Customer profile four",
},
{
src: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133802.jpg",
alt: "Customer profile five",
},
]}
avatarText="Join 500+ happy diners every week"
marqueeItems={[
{
type: "text",
text: "Kigo Road's Finest",
},
{
type: "text",
text: "Signature Cocktails",
},
{
type: "text",
text: "Live Music Nights",
},
{
type: "text",
text: "Artisanal Cuisine",
},
{
type: "text",
text: "Unmatched Atmosphere",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "gradient-bars" }}
title="Where Kampala Unwinds Beautifully."
description="Craft cocktails, unforgettable food, and lush atmosphere designed for long conversations and memorable nights."
buttons={[
{ text: "Reserve a Table", href: "#reservation" },
{ text: "Explore the Menu", href: "#menu" },
]}
imageSrc="http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-terrace-outdoor-against-christmas-decoration-new-year-eve_627829-5684.jpg"
imageAlt="Cinematic atmosphere at Republique Kampala"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-hispanic-sporty-woman-smiling-happy-using-headphones-dancing-city_839833-15444.jpg", alt: "Customer profile one" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-wearing-summer-hipster-biker-leather-jacket-clothes-sunglasses-posing-near-wall_158538-8899.jpg", alt: "Customer profile two" },
{ src: "http://img.b2bpic.net/free-photo/happy-young-woman-with-ringlets-closed-eyes-with-lovely-smile-poses-beige-with-white-pullover_291650-1159.jpg", alt: "Customer profile three" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-renaissance-dress-hat-closing-ears-with-annoyed-expression-being-irritated-blue_141793-130074.jpg", alt: "Customer profile four" },
{ src: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133802.jpg", alt: "Customer profile five" },
]}
avatarText="Join 500+ happy diners every week"
marqueeItems={[
{ type: "text", text: "Kigo Road's Finest" },
{ type: "text", text: "Signature Cocktails" },
{ type: "text", text: "Live Music Nights" },
{ type: "text", text: "Artisanal Cuisine" },
{ type: "text", text: "Unmatched Atmosphere" },
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"The Ambience",
"Best Cocktails",
"Hidden Gem",
"Date Night",
"Excellent Food",
"Service Quality",
"Unforgettable Experience",
]}
title="What guests are saying"
description="A taste of home for Kampala’s elite."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["The Ambience", "Best Cocktails", "Hidden Gem", "Date Night", "Excellent Food", "Service Quality", "Unforgettable Experience"]}
title="What guests are saying"
description="A taste of home for Kampala’s elite."
/>
</div>
<div id="experience" data-section="experience">
<TextAbout
useInvertedBackground={false}
title="An Escape Hidden Along Kigo Road."
buttons={[
{
text: "Reserve Your Evening",
href: "#reservation",
},
]}
/>
</div>
<div id="experience" data-section="experience">
<TextAbout
useInvertedBackground={false}
title="An Escape Hidden Along Kigo Road."
buttons={[{ text: "Reserve Your Evening", href: "#reservation" }]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Beef Burger",
price: "Gourmet",
imageSrc: "http://img.b2bpic.net/free-photo/plate-steak-red-wine-sauce-mashed-vegetables_114579-2333.jpg?_wi=1",
},
{
id: "p2",
name: "Jack Daniel's Ribs",
price: "Legendary",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-steak-savory-sauce-rustic-plate-generated-by-ai_188544-41154.jpg",
},
{
id: "p3",
name: "Penne Alla Vodka",
price: "Comfort",
imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-baked-vegetables-stands-barrel_1304-4659.jpg",
},
{
id: "p4",
name: "Mac 'n Cheese",
price: "Modern",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-fork-pasta_23-2148296937.jpg",
},
{
id: "p5",
name: "Signature Mojito",
price: "Crafted",
imageSrc: "http://img.b2bpic.net/free-photo/glass-with-alcohol-beverage-table_140725-85.jpg",
},
{
id: "p6",
name: "Nightfall Sour",
price: "Sophisticated",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fruit-cocktail-with-ice-brown-wooden-desk-cocktail-drink-juice_140725-26170.jpg",
},
]}
title="Signature Flavors"
description="Curated comfort food and craft cocktails for the discerning palate."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Beef Burger", price: "Gourmet", imageSrc: "http://img.b2bpic.net/free-photo/plate-steak-red-wine-sauce-mashed-vegetables_114579-2333.jpg" },
{ id: "p2", name: "Jack Daniel's Ribs", price: "Legendary", imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-steak-savory-sauce-rustic-plate-generated-by-ai_188544-41154.jpg" },
{ id: "p3", name: "Penne Alla Vodka", price: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-baked-vegetables-stands-barrel_1304-4659.jpg" },
{ id: "p4", name: "Mac 'n Cheese", price: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-fork-pasta_23-2148296937.jpg" },
{ id: "p5", name: "Signature Mojito", price: "Crafted", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-alcohol-beverage-table_140725-85.jpg" },
{ id: "p6", name: "Nightfall Sour", price: "Sophisticated", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fruit-cocktail-with-ice-brown-wooden-desk-cocktail-drink-juice_140725-26170.jpg" },
]}
title="Signature Flavors"
description="Curated comfort food and craft cocktails for the discerning palate."
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureBento
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Atmospheric Lighting",
description: "Gold accents and warm lamps.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-having-laugh_23-2148395406.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-terrace-outdoor-against-christmas-decoration-new-year-eve_627829-5684.jpg?_wi=2",
imageAlt: "restaurant live band atmosphere",
},
{
title: "Live Music",
description: "Saturday night sessions.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-making-music_23-2151169659.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mix-cocktail-with-cinnamon-side-view_141793-2809.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",
imageAlt: "restaurant live band atmosphere",
},
{
title: "Crafted Evenings",
description: "Signature cocktails for slow nights.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/singers-singing-studio_107420-96141.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blurred-christmas-illumination_23-2147724344.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-yummy-salad-staying-table-cafe_651396-1431.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/plate-steak-red-wine-sauce-mashed-vegetables_114579-2333.jpg?_wi=2",
imageAlt: "restaurant live band atmosphere",
},
]}
title="Not just dining. A mood."
description="The Republique atmosphere, captured in moments."
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureBento
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Atmospheric Lighting", description: "Gold accents and warm lamps.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-having-laugh_23-2148395406.jpg" }
] },
{ title: "Live Music", description: "Saturday night sessions.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-making-music_23-2151169659.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mix-cocktail-with-cinnamon-side-view_141793-2809.jpg" }
] },
{ title: "Crafted Evenings", description: "Signature cocktails for slow nights.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/singers-singing-studio_107420-96141.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-christmas-illumination_23-2147724344.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-yummy-salad-staying-table-cafe_651396-1431.jpg" }
] },
]}
animationType="slide-up"
title="Not just dining. A mood."
description="The Republique atmosphere, captured in moments."
/>
</div>
<div id="events" data-section="events">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "e1",
price: "Tuesdays",
name: "Taco Specials",
buttons: [
{
text: "Book",
href: "#reservation",
},
],
features: [
"Fresh ingredients",
"Craft cocktails",
],
},
{
id: "e2",
price: "Fridays",
name: "Cocktail Night",
buttons: [
{
text: "Book",
href: "#reservation",
},
],
features: [
"Signature drinks",
"Late night vibes",
],
},
{
id: "e3",
price: "Saturdays",
name: "Live Music",
buttons: [
{
text: "Book",
href: "#reservation",
},
],
features: [
"Local bands",
"Intimate setting",
],
},
]}
title="Events & Experiences"
description="Reserve your evening for special celebrations."
/>
</div>
<div id="events" data-section="events">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "e1", price: "Tuesdays", name: "Taco Specials", buttons: [{ text: "Book", href: "#reservation" }], features: ["Fresh ingredients", "Craft cocktails"] },
{ id: "e2", price: "Fridays", name: "Cocktail Night", buttons: [{ text: "Book", href: "#reservation" }], features: ["Signature drinks", "Late night vibes"] },
{ id: "e3", price: "Saturdays", name: "Live Music", buttons: [{ text: "Book", href: "#reservation" }], features: ["Local bands", "Intimate setting"] },
]}
title="Events & Experiences"
description="Reserve your evening for special celebrations."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Jordan B",
role: "Patron",
company: "Kampala",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2149213177.jpg",
},
{
id: "t2",
name: "Winnie R",
role: "Foodie",
company: "Kampala",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133099.jpg",
},
{
id: "t3",
name: "Shamim Bulya",
role: "Socialite",
company: "Kampala",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1702.jpg",
},
{
id: "t4",
name: "Amanda O",
role: "Critic",
company: "Kampala",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-parisienne-with-brunette-wavy-hair-black-sunglasses-white-top-polka-dot-skirt-red-shirt-standing-city-stairs-looking-straight-early-warm-autumn-background_197531-28081.jpg",
},
{
id: "t5",
name: "Guest Five",
role: "Regular",
company: "Kampala",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-muscular-young-man-posing_158595-3045.jpg",
},
]}
kpiItems={[
{
value: "4.6",
label: "Avg Rating",
},
{
value: "100s",
label: "Happy Guests",
},
{
value: "Daily",
label: "Vibes",
},
]}
title="Guest Notes"
description="Stories from our Kampala home."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Jordan B", role: "Patron", company: "Kampala", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing_23-2149213177.jpg" },
{ id: "t2", name: "Winnie R", role: "Foodie", company: "Kampala", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133099.jpg" },
{ id: "t3", name: "Shamim Bulya", role: "Socialite", company: "Kampala", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1702.jpg" },
{ id: "t4", name: "Amanda O", role: "Critic", company: "Kampala", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-parisienne-with-brunette-wavy-hair-black-sunglasses-white-top-polka-dot-skirt-red-shirt-standing-city-stairs-looking-straight-early-warm-autumn-background_197531-28081.jpg" },
{ id: "t5", name: "Guest Five", role: "Regular", company: "Kampala", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-muscular-young-man-posing_158595-3045.jpg" },
]}
kpiItems={[
{ value: "4.6", label: "Avg Rating" },
{ value: "100s", label: "Happy Guests" },
{ value: "Daily", label: "Vibes" },
]}
title="Guest Notes"
description="Stories from our Kampala home."
/>
</div>
<div id="reservation" data-section="reservation">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
text="Your table awaits. Experience the calm luxury of Republique."
buttons={[
{
text: "Book via WhatsApp",
href: "https://wa.me/2567xxxxxxxx",
},
]}
/>
</div>
<div id="reservation" data-section="reservation">
<ContactText
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
text="Your table awaits. Experience the calm luxury of Republique."
buttons={[{ text: "Book via WhatsApp", href: "https://wa.me/2567xxxxxxxx" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Republique Kampala"
copyrightText="© 2025 Republique. All Rights Reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Republique Kampala"
copyrightText="© 2025 Republique. All Rights Reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}