Merge version_1 into main #2
274
src/app/page.tsx
274
src/app/page.tsx
@@ -19,27 +19,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Koi House"
|
||||
/>
|
||||
@@ -47,52 +43,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="A Buffet, Reimagined."
|
||||
description="Fresh sushi. Refined flavors. A dining experience designed to exceed expectations."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#pricing" },
|
||||
{ text: "Visit Us Today", href: "#contact" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-colored-sushi-set-top-view_140725-5704.jpg?_wi=1",
|
||||
imageAlt: "Fresh sushi",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/celebration-wedding-luxury-service-decoration_1203-4937.jpg?_wi=1",
|
||||
imageAlt: "Hot buffet",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-sushi-order-takeaway_23-2149050362.jpg",
|
||||
imageAlt: "Handcrafted sushi",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-crockery-with-teapot-silver-spoon_23-2148798081.jpg",
|
||||
imageAlt: "Modern interior",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/combination-makeup-textures_23-2150039188.jpg",
|
||||
imageAlt: "Fresh ingredients",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-with-big-plate-chicken-kebab-his-hand_114579-2226.jpg",
|
||||
imageAlt: "Buffet line",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/various-colored-sushi-set-top-view_140725-5704.jpg", imageAlt: "Fresh sushi" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/celebration-wedding-luxury-service-decoration_1203-4937.jpg", imageAlt: "Hot buffet" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-sushi-order-takeaway_23-2149050362.jpg", imageAlt: "Handcrafted sushi" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-crockery-with-teapot-silver-spoon_23-2148798081.jpg", imageAlt: "Modern interior" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/combination-makeup-textures_23-2150039188.jpg", imageAlt: "Fresh ingredients" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/waiter-with-big-plate-chicken-kebab-his-hand_114579-2226.jpg", imageAlt: "Buffet line" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,30 +66,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Fresh",
|
||||
title: "Sushi Bar",
|
||||
subtitle: "Handcrafted Daily",
|
||||
description: "Expertly prepared sushi featuring premium ingredients and precision cuts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-topped-with-salmon-radish_140725-4241.jpg",
|
||||
imageAlt: "Sushi rolls topped with salmon and radish",
|
||||
},
|
||||
{
|
||||
tag: "Abundant",
|
||||
title: "Buffet Selection",
|
||||
subtitle: "Constantly Refreshed",
|
||||
description: "Wide variety of hot, savory dishes prepared with care and quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-colored-sushi-set-top-view_140725-5704.jpg?_wi=2",
|
||||
imageAlt: "Sushi rolls topped with salmon and radish",
|
||||
},
|
||||
{
|
||||
tag: "Spotless",
|
||||
title: "Cleanliness First",
|
||||
subtitle: "Immaculate Standards",
|
||||
description: "We maintain an impeccably clean environment so you can dine with confidence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/celebration-wedding-luxury-service-decoration_1203-4937.jpg?_wi=2",
|
||||
imageAlt: "Sushi rolls topped with salmon and radish",
|
||||
},
|
||||
{ tag: "Fresh", title: "Sushi Bar", subtitle: "Handcrafted Daily", description: "Expertly prepared sushi featuring premium ingredients and precision cuts.", imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-topped-with-salmon-radish_140725-4241.jpg", imageAlt: "Sushi rolls topped with salmon and radish" },
|
||||
{ tag: "Abundant", title: "Buffet Selection", subtitle: "Constantly Refreshed", description: "Wide variety of hot, savory dishes prepared with care and quality.", imageSrc: "http://img.b2bpic.net/free-photo/various-colored-sushi-set-top-view_140725-5704.jpg", imageAlt: "Sushi rolls topped with salmon and radish" },
|
||||
{ tag: "Spotless", title: "Cleanliness First", subtitle: "Immaculate Standards", description: "We maintain an impeccably clean environment so you can dine with confidence.", imageSrc: "http://img.b2bpic.net/free-photo/celebration-wedding-luxury-service-decoration_1203-4937.jpg", imageAlt: "Sushi rolls topped with salmon and radish" }
|
||||
]}
|
||||
title="A Curated Experience"
|
||||
description="We blend quality, cleanliness, and selection into an elevated dining journey."
|
||||
@@ -139,21 +82,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Quality Ingredients",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Daily",
|
||||
description: "Freshly Prepared",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Spotless",
|
||||
description: "Dining Environment",
|
||||
},
|
||||
{ id: "m1", value: "100%", description: "Quality Ingredients" },
|
||||
{ id: "m2", value: "Daily", description: "Freshly Prepared" },
|
||||
{ id: "m3", value: "Spotless", description: "Dining Environment" }
|
||||
]}
|
||||
title="Why Choose Koi House?"
|
||||
description="Beyond a typical buffet, we deliver consistent excellence."
|
||||
@@ -166,41 +97,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Best buffet ever. Very nice, clean, and a great addition to the area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-gardener-holds-pretends-bite-hot-pepper_141793-71338.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
handle: "@michaelc",
|
||||
testimonial: "Fresh sushi and a wide selection done right. Everyone should try it.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Impeccably clean and consistent. A refreshing change for a buffet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081456.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "The sushi selection is top-tier. My go-to spot for quality dining.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-women-having-dinner-together_23-2148454093.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jessl",
|
||||
testimonial: "Wonderful atmosphere, high quality, and always welcoming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cold-cuts-fish-table-buffet_1398-2213.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Best buffet ever. Very nice, clean, and a great addition to the area.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-gardener-holds-pretends-bite-hot-pepper_141793-71338.jpg" },
|
||||
{ id: "t2", name: "Michael C.", handle: "@michaelc", testimonial: "Fresh sushi and a wide selection done right. Everyone should try it.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg" },
|
||||
{ id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Impeccably clean and consistent. A refreshing change for a buffet.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081456.jpg" },
|
||||
{ id: "t4", name: "David K.", handle: "@davidk", testimonial: "The sushi selection is top-tier. My go-to spot for quality dining.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-women-having-dinner-together_23-2148454093.jpg" },
|
||||
{ id: "t5", name: "Jessica L.", handle: "@jessl", testimonial: "Wonderful atmosphere, high quality, and always welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/cold-cuts-fish-table-buffet_1398-2213.jpg" }
|
||||
]}
|
||||
title="Community Favorites"
|
||||
description="What our guests are saying about their Koi House experience."
|
||||
@@ -214,42 +115,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Rolls",
|
||||
price: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-different-forms-variety-sushi-rolls-delivery_132075-14316.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Savory Hot Bar",
|
||||
price: "Gourmet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-toasted-cheese-milk-served-dinner-table_140725-4997.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Elegant Ambiance",
|
||||
price: "Relaxed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Crisp Salad Bar",
|
||||
price: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frame-healthy-salad_23-2148515423.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Chef Desserts",
|
||||
price: "Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cakes-with-flowers_1157-703.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sushi Station",
|
||||
price: "Crafted",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-different-forms-variety-sushi-rolls-delivery_132075-14311.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Signature Rolls", price: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/sushi-different-forms-variety-sushi-rolls-delivery_132075-14316.jpg" },
|
||||
{ id: "p2", name: "Savory Hot Bar", price: "Gourmet", imageSrc: "http://img.b2bpic.net/free-photo/close-up-toasted-cheese-milk-served-dinner-table_140725-4997.jpg" },
|
||||
{ id: "p3", name: "Elegant Ambiance", price: "Relaxed", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg" },
|
||||
{ id: "p4", name: "Crisp Salad Bar", price: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/frame-healthy-salad_23-2148515423.jpg" },
|
||||
{ id: "p5", name: "Chef Desserts", price: "Sweet", imageSrc: "http://img.b2bpic.net/free-photo/cakes-with-flowers_1157-703.jpg" },
|
||||
{ id: "p6", name: "Sushi Station", price: "Crafted", imageSrc: "http://img.b2bpic.net/free-photo/sushi-different-forms-variety-sushi-rolls-delivery_132075-14311.jpg" }
|
||||
]}
|
||||
title="See What Awaits You"
|
||||
description="Artistry in every dish, crafted to delight."
|
||||
@@ -262,56 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "lunch",
|
||||
badge: "Popular",
|
||||
price: "$15.99",
|
||||
subtitle: "Lunch Buffet",
|
||||
features: [
|
||||
"Full Buffet",
|
||||
"Sushi Selection",
|
||||
"Fresh Salad Bar",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "dinner",
|
||||
badge: "Premium",
|
||||
price: "$25.99",
|
||||
subtitle: "Dinner Buffet",
|
||||
features: [
|
||||
"Full Buffet",
|
||||
"Premium Sushi",
|
||||
"Chef Specials",
|
||||
"Desserts",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "weekend",
|
||||
badge: "Gold",
|
||||
price: "$29.99",
|
||||
subtitle: "Weekend Selection",
|
||||
features: [
|
||||
"Full Buffet",
|
||||
"Enhanced Sushi",
|
||||
"Deluxe Specialties",
|
||||
"Unlimited Sweets",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "lunch", badge: "Popular", price: "$15.99", subtitle: "Lunch Buffet", features: ["Full Buffet", "Sushi Selection", "Fresh Salad Bar"], buttons: [{ text: "Plan Your Visit" }] },
|
||||
{ id: "dinner", badge: "Premium", price: "$25.99", subtitle: "Dinner Buffet", features: ["Full Buffet", "Premium Sushi", "Chef Specials", "Desserts"], buttons: [{ text: "Plan Your Visit" }] },
|
||||
{ id: "weekend", badge: "Gold", price: "$29.99", subtitle: "Weekend Selection", features: ["Full Buffet", "Enhanced Sushi", "Deluxe Specialties", "Unlimited Sweets"], buttons: [{ text: "Plan Your Visit" }] }
|
||||
]}
|
||||
title="Plan Your Visit"
|
||||
description="Choose your preferred buffet experience."
|
||||
@@ -321,9 +145,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready to experience something better?"
|
||||
description="Visit us today for the finest buffet in the area."
|
||||
@@ -337,16 +159,8 @@ export default function LandingPage() {
|
||||
logoText="Koi House"
|
||||
copyrightText="© 2025 Koi House Buffet"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user