Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-15 14:24:15 +00:00

View File

@@ -11,7 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Heart, Sparkles, Star, Users, Utensils } from "lucide-react";
import { Award, Heart, Sparkles, Star, Users, ChefHat } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,376 +28,153 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Royal Cuisine"
button={{
text: "Book Table",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="Royal Cuisine"
button={{ text: "Book Table", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "gradient-bars",
}}
title="A Royal Culinary Experience"
description="Indulge in a fine-dining journey where luxury meets flavor. From our exquisite rooftop views to our curated buffet selections, discover a truly regal ambiance."
tag="Signature Fine Dining"
buttons={[
{
text: "Explore Menu",
href: "#menu",
},
{
text: "Book Now",
href: "#contact",
},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-private-room-with-fireplace-wooden-ceilings-brick-walls_140725-8458.jpg?_wi=1",
imageAlt: "fine dining restaurant interior",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-served-table-with-breakfast-table-cheese-sausages-scrambled-eggs-jam-bread_140725-11552.jpg?_wi=1",
imageAlt: "gourmet dish plating elegant",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-garnished-with-vegetables-spices-sauce-plate-with-glass-white-wine-table_140725-11498.jpg?_wi=1",
imageAlt: "rooftop lounge city view",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/skilled-restaurant-server-takes-meal-order-from-clients-his-notebook_482257-122148.jpg",
imageAlt: "food fine dining luxury",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517419.jpg",
imageAlt: "buffet selection gourmet",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/interior-dinner-new-modern-indoor_1122-2075.jpg",
imageAlt: "restaurant rooftop evening vibe",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "gradient-bars" }}
title="A Royal Culinary Experience"
description="Indulge in a fine-dining journey where luxury meets flavor. From our exquisite rooftop views to our curated buffet selections, discover a truly regal ambiance."
tag="Signature Fine Dining"
buttons={[
{ text: "Explore Menu", href: "#menu" },
{ text: "Book Now", href: "#contact" },
]}
carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-private-room-with-fireplace-wooden-ceilings-brick-walls_140725-8458.jpg", imageAlt: "fine dining restaurant interior" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-served-table-with-breakfast-table-cheese-sausages-scrambled-eggs-jam-bread_140725-11552.jpg", imageAlt: "gourmet dish plating elegant" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-garnished-with-vegetables-spices-sauce-plate-with-glass-white-wine-table_140725-11498.jpg", imageAlt: "rooftop lounge city view" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/skilled-restaurant-server-takes-meal-order-from-clients-his-notebook_482257-122148.jpg", imageAlt: "food fine dining luxury" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517419.jpg", imageAlt: "buffet selection gourmet" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/interior-dinner-new-modern-indoor_1122-2075.jpg", imageAlt: "restaurant rooftop evening vibe" },
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Story"
title="Elegance in Every Detail"
description="Royal Cuisine Restaurant is defined by a commitment to perfection. Our rooftop dining experience offers a serene escape, while our buffet showcases the finest international and signature local dishes."
subdescription="Whether it's a family celebration or an intimate evening, we provide a sophisticated atmosphere tailored for culinary excellence."
imageSrc="http://img.b2bpic.net/free-photo/russian-salad-with-orange-juice_140725-3686.jpg"
mediaAnimation="slide-up"
imageAlt="royal cuisine luxurious restaurant interior"
icon={Utensils}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Story"
title="Elegance in Every Detail"
description="Royal Cuisine Restaurant is defined by a commitment to perfection. Our rooftop dining experience offers a serene escape, while our buffet showcases the finest international and signature local dishes."
subdescription="Whether it's a family celebration or an intimate evening, we provide a sophisticated atmosphere tailored for culinary excellence."
imageSrc="http://img.b2bpic.net/free-photo/russian-salad-with-orange-juice_140725-3686.jpg"
mediaAnimation="slide-up"
imageAlt="royal cuisine luxurious restaurant interior"
icon={Star}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Rooftop Views",
description: "Dine under the stars with breathtaking city vistas.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg",
imageAlt: "Tables and chairs arranged in empty coffee shop",
},
items: [
{
icon: Star,
text: "Panoramic views",
},
{
icon: Sparkles,
text: "Luxurious setting",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-private-room-with-fireplace-wooden-ceilings-brick-walls_140725-8458.jpg?_wi=2",
imageAlt: "Tables and chairs arranged in empty coffee shop",
},
{
title: "Premium Buffet",
description: "Curated dishes prepared by world-class chefs.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-luxury-interior-design-dark-lightning_114579-2492.jpg",
imageAlt: "Restaurant luxury interior design in dark lightning.",
},
items: [
{
icon: ChefHat,
text: "International menu",
},
{
icon: Award,
text: "Fresh ingredients",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-served-table-with-breakfast-table-cheese-sausages-scrambled-eggs-jam-bread_140725-11552.jpg?_wi=2",
imageAlt: "Tables and chairs arranged in empty coffee shop",
},
{
title: "Family Friendly",
description: "Comfort and taste for guests of all ages.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg",
imageAlt: "Grey painted fancy restaurant with empty dinner table",
},
items: [
{
icon: Users,
text: "Spacious seating",
},
{
icon: Heart,
text: "Warm atmosphere",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-garnished-with-vegetables-spices-sauce-plate-with-glass-white-wine-table_140725-11498.jpg?_wi=2",
imageAlt: "Tables and chairs arranged in empty coffee shop",
},
]}
title="Why Dine With Us?"
description="Experience features that set us apart."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Rooftop Views", description: "Dine under the stars with breathtaking city vistas.", media: { imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg", imageAlt: "Tables and chairs arranged in empty coffee shop" },
items: [{ icon: Star, text: "Panoramic views" }, { icon: Sparkles, text: "Luxurious setting" }],
reverse: false
},
{
title: "Premium Buffet", description: "Curated dishes prepared by world-class chefs.", media: { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-luxury-interior-design-dark-lightning_114579-2492.jpg", imageAlt: "Restaurant luxury interior design in dark lightning." },
items: [{ icon: ChefHat, text: "International menu" }, { icon: Award, text: "Fresh ingredients" }],
reverse: true
},
{
title: "Family Friendly", description: "Comfort and taste for guests of all ages.", media: { imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg", imageAlt: "Grey painted fancy restaurant with empty dinner table" },
items: [{ icon: Users, text: "Spacious seating" }, { icon: Heart, text: "Warm atmosphere" }],
reverse: false
},
]}
title="Why Dine With Us?"
description="Experience features that set us apart."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Royal Roast Duck",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/big-plate-with-variety-meat_8353-9865.jpg",
},
{
id: "2",
name: "Truffle Infused Pasta",
price: "$38",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-creamy-cakes-fruity-cakes-with-lemon-cherries-white-desk-cake-bake-biscuit-sweet-sugar-fruit_140725-40150.jpg",
},
{
id: "3",
name: "Saffron Risotto",
price: "$42",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157813.jpg",
},
{
id: "4",
name: "Gold Leaf Cheesecake",
price: "$18",
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-candy-buffet-restaurant-table-full-delicious-desserts-cakes-cheesecakes-creamy-sweets-party-festive-gathering-cafe-confectionery-celebration_7502-5848.jpg",
},
{
id: "5",
name: "Wagyu Beef Ribeye",
price: "$75",
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-sitting-together-luxury-restaurant_613910-18645.jpg",
},
{
id: "6",
name: "Tropical Fruit Tart",
price: "$15",
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-marmalade_23-2148130547.jpg",
},
]}
title="Signature Delights"
description="Discover our signature dishes, from savory classics to indulgent desserts."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "1", name: "Royal Roast Duck", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/big-plate-with-variety-meat_8353-9865.jpg" },
{ id: "2", name: "Truffle Infused Pasta", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-creamy-cakes-fruity-cakes-with-lemon-cherries-white-desk-cake-bake-biscuit-sweet-sugar-fruit_140725-40150.jpg" },
{ id: "3", name: "Saffron Risotto", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157813.jpg" },
{ id: "4", name: "Gold Leaf Cheesecake", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-candy-buffet-restaurant-table-full-delicious-desserts-cakes-cheesecakes-creamy-sweets-party-festive-gathering-cafe-confectionery-celebration_7502-5848.jpg" },
{ id: "5", name: "Wagyu Beef Ribeye", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-sitting-together-luxury-restaurant_613910-18645.jpg" },
{ id: "6", name: "Tropical Fruit Tart", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-marmalade_23-2148130547.jpg" },
]}
title="Signature Delights"
description="Discover our signature dishes, from savory classics to indulgent desserts."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "15K+",
title: "Happy Guests Served",
items: [
"Family gatherings",
"Private events",
],
},
{
id: "2",
value: "200+",
title: "Gourmet Dishes",
items: [
"Curated selection",
"Seasonal menu",
],
},
{
id: "3",
value: "10",
title: "Years of Tradition",
items: [
"Established 2014",
"Fine dining standards",
],
},
]}
title="A Legacy of Excellence"
description="Numbers reflecting our commitment to your culinary journey."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "15K+", title: "Happy Guests Served", items: ["Family gatherings", "Private events"] },
{ id: "2", value: "200+", title: "Gourmet Dishes", items: ["Curated selection", "Seasonal menu"] },
{ id: "3", value: "10", title: "Years of Tradition", items: ["Established 2014", "Fine dining standards"] },
]}
title="A Legacy of Excellence"
description="Numbers reflecting our commitment to your culinary journey."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Food Critic",
company: "Local Lifestyle",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
},
{
id: "2",
name: "Mark Stevens",
role: "Regular Patron",
company: "N/A",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-smoke-cigar-with-glass-whiskey-balcony-pub_627829-5920.jpg",
},
{
id: "3",
name: "Elena Rodriguez",
role: "Event Organizer",
company: "Weddings Co.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-feeding-his-bride-with-croissant-cafe_176420-2272.jpg",
},
{
id: "4",
name: "James Wilson",
role: "Entrepreneur",
company: "Tech Innovations",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517423.jpg",
},
{
id: "5",
name: "Chloe Bennett",
role: "Designer",
company: "Creative Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-happily-holding-plate-with-slice-chocolate-cake-hands-yellow-background-isolated_574295-5384.jpg",
},
]}
title="Guest Reflections"
description="See why our guests choose us for their most memorable occasions."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Miller", role: "Food Critic", company: "Local Lifestyle", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg" },
{ id: "2", name: "Mark Stevens", role: "Regular Patron", company: "N/A", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-smoke-cigar-with-glass-whiskey-balcony-pub_627829-5920.jpg" },
{ id: "3", name: "Elena Rodriguez", role: "Event Organizer", company: "Weddings Co.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-feeding-his-bride-with-croissant-cafe_176420-2272.jpg" },
{ id: "4", name: "James Wilson", role: "Entrepreneur", company: "Tech Innovations", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517423.jpg" },
{ id: "5", name: "Chloe Bennett", role: "Designer", company: "Creative Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-happily-holding-plate-with-slice-chocolate-cake-hands-yellow-background-isolated_574295-5384.jpg" },
]}
title="Guest Reflections"
description="See why our guests choose us for their most memorable occasions."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
tag="Reserve Table"
title="Join Us for Dinner"
description="Book your table in advance and experience the royal treatment."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "rotated-rays-static" }}
tag="Reserve Table"
title="Join Us for Dinner"
description="Book your table in advance and experience the royal treatment."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Menu",
href: "#menu",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{
items: [
{
label: "Instagram",
href: "https://instagram.com",
},
{
label: "Facebook",
href: "https://facebook.com",
},
],
},
]}
logoText="Royal Cuisine"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
{ items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Facebook", href: "https://facebook.com" }] },
]}
logoText="Royal Cuisine"
/>
</div>
</ReactLenis>
</ThemeProvider>
);