Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-11 00:35:00 +00:00

View File

@@ -29,417 +29,154 @@ export default function LandingPage() {
headingFontWeight="light"
>
<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="Jemi's Cuisine"
/>
</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="Jemi's Cuisine"
button={{ text: "Reservations", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
title="The Art of Japanese Excellence"
description="Experience an immersive culinary journey at Jemi's Cuisine, where precision meets passion in the heart of the city."
testimonials={[
{
name: "Sarah J.",
handle: "@sarahj",
testimonial: "The best Wagyu I have ever experienced. Truly unforgettable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg",
},
{
name: "Marcus D.",
handle: "@marcusd",
testimonial: "Sophisticated atmosphere and impeccable service. A must-visit.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-50s-cafe-sitting-table-drinking-milk-shake-cocktail-hipster-outfit-having-fun-laughing-cheerful-mood-funny-surprised-face-expression_285396-10736.jpg",
},
{
name: "Elena V.",
handle: "@elenav",
testimonial: "The sushi platter is a work of art. Simply incredible.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10716.jpg",
},
{
name: "James L.",
handle: "@jamesl",
testimonial: "A high-end oasis. Perfect for special occasions.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-american-50s-cafe_285396-10424.jpg",
},
{
name: "Sophia R.",
handle: "@sophiar",
testimonial: "Refined and absolutely delicious flavors.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-enjoying-working-day-is-having-coffee-break-outdoor-cafe-cheerful-lady-with-coffee-hand_291650-1354.jpg",
},
]}
buttons={[
{
text: "Book a Table",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-cooks-fried-meat-pan-pour-tomato-juice_140725-9177.jpg?_wi=1"
imageAlt="Chef preparing high-end Japanese dishes"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/stylish-laughing-woman-retro-vintage-50-s-cafe-sitting-table_285396-10451.jpg",
alt: "Diner portrait",
},
{
src: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-sitting-table_285396-10425.jpg",
alt: "Diner portrait",
},
{
src: "http://img.b2bpic.net/free-photo/woman-retro-vintage-50-s-cafe-pink-color-sitting-table-drinking-milk-shake-cocktail-hipster-outfit-having-fun_285396-10306.jpg",
alt: "Diner portrait",
},
{
src: "http://img.b2bpic.net/free-photo/woman-colorful-outfit-retro-vintage-50-s-cafe-sitting-table-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10314.jpg",
alt: "Diner portrait",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-friends-cafe-drinking-alcohol-make-selfie_171337-19701.jpg",
alt: "Diner portrait",
},
]}
marqueeItems={[
{
type: "text",
text: "Michelin Star Standard",
},
{
type: "text",
text: "Authentic Ingredients",
},
{
type: "text",
text: "Luxury Ambience",
},
{
type: "text",
text: "Master Chef Crafted",
},
{
type: "text",
text: "Impeccable Service",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{ variant: "radial-gradient" }}
title="The Art of Japanese Excellence"
description="Experience an immersive culinary journey at Jemi's Cuisine, where precision meets passion in the heart of the city."
testimonials={[
{ name: "Sarah J.", handle: "@sarahj", testimonial: "The best Wagyu I have ever experienced. Truly unforgettable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg" },
{ name: "Marcus D.", handle: "@marcusd", testimonial: "Sophisticated atmosphere and impeccable service. A must-visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-50s-cafe-sitting-table-drinking-milk-shake-cocktail-hipster-outfit-having-fun-laughing-cheerful-mood-funny-surprised-face-expression_285396-10736.jpg" },
{ name: "Elena V.", handle: "@elenav", testimonial: "The sushi platter is a work of art. Simply incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10716.jpg" },
{ name: "James L.", handle: "@jamesl", testimonial: "A high-end oasis. Perfect for special occasions.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-american-50s-cafe_285396-10424.jpg" },
{ name: "Sophia R.", handle: "@sophiar", testimonial: "Refined and absolutely delicious flavors.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-enjoying-working-day-is-having-coffee-break-outdoor-cafe-cheerful-lady-with-coffee-hand_291650-1354.jpg" }
]}
buttons={[{ text: "Book a Table", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/man-cooks-fried-meat-pan-pour-tomato-juice_140725-9177.jpg"
imageAlt="Chef preparing high-end Japanese dishes"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/stylish-laughing-woman-retro-vintage-50-s-cafe-sitting-table_285396-10451.jpg", alt: "Diner portrait" },
{ src: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-sitting-table_285396-10425.jpg", alt: "Diner portrait" },
{ src: "http://img.b2bpic.net/free-photo/woman-retro-vintage-50-s-cafe-pink-color-sitting-table-drinking-milk-shake-cocktail-hipster-outfit-having-fun_285396-10306.jpg", alt: "Diner portrait" },
{ src: "http://img.b2bpic.net/free-photo/woman-colorful-outfit-retro-vintage-50-s-cafe-sitting-table-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10314.jpg", alt: "Diner portrait" },
{ src: "http://img.b2bpic.net/free-photo/smiling-friends-cafe-drinking-alcohol-make-selfie_171337-19701.jpg", alt: "Diner portrait" }
]}
marqueeItems={[{ type: "text", text: "Michelin Star Standard" }, { type: "text", text: "Authentic Ingredients" }, { type: "text", text: "Luxury Ambience" }, { type: "text", text: "Master Chef Crafted" }, { type: "text", text: "Impeccable Service" }]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Our Philosophy"
description="Jemi's Cuisine blends traditional Japanese techniques with modern flair. We source only the finest ingredients to create an atmosphere of pure luxury for our guests."
imageSrc="http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg?_wi=1"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Our Philosophy"
description="Jemi's Cuisine blends traditional Japanese techniques with modern flair. We source only the finest ingredients to create an atmosphere of pure luxury for our guests."
imageSrc="http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
products={[
{
id: "m1",
name: "Signature Sushi Platter",
price: "75.00",
imageSrc: "http://img.b2bpic.net/free-photo/blue-plate-delicious-ripe-fuyu-persimmons-black-surface_114579-89052.jpg?_wi=1",
},
{
id: "m2",
name: "Wagyu A5 Steak",
price: "120.00",
imageSrc: "http://img.b2bpic.net/free-photo/juicy-grilled-steak-with-rosemary-cherry-tomatoes-chili_84443-72373.jpg",
},
{
id: "m3",
name: "Artisan Matcha Dessert",
price: "18.00",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185347.jpg",
},
{
id: "m4",
name: "Tuna Sashimi Deluxe",
price: "45.00",
imageSrc: "http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361477.jpg",
},
{
id: "m5",
name: "Tempura Selection",
price: "30.00",
imageSrc: "http://img.b2bpic.net/free-photo/steak-served-with-grilled-vegetables-sour-cream_7502-7084.jpg",
},
{
id: "m6",
name: "Miso-Glazed Black Cod",
price: "55.00",
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-chocolate-lava-with-ice-cream-strawberry_1203-9303.jpg",
},
]}
title="Signature Menu"
description="Discover a selection of our finest dishes crafted by world-class chefs."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
products={[
{ id: "m1", name: "Signature Sushi Platter", price: "75.00", imageSrc: "http://img.b2bpic.net/free-photo/blue-plate-delicious-ripe-fuyu-persimmons-black-surface_114579-89052.jpg" },
{ id: "m2", name: "Wagyu A5 Steak", price: "120.00", imageSrc: "http://img.b2bpic.net/free-photo/juicy-grilled-steak-with-rosemary-cherry-tomatoes-chili_84443-72373.jpg" },
{ id: "m3", name: "Artisan Matcha Dessert", price: "18.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185347.jpg" },
{ id: "m4", name: "Tuna Sashimi Deluxe", price: "45.00", imageSrc: "http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361477.jpg" },
{ id: "m5", name: "Tempura Selection", price: "30.00", imageSrc: "http://img.b2bpic.net/free-photo/steak-served-with-grilled-vegetables-sour-cream_7502-7084.jpg" },
{ id: "m6", name: "Miso-Glazed Black Cod", price: "55.00", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-chocolate-lava-with-ice-cream-strawberry_1203-9303.jpg" }
]}
title="Signature Menu"
description="Discover a selection of our finest dishes crafted by world-class chefs."
/>
</div>
<div id="art" data-section="art">
<FeatureCardTwentyFive
animationType="depth-3d"
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{
title: "Modern Lounge",
description: "Sip cocktails in our upscale bar area.",
icon: Droplets,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/big-event-hall-interior-restaurant_114579-2078.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-cooks-fried-meat-pan-pour-tomato-juice_140725-9177.jpg?_wi=2",
imageAlt: "modern japanese interior design",
},
{
title: "Private Dining",
description: "Intimate spaces for unforgettable private experiences.",
icon: Users,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/realistic-interior-design-with-furniture_23-2151439749.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-1955.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg?_wi=2",
imageAlt: "modern japanese interior design",
},
{
title: "Sushi Bar",
description: "Watch our masters create art in real time.",
icon: Award,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/blue-plate-delicious-ripe-fuyu-persimmons-black-surface_114579-89052.jpg?_wi=2",
imageAlt: "modern japanese interior design",
},
]}
title="The Art of Jemi's"
description="Modern architecture meets ambient elegance in every corner of our restaurant."
/>
</div>
<div id="art" data-section="art">
<FeatureCardTwentyFive
animationType="depth-3d"
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{ title: "Modern Lounge", description: "Sip cocktails in our upscale bar area.", icon: Droplets, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/big-event-hall-interior-restaurant_114579-2078.jpg" }] },
{ title: "Private Dining", description: "Intimate spaces for unforgettable private experiences.", icon: Users, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/realistic-interior-design-with-furniture_23-2151439749.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/pretty-indian-girl-black-saree-dress-posed-restaurant_627829-1955.jpg" }] },
{ title: "Sushi Bar", description: "Watch our masters create art in real time.", icon: Award, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg" }] }
]}
title="The Art of Jemi's"
description="Modern architecture meets ambient elegance in every corner of our restaurant."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "n1",
icon: Award,
title: "Years of Excellence",
value: "10+",
},
{
id: "n2",
icon: Award,
title: "Master Chefs",
value: "12",
},
{
id: "n3",
icon: Star,
title: "Five-Star Reviews",
value: "2000+",
},
]}
title="Experience by Numbers"
description="Our commitment to quality, defined by excellence."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{ id: "n1", icon: Award, title: "Years of Excellence", value: "10+" },
{ id: "n2", icon: Award, title: "Master Chefs", value: "12" },
{ id: "n3", icon: Star, title: "Five-Star Reviews", value: "2000+" }
]}
title="Experience by Numbers"
description="Our commitment to quality, defined by excellence."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="scale-rotate"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "CEO",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-dressed-elegant-black-dress-holds-wineglass-luxury-restaurant_613910-3880.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "CTO",
company: "InnovateLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-5625.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Director",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/three-senior-friends-talking-restaurant-while-cheering-with-drinks_23-2149316755.jpg",
},
{
id: "4",
name: "David Kim",
role: "Manager",
company: "StartupXYZ",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
},
{
id: "5",
name: "Alex P.",
role: "Client",
company: "Global Group",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517452.jpg",
},
]}
title="Guest Voices"
description="What our patrons say about their experience at Jemi's."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="scale-rotate"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-dressed-elegant-black-dress-holds-wineglass-luxury-restaurant_613910-3880.jpg" },
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-5625.jpg" },
{ id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/three-senior-friends-talking-restaurant-while-cheering-with-drinks_23-2149316755.jpg" },
{ id: "4", name: "David Kim", role: "Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg" },
{ id: "5", name: "Alex P.", role: "Client", company: "Global Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517452.jpg" }
]}
title="Guest Voices"
description="What our patrons say about their experience at Jemi's."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Wine Collective",
"Local Farms",
"Global Imports",
"Chef Guild",
"City Gastronomy",
"Artisan Supplies",
"Dining Awards",
]}
title="Trusted Partners"
description="Collaborating with local and international culinary leaders."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Wine Collective", "Local Farms", "Global Imports", "Chef Guild", "City Gastronomy", "Artisan Supplies", "Dining Awards"
]}
title="Trusted Partners"
description="Collaborating with local and international culinary leaders."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Ready to book your table at Jemi's Cuisine?"
buttons={[
{
text: "Contact Us",
href: "mailto:reservations@jemiscuisine.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
text="Ready to book your table at Jemi's Cuisine?"
buttons={[{ text: "Contact Us", href: "mailto:reservations@jemiscuisine.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Menu",
href: "#menu",
},
{
label: "Gallery",
href: "#art",
},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
{
label: "Twitter",
href: "#",
},
],
},
{
items: [
{
label: "Reservations",
href: "#contact",
},
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
logoText="Jemi's Cuisine"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Gallery", href: "#art" }] },
{ items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
{ items: [{ label: "Reservations", href: "#contact" }, { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
logoText="Jemi's Cuisine"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}