Update src/app/page.tsx
This commit is contained in:
221
src/app/page.tsx
221
src/app/page.tsx
@@ -33,26 +33,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
brandName="Aura Luxury Spa"
|
||||
/>
|
||||
</div>
|
||||
@@ -63,39 +53,23 @@ export default function LandingPage() {
|
||||
description="Indulge in a curated journey of beauty, wellness, and relaxation. Where elegance meets tranquility."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blanket-with-red-rose-blurred-background_1122-1473.jpg",
|
||||
imageAlt: "Luxury Salon Experience",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blanket-with-red-rose-blurred-background_1122-1473.jpg", imageAlt: "Luxury Salon Experience"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAgW4mkuU8MyHxP8dfgJ26jSWN/uploaded-1779626840941-ep9iioxp.jpg?_wi=1",
|
||||
imageAlt: "Salon Equipment Close-up",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAgW4mkuU8MyHxP8dfgJ26jSWN/uploaded-1779626840941-ep9iioxp.jpg", imageAlt: "Salon Equipment Close-up"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAgW4mkuU8MyHxP8dfgJ26jSWN/uploaded-1779626840941-ri03jmoj.jpg?_wi=1",
|
||||
imageAlt: "Beauty Tools Arrangement",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAgW4mkuU8MyHxP8dfgJ26jSWN/uploaded-1779626840941-ri03jmoj.jpg", imageAlt: "Beauty Tools Arrangement"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-having-cosmetic-treatment-spa_23-2148825312.jpg",
|
||||
imageAlt: "Luxury Spa Interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-having-cosmetic-treatment-spa_23-2148825312.jpg", imageAlt: "Luxury Spa Interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407596.jpg",
|
||||
imageAlt: "Professional Beauty Care",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407596.jpg", imageAlt: "Professional Beauty Care"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candles-towels-bath-salt-serum-bathtub-filled-with-water_23-2149239363.jpg",
|
||||
imageAlt: "Salon Aesthetic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candles-towels-bath-salt-serum-bathtub-filled-with-water_23-2149239363.jpg", imageAlt: "Salon Aesthetic"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,19 +81,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years Experience", value: "15+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Happy Clients",
|
||||
value: "5k+",
|
||||
},
|
||||
label: "Happy Clients", value: "5k+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Awards Won",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Awards Won", value: "20+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -131,23 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Hair Styling & Spa",
|
||||
description: "Precision cuts and deep-conditioning rituals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-setting-hair-client-styling_23-2147769849.jpg",
|
||||
imageAlt: "Hair Services",
|
||||
},
|
||||
title: "Hair Styling & Spa", description: "Precision cuts and deep-conditioning rituals.", imageSrc: "http://img.b2bpic.net/free-photo/woman-setting-hair-client-styling_23-2147769849.jpg", imageAlt: "Hair Services"},
|
||||
{
|
||||
title: "Facial Treatments",
|
||||
description: "Tailored skincare using premium botanical ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applies-alginate-mask-with-spatula-face-woman_343596-4286.jpg",
|
||||
imageAlt: "Facial Services",
|
||||
},
|
||||
title: "Facial Treatments", description: "Tailored skincare using premium botanical ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applies-alginate-mask-with-spatula-face-woman_343596-4286.jpg", imageAlt: "Facial Services"},
|
||||
{
|
||||
title: "Bridal Artistry",
|
||||
description: "Bespoke makeup looks for your most significant moments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-friendship-home-party-concept_1157-37580.jpg",
|
||||
imageAlt: "Bridal Services",
|
||||
},
|
||||
title: "Bridal Artistry", description: "Bespoke makeup looks for your most significant moments.", imageSrc: "http://img.b2bpic.net/free-photo/female-friendship-home-party-concept_1157-37580.jpg", imageAlt: "Bridal Services"},
|
||||
]}
|
||||
title="Signature Services"
|
||||
description="From transformative hair styling to rejuvenating facials, every treatment is a personalized ritual."
|
||||
@@ -158,44 +114,21 @@ export default function LandingPage() {
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Transformation One",
|
||||
price: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13141.jpg",
|
||||
},
|
||||
id: "1", name: "Transformation One", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13141.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Transformation Two",
|
||||
price: "Before & After",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAgW4mkuU8MyHxP8dfgJ26jSWN/uploaded-1779626840941-ep9iioxp.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Transformation Two", price: "Before & After", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAgW4mkuU8MyHxP8dfgJ26jSWN/uploaded-1779626840941-ep9iioxp.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Transformation Three",
|
||||
price: "Before & After",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAgW4mkuU8MyHxP8dfgJ26jSWN/uploaded-1779626840941-ri03jmoj.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Transformation Three", price: "Before & After", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EAgW4mkuU8MyHxP8dfgJ26jSWN/uploaded-1779626840941-ri03jmoj.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Transformation Four",
|
||||
price: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-man-getting-facial-mask-cosmetic-treatment-spa-salon_637285-1727.jpg",
|
||||
},
|
||||
id: "4", name: "Transformation Four", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-man-getting-facial-mask-cosmetic-treatment-spa-salon_637285-1727.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Transformation Five",
|
||||
price: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg",
|
||||
},
|
||||
id: "5", name: "Transformation Five", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Transformation Six",
|
||||
price: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-friendship-home-party-concept_1157-37577.jpg",
|
||||
},
|
||||
id: "6", name: "Transformation Six", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/female-friendship-home-party-concept_1157-37577.jpg"},
|
||||
]}
|
||||
title="The Aura Gallery"
|
||||
description="Witness the transformation of confidence and style through our expert hands."
|
||||
@@ -209,40 +142,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah D.",
|
||||
role: "Fashion Editor",
|
||||
testimonial: "The best experience I've had. Pure luxury and absolute professionalism.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah D.", role: "Fashion Editor", testimonial: "The best experience I've had. Pure luxury and absolute professionalism.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya K.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Aura truly understands the science of relaxation. Simply divine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fair-skinned-young-blonde-women-are-testing-new-facial-serum-while-sitting-table-indoors-cosmetic-procedures-concept_197531-31462.jpg",
|
||||
},
|
||||
id: "2", name: "Priya K.", role: "Entrepreneur", testimonial: "Aura truly understands the science of relaxation. Simply divine.", imageSrc: "http://img.b2bpic.net/free-photo/fair-skinned-young-blonde-women-are-testing-new-facial-serum-while-sitting-table-indoors-cosmetic-procedures-concept_197531-31462.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chloe M.",
|
||||
role: "Model",
|
||||
testimonial: "My go-to place for bridal makeup. Flawless every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
|
||||
},
|
||||
id: "3", name: "Chloe M.", role: "Model", testimonial: "My go-to place for bridal makeup. Flawless every single time.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ananya R.",
|
||||
role: "Artist",
|
||||
testimonial: "Transformative and soothing. I always leave feeling like a new person.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230961.jpg",
|
||||
},
|
||||
id: "4", name: "Ananya R.", role: "Artist", testimonial: "Transformative and soothing. I always leave feeling like a new person.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230961.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena P.",
|
||||
role: "Executive",
|
||||
testimonial: "Exquisite quality and the attention to detail is just unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335457.jpg",
|
||||
},
|
||||
id: "5", name: "Elena P.", role: "Executive", testimonial: "Exquisite quality and the attention to detail is just unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335457.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Read about the radiance and confidence we bring to every guest."
|
||||
@@ -257,26 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "tm1",
|
||||
name: "Elise R.",
|
||||
role: "Creative Director",
|
||||
description: "20+ years of expertise in high-fashion hairstyling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg",
|
||||
},
|
||||
id: "tm1", name: "Elise R.", role: "Creative Director", description: "20+ years of expertise in high-fashion hairstyling.", imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg"},
|
||||
{
|
||||
id: "tm2",
|
||||
name: "Marcus V.",
|
||||
role: "Senior Colorist",
|
||||
description: "A specialist in balayage and organic hair treatments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-wiping-make-up-lady_23-2148398511.jpg",
|
||||
},
|
||||
id: "tm2", name: "Marcus V.", role: "Senior Colorist", description: "A specialist in balayage and organic hair treatments.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-wiping-make-up-lady_23-2148398511.jpg"},
|
||||
{
|
||||
id: "tm3",
|
||||
name: "Sofia L.",
|
||||
role: "Skin Therapist",
|
||||
description: "Dedicated to holistic skincare and rejuvenation rituals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-image-optimistic-energetic-mature-businesswoman-with-short-blonde-hair-posing-stylish-office-interior-with-arms-folded-her-chest-looking-camera-with-confident-happy-smile_343059-2245.jpg",
|
||||
},
|
||||
id: "tm3", name: "Sofia L.", role: "Skin Therapist", description: "Dedicated to holistic skincare and rejuvenation rituals.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-image-optimistic-energetic-mature-businesswoman-with-short-blonde-hair-posing-stylish-office-interior-with-arms-folded-her-chest-looking-camera-with-confident-happy-smile_343059-2245.jpg"},
|
||||
]}
|
||||
title="Our Master Stylists"
|
||||
description="Expert hands dedicated to enhancing your natural radiance."
|
||||
@@ -290,38 +183,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "₹5,000",
|
||||
name: "Monthly Radiance",
|
||||
features: [
|
||||
"2 Facials",
|
||||
"1 Hair Spa",
|
||||
"10% off products",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "₹5,000", name: "Monthly Radiance", features: [
|
||||
"2 Facials", "1 Hair Spa", "10% off products"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Elite",
|
||||
price: "₹12,000",
|
||||
name: "Ultimate Luxury",
|
||||
features: [
|
||||
"4 Facials",
|
||||
"2 Hair Spas",
|
||||
"Unlimited Massages",
|
||||
"20% off products",
|
||||
],
|
||||
id: "pro", badge: "Elite", price: "₹12,000", name: "Ultimate Luxury", features: [
|
||||
"4 Facials", "2 Hair Spas", "Unlimited Massages", "20% off products"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -334,8 +208,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Book Your Ritual"
|
||||
description="Reserve your time at Aura and let us pamper you."
|
||||
@@ -350,19 +223,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user