Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-17 15:19:09 +00:00

View File

@@ -14,382 +14,176 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="small"
sizing="largeSmallSizeMediumTitles"
background="none"
cardStyle="gradient-mesh"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
defaultButtonVariant="hover-bubble"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="small"
sizing="largeSmallSizeMediumTitles"
background="none"
cardStyle="gradient-mesh"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Signature Dishes",
id: "dishes",
},
{
name: "Menu",
id: "menu",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Reservation",
id: "reservation",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="6 Colombo"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Signature Dishes", id: "dishes" },
{ name: "Menu", id: "menu" },
{ name: "Gallery", id: "gallery" },
{ name: "Reviews", id: "reviews" },
{ name: "Reservation", id: "reservation" },
{ name: "Contact", id: "contact" },
]}
brandName="6 Colombo"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Luxury Dining in Colombo"
description="Taste unforgettable flavors, premium ingredients, and elegant experiences"
buttons={[
{
text: "View Menu",
href: "#menu",
},
{
text: "Reserve Table",
href: "#reservation",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-bowl-with-black-spaghetti-squid_23-2148461690.jpg"
showDimOverlay={true}
showBlur={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffee-cup_23-2149005429.jpg",
alt: "Happy diner one",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-2039.jpg",
alt: "Happy diner two",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18777.jpg",
alt: "Happy diner three",
},
{
src: "http://img.b2bpic.net/free-photo/business-man-pub-with-cocktail_1157-45797.jpg",
alt: "Happy diner four",
},
{
src: "http://img.b2bpic.net/free-photo/woman-with-fork-knife-table-with-model-heart-plate_23-2148016816.jpg",
alt: "Happy diner five",
},
]}
avatarText="Join 5,000+ satisfied guests"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Luxury Dining in Colombo"
description="Taste unforgettable flavors, premium ingredients, and elegant experiences"
buttons={[
{ text: "View Menu", href: "#menu" },
{ text: "Reserve Table", href: "#reservation" },
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-bowl-with-black-spaghetti-squid_23-2148461690.jpg"
showDimOverlay={true}
showBlur={true}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffee-cup_23-2149005429.jpg", alt: "Happy diner one" },
{ src: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-2039.jpg", alt: "Happy diner two" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18777.jpg", alt: "Happy diner three" },
{ src: "http://img.b2bpic.net/free-photo/business-man-pub-with-cocktail_1157-45797.jpg", alt: "Happy diner four" },
{ src: "http://img.b2bpic.net/free-photo/woman-with-fork-knife-table-with-model-heart-plate_23-2148016816.jpg", alt: "Happy diner five" },
]}
avatarText="Join 5,000+ satisfied guests"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="A Legacy of Flavor"
description="At 6 Colombo, we craft stories on plates. Inspired by 200 years of culinary passion, our mission is to redefine premium dining with local heritage and world-class innovation."
metrics={[
{
value: "200+",
title: "Recipes Crafted",
},
{
value: "15",
title: "Award Chefs",
},
{
value: "5k+",
title: "Happy Guests",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="A Legacy of Flavor"
description="At 6 Colombo, we craft stories on plates. Inspired by 200 years of culinary passion, our mission is to redefine premium dining with local heritage and world-class innovation."
metrics={[
{ value: "200+", title: "Recipes Crafted" },
{ value: "15", title: "Award Chefs" },
{ value: "5k+", title: "Happy Guests" },
]}
imageSrc="http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="dishes" data-section="dishes">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Creamy Chicken Pasta",
description: "Authentic Italian flavors served with premium tender chicken.",
imageSrc: "http://img.b2bpic.net/free-photo/serving-homemade-pappardelle-pasta-with-mushrooms-parmesan-cheese_53876-105902.jpg",
},
{
title: "Spicy Seafood Rice",
description: "A vibrant blend of fresh catch and fragrant spices.",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-shrimp-prawn-steak-white-plate_74190-5810.jpg",
},
{
title: "Grilled Chicken Burger",
description: "Hand-crafted patty with signature gourmet sauces.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-tasty-with-vegetables-meat-inside-round-plate_140725-11602.jpg",
},
{
title: "Chocolate Dessert",
description: "Rich velvet cocoa fusion topped with gold flake.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesecake-with-chocolate-oval-plate-tied-cookies-xmas-ornaments-grey-surface_140725-62348.jpg",
},
{
title: "Fruit Mocktail",
description: "Refreshing exotic fruit blends for pure elegance.",
imageSrc: "http://img.b2bpic.net/free-photo/shampaigne-glass-with-black-caviar-table_140725-843.jpg",
},
{
title: "Cheese Kottu",
description: "Luxury twist on a local classic with sharp cheddar.",
imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-tuna-fish-meat-salad-with-avocado-mango_74190-749.jpg",
},
]}
title="Signature Dishes"
description="Exquisite culinary masterpieces curated by our master chefs."
/>
</div>
<div id="dishes" data-section="dishes">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Creamy Chicken Pasta", description: "Authentic Italian flavors served with premium tender chicken.", imageSrc: "http://img.b2bpic.net/free-photo/serving-homemade-pappardelle-pasta-with-mushrooms-parmesan-cheese_53876-105902.jpg" },
{ title: "Spicy Seafood Rice", description: "A vibrant blend of fresh catch and fragrant spices.", imageSrc: "http://img.b2bpic.net/free-photo/grilled-shrimp-prawn-steak-white-plate_74190-5810.jpg" },
{ title: "Grilled Chicken Burger", description: "Hand-crafted patty with signature gourmet sauces.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-tasty-with-vegetables-meat-inside-round-plate_140725-11602.jpg" },
{ title: "Chocolate Dessert", description: "Rich velvet cocoa fusion topped with gold flake.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesecake-with-chocolate-oval-plate-tied-cookies-xmas-ornaments-grey-surface_140725-62348.jpg" },
{ title: "Fruit Mocktail", description: "Refreshing exotic fruit blends for pure elegance.", imageSrc: "http://img.b2bpic.net/free-photo/shampaigne-glass-with-black-caviar-table_140725-843.jpg" },
{ title: "Cheese Kottu", description: "Luxury twist on a local classic with sharp cheddar.", imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-tuna-fish-meat-salad-with-avocado-mango_74190-749.jpg" },
]}
title="Signature Dishes"
description="Exquisite culinary masterpieces curated by our master chefs."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Starters",
name: "Truffle Soup",
price: "$12",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/seafood-spaghetti-bowl-with-dill_140725-8465.jpg",
},
{
id: "p2",
brand: "Main Course",
name: "Grilled Steak",
price: "$45",
rating: 5,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg",
},
{
id: "p3",
brand: "Pasta",
name: "Lobster Linguine",
price: "$38",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-person-near-burger-plate-holding-jar-with-butter_23-2148784521.jpg",
},
{
id: "p4",
brand: "Burgers",
name: "Wagyu Burger",
price: "$28",
rating: 5,
reviewCount: "67",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-cake-concept_23-2148769265.jpg",
},
{
id: "p5",
brand: "Dessert",
name: "Gold Lava Cake",
price: "$15",
rating: 5,
reviewCount: "92",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-colada-morada-composition_23-2149161439.jpg",
},
{
id: "p6",
brand: "Drinks",
name: "Signature Martini",
price: "$18",
rating: 5,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-macaroni-pasta-plate-with-ketchup-spaghetti-tomato-blue-cloth-wooden-table_141793-10923.jpg",
},
]}
title="Explore Our Menu"
description="From delicate starters to exquisite desserts."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="slide-up"
products={[
{ id: "p1", brand: "Starters", name: "Truffle Soup", price: "$12", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/seafood-spaghetti-bowl-with-dill_140725-8465.jpg" },
{ id: "p2", brand: "Main Course", name: "Grilled Steak", price: "$45", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg" },
{ id: "p3", brand: "Pasta", name: "Lobster Linguine", price: "$38", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/front-view-person-near-burger-plate-holding-jar-with-butter_23-2148784521.jpg" },
{ id: "p4", brand: "Burgers", name: "Wagyu Burger", price: "$28", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-cake-concept_23-2148769265.jpg" },
{ id: "p5", brand: "Dessert", name: "Gold Lava Cake", price: "$15", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/delicious-colada-morada-composition_23-2149161439.jpg" },
{ id: "p6", brand: "Drinks", name: "Signature Martini", price: "$18", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/side-view-macaroni-pasta-plate-with-ketchup-spaghetti-tomato-blue-cloth-wooden-table_141793-10923.jpg" },
]}
title="Explore Our Menu"
description="From delicate starters to exquisite desserts."
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardSeven
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Elegant Seating",
description: "Atmosphere for every occasion.",
imageSrc: "http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg",
},
{
title: "Bar Lounge",
description: "Crafted drinks and good vibes.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg",
},
{
title: "Private Dining",
description: "Exclusive space for your gatherings.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157809.jpg",
},
]}
title="Visual Gallery"
description="Experience the ambiance of 6 Colombo."
/>
</div>
<div id="gallery" data-section="gallery">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Elegant Seating", description: "Atmosphere for every occasion.", imageSrc: "http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg" },
{ title: "Bar Lounge", description: "Crafted drinks and good vibes.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg" },
{ title: "Private Dining", description: "Exclusive space for your gatherings.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157809.jpg" },
]}
title="Visual Gallery"
description="Experience the ambiance of 6 Colombo."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
role: "Food Critic",
testimonial: "The atmosphere at 6 Colombo is unmatched. Pure luxury.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-one-black-american-female-eats-gourmet-vegetarian-meal-drinks-wine-restaurant_613910-7365.jpg",
},
{
id: "t2",
name: "James Anderson",
role: "Chef",
testimonial: "Flawless execution and truly premium ingredients. Absolutely loved it.",
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-eating-sushi-restaurant_23-2148465242.jpg",
},
{
id: "t3",
name: "Emily Chen",
role: "Business Owner",
testimonial: "Perfect for business dinners. The service is top-tier.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598350.jpg",
},
{
id: "t4",
name: "David Smith",
role: "Traveler",
testimonial: "An incredible experience. I will definitely return here.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-is-drinking-white-wine-romantic-dinner-restaurant-holding-hands_8353-10578.jpg",
},
{
id: "t5",
name: "Lucy Taylor",
role: "Socialite",
testimonial: "Everything from the gold decor to the pasta was divine.",
imageSrc: "http://img.b2bpic.net/free-photo/fascinating-brown-haired-girl-making-selfie-while-resting-street-cafe_197531-7722.jpg",
},
]}
title="Guest Testimonials"
description="What our guests say about their journey."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah Miller", role: "Food Critic", testimonial: "The atmosphere at 6 Colombo is unmatched. Pure luxury.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-one-black-american-female-eats-gourmet-vegetarian-meal-drinks-wine-restaurant_613910-7365.jpg" },
{ id: "t2", name: "James Anderson", role: "Chef", testimonial: "Flawless execution and truly premium ingredients. Absolutely loved it.", imageSrc: "http://img.b2bpic.net/free-photo/mature-man-eating-sushi-restaurant_23-2148465242.jpg" },
{ id: "t3", name: "Emily Chen", role: "Business Owner", testimonial: "Perfect for business dinners. The service is top-tier.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598350.jpg" },
{ id: "t4", name: "David Smith", role: "Traveler", testimonial: "An incredible experience. I will definitely return here.", imageSrc: "http://img.b2bpic.net/free-photo/couple-is-drinking-white-wine-romantic-dinner-restaurant-holding-hands_8353-10578.jpg" },
{ id: "t5", name: "Lucy Taylor", role: "Socialite", testimonial: "Everything from the gold decor to the pasta was divine.", imageSrc: "http://img.b2bpic.net/free-photo/fascinating-brown-haired-girl-making-selfie-while-resting-street-cafe_197531-7722.jpg" },
]}
title="Guest Testimonials"
description="What our guests say about their journey."
/>
</div>
<div id="reservation" data-section="reservation">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Reserve Your Table"
title="Book Your Luxury Experience"
description="Secure your seating at the finest restaurant in Colombo."
imageSrc="http://img.b2bpic.net/free-photo/young-waitress-setting-table_23-2147830607.jpg"
mediaPosition="right"
buttonText="Confirm Booking"
/>
</div>
<div id="reservation" data-section="reservation">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Reserve Your Table"
title="Book Your Luxury Experience"
description="Secure your seating at the finest restaurant in Colombo."
imageSrc="http://img.b2bpic.net/free-photo/young-waitress-setting-table_23-2147830607.jpg"
mediaPosition="right"
buttonText="Confirm Booking"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Contact Us"
title="Get in Touch"
description="123 Colombo Main St, Sri Lanka | +94 11 234 5678"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRj5AHwDs445TFH8lUpQw89DwJ/uploaded-1776439056193-vqpbuxo9.jpg"
mediaPosition="left"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Contact Us"
title="Get in Touch"
description="123 Colombo Main St, Sri Lanka | +94 11 234 5678"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CRj5AHwDs445TFH8lUpQw89DwJ/uploaded-1776439056193-vqpbuxo9.jpg"
mediaPosition="left"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="6 Colombo"
columns={[
{
title: "Explore",
items: [
{
label: "About",
href: "#about",
},
{
label: "Menu",
href: "#menu",
},
{
label: "Gallery",
href: "#gallery",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{
title: "Hours",
items: [
{
label: "Mon-Sun: 11am-11pm",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="6 Colombo"
columns={[
{ title: "Explore", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Gallery", href: "#gallery" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
{ title: "Hours", items: [{ label: "Mon-Sun: 11am-11pm", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);