Update src/app/page.tsx
This commit is contained in:
294
src/app/page.tsx
294
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Hair Court"
|
||||
/>
|
||||
@@ -60,98 +50,52 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Excellence in Hair & Beauty"
|
||||
description="Experience professional care at Hair Court Salon, located in the heart of Noida. From transformative hair coloring to rejuvenating spa treatments."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Aanya K.",
|
||||
handle: "@aanyak",
|
||||
testimonial: "Best balayage in Noida! My hair feels healthier than ever.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg?_wi=1",
|
||||
imageAlt: "luxury hair salon interior",
|
||||
},
|
||||
name: "Aanya K.", handle: "@aanyak", testimonial: "Best balayage in Noida! My hair feels healthier than ever.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg", imageAlt: "luxury hair salon interior"},
|
||||
{
|
||||
name: "Rohan V.",
|
||||
handle: "@rohanv",
|
||||
testimonial: "Excellent service and very professional staff. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-face-client-towel_23-2147737012.jpg?_wi=1",
|
||||
imageAlt: "luxury hair salon interior",
|
||||
},
|
||||
name: "Rohan V.", handle: "@rohanv", testimonial: "Excellent service and very professional staff. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-face-client-towel_23-2147737012.jpg", imageAlt: "luxury hair salon interior"},
|
||||
{
|
||||
name: "Meera S.",
|
||||
handle: "@meeras",
|
||||
testimonial: "Loved my bridal makeup. The team is truly skilled.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/combination-facial-features-concept_23-2150087701.jpg",
|
||||
imageAlt: "luxury hair salon interior",
|
||||
},
|
||||
name: "Meera S.", handle: "@meeras", testimonial: "Loved my bridal makeup. The team is truly skilled.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/combination-facial-features-concept_23-2150087701.jpg", imageAlt: "luxury hair salon interior"},
|
||||
{
|
||||
name: "Vikram P.",
|
||||
handle: "@vikramp",
|
||||
testimonial: "Quick and clean eyebrow threading. My go-to spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg?_wi=1",
|
||||
imageAlt: "luxury hair salon interior",
|
||||
},
|
||||
name: "Vikram P.", handle: "@vikramp", testimonial: "Quick and clean eyebrow threading. My go-to spot.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg", imageAlt: "luxury hair salon interior"},
|
||||
{
|
||||
name: "Priya J.",
|
||||
handle: "@priyaj",
|
||||
testimonial: "The facials here are amazing. Very relaxing environment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-getting-ready-wedding_23-2149722027.jpg?_wi=1",
|
||||
imageAlt: "luxury hair salon interior",
|
||||
},
|
||||
name: "Priya J.", handle: "@priyaj", testimonial: "The facials here are amazing. Very relaxing environment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-getting-ready-wedding_23-2149722027.jpg", imageAlt: "luxury hair salon interior"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg",
|
||||
alt: "Girl africa. Woman making eyebrows. Girls in a beauty salon.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg", alt: "Girl africa. Woman making eyebrows. Girls in a beauty salon."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462472.jpg",
|
||||
alt: "Child getting a haircut at the salon",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462472.jpg", alt: "Child getting a haircut at the salon"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-salon_23-2147737030.jpg",
|
||||
alt: "Stylish woman in salon",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-salon_23-2147737030.jpg", alt: "Stylish woman in salon"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-bride-getting-hair-done_23-2149860769.jpg",
|
||||
alt: "Front view bride getting hair done",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-bride-getting-hair-done_23-2149860769.jpg", alt: "Front view bride getting hair done"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg",
|
||||
alt: "Luxury hair salon interior",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg", alt: "Luxury hair salon interior"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Styling",
|
||||
},
|
||||
type: "text", text: "Expert Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Products",
|
||||
},
|
||||
type: "text", text: "Premium Products"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Relaxing Spa",
|
||||
},
|
||||
type: "text", text: "Relaxing Spa"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Techniques",
|
||||
},
|
||||
type: "text", text: "Modern Techniques"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Care",
|
||||
},
|
||||
type: "text", text: "Professional Care"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,19 +108,13 @@ export default function LandingPage() {
|
||||
description="At Hair Court, we believe your hair is your crown. Located in Galaxy Business Park, we offer a sanctuary of beauty and precision."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Stylists",
|
||||
description: "Highly trained professionals specializing in the latest techniques.",
|
||||
},
|
||||
title: "Expert Stylists", description: "Highly trained professionals specializing in the latest techniques."},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "We only use world-class products for your hair and skin.",
|
||||
},
|
||||
title: "Premium Products", description: "We only use world-class products for your hair and skin."},
|
||||
{
|
||||
title: "Relaxing Environment",
|
||||
description: "Enjoy a serene atmosphere designed for your ultimate comfort.",
|
||||
},
|
||||
title: "Relaxing Environment", description: "Enjoy a serene atmosphere designed for your ultimate comfort."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-putting-face-client-towel_23-2147737012.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-putting-face-client-towel_23-2147737012.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -188,23 +126,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Body Waxing",
|
||||
"Massages",
|
||||
"Pedicure",
|
||||
"Perms",
|
||||
"Shaving",
|
||||
"Skin Care",
|
||||
],
|
||||
"Body Waxing", "Massages", "Pedicure", "Perms", "Shaving", "Skin Care"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Haircuts",
|
||||
"Balayage",
|
||||
"Hair Extensions",
|
||||
"Bridal Services",
|
||||
"Facials",
|
||||
"Manicure",
|
||||
],
|
||||
"Haircuts", "Balayage", "Hair Extensions", "Bridal Services", "Facials", "Manicure"],
|
||||
}}
|
||||
title="Comprehensive Salon Services"
|
||||
description="Explore our extensive range of high-quality hair, skin, and spa services designed to make you look and feel your absolute best."
|
||||
@@ -218,39 +144,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "₹1,499",
|
||||
subtitle: "For daily maintenance",
|
||||
features: [
|
||||
"Haircut & Wash",
|
||||
"Eyebrow Shaping",
|
||||
"Conditioning",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "₹1,499", subtitle: "For daily maintenance", features: [
|
||||
"Haircut & Wash", "Eyebrow Shaping", "Conditioning"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "₹3,999",
|
||||
subtitle: "The ultimate transformation",
|
||||
features: [
|
||||
"Full Balayage",
|
||||
"Hair Treatment",
|
||||
"Style & Finish",
|
||||
"Spa Add-on",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "₹3,999", subtitle: "The ultimate transformation", features: [
|
||||
"Full Balayage", "Hair Treatment", "Style & Finish", "Spa Add-on"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Luxury",
|
||||
price: "₹7,500",
|
||||
subtitle: "Bridal & Event Special",
|
||||
features: [
|
||||
"Bridal Makeup",
|
||||
"Hair Extensions",
|
||||
"Complete Facial",
|
||||
"Full Body Waxing",
|
||||
],
|
||||
id: "premium", badge: "Luxury", price: "₹7,500", subtitle: "Bridal & Event Special", features: [
|
||||
"Bridal Makeup", "Hair Extensions", "Complete Facial", "Full Body Waxing"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Salon Pricing"
|
||||
@@ -266,25 +169,13 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Sarah R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-coloring-hair-client_23-2147769784.jpg",
|
||||
},
|
||||
id: "m1", name: "Sarah R.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-coloring-hair-client_23-2147769784.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Rahul K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-washing-client-hair-sink_23-2147769790.jpg",
|
||||
},
|
||||
id: "m2", name: "Rahul K.", imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-washing-client-hair-sink_23-2147769790.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Anita M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205889.jpg",
|
||||
},
|
||||
id: "m3", name: "Anita M.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205889.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-woman-retro-room-professional-make-up-hairstyle-studio-lighting_482257-36208.jpg",
|
||||
},
|
||||
id: "m4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/sensual-woman-retro-room-professional-make-up-hairstyle-studio-lighting_482257-36208.jpg"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -295,42 +186,18 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
description="Hear what our clients have to say about their experience at Hair Court."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sunita Rao",
|
||||
role: "Corporate Professional",
|
||||
testimonial: "Consistent, high-quality service every single time I visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sunita Rao", role: "Corporate Professional", testimonial: "Consistent, high-quality service every single time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Amit Sharma",
|
||||
role: "Businessman",
|
||||
testimonial: "Best shave and haircut in sector 62. Professional staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-getting-ready-wedding_23-2149722027.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Amit Sharma", role: "Businessman", testimonial: "Best shave and haircut in sector 62. Professional staff.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-getting-ready-wedding_23-2149722027.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Neha Gupta",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Their facials are simply magical. Always leave feeling refreshed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-treating-dandruff-clinic_23-2149311373.jpg",
|
||||
},
|
||||
id: "3", name: "Neha Gupta", role: "Entrepreneur", testimonial: "Their facials are simply magical. Always leave feeling refreshed.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-treating-dandruff-clinic_23-2149311373.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kiran S.",
|
||||
role: "Event Manager",
|
||||
testimonial: "My go-to place for all bridal event preparations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9311.jpg",
|
||||
},
|
||||
id: "4", name: "Kiran S.", role: "Event Manager", testimonial: "My go-to place for all bridal event preparations.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9311.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rajesh T.",
|
||||
role: "Architect",
|
||||
testimonial: "Very satisfied with the balayage results. Professional studio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-adorable-lovely-woman-with-dark-lipstick-posing-studio_291650-430.jpg",
|
||||
},
|
||||
id: "5", name: "Rajesh T.", role: "Architect", testimonial: "Very satisfied with the balayage results. Professional studio.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-adorable-lovely-woman-with-dark-lipstick-posing-studio_291650-430.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
/>
|
||||
@@ -341,20 +208,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need to book an appointment?",
|
||||
content: "Yes, we recommend booking in advance to ensure availability.",
|
||||
},
|
||||
id: "f1", title: "Do I need to book an appointment?", content: "Yes, we recommend booking in advance to ensure availability."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are bridal consultations free?",
|
||||
content: "We offer complimentary initial consultations for all bridal services.",
|
||||
},
|
||||
id: "f2", title: "Are bridal consultations free?", content: "We offer complimentary initial consultations for all bridal services."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We are at Ground Floor, Tower B, Galaxy Business Park, Sector 62, Noida.",
|
||||
},
|
||||
id: "f3", title: "Where are you located?", content: "We are at Ground Floor, Tower B, Galaxy Business Park, Sector 62, Noida."},
|
||||
]}
|
||||
sideTitle="Questions? We Have Answers"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -365,16 +223,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment Now"
|
||||
description="Transform your style with Hair Court Salon. Contact us to schedule your visit today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -384,50 +239,31 @@ export default function LandingPage() {
|
||||
logoText="Hair Court Salon"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircut",
|
||||
href: "#",
|
||||
},
|
||||
label: "Haircut", href: "#"},
|
||||
{
|
||||
label: "Facials",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facials", href: "#"},
|
||||
{
|
||||
label: "Spa Services",
|
||||
href: "#",
|
||||
},
|
||||
label: "Spa Services", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#",
|
||||
},
|
||||
label: "Team", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user