Merge version_1 into main #1
354
src/app/page.tsx
354
src/app/page.tsx
@@ -20,176 +20,65 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Aura Salon"
|
||||
button={{ text: "Book Appointment", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Bangalore’s Premier Sanctuary for Beauty"
|
||||
description="Experience unparalleled sophistication and artisanal care in the heart of Bangalore. Our expert stylists redefine your look with precision and grace."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg",
|
||||
imageAlt: "elegant salon interior luxury",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13147.jpg",
|
||||
imageAlt: "professional stylist styling hair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drag-person-putting-makeup_23-2149256312.jpg",
|
||||
imageAlt: "stylish salon workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-preparing-equipment-work-barber-shop_23-2148182010.jpg",
|
||||
imageAlt: "woman getting hair treatment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beauty-products-shelf-with-copy-space_23-2150718013.jpg",
|
||||
imageAlt: "beauty products display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg",
|
||||
imageAlt: "aesthetic hair salon equipment",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg", imageAlt: "elegant salon interior luxury" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13147.jpg", imageAlt: "professional stylist styling hair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/drag-person-putting-makeup_23-2149256312.jpg", imageAlt: "stylish salon workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-preparing-equipment-work-barber-shop_23-2148182010.jpg", imageAlt: "woman getting hair treatment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-beauty-products-shelf-with-copy-space_23-2150718013.jpg", imageAlt: "beauty products display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg", imageAlt: "aesthetic hair salon equipment" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-asmr-microphone-with-objects-sound_23-2149319257.jpg",
|
||||
imageAlt: "aesthetic hair salon equipment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/body-care-products-metal-basket-health-hygiene-concept_169016-8771.jpg",
|
||||
imageAlt: "beauty products display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27178.jpg",
|
||||
imageAlt: "woman getting hair treatment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg",
|
||||
imageAlt: "stylish salon workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695691.jpg",
|
||||
imageAlt: "professional stylist styling hair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
|
||||
imageAlt: "elegant salon interior luxury",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185639.jpg",
|
||||
alt: "World theatre day celebration",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg",
|
||||
alt: "Skies and snowboard in lounge area",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg",
|
||||
alt: "Empty hotel reception entryway with glamorous decorations",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg",
|
||||
alt: "Empty therapist office with modern furniture and decorations",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-receiving-relaxing-massage-spa_23-2148176892.jpg",
|
||||
alt: "Woman receiving a relaxing massage in a spa",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/model-career-kit-still-life-top-view_23-2150217977.jpg",
|
||||
alt: "Model career kit still life top view",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-view-body-scrub-sponge-nail-polish-scissors-callus-remover-towel_23-2147926994.jpg",
|
||||
alt: "High angle view of body scrub; sponge; nail polish; scissors and callus remover on towel",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/smartphone-skincare-supplies_23-2147710697.jpg",
|
||||
alt: "Smartphone and skincare supplies",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-eco-products_23-2149371299.jpg",
|
||||
alt: "Still life of eco products",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/model-career-kit-still-life-top-view_23-2150217981.jpg",
|
||||
alt: "Model career kit still life top view",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-asmr-microphone-with-objects-sound_23-2149319257.jpg", imageAlt: "aesthetic hair salon equipment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/body-care-products-metal-basket-health-hygiene-concept_169016-8771.jpg", imageAlt: "beauty products display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27178.jpg", imageAlt: "woman getting hair treatment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg", imageAlt: "stylish salon workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695691.jpg", imageAlt: "professional stylist styling hair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg", imageAlt: "elegant salon interior luxury" },
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Perfection"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Five-Star Reviews",
|
||||
value: "99%",
|
||||
},
|
||||
{ icon: Award, label: "Years of Experience", value: "15+" },
|
||||
{ icon: Users, label: "Happy Clients", value: "10k+" },
|
||||
{ icon: Star, label: "Five-Star Reviews", value: "99%" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -198,24 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Artisanal Haircut",
|
||||
description: "Precision styling tailored to your natural movement and lifestyle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/combs-brushes_23-2147711617.jpg",
|
||||
imageAlt: "modern hair styling tools",
|
||||
},
|
||||
{
|
||||
title: "Organic Facial",
|
||||
description: "Nourishing skincare rituals using sustainably sourced premium ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-young-woman-with-green-cosmetic-mask-her-face-is-resting-while-lying-spa-salon-top-view_169016-15361.jpg",
|
||||
imageAlt: "organic facial treatment spa",
|
||||
},
|
||||
{
|
||||
title: "Manicure Suite",
|
||||
description: "Impeccable nail care in a serene, hygienic environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warm-oil-drop-palms-before-massage-selfcare-ritual_169016-69527.jpg",
|
||||
imageAlt: "manicure and pedicure station",
|
||||
},
|
||||
{ title: "Artisanal Haircut", description: "Precision styling tailored to your natural movement and lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/combs-brushes_23-2147711617.jpg", imageAlt: "modern hair styling tools" },
|
||||
{ title: "Organic Facial", description: "Nourishing skincare rituals using sustainably sourced premium ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/funny-young-woman-with-green-cosmetic-mask-her-face-is-resting-while-lying-spa-salon-top-view_169016-15361.jpg", imageAlt: "organic facial treatment spa" },
|
||||
{ title: "Manicure Suite", description: "Impeccable nail care in a serene, hygienic environment.", imageSrc: "http://img.b2bpic.net/free-photo/warm-oil-drop-palms-before-massage-selfcare-ritual_169016-69527.jpg", imageAlt: "manicure and pedicure station" },
|
||||
]}
|
||||
title="Signature Services"
|
||||
description="Tailored treatments for the modern individual."
|
||||
@@ -228,41 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Entry",
|
||||
price: "₹1,500",
|
||||
subtitle: "Essential Grooming",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Wash",
|
||||
"Styling",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Popular",
|
||||
price: "₹4,500",
|
||||
subtitle: "The Aura Experience",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Facial",
|
||||
"Manicure",
|
||||
"Scalp Massage",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Full",
|
||||
price: "₹8,000",
|
||||
subtitle: "Total Transformation",
|
||||
features: [
|
||||
"Everything in Aura",
|
||||
"Coloring",
|
||||
"Deep Conditioning",
|
||||
"Premium Facial",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Entry", price: "₹1,500", subtitle: "Essential Grooming", features: ["Haircut", "Wash", "Styling"] },
|
||||
{ id: "p2", badge: "Popular", price: "₹4,500", subtitle: "The Aura Experience", features: ["Haircut", "Facial", "Manicure", "Scalp Massage"] },
|
||||
{ id: "p3", badge: "Full", price: "₹8,000", subtitle: "Total Transformation", features: ["Everything in Aura", "Coloring", "Deep Conditioning", "Premium Facial"] },
|
||||
]}
|
||||
title="Transparent Luxury"
|
||||
description="Choose your journey to wellness."
|
||||
@@ -276,34 +118,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Anya Sharma",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg",
|
||||
imageAlt: "professional stylist portrait",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Vikram Seth",
|
||||
role: "Master Colorist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-color-hair-dye_329181-1928.jpg",
|
||||
imageAlt: "master hair colorist",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Priya Reddy",
|
||||
role: "Senior Esthetician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg",
|
||||
imageAlt: "professional esthetician",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Rajiv Khanna",
|
||||
role: "Salon Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-stylist-trimming-hair-ends_23-2147769818.jpg",
|
||||
imageAlt: "salon director professional",
|
||||
},
|
||||
{ id: "m1", name: "Anya Sharma", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg", imageAlt: "professional stylist portrait" },
|
||||
{ id: "m2", name: "Vikram Seth", role: "Master Colorist", imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-color-hair-dye_329181-1928.jpg", imageAlt: "master hair colorist" },
|
||||
{ id: "m3", name: "Priya Reddy", role: "Senior Esthetician", imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg", imageAlt: "professional esthetician" },
|
||||
{ id: "m4", name: "Rajiv Khanna", role: "Salon Manager", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-stylist-trimming-hair-ends_23-2147769818.jpg", imageAlt: "salon director professional" },
|
||||
]}
|
||||
title="Our Elite Artisans"
|
||||
description="Crafted by the best in the industry."
|
||||
@@ -314,36 +132,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anjali V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background-high-quality-photo_114579-60868.jpg",
|
||||
imageAlt: "happy client professional salon",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Rahul M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-bride-getting-ready-front-view_23-2149721977.jpg",
|
||||
imageAlt: "satisfied customer skin treatment",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sonia K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-man-working-his-laptop_23-2148404379.jpg",
|
||||
imageAlt: "happy customer professional spa",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kiran S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924090.jpg",
|
||||
imageAlt: "woman satisfied haircut results",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Meera B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-applying-cream_23-2148389885.jpg",
|
||||
imageAlt: "happy customer spa experience",
|
||||
},
|
||||
{ id: "t1", name: "Anjali V.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background-high-quality-photo_114579-60868.jpg", imageAlt: "happy client professional salon" },
|
||||
{ id: "t2", name: "Rahul M.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-bride-getting-ready-front-view_23-2149721977.jpg", imageAlt: "satisfied customer skin treatment" },
|
||||
{ id: "t3", name: "Sonia K.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-man-working-his-laptop_23-2148404379.jpg", imageAlt: "happy customer professional spa" },
|
||||
{ id: "t4", name: "Kiran S.", imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924090.jpg", imageAlt: "woman satisfied haircut results" },
|
||||
{ id: "t5", name: "Meera B.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-applying-cream_23-2148389885.jpg", imageAlt: "happy customer spa experience" },
|
||||
]}
|
||||
cardTitle="Voices of Aura"
|
||||
cardTag="Testimonials"
|
||||
@@ -355,21 +148,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need to book an appointment?",
|
||||
content: "Yes, we recommend booking in advance to ensure availability.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What products do you use?",
|
||||
content: "We exclusively use organic, high-end salon-grade products.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located in the heart of Bangalore, near Indiranagar.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need to book an appointment?", content: "Yes, we recommend booking in advance to ensure availability." },
|
||||
{ id: "f2", title: "What products do you use?", content: "We exclusively use organic, high-end salon-grade products." },
|
||||
{ id: "f3", title: "Where are you located?", content: "We are located in the heart of Bangalore, near Indiranagar." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -379,46 +160,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Book your bespoke experience at Aura Salon today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: +91 99999 99999",
|
||||
href: "tel:+919999999999",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now: +91 99999 99999", href: "tel:+919999999999" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="AURA SALON"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user