Merge version_1 into main #2
449
src/app/page.tsx
449
src/app/page.tsx
@@ -34,41 +34,23 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Team", id: "#team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Elegance Hair Salon"
|
||||
/>
|
||||
@@ -77,120 +59,68 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Transform Your Look, Elevate Your Style"
|
||||
description="At Elegance Hair Salon, we believe your hair is your crowning glory. Our expert stylists are dedicated to crafting personalized looks that reflect your unique beauty and personality. Step into a world of luxury and leave feeling refreshed, confident, and stunning."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",
|
||||
imageAlt: "Hair salon interior with stylish decor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg", imageAlt: "Hair salon interior with stylish decor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-chair-professional-hairdresser_23-2147769753.jpg",
|
||||
imageAlt: "Stylist applying hair color to a client",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-chair-professional-hairdresser_23-2147769753.jpg", imageAlt: "Stylist applying hair color to a client"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-white-background_176474-120049.jpg",
|
||||
imageAlt: "Hairdresser creating an elegant updo",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-white-background_176474-120049.jpg", imageAlt: "Hairdresser creating an elegant updo"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4435.jpg",
|
||||
imageAlt: "Hair salon interior with stylish decor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4435.jpg", imageAlt: "Hair salon interior with stylish decor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-with-woman-client_657883-572.jpg",
|
||||
imageAlt: "Stylist applying hair color to a client",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-with-woman-client_657883-572.jpg", imageAlt: "Stylist applying hair color to a client"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wedding-dress-posing-street-city_1328-3193.jpg",
|
||||
imageAlt: "Hairdresser creating an elegant updo",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wedding-dress-posing-street-city_1328-3193.jpg", imageAlt: "Hairdresser creating an elegant updo"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
|
||||
imageAlt: "Woman receiving a head massage in a hair salon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg", imageAlt: "Woman receiving a head massage in a hair salon"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332450.jpg",
|
||||
imageAlt: "Stylist blow-drying long hair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hair-process-keratin-treatment_23-2149332450.jpg", imageAlt: "Stylist blow-drying long hair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-process-hair-coloring_23-2147769774.jpg",
|
||||
imageAlt: "Hair curling with an iron by a professional stylist",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-process-hair-coloring_23-2147769774.jpg", imageAlt: "Hair curling with an iron by a professional stylist"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-shop-chairs-close-up_23-2148353478.jpg",
|
||||
imageAlt: "Woman receiving a head massage in a hair salon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-shop-chairs-close-up_23-2148353478.jpg", imageAlt: "Woman receiving a head massage in a hair salon"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-housewife-young-cheerful-woman-with-hair-curlers-hair-dryer-getting-ready-date-night-makes-hairstyle-home-white-background_343596-8193.jpg",
|
||||
imageAlt: "Stylist blow-drying long hair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-housewife-young-cheerful-woman-with-hair-curlers-hair-dryer-getting-ready-date-night-makes-hairstyle-home-white-background_343596-8193.jpg", imageAlt: "Stylist blow-drying long hair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-beautiful-female-barber-uniform-holding-hair-clipper-with-comb-isolated-green-background_141793-119384.jpg",
|
||||
imageAlt: "Hair curling with an iron by a professional stylist",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-beautiful-female-barber-uniform-holding-hair-clipper-with-comb-isolated-green-background_141793-119384.jpg", imageAlt: "Hair curling with an iron by a professional stylist"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "#services"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-talking-mobile-phone-waiting-area_107420-95801.jpg",
|
||||
alt: "Smiling female client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-talking-mobile-phone-waiting-area_107420-95801.jpg", alt: "Smiling female client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-man-getting-haircut_23-2150665404.jpg",
|
||||
alt: "Happy male client with new haircut",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-man-getting-haircut_23-2150665404.jpg", alt: "Happy male client with new haircut"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462452.jpg",
|
||||
alt: "Client enjoying hair treatment",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462452.jpg", alt: "Client enjoying hair treatment"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-smiling-woman-posing-outdoor-city-cute-cafe-elegant-stylish-outfit-unusual-blonde-dreads-hairstyle-positive-emotions-fashion-details-summer-city-travel_291049-2403.jpg",
|
||||
alt: "Woman with stylish new hairstyle",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-smiling-woman-posing-outdoor-city-cute-cafe-elegant-stylish-outfit-unusual-blonde-dreads-hairstyle-positive-emotions-fashion-details-summer-city-travel_291049-2403.jpg", alt: "Woman with stylish new hairstyle"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg",
|
||||
alt: "Confident client smiling in salon",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg", alt: "Confident client smiling in salon"},
|
||||
]}
|
||||
avatarText="Trusted by over 10,000 happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230935.jpg",
|
||||
alt: "Hair salon workplace",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230935.jpg", alt: "Hair salon workplace"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Hair Care",
|
||||
},
|
||||
type: "text", text: "Luxury Hair Care"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/copy-space-framed-by-hair-equipment_23-2148352836.jpg",
|
||||
alt: "Assortment of hair equipment",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/copy-space-framed-by-hair-equipment_23-2148352836.jpg", alt: "Assortment of hair equipment"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Stylists",
|
||||
},
|
||||
type: "text", text: "Expert Stylists"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-face-massage-mirror-with-gua-sha_23-2149349077.jpg",
|
||||
alt: "Close up on elegant beauty selfcare treatment",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/woman-face-massage-mirror-with-gua-sha_23-2149349077.jpg", alt: "Close up on elegant beauty selfcare treatment"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -200,10 +130,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="About Elegance Hair Salon"
|
||||
description={[
|
||||
"Welcome to Elegance Hair Salon, where beauty meets expertise. Founded with a passion for hair artistry and client satisfaction, our salon provides a tranquil and luxurious escape from the everyday.",
|
||||
"Our team of highly skilled and creative stylists stays abreast of the latest trends and techniques, ensuring you receive exceptional service tailored to your individual needs. We use only premium products to maintain the health and vibrancy of your hair, delivering results that speak for themselves.",
|
||||
"Experience the difference at Elegance Hair Salon – your destination for exquisite hair care and transformative styling.",
|
||||
]}
|
||||
"Welcome to Elegance Hair Salon, where beauty meets expertise. Founded with a passion for hair artistry and client satisfaction, our salon provides a tranquil and luxurious escape from the everyday.", "Our team of highly skilled and creative stylists stays abreast of the latest trends and techniques, ensuring you receive exceptional service tailored to your individual needs. We use only premium products to maintain the health and vibrancy of your hair, delivering results that speak for themselves.", "Experience the difference at Elegance Hair Salon – your destination for exquisite hair care and transformative styling."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -215,23 +142,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircuts",
|
||||
description: "Expert cuts for men, women, and children, tailored to your face shape and personal style. Includes a wash, conditioning, and professional styling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sewing-scissors_23-2148145921.jpg",
|
||||
imageAlt: "Stylist giving a precision haircut",
|
||||
},
|
||||
title: "Precision Haircuts", description: "Expert cuts for men, women, and children, tailored to your face shape and personal style. Includes a wash, conditioning, and professional styling.", imageSrc: "http://img.b2bpic.net/free-photo/sewing-scissors_23-2148145921.jpg", imageAlt: "Stylist giving a precision haircut"},
|
||||
{
|
||||
title: "Vibrant Coloring",
|
||||
description: "From subtle highlights to bold balayage and full color transformations, our color specialists create stunning shades that complement your complexion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-amazing-joyful-young-woman-with-cut-purple-hair-golden-crown-balloons-celebrating-carnival-new-year-party-charming-smile-makeup-with-tinsels-happiness_197531-1300.jpg",
|
||||
imageAlt: "Hair color application",
|
||||
},
|
||||
title: "Vibrant Coloring", description: "From subtle highlights to bold balayage and full color transformations, our color specialists create stunning shades that complement your complexion.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-amazing-joyful-young-woman-with-cut-purple-hair-golden-crown-balloons-celebrating-carnival-new-year-party-charming-smile-makeup-with-tinsels-happiness_197531-1300.jpg", imageAlt: "Hair color application"},
|
||||
{
|
||||
title: "Special Occasion Styling",
|
||||
description: "Elegant updos, glamorous curls, and sophisticated blowouts for weddings, proms, or any event where you want to shine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-young-curlyhaired-girl-put-her-hands-her-chin-loking-away-high-quality-photo_114579-92077.jpg",
|
||||
imageAlt: "Hair styled for a special occasion",
|
||||
},
|
||||
title: "Special Occasion Styling", description: "Elegant updos, glamorous curls, and sophisticated blowouts for weddings, proms, or any event where you want to shine.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-young-curlyhaired-girl-put-her-hands-her-chin-loking-away-high-quality-photo_114579-92077.jpg", imageAlt: "Hair styled for a special occasion"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Discover a range of professional hair services designed to enhance your natural beauty and keep your hair healthy and vibrant."
|
||||
@@ -246,65 +161,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Gloss & Grow",
|
||||
name: "Hydrating Shampoo",
|
||||
price: "$28.00",
|
||||
rating: 5,
|
||||
reviewCount: "120 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-natural-argan-oil-dropper_23-2149016628.jpg",
|
||||
imageAlt: "Hydrating shampoo bottle",
|
||||
},
|
||||
id: "1", brand: "Gloss & Grow", name: "Hydrating Shampoo", price: "$28.00", rating: 5,
|
||||
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/assortment-natural-argan-oil-dropper_23-2149016628.jpg", imageAlt: "Hydrating shampoo bottle"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Silky Smooth",
|
||||
name: "Nourishing Conditioner",
|
||||
price: "$32.00",
|
||||
rating: 4,
|
||||
reviewCount: "95 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229765.jpg",
|
||||
imageAlt: "Nourishing conditioner bottle",
|
||||
},
|
||||
id: "2", brand: "Silky Smooth", name: "Nourishing Conditioner", price: "$32.00", rating: 4,
|
||||
reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229765.jpg", imageAlt: "Nourishing conditioner bottle"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Radiant Locks",
|
||||
name: "Shine Boosting Serum",
|
||||
price: "$45.00",
|
||||
rating: 5,
|
||||
reviewCount: "150 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensitive-hands-with-painted-palm_23-2149524485.jpg",
|
||||
imageAlt: "Shine boosting hair serum",
|
||||
},
|
||||
id: "3", brand: "Radiant Locks", name: "Shine Boosting Serum", price: "$45.00", rating: 5,
|
||||
reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/sensitive-hands-with-painted-palm_23-2149524485.jpg", imageAlt: "Shine boosting hair serum"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Volume Max",
|
||||
name: "Texturizing Spray",
|
||||
price: "$25.00",
|
||||
rating: 4,
|
||||
reviewCount: "80 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-dry-shampoo-home_23-2150706338.jpg",
|
||||
imageAlt: "Texturizing hair spray",
|
||||
},
|
||||
id: "4", brand: "Volume Max", name: "Texturizing Spray", price: "$25.00", rating: 4,
|
||||
reviewCount: "80 reviews", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-dry-shampoo-home_23-2150706338.jpg", imageAlt: "Texturizing hair spray"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Deep Repair",
|
||||
name: "Restorative Hair Mask",
|
||||
price: "$38.00",
|
||||
rating: 5,
|
||||
reviewCount: "110 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-washing-hair-with-shampoo_23-2147769795.jpg",
|
||||
imageAlt: "Restorative hair mask tub",
|
||||
},
|
||||
id: "5", brand: "Deep Repair", name: "Restorative Hair Mask", price: "$38.00", rating: 5,
|
||||
reviewCount: "110 reviews", imageSrc: "http://img.b2bpic.net/free-photo/crop-hairstylist-washing-hair-with-shampoo_23-2147769795.jpg", imageAlt: "Restorative hair mask tub"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Stylist's Choice",
|
||||
name: "Professional Detangling Brush",
|
||||
price: "$18.00",
|
||||
rating: 5,
|
||||
reviewCount: "75 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-care-her-kid-with-lices_23-2149490625.jpg",
|
||||
imageAlt: "Professional detangling brush",
|
||||
},
|
||||
id: "6", brand: "Stylist's Choice", name: "Professional Detangling Brush", price: "$18.00", rating: 5,
|
||||
reviewCount: "75 reviews", imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-care-her-kid-with-lices_23-2149490625.jpg", imageAlt: "Professional detangling brush"},
|
||||
]}
|
||||
title="Premium Hair Products"
|
||||
description="Maintain your salon-perfect look at home with our curated selection of professional-grade hair care products."
|
||||
@@ -318,62 +191,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "cut-style",
|
||||
tag: "Classic",
|
||||
tagIcon: Scissors,
|
||||
price: "$65",
|
||||
period: "/ session",
|
||||
description: "Our signature haircut and professional styling for a fresh look.",
|
||||
button: {
|
||||
text: "Book Cut & Style",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Shampoo & Conditioning",
|
||||
"Precision Cut",
|
||||
"Blow Dry & Styling",
|
||||
],
|
||||
id: "cut-style", tag: "Classic", tagIcon: Scissors,
|
||||
price: "$65", period: "/ session", description: "Our signature haircut and professional styling for a fresh look.", button: {
|
||||
text: "Book Cut & Style", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Consultation", "Shampoo & Conditioning", "Precision Cut", "Blow Dry & Styling"],
|
||||
},
|
||||
{
|
||||
id: "color-refresh",
|
||||
tag: "Popular",
|
||||
tagIcon: Sparkles,
|
||||
price: "$120",
|
||||
period: "/ session",
|
||||
description: "Revitalize your color with highlights, balayage, or a full color application.",
|
||||
button: {
|
||||
text: "Book Color Service",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Color Consultation",
|
||||
"Single Process Color OR Partial Highlights",
|
||||
"Deep Conditioning Treatment",
|
||||
"Blow Dry & Finish",
|
||||
],
|
||||
id: "color-refresh", tag: "Popular", tagIcon: Sparkles,
|
||||
price: "$120", period: "/ session", description: "Revitalize your color with highlights, balayage, or a full color application.", button: {
|
||||
text: "Book Color Service", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Color Consultation", "Single Process Color OR Partial Highlights", "Deep Conditioning Treatment", "Blow Dry & Finish"],
|
||||
},
|
||||
{
|
||||
id: "full-glam",
|
||||
tag: "Premium",
|
||||
tagIcon: Star,
|
||||
price: "$200",
|
||||
period: "/ session",
|
||||
description: "The ultimate transformation package for a complete new look and feel.",
|
||||
button: {
|
||||
text: "Book Full Glam",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Advanced Consultation",
|
||||
"Full Color OR Balayage",
|
||||
"Custom Haircut & Style",
|
||||
"Luxury Treatment Mask",
|
||||
"Take-Home Product Sample",
|
||||
],
|
||||
id: "full-glam", tag: "Premium", tagIcon: Star,
|
||||
price: "$200", period: "/ session", description: "The ultimate transformation package for a complete new look and feel.", button: {
|
||||
text: "Book Full Glam", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Advanced Consultation", "Full Color OR Balayage", "Custom Haircut & Style", "Luxury Treatment Mask", "Take-Home Product Sample"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -388,26 +224,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "stylist-1",
|
||||
name: "Sophia Miller",
|
||||
role: "Creative Director & Master Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-trimmer-hair-brush-smiling-cheerfully-pink_141793-58793.jpg",
|
||||
imageAlt: "Portrait of Sophia Miller, Creative Director",
|
||||
},
|
||||
id: "stylist-1", name: "Sophia Miller", role: "Creative Director & Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-trimmer-hair-brush-smiling-cheerfully-pink_141793-58793.jpg", imageAlt: "Portrait of Sophia Miller, Creative Director"},
|
||||
{
|
||||
id: "stylist-2",
|
||||
name: "David Chen",
|
||||
role: "Senior Colorist & Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-male-doctor-veterinarian-admiring-cute-pet-sitting-table-cute-black-pug-dog-waiting_1258-160768.jpg",
|
||||
imageAlt: "Portrait of David Chen, Senior Colorist",
|
||||
},
|
||||
id: "stylist-2", name: "David Chen", role: "Senior Colorist & Barber", imageSrc: "http://img.b2bpic.net/free-photo/excited-young-male-doctor-veterinarian-admiring-cute-pet-sitting-table-cute-black-pug-dog-waiting_1258-160768.jpg", imageAlt: "Portrait of David Chen, Senior Colorist"},
|
||||
{
|
||||
id: "stylist-3",
|
||||
name: "Olivia Rodriguez",
|
||||
role: "Hair Extension Specialist & Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-beautiful-female-barber-uniform-holding-barber-tools-calling-someone-isolated-pink-wall_141793-105763.jpg",
|
||||
imageAlt: "Portrait of Olivia Rodriguez, Hair Extension Specialist",
|
||||
},
|
||||
id: "stylist-3", name: "Olivia Rodriguez", role: "Hair Extension Specialist & Stylist", imageSrc: "http://img.b2bpic.net/free-photo/excited-young-beautiful-female-barber-uniform-holding-barber-tools-calling-someone-isolated-pink-wall_141793-105763.jpg", imageAlt: "Portrait of Olivia Rodriguez, Hair Extension Specialist"},
|
||||
]}
|
||||
title="Meet Our Talented Stylists"
|
||||
description="Our passionate team of experienced stylists is here to bring your hair dreams to life. Get to know the faces behind the magic!"
|
||||
@@ -421,50 +242,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Absolutely love my new haircut and color! Sophia is a true artist. The salon has such a relaxing vibe, and I always leave feeling amazing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-model-with-long-light-brown-hair-vine-lips-posing-isolated-wall-with-lovely-smile-portrait-young-well-groomed-girl-with-perfect-skin-close-up_291650-80.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Absolutely love my new haircut and color! Sophia is a true artist. The salon has such a relaxing vibe, and I always leave feeling amazing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-model-with-long-light-brown-hair-vine-lips-posing-isolated-wall-with-lovely-smile-portrait-young-well-groomed-girl-with-perfect-skin-close-up_291650-80.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mikec",
|
||||
testimonial: "David always gives the best fades and beard trims. Professional, friendly, and consistently delivers a sharp look. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mikec", testimonial: "David always gives the best fades and beard trims. Professional, friendly, and consistently delivers a sharp look. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "My balayage by Olivia is flawless! The color blend is so natural, and my hair feels healthier than ever. Elegance Hair Salon is the best!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-female-holding-colorful-balloons-file-note-pink_179666-20633.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "My balayage by Olivia is flawless! The color blend is so natural, and my hair feels healthier than ever. Elegance Hair Salon is the best!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-female-holding-colorful-balloons-file-note-pink_179666-20633.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jessical",
|
||||
testimonial: "Always a wonderful experience. The staff is so welcoming, and my hair always looks fantastic after a visit here. A truly luxurious experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-lovely-young-female-model-with-blond-hair-dressed-sleepwear-sitting-bed-with-wonderful-smile_291650-1060.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "4", name: "Jessica Lee", handle: "@jessical", testimonial: "Always a wonderful experience. The staff is so welcoming, and my hair always looks fantastic after a visit here. A truly luxurious experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-lovely-young-female-model-with-blond-hair-dressed-sleepwear-sitting-bed-with-wonderful-smile_291650-1060.jpg", imageAlt: "Jessica Lee"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Daniel Kim",
|
||||
handle: "@danielk",
|
||||
testimonial: "Came in for a complete hair makeover and left feeling like a new person! The attention to detail and personalized service are unmatched. Thank you!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-woman-looking-shoes_1139-516.jpg",
|
||||
imageAlt: "Daniel Kim",
|
||||
},
|
||||
id: "5", name: "Daniel Kim", handle: "@danielk", testimonial: "Came in for a complete hair makeover and left feeling like a new person! The attention to detail and personalized service are unmatched. Thank you!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-woman-looking-shoes_1139-516.jpg", imageAlt: "Daniel Kim"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -478,25 +269,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can easily book an appointment through our website's 'Contact' section, by calling us directly, or by visiting the salon during business hours.",
|
||||
},
|
||||
id: "q1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website's 'Contact' section, by calling us directly, or by visiting the salon during business hours."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards, debit cards, and cash. We also offer gift cards for purchase.",
|
||||
},
|
||||
id: "q2", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and cash. We also offer gift cards for purchase."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is your cancellation policy?",
|
||||
content: "We kindly request at least 24 hours notice for any cancellations or rescheduling. Cancellations made less than 24 hours in advance may incur a fee.",
|
||||
},
|
||||
id: "q3", title: "What is your cancellation policy?", content: "We kindly request at least 24 hours notice for any cancellations or rescheduling. Cancellations made less than 24 hours in advance may incur a fee."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you offer consultations for new clients?",
|
||||
content: "Yes, we offer complimentary consultations for new clients to discuss your hair goals, assess your hair's condition, and recommend the best services for you.",
|
||||
},
|
||||
id: "q4", title: "Do you offer consultations for new clients?", content: "Yes, we offer complimentary consultations for new clients to discuss your hair goals, assess your hair's condition, and recommend the best services for you."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-with-salesman-furniture-store_1157-37463.jpg"
|
||||
imageAlt="Hair salon receptionist explaining services to a client"
|
||||
@@ -511,8 +290,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Connect With Us"
|
||||
title="Book Your Next Transformation"
|
||||
description="Ready for a fresh look? Schedule your appointment with our expert stylists today. We can't wait to welcome you!"
|
||||
@@ -528,79 +306,50 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
videoSrc="http://img.b2bpic.net/free-photo/stylish-woman-reading-magazine-while-sitting-hairdryer_107420-12128.jpg?_wi=1"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/stylish-woman-reading-magazine-while-sitting-hairdryer_107420-12128.jpg"
|
||||
videoAriaLabel="Video of a relaxing hair salon ambiance"
|
||||
logoSrc="http://img.b2bpic.net/free-vector/hairdo-beauty-salon-flyer_742173-1919.jpg"
|
||||
logoAlt="Elegance Hair Salon Logo"
|
||||
logoText="Elegance Hair Salon"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Haircuts", href: "#services"},
|
||||
{
|
||||
label: "Coloring",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Coloring", href: "#services"},
|
||||
{
|
||||
label: "Styling",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Styling", href: "#services"},
|
||||
{
|
||||
label: "Treatments",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Treatments", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Our Team", href: "#team"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Now", href: "#contact"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/elegancehairsalon",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/elegancehairsalon"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/elegancehairsalon",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/elegancehairsalon"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Elegance Hair Salon. All rights reserved."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-woman-reading-magazine-while-sitting-hairdryer_107420-12128.jpg?_wi=2"
|
||||
imageAlt="calming hair salon ambiance video"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user