Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-01 14:48:44 +00:00

View File

@@ -27,366 +27,155 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Tuyen Nails"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Tuyen Nails"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Elegance at Your Fingertips"
description="Experience professional nail styling tailored to your unique personality. Relax, indulge, and leave with beautiful, high-quality results every single time."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820388.jpg?_wi=1",
imageAlt: "Luxurious salon interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-content-creator-social-media-sitting-front-digital_1258-254955.jpg?_wi=1",
imageAlt: "Professional salon service",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-smiling-girl-covering-her-eye_171337-4486.jpg?_wi=1",
imageAlt: "Satisfied client",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg?_wi=1",
imageAlt: "Detail work",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-wearing-flowers-bridal-party_23-2149312055.jpg?_wi=1",
imageAlt: "Manicure close-up",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-front-white-bricks-wall_23-2148328398.jpg?_wi=1",
imageAlt: "Professional result",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-front-white-bricks-wall_23-2148328398.jpg?_wi=2",
imageAlt: "Satisfied client",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-wearing-flowers-bridal-party_23-2149312055.jpg?_wi=2",
imageAlt: "Manicure detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg?_wi=2",
imageAlt: "Beautiful nails",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-smiling-girl-covering-her-eye_171337-4486.jpg?_wi=2",
imageAlt: "Happy guest",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-content-creator-social-media-sitting-front-digital_1258-254955.jpg?_wi=2",
imageAlt: "Service quality",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820388.jpg?_wi=2",
imageAlt: "Salon vibe",
},
]}
buttons={[
{
text: "Book Your Appointment",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-smiling-girl-covering-her-eye_171337-4486.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-friends-wearing-flowers-bridal-party_23-2149312055.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-front-white-bricks-wall_23-2148328398.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-content-creator-social-media-sitting-front-digital_1258-254955.jpg",
alt: "Client 5",
},
]}
avatarText="Loved by over 500+ happy clients"
marqueeItems={[
{
type: "text",
text: "Luxury Nail Care",
},
{
type: "text",
text: "Premium Gel Polish",
},
{
type: "text",
text: "Expert Manicures",
},
{
type: "text",
text: "Personalized Designs",
},
{
type: "text",
text: "Relaxing Atmosphere",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Elegance at Your Fingertips"
description="Experience professional nail styling tailored to your unique personality. Relax, indulge, and leave with beautiful, high-quality results every single time."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820388.jpg", imageAlt: "Luxurious salon interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-content-creator-social-media-sitting-front-digital_1258-254955.jpg", imageAlt: "Professional salon service" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-smiling-girl-covering-her-eye_171337-4486.jpg", imageAlt: "Satisfied client" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg", imageAlt: "Detail work" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-wearing-flowers-bridal-party_23-2149312055.jpg", imageAlt: "Manicure close-up" },
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-front-white-bricks-wall_23-2148328398.jpg", imageAlt: "Professional result" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-front-white-bricks-wall_23-2148328398.jpg", imageAlt: "Satisfied client" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-wearing-flowers-bridal-party_23-2149312055.jpg", imageAlt: "Manicure detail" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg", imageAlt: "Beautiful nails" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-smiling-girl-covering-her-eye_171337-4486.jpg", imageAlt: "Happy guest" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-content-creator-social-media-sitting-front-digital_1258-254955.jpg", imageAlt: "Service quality" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820388.jpg", imageAlt: "Salon vibe" }
]}
buttons={[{ text: "Book Your Appointment", href: "#contact" }]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="About Tuyen"
title="Passionate About Perfect Nails"
description="At Tuyen Nails, we believe your hands are your personal signature. We combine professional precision with a friendly, relaxed atmosphere, ensuring every visit is a pampering experience."
subdescription="From intricate designs to high-quality gel care, we take the time to listen and provide expert advice for your best results."
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-content-creator-social-media-sitting-front-digital_1258-254955.jpg?_wi=3"
mediaAnimation="slide-up"
icon={Sparkles}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="About Tuyen"
title="Passionate About Perfect Nails"
description="At Tuyen Nails, we believe your hands are your personal signature. We combine professional precision with a friendly, relaxed atmosphere, ensuring every visit is a pampering experience."
subdescription="From intricate designs to high-quality gel care, we take the time to listen and provide expert advice for your best results."
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-content-creator-social-media-sitting-front-digital_1258-254955.jpg"
mediaAnimation="slide-up"
icon={Sparkles}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Expert Precision",
description: "High quality products and meticulous attention to detail.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-smiling-girl-covering-her-eye_171337-4486.jpg?_wi=3",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg?_wi=3",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820388.jpg?_wi=3",
imageAlt: "luxury nail salon interior elegant",
},
{
id: 2,
title: "Personalized Designs",
description: "Your creative vision brought to life with passion.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-wearing-flowers-bridal-party_23-2149312055.jpg?_wi=3",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-front-white-bricks-wall_23-2148328398.jpg?_wi=3",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-content-creator-social-media-sitting-front-digital_1258-254955.jpg?_wi=4",
imageAlt: "professional nail stylist working",
},
{
id: 3,
title: "Relaxed Atmosphere",
description: "Enjoy complimentary treats while we pamper you.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-content-creator-social-media-sitting-front-digital_1258-254955.jpg?_wi=5",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820388.jpg?_wi=4",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-smiling-girl-covering-her-eye_171337-4486.jpg?_wi=4",
imageAlt: "happy woman nails manicure studio",
},
]}
showStepNumbers={false}
title="Why Choose Tuyen Nails"
description="We don't just do nails; we craft confidence. Discover why our clients keep coming back."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
showStepNumbers={false}
title="Why Choose Tuyen Nails"
description="We don't just do nails; we craft confidence. Discover why our clients keep coming back."
features={[
{
id: 1,
title: "Expert Precision", description: "High quality products and meticulous attention to detail.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-smiling-girl-covering-her-eye_171337-4486.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg" }
},
{
id: 2,
title: "Personalized Designs", description: "Your creative vision brought to life with passion.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-wearing-flowers-bridal-party_23-2149312055.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-front-white-bricks-wall_23-2148328398.jpg" }
},
{
id: 3,
title: "Relaxed Atmosphere", description: "Enjoy complimentary treats while we pamper you.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-content-creator-social-media-sitting-front-digital_1258-254955.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820388.jpg" }
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Jeske Jansen",
handle: "@jeske",
testimonial: "My trusted nail stylist for months. Friendly, high quality, and always a great conversation.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-smiling-girl-covering-her-eye_171337-4486.jpg?_wi=5",
},
{
id: "2",
name: "Eva Brock",
handle: "@eva",
testimonial: "Very satisfied with her work. She makes every design expectation come true.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg?_wi=4",
},
{
id: "3",
name: "Sappho Legters",
handle: "@sappho",
testimonial: "She takes her time and ensures perfection every single visit.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-wearing-flowers-bridal-party_23-2149312055.jpg?_wi=4",
},
{
id: "4",
name: "Danielle van Gorp",
handle: "@danielle",
testimonial: "Amazing work! She spoils you with delicious coffee and chocolates while working patiently.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-front-white-bricks-wall_23-2148328398.jpg?_wi=4",
},
{
id: "5",
name: "Sarah Miller",
handle: "@sarahnails",
testimonial: "The best manicure experience I've ever had. Truly luxurious.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-content-creator-social-media-sitting-front-digital_1258-254955.jpg?_wi=6",
},
]}
showRating={true}
title="Loved By Our Guests"
description="Hear what our amazing clients have to say about their experience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
showRating={true}
title="Loved By Our Guests"
description="Hear what our amazing clients have to say about their experience."
testimonials={[
{ id: "1", name: "Jeske Jansen", handle: "@jeske", testimonial: "My trusted nail stylist for months. Friendly, high quality, and always a great conversation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-smiling-girl-covering-her-eye_171337-4486.jpg" },
{ id: "2", name: "Eva Brock", handle: "@eva", testimonial: "Very satisfied with her work. She makes every design expectation come true.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg" },
{ id: "3", name: "Sappho Legters", handle: "@sappho", testimonial: "She takes her time and ensures perfection every single visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-wearing-flowers-bridal-party_23-2149312055.jpg" },
{ id: "4", name: "Danielle van Gorp", handle: "@danielle", testimonial: "Amazing work! She spoils you with delicious coffee and chocolates while working patiently.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-front-white-bricks-wall_23-2148328398.jpg" },
{ id: "5", name: "Sarah Miller", handle: "@sarahnails", testimonial: "The best manicure experience I've ever had. Truly luxurious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-content-creator-social-media-sitting-front-digital_1258-254955.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do I book an appointment?",
content: "You can reach out through our contact form or send a message directly to get your slot reserved.",
},
{
id: "q2",
title: "Do you offer custom designs?",
content: "Absolutely! We love trying out new creative ideas. Bring your inspiration and we'll make it happen.",
},
{
id: "q3",
title: "What payment methods are accepted?",
content: "We accept various payment methods for your convenience. Please ask during your visit.",
},
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
sideTitle="Common Questions"
faqsAnimation="slide-up"
faqs={[
{ id: "q1", title: "How do I book an appointment?", content: "You can reach out through our contact form or send a message directly to get your slot reserved." },
{ id: "q2", title: "Do you offer custom designs?", content: "Absolutely! We love trying out new creative ideas. Bring your inspiration and we'll make it happen." },
{ id: "q3", title: "What payment methods are accepted?", content: "We accept various payment methods for your convenience. Please ask during your visit." }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Ready for Beautiful Nails?"
description="Send us a message to book your appointment or ask about our services. Let's make your next look your best one yet."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your requested service or questions...",
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/pink-orchids-vase-windowsill-with-white-chairs_181624-10971.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Ready for Beautiful Nails?"
description="Send us a message to book your appointment or ask about our services. Let's make your next look your best one yet."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
textarea={{ name: "message", placeholder: "Your requested service or questions...", required: true }}
imageSrc="http://img.b2bpic.net/free-photo/pink-orchids-vase-windowsill-with-white-chairs_181624-10971.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820388.jpg?_wi=5"
columns={[
{
title: "Menu",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
{
label: "Reviews",
href: "#testimonials",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
]}
logoText="Tuyen Nails"
copyrightText="© 2025 Tuyen Nails | All Rights Reserved"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820388.jpg"
logoText="Tuyen Nails"
copyrightText="© 2025 Tuyen Nails | All Rights Reserved"
columns={[
{
title: "Menu", items: [
{ label: "Home", href: "#hero" },
{ label: "About", href: "#about" },
{ label: "Services", href: "#features" },
{ label: "Reviews", href: "#testimonials" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Social", items: [
{ label: "Instagram", href: "#" },
{ label: "Facebook", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);