Merge version_1 into main #2

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

View File

@@ -12,7 +12,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award } from "lucide-react";
import { Award, Leaf, Flame, Zap, Heart } from "lucide-react";
export default function LandingPage() {
return (
@@ -20,392 +20,161 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Tu Hai"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Contact", id: "contact" }
]}
brandName="Tu Hai"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Authentic Flavors, Seamless Dining Experience"
description="Reserve your table in seconds or order online for pickup and delivery. Discover why locals trust Tu Hai for unforgettable meals."
testimonials={[
{
name: "Maria L.",
handle: "@maria_l",
testimonial: "The best Pho in town! So authentic and fresh.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3t91KhE9rZZy05sgrQZk9P0gu/uploaded-1779423367494-nzyjw8ia.png?_wi=1",
imageAlt: "User provided image",
},
{
name: "John D.",
handle: "@jd_foodie",
testimonial: "Fast service and amazing flavors every single time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552627.jpg?_wi=1",
imageAlt: "User provided image",
},
{
name: "Sarah P.",
handle: "@sarah_p",
testimonial: "Our go-to place for family dinners.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-spring-rolls-with-chicken-vegetables-served-with-soy-sauce-plate-black_141793-11984.jpg?_wi=1",
imageAlt: "User provided image",
},
{
name: "David K.",
handle: "@david_k",
testimonial: "Crispy spring rolls are a must-try!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bowl-asian-pork-stew_53876-32193.jpg?_wi=1",
imageAlt: "User provided image",
},
{
name: "Anna W.",
handle: "@anna_w",
testimonial: "Hidden gem with incredible authentic dishes.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-legs-meat-with-tasty-rice_114579-44157.jpg?_wi=1",
imageAlt: "User provided image",
},
]}
buttons={[
{
text: "Reserve Now",
href: "#contact",
},
{
text: "Order Online",
href: "#products",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3t91KhE9rZZy05sgrQZk9P0gu/uploaded-1779423367494-nzyjw8ia.png?_wi=2"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cropped-shot-good-looking-dark-skinned-man-happy-about-good-news-from-internet-has-lunch-drinks-water_273609-8926.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-roommates-chatting-table_23-2149358461.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-couple-eating-together_23-2148625983.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/two-smiling-beautiful-young-blogger-women-doing-selfie_7502-7221.jpg",
alt: "Customer portrait",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-cute-shy-young-asian-woman-standing-front-cafe-entrance-touching-her-neck_1258-199358.jpg",
alt: "Customer portrait",
},
]}
marqueeItems={[
{
type: "text",
text: "Authentic",
},
{
type: "text",
text: "Fresh",
},
{
type: "text",
text: "Traditional",
},
{
type: "text",
text: "Local Favorite",
},
{
type: "text",
text: "Family Style",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Authentic Flavors, Seamless Dining Experience"
description="Reserve your table in seconds or order online for pickup and delivery. Discover why locals trust Tu Hai for unforgettable meals."
testimonials={[
{ name: "Maria L.", handle: "@maria_l", testimonial: "The best Pho in town! So authentic and fresh.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3t91KhE9rZZy05sgrQZk9P0gu/uploaded-1779423367494-nzyjw8ia.png", imageAlt: "User provided image" },
{ name: "John D.", handle: "@jd_foodie", testimonial: "Fast service and amazing flavors every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552627.jpg", imageAlt: "User provided image" },
{ name: "Sarah P.", handle: "@sarah_p", testimonial: "Our go-to place for family dinners.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-spring-rolls-with-chicken-vegetables-served-with-soy-sauce-plate-black_141793-11984.jpg", imageAlt: "User provided image" },
{ name: "David K.", handle: "@david_k", testimonial: "Crispy spring rolls are a must-try!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bowl-asian-pork-stew_53876-32193.jpg", imageAlt: "User provided image" },
{ name: "Anna W.", handle: "@anna_w", testimonial: "Hidden gem with incredible authentic dishes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-legs-meat-with-tasty-rice_114579-44157.jpg", imageAlt: "User provided image" }
]}
buttons={[{ text: "Reserve Now", href: "#contact" }, { text: "Order Online", href: "#products" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3t91KhE9rZZy05sgrQZk9P0gu/uploaded-1779423367494-nzyjw8ia.png"
mediaAnimation="slide-up"
avatars={[{ src: "http://img.b2bpic.net/free-photo/cropped-shot-good-looking-dark-skinned-man-happy-about-good-news-from-internet-has-lunch-drinks-water_273609-8926.jpg", alt: "Customer portrait" }, { src: "http://img.b2bpic.net/free-photo/smiley-roommates-chatting-table_23-2149358461.jpg", alt: "Customer portrait" }, { src: "http://img.b2bpic.net/free-photo/side-view-couple-eating-together_23-2148625983.jpg", alt: "Customer portrait" }, { src: "http://img.b2bpic.net/free-photo/two-smiling-beautiful-young-blogger-women-doing-selfie_7502-7221.jpg", alt: "Customer portrait" }, { src: "http://img.b2bpic.net/free-photo/portrait-cute-shy-young-asian-woman-standing-front-cafe-entrance-touching-her-neck_1258-199358.jpg", alt: "Customer portrait" }]}
marqueeItems={[{ type: "text", text: "Authentic" }, { type: "text", text: "Fresh" }, { type: "text", text: "Traditional" }, { type: "text", text: "Local Favorite" }, { type: "text", text: "Family Style" }]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Story"
title="Authentic Heritage, Modern Taste"
description="Tu Hai brings the heart of Vietnamese cuisine to our neighborhood, using traditional recipes passed down through generations."
subdescription="We believe in high-quality ingredients, transparency, and creating memorable experiences for every guest who walks through our doors."
icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552627.jpg?_wi=2"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Story"
title="Authentic Heritage, Modern Taste"
description="Tu Hai brings the heart of Vietnamese cuisine to our neighborhood, using traditional recipes passed down through generations."
subdescription="We believe in high-quality ingredients, transparency, and creating memorable experiences for every guest who walks through our doors."
icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552627.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Fresh Ingredients",
description: "We source daily to ensure maximum flavor and quality in every dish.",
buttonIcon: "Leaf",
imageSrc: "http://img.b2bpic.net/free-photo/singe-dish-table_23-2147681075.jpg",
imageAlt: "Singe dish on table",
},
{
title: "Traditional Recipes",
description: "Authentic Vietnamese flavors crafted with original, time-tested methods.",
buttonIcon: "Flame",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3t91KhE9rZZy05sgrQZk9P0gu/uploaded-1779423367494-nzyjw8ia.png?_wi=3",
imageAlt: "Singe dish on table",
},
{
title: "Fast Online Ordering",
description: "Order your favorite meals online and enjoy quick pickup or delivery.",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552627.jpg?_wi=3",
imageAlt: "Singe dish on table",
},
{
title: "Cozy Atmosphere",
description: "A perfect setting for both quick professional lunches and family dinners.",
buttonIcon: "Heart",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-spring-rolls-with-chicken-vegetables-served-with-soy-sauce-plate-black_141793-11984.jpg?_wi=2",
imageAlt: "Singe dish on table",
},
]}
title="Why Choose Tu Hai?"
description="We are dedicated to serving you the best authentic dishes with unmatched convenience."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Fresh Ingredients", description: "We source daily to ensure maximum flavor and quality in every dish.", buttonIcon: Leaf, imageSrc: "http://img.b2bpic.net/free-photo/singe-dish-table_23-2147681075.jpg" },
{ title: "Traditional Recipes", description: "Authentic Vietnamese flavors crafted with original, time-tested methods.", buttonIcon: Flame, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3t91KhE9rZZy05sgrQZk9P0gu/uploaded-1779423367494-nzyjw8ia.png" },
{ title: "Fast Online Ordering", description: "Order your favorite meals online and enjoy quick pickup or delivery.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552627.jpg" },
{ title: "Cozy Atmosphere", description: "A perfect setting for both quick professional lunches and family dinners.", buttonIcon: Heart, imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-spring-rolls-with-chicken-vegetables-served-with-soy-sauce-plate-black_141793-11984.jpg" }
]}
title="Why Choose Tu Hai?"
description="We are dedicated to serving you the best authentic dishes with unmatched convenience."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Spring Rolls",
price: "$6.95",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-spring-rolls-with-chicken-vegetables-served-with-soy-sauce-plate-black_141793-11984.jpg?_wi=3",
},
{
id: "p2",
name: "Beef Pho",
price: "$9.75",
imageSrc: "http://img.b2bpic.net/free-photo/bowl-asian-pork-stew_53876-32193.jpg?_wi=2",
},
{
id: "p3",
name: "Chicken Rice",
price: "$11.50",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-legs-meat-with-tasty-rice_114579-44157.jpg?_wi=2",
},
{
id: "p4",
name: "Banh Mi",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sandwiches-plate_23-2148381183.jpg",
},
{
id: "p5",
name: "Fried Dumplings",
price: "$7.95",
imageSrc: "http://img.b2bpic.net/free-photo/georgian-khinkali-side-pickles-table_141793-17497.jpg",
},
{
id: "p6",
name: "Vegetable Noodle Bowl",
price: "$9.75",
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-pesto-sauce-with-green-lettuce-leaf_114579-3167.jpg",
},
]}
title="Our Menu"
description="Browse our range of authentic Vietnamese delicacies."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Spring Rolls", price: "$6.95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-spring-rolls-with-chicken-vegetables-served-with-soy-sauce-plate-black_141793-11984.jpg" },
{ id: "p2", name: "Beef Pho", price: "$9.75", imageSrc: "http://img.b2bpic.net/free-photo/bowl-asian-pork-stew_53876-32193.jpg" },
{ id: "p3", name: "Chicken Rice", price: "$11.50", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-legs-meat-with-tasty-rice_114579-44157.jpg" },
{ id: "p4", name: "Banh Mi", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-sandwiches-plate_23-2148381183.jpg" },
{ id: "p5", name: "Fried Dumplings", price: "$7.95", imageSrc: "http://img.b2bpic.net/free-photo/georgian-khinkali-side-pickles-table_141793-17497.jpg" },
{ id: "p6", name: "Vegetable Noodle Bowl", price: "$9.75", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-pesto-sauce-with-green-lettuce-leaf_114579-3167.jpg" }
]}
title="Our Menu"
description="Browse our range of authentic Vietnamese delicacies."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Emma R.",
handle: "@emma",
testimonial: "Exceptional flavors!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-christmas-dinner-through-smartphone_23-2147715641.jpg",
},
{
id: "t2",
name: "Marcus B.",
handle: "@mb",
testimonial: "Fast pickup service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/welcome-our-restaurant_1098-15702.jpg",
},
{
id: "t3",
name: "Julia S.",
handle: "@js",
testimonial: "Best family dining spot.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-extended-family-having-fun-while-toasting-lunch-dining-table-focus-is-young-man_637285-2868.jpg",
},
{
id: "t4",
name: "Kevin T.",
handle: "@kt",
testimonial: "Always fresh, delicious.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-men-discussing-content-laptop-cafe_1170-511.jpg",
},
{
id: "t5",
name: "Sophie M.",
handle: "@sm",
testimonial: "Authentic recipes, really.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-many-purchase-bags_1163-466.jpg",
},
]}
showRating={true}
title="Guest Reviews"
description="See why locals love dining with us."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Emma R.", handle: "@emma", testimonial: "Exceptional flavors!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-christmas-dinner-through-smartphone_23-2147715641.jpg" },
{ id: "t2", name: "Marcus B.", handle: "@mb", testimonial: "Fast pickup service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/welcome-our-restaurant_1098-15702.jpg" },
{ id: "t3", name: "Julia S.", handle: "@js", testimonial: "Best family dining spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-extended-family-having-fun-while-toasting-lunch-dining-table-focus-is-young-man_637285-2868.jpg" },
{ id: "t4", name: "Kevin T.", handle: "@kt", testimonial: "Always fresh, delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-men-discussing-content-laptop-cafe_1170-511.jpg" },
{ id: "t5", name: "Sophie M.", handle: "@sm", testimonial: "Authentic recipes, really.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-with-many-purchase-bags_1163-466.jpg" }
]}
showRating={true}
title="Guest Reviews"
description="See why locals love dining with us."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"FoodAdvisor",
"CityEats",
"LocalFoodHub",
"FlavorReview",
"DiningGuide",
"BiteCheck",
"CommunityEats",
]}
title="Trusted by Local Foodies"
description="Featured in and recommended by top local dining authorities."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["FoodAdvisor", "CityEats", "LocalFoodHub", "FlavorReview", "DiningGuide", "BiteCheck", "CommunityEats"]}
title="Trusted by Local Foodies"
description="Featured in and recommended by top local dining authorities."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer delivery?",
content: "Yes, we offer delivery within a 5-mile radius through our website.",
},
{
id: "f2",
title: "Can I make reservations?",
content: "Absolutely! Use our Reserve Now link to secure your table.",
},
{
id: "f3",
title: "Do you have vegetarian options?",
content: "Yes, we offer a variety of vegetarian-friendly Vietnamese dishes.",
},
]}
title="Frequently Asked Questions"
description="Get answers to common queries about our service."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you offer delivery?", content: "Yes, we offer delivery within a 5-mile radius through our website." },
{ id: "f2", title: "Can I make reservations?", content: "Absolutely! Use our Reserve Now link to secure your table." },
{ id: "f3", title: "Do you have vegetarian options?", content: "Yes, we offer a variety of vegetarian-friendly Vietnamese dishes." }
]}
title="Frequently Asked Questions"
description="Get answers to common queries about our service."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
title="Visit Us Today"
description="Book a table or reach out to our team with any questions."
imageSrc="http://img.b2bpic.net/free-photo/view-street-lights-london-city_23-2149437459.jpg"
mediaAnimation="slide-up"
buttonText="Submit Inquiry"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Contact"
useInvertedBackground={false}
background={{ variant: "plain" }}
title="Visit Us Today"
description="Book a table or reach out to our team with any questions."
imageSrc="http://img.b2bpic.net/free-photo/view-street-lights-london-city_23-2149437459.jpg"
mediaAnimation="slide-up"
buttonText="Submit Inquiry"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Menu",
href: "#products",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Contact",
items: [
{
label: "(555) 123-4567",
href: "tel:5551234567",
},
{
label: "123 Main St, Anytown",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Tu Hai Restaurant"
bottomRightText="All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#products" }, { label: "Contact", href: "#contact" }] },
{ title: "Contact", items: [{ label: "(555) 123-4567", href: "tel:5551234567" }, { label: "123 Main St, Anytown", href: "#" }] }
]}
bottomLeftText="© 2024 Tu Hai Restaurant"
bottomRightText="All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);