Merge version_1 into main #2

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

View File

@@ -16,349 +16,155 @@ import { Award, Facebook, Instagram, Star, Twitter, Utensils } from "lucide-reac
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
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: "Our Story",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Poop Bite"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Our Story", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="Poop Bite"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
title="Luxury Asian Fusion, Delivered Your Way"
description="Poop Bite brings authentic Japanese, Thai, and pan-Asian craftsmanship to your table. From hand-grilled kushiyaki to silky ramen broths, every bite celebrates bold flavor and premium ingredients."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/couple-enjoying-spending-good-time-together-while-having-date-restaurant_58466-16035.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-knitted-warm-sweater-hat-having-lunch_273609-6901.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891048.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/thin-tanned-woman-brown-bra-stylish-denim-shorts-enjoys-taste-waffle-with-cream-peanuts-maple-syrup_197531-18189.jpg",
alt: "Customer",
},
]}
buttons={[
{
text: "Order Now",
href: "#menu",
},
{
text: "Explore Menu",
href: "#menu",
},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Michelin Quality",
},
{
type: "text",
text: "Ethically Sourced",
},
{
type: "text",
text: "15+ Years Experience",
},
{
type: "text",
text: "Fast Delivery",
},
{
type: "text",
text: "Handmade Daily",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "gradient-bars" }}
title="Luxury Asian Fusion, Delivered Your Way"
description="Poop Bite brings authentic Japanese, Thai, and pan-Asian craftsmanship to your table. From hand-grilled kushiyaki to silky ramen broths, every bite celebrates bold flavor and premium ingredients."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/couple-enjoying-spending-good-time-together-while-having-date-restaurant_58466-16035.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-knitted-warm-sweater-hat-having-lunch_273609-6901.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891048.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/thin-tanned-woman-brown-bra-stylish-denim-shorts-enjoys-taste-waffle-with-cream-peanuts-maple-syrup_197531-18189.jpg", alt: "Customer" },
]}
buttons={[
{ text: "Order Now", href: "#menu" },
{ text: "Explore Menu", href: "#menu" },
]}
buttonAnimation="slide-up"
marqueeItems={[
{ type: "text", text: "Michelin Quality" },
{ type: "text", text: "Ethically Sourced" },
{ type: "text", text: "15+ Years Experience" },
{ type: "text", text: "Fast Delivery" },
{ type: "text", text: "Handmade Daily" },
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Artisanal Craftsmanship"
metrics={[
{
icon: Award,
label: "Years Experience",
value: "15+",
},
{
icon: Utensils,
label: "Unique Dishes",
value: "50+",
},
{
icon: Star,
label: "Daily Visitors",
value: "500+",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Artisanal Craftsmanship"
metrics={[
{ icon: Award, label: "Years Experience", value: "15+" },
{ icon: Utensils, label: "Unique Dishes", value: "50+" },
{ icon: Star, label: "Daily Visitors", value: "500+" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Premium Ingredients",
tags: [
"Sustainable",
"Organic",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-corn-dogs-basket_23-2149455144.jpg?_wi=1",
},
{
id: "2",
title: "Authentic Techniques",
tags: [
"Japanese",
"Thai",
],
imageSrc: "http://img.b2bpic.net/free-photo/japanese-ramen-noodle-table_1232-2217.jpg?_wi=1",
},
{
id: "3",
title: "Wellness Focused",
tags: [
"Healthy",
"Tofu",
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-salad-white-plate_23-2148747516.jpg",
},
]}
title="Why Poop Bite?"
description="Experience unparalleled quality with every order. We combine traditional techniques with modern, health-conscious innovation."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "1", title: "Premium Ingredients", tags: ["Sustainable", "Organic"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-corn-dogs-basket_23-2149455144.jpg" },
{ id: "2", title: "Authentic Techniques", tags: ["Japanese", "Thai"], imageSrc: "http://img.b2bpic.net/free-photo/japanese-ramen-noodle-table_1232-2217.jpg" },
{ id: "3", title: "Wellness Focused", tags: ["Healthy", "Tofu"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-salad-white-plate_23-2148747516.jpg" },
]}
title="Why Poop Bite?"
description="Experience unparalleled quality with every order. We combine traditional techniques with modern, health-conscious innovation."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Hand-Grilled Kushiyaki",
price: "$18",
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-meat-seafood-barbecue-with-vegetables-wooden-skewers-plate-sauce-top-view_1253-954.jpg",
},
{
id: "p2",
name: "Signature Tonkotsu Ramen",
price: "$22",
imageSrc: "http://img.b2bpic.net/free-photo/instant-noodle-with-pork-egg-ready-be-eaten-delicious-instant-food-menu-concept_1150-6465.jpg",
},
{
id: "p3",
name: "Thai Green Curry",
price: "$20",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-red-curry-black-cup_1150-23919.jpg?_wi=1",
},
{
id: "p4",
name: "Miso Glazed Tofu",
price: "$16",
imageSrc: "http://img.b2bpic.net/free-photo/fried-tofu-healthy-food_1339-8266.jpg",
},
{
id: "p5",
name: "Premium Tuna Sashimi",
price: "$28",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-trout-still-life_23-2150408604.jpg",
},
{
id: "p6",
name: "Crystal Shrimp Dim Sum",
price: "$14",
imageSrc: "http://img.b2bpic.net/free-photo/assorted-dumplings-platter-with-dipping-sauce_84443-85763.jpg",
},
]}
title="Curated Menu"
description="Discover our signature dishes, meticulously prepared to bring the authentic taste of Asia to your home."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Hand-Grilled Kushiyaki", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-meat-seafood-barbecue-with-vegetables-wooden-skewers-plate-sauce-top-view_1253-954.jpg" },
{ id: "p2", name: "Signature Tonkotsu Ramen", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/instant-noodle-with-pork-egg-ready-be-eaten-delicious-instant-food-menu-concept_1150-6465.jpg" },
{ id: "p3", name: "Thai Green Curry", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/chicken-red-curry-black-cup_1150-23919.jpg" },
{ id: "p4", name: "Miso Glazed Tofu", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/fried-tofu-healthy-food_1339-8266.jpg" },
{ id: "p5", name: "Premium Tuna Sashimi", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-trout-still-life_23-2150408604.jpg" },
{ id: "p6", name: "Crystal Shrimp Dim Sum", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/assorted-dumplings-platter-with-dipping-sauce_84443-85763.jpg" },
]}
title="Curated Menu"
description="Discover our signature dishes, meticulously prepared to bring the authentic taste of Asia to your home."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "Jan 2025",
title: "Foodie",
quote: "The best ramen I have found in the city. Truly authentic.",
tag: "Quality",
avatarSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-decided-dine-roadside-cafe-eating-hamburger_613910-19629.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chopped-red-smoked-fish-with-chopped-cucumber-wasabi-ginger-ice_141793-11276.jpg",
imageAlt: "smiling customer dining modern restaurant",
},
{
id: "2",
name: "Michael K.",
date: "Dec 2024",
title: "Critic",
quote: "The kushiyaki reminds me of my travels in Tokyo.",
tag: "Authentic",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-couple-having-romantic-dinner-together_23-2148435808.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg",
imageAlt: "smiling customer dining modern restaurant",
},
{
id: "3",
name: "Elena R.",
date: "Nov 2024",
title: "Chef",
quote: "Stunning plating, bold flavors, fast delivery.",
tag: "Excellence",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-eating-dessert-with-fork_23-2147871276.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-corn-dogs-basket_23-2149455144.jpg?_wi=2",
imageAlt: "smiling customer dining modern restaurant",
},
{
id: "4",
name: "David L.",
date: "Oct 2024",
title: "Local",
quote: "Finally, healthy options that actually taste delicious.",
tag: "Wellness",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-clinking-bottles_23-2149152926.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/japanese-ramen-noodle-table_1232-2217.jpg?_wi=2",
imageAlt: "smiling customer dining modern restaurant",
},
{
id: "5",
name: "Jennifer M.",
date: "Sept 2024",
title: "Diner",
quote: "Consistent quality every single time we order.",
tag: "Reliable",
avatarSrc: "http://img.b2bpic.net/free-photo/man-giving-gift-box-valentines-day-restaurant_1303-20290.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-red-curry-black-cup_1150-23919.jpg?_wi=2",
imageAlt: "smiling customer dining modern restaurant",
},
]}
title="Gourmet Voices"
description="Hear what our urban food enthusiasts have to say about their Poop Bite experience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", date: "Jan 2025", title: "Foodie", quote: "The best ramen I have found in the city. Truly authentic.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-decided-dine-roadside-cafe-eating-hamburger_613910-19629.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-chopped-red-smoked-fish-with-chopped-cucumber-wasabi-ginger-ice_141793-11276.jpg", imageAlt: "smiling customer dining modern restaurant" },
{ id: "2", name: "Michael K.", date: "Dec 2024", title: "Critic", quote: "The kushiyaki reminds me of my travels in Tokyo.", tag: "Authentic", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-couple-having-romantic-dinner-together_23-2148435808.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg", imageAlt: "smiling customer dining modern restaurant" },
{ id: "3", name: "Elena R.", date: "Nov 2024", title: "Chef", quote: "Stunning plating, bold flavors, fast delivery.", tag: "Excellence", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-eating-dessert-with-fork_23-2147871276.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-corn-dogs-basket_23-2149455144.jpg", imageAlt: "smiling customer dining modern restaurant" },
{ id: "4", name: "David L.", date: "Oct 2024", title: "Local", quote: "Finally, healthy options that actually taste delicious.", tag: "Wellness", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-clinking-bottles_23-2149152926.jpg", imageSrc: "http://img.b2bpic.net/free-photo/japanese-ramen-noodle-table_1232-2217.jpg", imageAlt: "smiling customer dining modern restaurant" },
{ id: "5", name: "Jennifer M.", date: "Sept 2024", title: "Diner", quote: "Consistent quality every single time we order.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/man-giving-gift-box-valentines-day-restaurant_1303-20290.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chicken-red-curry-black-cup_1150-23919.jpg", imageAlt: "smiling customer dining modern restaurant" },
]}
title="Gourmet Voices"
description="Hear what our urban food enthusiasts have to say about their Poop Bite experience."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Gourmet Journal",
"Urban Eat Daily",
"The Culinary Times",
"City Plate Awards",
"Fusion Magazine",
"Asian Cuisine Review",
"Table Talk Weekly",
]}
title="Recognized Excellence"
description="Featured in leading food publications for our commitment to authentic fusion cuisine."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Gourmet Journal", "Urban Eat Daily", "The Culinary Times", "City Plate Awards", "Fusion Magazine", "Asian Cuisine Review", "Table Talk Weekly"]}
title="Recognized Excellence"
description="Featured in leading food publications for our commitment to authentic fusion cuisine."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Reserve Your Experience"
description="We cater to private events, business lunches, and refined dinner parties. Inquire today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Special Requests",
rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-restaurant_23-2149429321.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Reserve Your Experience"
description="We cater to private events, business lunches, and refined dinner parties. Inquire today."
inputs={[
{ name: "name", type: "text", placeholder: "Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
textarea={{ name: "message", placeholder: "Special Requests", rows: 4, required: false }}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-restaurant_23-2149429321.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="POOP BITE"
copyrightText="© 2025 Poop Bite Fusion. All rights reserved."
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="POOP BITE"
copyrightText="© 2025 Poop Bite Fusion. All rights reserved."
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);