Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-12 15:32:07 +00:00

View File

@@ -17,376 +17,166 @@ import { Award, Sparkles, Users } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
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">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Looks Salon"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" }
]}
brandName="Looks Salon"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Unveiling Your Inner Radiance at Looks Salon"
description="Experience premium beauty services in the heart of Pacific Mall, Jasola. From expert hair care to rejuvenating spa treatments, we define elegance."
testimonials={[
{
name: "Ananya Sharma",
handle: "@ananyas",
testimonial: "The best hair coloring service I've ever had!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=1",
imageAlt: "luxurious salon interior calm",
},
{
name: "Rahul Verma",
handle: "@rv_style",
testimonial: "Excellent service and very professional staff.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-clipboard-scissors-smiling-cheerfully_141793-37236.jpg?_wi=1",
imageAlt: "luxurious salon interior calm",
},
{
name: "Priya Gupta",
handle: "@priyag",
testimonial: "Very relaxing spa experience. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-cleaning-nails_23-2148766582.jpg?_wi=1",
imageAlt: "luxurious salon interior calm",
},
{
name: "Sonia Reddy",
handle: "@soniar",
testimonial: "Looks Salon is my go-to for every occasion.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-face-covered-with-mask-close-up_1303-16799.jpg?_wi=1",
imageAlt: "luxurious salon interior calm",
},
{
name: "Vikram Seth",
handle: "@vikramseth",
testimonial: "Outstanding attention to detail. Truly premium.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg?_wi=1",
imageAlt: "luxurious salon interior calm",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-businesswomen-copy-space-mobile-phone_23-2148761349.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/blond-ethnic-coworkers-doing-selfie-workplace_23-2148180695.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg",
alt: "Client 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Unveiling Your Inner Radiance at Looks Salon"
description="Experience premium beauty services in the heart of Pacific Mall, Jasola. From expert hair care to rejuvenating spa treatments, we define elegance."
testimonials={[
{ name: "Ananya Sharma", handle: "@ananyas", testimonial: "The best hair coloring service I've ever had!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", imageAlt: "luxurious salon interior calm" },
{ name: "Rahul Verma", handle: "@rv_style", testimonial: "Excellent service and very professional staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-clipboard-scissors-smiling-cheerfully_141793-37236.jpg", imageAlt: "luxurious salon interior calm" },
{ name: "Priya Gupta", handle: "@priyag", testimonial: "Very relaxing spa experience. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-cleaning-nails_23-2148766582.jpg", imageAlt: "luxurious salon interior calm" },
{ name: "Sonia Reddy", handle: "@soniar", testimonial: "Looks Salon is my go-to for every occasion.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-face-covered-with-mask-close-up_1303-16799.jpg", imageAlt: "luxurious salon interior calm" },
{ name: "Vikram Seth", handle: "@vikramseth", testimonial: "Outstanding attention to detail. Truly premium.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg", imageAlt: "luxurious salon interior calm" }
]}
imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-businesswomen-copy-space-mobile-phone_23-2148761349.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/blond-ethnic-coworkers-doing-selfie-workplace_23-2148180695.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg", alt: "Client 5" }
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="Excellence in Beauty"
metrics={[
{
label: "Years Experience",
value: "15+",
icon: Award,
},
{
label: "Happy Clients",
value: "50K+",
icon: Users,
},
{
label: "Services Offered",
value: "120+",
icon: Sparkles,
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="Excellence in Beauty"
metrics={[
{ label: "Years Experience", value: "15+", icon: Award },
{ label: "Happy Clients", value: "50K+", icon: Users },
{ label: "Services Offered", value: "120+", icon: Sparkles }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Expert Hair Artistry",
description: "Professional cutting, coloring, and styling tailored just for you.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-clipboard-scissors-smiling-cheerfully_141793-37236.jpg?_wi=2",
},
{
title: "Rejuvenating Facials",
description: "Advanced skin treatments to restore natural glow and youthfulness.",
imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-cleaning-nails_23-2148766582.jpg?_wi=2",
},
{
title: "Premium Nail Spa",
description: "Meticulous nail care services for a polished, elegant look.",
imageSrc: "http://img.b2bpic.net/free-photo/female-face-covered-with-mask-close-up_1303-16799.jpg?_wi=2",
},
]}
title="Our Signature Services"
description="Discover our comprehensive range of high-end salon treatments designed to refresh, rejuvenate, and restore your style."
/>
</div>
<div id="features" data-section="features">
<FeatureCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{ title: "Expert Hair Artistry", description: "Professional cutting, coloring, and styling tailored just for you.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-clipboard-scissors-smiling-cheerfully_141793-37236.jpg" },
{ title: "Rejuvenating Facials", description: "Advanced skin treatments to restore natural glow and youthfulness.", imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-cleaning-nails_23-2148766582.jpg" },
{ title: "Premium Nail Spa", description: "Meticulous nail care services for a polished, elegant look.", imageSrc: "http://img.b2bpic.net/free-photo/female-face-covered-with-mask-close-up_1303-16799.jpg" }
]}
title="Our Signature Services"
description="Discover our comprehensive range of high-end salon treatments designed to refresh, rejuvenate, and restore your style."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Essential",
price: "₹1,500",
subtitle: "Basic grooming and care",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Haircut",
"Wash & Blow-dry",
"Basic Manicure",
],
},
{
id: "pro",
badge: "Premium",
price: "₹3,500",
subtitle: "Signature beauty experience",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Styling & Color",
"Luxury Facial",
"Premium Manicure/Pedicure",
],
},
{
id: "vip",
badge: "V.I.P",
price: "₹6,000",
subtitle: "Ultimate transformation",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Full Makeover",
"Keratin Treatment",
"Full Body Spa",
],
},
]}
title="Transparent Pricing"
description="Explore our competitive pricing packages for world-class beauty services."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{ id: "basic", badge: "Essential", price: "₹1,500", subtitle: "Basic grooming and care", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Haircut", "Wash & Blow-dry", "Basic Manicure"] },
{ id: "pro", badge: "Premium", price: "₹3,500", subtitle: "Signature beauty experience", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Styling & Color", "Luxury Facial", "Premium Manicure/Pedicure"] },
{ id: "vip", badge: "V.I.P", price: "₹6,000", subtitle: "Ultimate transformation", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Full Makeover", "Keratin Treatment", "Full Body Spa"] }
]}
title="Transparent Pricing"
description="Explore our competitive pricing packages for world-class beauty services."
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "m1",
name: "Aman Singh",
role: "Creative Director",
description: "10 years in precision hair artistry.",
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg?_wi=2",
},
{
id: "m2",
name: "Riya Sharma",
role: "Senior Stylist",
description: "Expert in global color trends and balayage.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-woman-black-shirt-posing-white-background-high-quality-photo_114579-61008.jpg",
},
{
id: "m3",
name: "Kavita Rao",
role: "Skin Specialist",
description: "Specialist in advanced dermatology-based facials.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-three-businesswomen-indoors_23-2148824830.jpg",
},
]}
title="Meet the Artists"
description="Our team of seasoned beauty professionals is dedicated to your complete satisfaction."
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{ id: "m1", name: "Aman Singh", role: "Creative Director", description: "10 years in precision hair artistry.", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg" },
{ id: "m2", name: "Riya Sharma", role: "Senior Stylist", description: "Expert in global color trends and balayage.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-woman-black-shirt-posing-white-background-high-quality-photo_114579-61008.jpg" },
{ id: "m3", name: "Kavita Rao", role: "Skin Specialist", description: "Specialist in advanced dermatology-based facials.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-three-businesswomen-indoors_23-2148824830.jpg" }
]}
title="Meet the Artists"
description="Our team of seasoned beauty professionals is dedicated to your complete satisfaction."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={true}
testimonial="Looks Salon Jasola consistently delivers perfect results every single time I visit. Highly recommend their color treatments!"
rating={5}
author="Anjali Deshmukh"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-businesswomen-copy-space-mobile-phone_23-2148761349.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/blond-ethnic-coworkers-doing-selfie-workplace_23-2148180695.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg",
alt: "Client 5",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={true}
testimonial="Looks Salon Jasola consistently delivers perfect results every single time I visit. Highly recommend their color treatments!"
rating={5}
author="Anjali Deshmukh"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-businesswomen-copy-space-mobile-phone_23-2148761349.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/blond-ethnic-coworkers-doing-selfie-workplace_23-2148180695.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg", alt: "Client 5" }
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do I need an appointment?",
content: "We recommend booking in advance, though walk-ins are accommodated based on availability.",
},
{
id: "f2",
title: "Are salon products for sale?",
content: "Yes, we stock a wide range of professional hair and skincare products used in our salon.",
},
{
id: "f3",
title: "Do you offer group packages?",
content: "Absolutely, we specialize in bridal and group styling packages.",
},
]}
title="Questions Answered"
description="Everything you need to know about your next appointment at Looks Salon."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do I need an appointment?", content: "We recommend booking in advance, though walk-ins are accommodated based on availability." },
{ id: "f2", title: "Are salon products for sale?", content: "Yes, we stock a wide range of professional hair and skincare products used in our salon." },
{ id: "f3", title: "Do you offer group packages?", content: "Absolutely, we specialize in bridal and group styling packages." }
]}
title="Questions Answered"
description="Everything you need to know about your next appointment at Looks Salon."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
text="Ready for a transformation? Visit us at Pacific Mall, Jasola or book your consultation today."
buttons={[
{
text: "Call to Book",
href: "tel:+919876543210",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
text="Ready for a transformation? Visit us at Pacific Mall, Jasola or book your consultation today."
buttons={[{ text: "Call to Book", href: "tel:+919876543210" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Looks Salon Jasola"
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Services",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
copyrightText="© 2025 Looks Salon, Pacific Mall Jasola."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Looks Salon Jasola"
columns={[
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
copyrightText="© 2025 Looks Salon, Pacific Mall Jasola."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}