Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-13 13:00:56 +00:00

View File

@@ -29,394 +29,157 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Book",
id: "booking",
},
]}
brandName="Varad Salon"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Book", id: "booking" },
]}
brandName="Varad Salon"
button={{ text: "Book Appointment", href: "#booking" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "radial-gradient",
}}
title="Where Every Look Becomes a Statement."
description="Sambhaji Nagar's most trusted salon for hair, skin, bridal, and wellness — with 5★ results and a team that truly cares."
buttons={[
{
text: "Book an Appointment",
href: "#booking",
},
{
text: "Explore Services",
href: "#services",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg",
imageAlt: "Luxurious salon hero",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg",
imageAlt: "Luxurious salon hero 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695833.jpg",
imageAlt: "Luxurious salon hero 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg",
imageAlt: "Luxurious salon hero 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8828.jpg",
imageAlt: "Luxurious salon hero 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cute-blond-woman-cozy-wear-home_624325-3014.jpg",
imageAlt: "Luxurious salon hero 6",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "radial-gradient" }}
title="Where Every Look Becomes a Statement."
description="Sambhaji Nagar's most trusted salon for hair, skin, bridal, and wellness — with 5★ results and a team that truly cares."
buttons={[
{ text: "Book an Appointment", href: "#booking" },
{ text: "Explore Services", href: "#services" },
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg", imageAlt: "Luxurious salon hero" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-black-sweater-standing-posing_114579-58758.jpg", imageAlt: "Luxurious salon hero 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695833.jpg", imageAlt: "Luxurious salon hero 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg", imageAlt: "Luxurious salon hero 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8828.jpg", imageAlt: "Luxurious salon hero 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cute-blond-woman-cozy-wear-home_624325-3014.jpg", imageAlt: "Luxurious salon hero 6" }
]}
/>
</div>
<div id="trust" data-section="trust">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "5★",
title: "Google Rating",
description: "Top-rated service",
icon: Star,
},
{
id: "m2",
value: "1000+",
title: "Happy Clients",
description: "Trusted transformations",
icon: Users,
},
{
id: "m3",
value: "Expert",
title: "Bridal Specialists",
description: "Your perfect day",
icon: Heart,
},
{
id: "m4",
value: "5+",
title: "Years Experience",
description: "Professional legacy",
icon: Award,
},
]}
title="Varad Salon Excellence"
description="Experience premium care that sets the standard in Sambhaji Nagar."
/>
</div>
<div id="trust" data-section="trust">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "5★", title: "Google Rating", description: "Top-rated service", icon: Star },
{ id: "m2", value: "1000+", title: "Happy Clients", description: "Trusted transformations", icon: Users },
{ id: "m3", value: "Expert", title: "Bridal Specialists", description: "Your perfect day", icon: Heart },
{ id: "m4", value: "5+", title: "Years Experience", description: "Professional legacy", icon: Award },
]}
title="Varad Salon Excellence"
description="Experience premium care that sets the standard in Sambhaji Nagar."
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Not Just a Salon. ",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/woman-pampering-face-client-salon_23-2147736961.jpg",
alt: "Salon ritual",
},
{
type: "text",
content: "A Ritual.",
},
]}
buttons={[
{
text: "Learn More",
href: "#",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Not Just a Salon. " },
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-pampering-face-client-salon_23-2147736961.jpg", alt: "Salon ritual" },
{ type: "text", content: "A Ritual." },
]}
buttons={[{ text: "Learn More", href: "#" }]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "s1",
title: "Haircuts & Styling",
author: "Rahul",
description: "Precision cuts for every hair type.",
tags: [
"Hair",
"Style",
],
imageSrc: "http://img.b2bpic.net/free-vector/beauty-cosmetics-hand-drawn-icons-set-infographics-mobile-uxui-kit-print-design-include-beauty-buds-cotton-makeup-woman-cosmetic-beauty-love-icon-set-vector_1057-11425.jpg",
},
{
id: "s2",
title: "Hair Coloring",
author: "Rahul",
description: "From subtle highlights to bold looks.",
tags: [
"Color",
"Transformation",
],
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-orange-mask-accessories_23-2148401576.jpg",
},
{
id: "s3",
title: "Facials & Skin",
author: "Sanika",
description: "Glow-restoring treatments.",
tags: [
"Skin",
"Glow",
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eye-patches_23-2149259910.jpg",
},
{
id: "s4",
title: "Bridal Packages",
author: "Team",
description: "Full-day bridal perfection.",
tags: [
"Bridal",
"Wedding",
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-indoors-side-view_23-2149640908.jpg",
},
{
id: "s5",
title: "Wellness Massage",
author: "Sanika",
description: "Rejuvenating oil treatments.",
tags: [
"Massage",
"Wellness",
],
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towel-sea-salt_169016-21029.jpg",
},
{
id: "s6",
title: "Makeup Services",
author: "Team",
description: "Flawless looks for any occasion.",
tags: [
"Makeup",
"Events",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1hz647",
},
]}
title="Our Signature Services"
description="Premium treatments tailored to your unique beauty."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ id: "s1", title: "Haircuts & Styling", author: "Rahul", description: "Precision cuts for every hair type.", tags: ["Hair", "Style"], imageSrc: "http://img.b2bpic.net/free-vector/beauty-cosmetics-hand-drawn-icons-set-infographics-mobile-uxui-kit-print-design-include-beauty-buds-cotton-makeup-woman-cosmetic-beauty-love-icon-set-vector_1057-11425.jpg" },
{ id: "s2", title: "Hair Coloring", author: "Rahul", description: "From subtle highlights to bold looks.", tags: ["Color", "Transformation"], imageSrc: "http://img.b2bpic.net/free-photo/monochrome-orange-mask-accessories_23-2148401576.jpg" },
{ id: "s3", title: "Facials & Skin", author: "Sanika", description: "Glow-restoring treatments.", tags: ["Skin", "Glow"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eye-patches_23-2149259910.jpg" },
{ id: "s4", title: "Bridal Packages", author: "Team", description: "Full-day bridal perfection.", tags: ["Bridal", "Wedding"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-indoors-side-view_23-2149640908.jpg" },
{ id: "s5", title: "Wellness Massage", author: "Sanika", description: "Rejuvenating oil treatments.", tags: ["Massage", "Wellness"], imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-towel-sea-salt_169016-21029.jpg" },
{ id: "s6", title: "Makeup Services", author: "Team", description: "Flawless looks for any occasion.", tags: ["Makeup", "Events"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1hz647" },
]}
title="Our Signature Services"
description="Premium treatments tailored to your unique beauty."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Google Reviewer",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",
},
{
id: "t2",
name: "Kunal B.",
imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg",
},
{
id: "t3",
name: "Priya J.",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105867.jpg",
},
{
id: "t4",
name: "Ashu K.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
},
{
id: "t5",
name: "Titiksha D.",
imageSrc: "http://img.b2bpic.net/free-photo/special-product-photography-studio_23-2148970211.jpg",
},
{
id: "t6",
name: "Rahul B.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg",
},
]}
cardTitle="Client Voices"
cardAnimation="slide-up"
cardTag="Testimonials"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Google Reviewer", imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg" },
{ id: "t2", name: "Kunal B.", imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg" },
{ id: "t3", name: "Priya J.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105867.jpg" },
{ id: "t4", name: "Ashu K.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg" },
{ id: "t5", name: "Titiksha D.", imageSrc: "http://img.b2bpic.net/free-photo/special-product-photography-studio_23-2148970211.jpg" },
{ id: "t6", name: "Rahul B.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg" },
]}
cardTitle="Client Voices"
cardAnimation="slide-up"
cardTag="Testimonials"
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
members={[
{
id: "tm1",
name: "Sanika",
role: "Facial & Color Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81875.jpg",
},
{
id: "tm2",
name: "Rahul",
role: "Hair Styling Expert",
imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-chair-hairdresser_23-2147769877.jpg",
},
{
id: "tm3",
name: "Priya",
role: "Senior Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
},
{
id: "tm4",
name: "Arjun",
role: "Colorist",
imageSrc: "http://img.b2bpic.net/free-photo/stable-girl-white-doctor-uniform_141793-376.jpg",
},
]}
title="Meet the Magic Makers"
description="Our experts bring years of passion and precision."
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
members={[
{ id: "tm1", name: "Sanika", role: "Facial & Color Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81875.jpg" },
{ id: "tm2", name: "Rahul", role: "Hair Styling Expert", imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-chair-hairdresser_23-2147769877.jpg" },
{ id: "tm3", name: "Priya", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg" },
{ id: "tm4", name: "Arjun", role: "Colorist", imageSrc: "http://img.b2bpic.net/free-photo/stable-girl-white-doctor-uniform_141793-376.jpg" },
]}
title="Meet the Magic Makers"
description="Our experts bring years of passion and precision."
/>
</div>
<div id="why-varad" data-section="why-varad">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Warm, Professional Staff",
content: "Friendly and attentive from the moment you walk in.",
},
{
id: "f2",
title: "Consistent Quality",
content: "Services that are always on point, every visit.",
},
{
id: "f3",
title: "Honest Prices",
content: "Luxury experience without the luxury markup.",
},
{
id: "f4",
title: "Bridal Specialists",
content: "Your most important day, handled with perfection.",
},
{
id: "f5",
title: "Relaxing Ambiance",
content: "Designed to help you unwind and feel at home.",
},
]}
title="The Varad Difference"
description="Why choose us for your next transformation?"
faqsAnimation="slide-up"
/>
</div>
<div id="why-varad" data-section="why-varad">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Warm, Professional Staff", content: "Friendly and attentive from the moment you walk in." },
{ id: "f2", title: "Consistent Quality", content: "Services that are always on point, every visit." },
{ id: "f3", title: "Honest Prices", content: "Luxury experience without the luxury markup." },
{ id: "f4", title: "Bridal Specialists", content: "Your most important day, handled with perfection." },
{ id: "f5", title: "Relaxing Ambiance", content: "Designed to help you unwind and feel at home." },
]}
title="The Varad Difference"
description="Why choose us for your next transformation?"
faqsAnimation="slide-up"
/>
</div>
<div id="booking" data-section="booking">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
tag="Book Now"
title="Your Best Look is One Booking Away."
description="Walk in as you are. Walk out transformed."
buttons={[
{
text: "Book Your Appointment Now",
href: "#",
},
]}
/>
</div>
<div id="booking" data-section="booking">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
tag="Book Now"
title="Your Best Look is One Booking Away."
description="Walk in as you are. Walk out transformed."
buttons={[{ text: "Book Your Appointment Now", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#services",
},
{
label: "About",
href: "#about",
},
{
label: "Book Now",
href: "#booking",
},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
{
label: "Google Maps",
href: "#",
},
],
},
]}
logoText="Varad Salon"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }, { label: "Book Now", href: "#booking" }] },
{ items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Google Maps", href: "#" }] },
]}
logoText="Varad Salon"
/>
</div>
</ReactLenis>
</ThemeProvider>
);