Merge version_1 into main #2
394
src/app/page.tsx
394
src/app/page.tsx
@@ -34,46 +34,26 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
brandName="Studio S8"
|
||||
/>
|
||||
</div>
|
||||
@@ -84,39 +64,23 @@ export default function LandingPage() {
|
||||
description="Transform Your Look, Elevate Your Style. Experience unparalleled craftsmanship and personalized beauty at Studio S8, your destination for exquisite hair and grooming."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "#services"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg?_wi=1",
|
||||
imageAlt: "Modern salon interior with elegant chairs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg", imageAlt: "Modern salon interior with elegant chairs"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elder-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817231.jpg?_wi=1",
|
||||
imageAlt: "Woman receiving a stylish haircut from a professional stylist",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elder-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817231.jpg", imageAlt: "Woman receiving a stylish haircut from a professional stylist"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg?_wi=1",
|
||||
imageAlt: "Man getting a precision beard trim at the salon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg", imageAlt: "Man getting a precision beard trim at the salon"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-containers-with-cosmetics_23-2147803541.jpg?_wi=1",
|
||||
imageAlt: "Premium hair care products displayed on a salon shelf",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-containers-with-cosmetics_23-2147803541.jpg", imageAlt: "Premium hair care products displayed on a salon shelf"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11433.jpg",
|
||||
imageAlt: "Stylist expertly blow-drying a client's hair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11433.jpg", imageAlt: "Stylist expertly blow-drying a client's hair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg",
|
||||
imageAlt: "Diverse group of happy clients smiling in the salon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg", imageAlt: "Diverse group of happy clients smiling in the salon"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
@@ -128,15 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Where Passion Meets Precision: Our Story",
|
||||
},
|
||||
type: "text", content: "Where Passion Meets Precision: Our Story"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,60 +108,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Haircuts & Styling",
|
||||
description: "Precision cuts for all hair types and genders, tailored to your unique style. Includes wash, cut, and blow-dry styling.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-concept-accessories_23-2148419436.jpg",
|
||||
imageAlt: "Haircut styling options on a smartphone screen",
|
||||
},
|
||||
title: "Haircuts & Styling", description: "Precision cuts for all hair types and genders, tailored to your unique style. Includes wash, cut, and blow-dry styling.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-concept-accessories_23-2148419436.jpg", imageAlt: "Haircut styling options on a smartphone screen"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-waiting-cosmetologist-using-phone_1303-26031.jpg",
|
||||
imageAlt: "Salon booking calendar on a phone",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg?_wi=2",
|
||||
imageAlt: "smartphone displaying haircut gallery app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-waiting-cosmetologist-using-phone_1303-26031.jpg", imageAlt: "Salon booking calendar on a phone"}
|
||||
},
|
||||
{
|
||||
title: "Coloring & Highlights",
|
||||
description: "Transform your hair with vibrant colors, subtle highlights, balayage, or full color changes expertly applied by our color specialists.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-clueless-young-woman-with-pink-bob-hair-looks-aside-feels-hesitant-shrugs-shoulders-holds-mobile-phone-doesnt-know-what-time-meeting-happen-wears-warm-black-fluffy-sweater-poses-indoor_273609-42928.jpg",
|
||||
imageAlt: "Hair color palette on a smartphone screen",
|
||||
},
|
||||
title: "Coloring & Highlights", description: "Transform your hair with vibrant colors, subtle highlights, balayage, or full color changes expertly applied by our color specialists.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-clueless-young-woman-with-pink-bob-hair-looks-aside-feels-hesitant-shrugs-shoulders-holds-mobile-phone-doesnt-know-what-time-meeting-happen-wears-warm-black-fluffy-sweater-poses-indoor_273609-42928.jpg", imageAlt: "Hair color palette on a smartphone screen"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphones-with-menu_23-2149357848.jpg",
|
||||
imageAlt: "Color service details in a booking app",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elder-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817231.jpg?_wi=2",
|
||||
imageAlt: "smartphone displaying haircut gallery app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphones-with-menu_23-2149357848.jpg", imageAlt: "Color service details in a booking app"}
|
||||
},
|
||||
{
|
||||
title: "Treatments & Care",
|
||||
description: "Revitalize your hair with deep conditioning treatments, keratin therapies, and scalp health solutions for lustrous, healthy hair.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-using-digital-tablet_107420-65540.jpg",
|
||||
imageAlt: "Hair treatment options on a smartphone screen",
|
||||
},
|
||||
title: "Treatments & Care", description: "Revitalize your hair with deep conditioning treatments, keratin therapies, and scalp health solutions for lustrous, healthy hair.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-using-digital-tablet_107420-65540.jpg", imageAlt: "Hair treatment options on a smartphone screen"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/my-blog-has-got-lot-followers_329181-11539.jpg",
|
||||
imageAlt: "Treatment package details in a booking app",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg?_wi=2",
|
||||
imageAlt: "smartphone displaying haircut gallery app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/my-blog-has-got-lot-followers_329181-11539.jpg", imageAlt: "Treatment package details in a booking app"}
|
||||
},
|
||||
{
|
||||
title: "Beard & Grooming",
|
||||
description: "Expert beard trims, shaping, and male grooming services to perfect your look with precision and care.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-hipster-dressed-black-shirt-using-smartphone-standing-studio-isolated-dark-background_613910-4324.jpg",
|
||||
imageAlt: "Beard style gallery on a smartphone screen",
|
||||
},
|
||||
title: "Beard & Grooming", description: "Expert beard trims, shaping, and male grooming services to perfect your look with precision and care.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-hipster-dressed-black-shirt-using-smartphone-standing-studio-isolated-dark-background_613910-4324.jpg", imageAlt: "Beard style gallery on a smartphone screen"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468789.jpg",
|
||||
imageAlt: "Grooming service booking on a phone",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-containers-with-cosmetics_23-2147803541.jpg?_wi=2",
|
||||
imageAlt: "smartphone displaying haircut gallery app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468789.jpg", imageAlt: "Grooming service booking on a phone"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -218,65 +146,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Studio S8 Originals",
|
||||
name: "Revitalizing Shampoo",
|
||||
price: "$28.00",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232238.jpg",
|
||||
imageAlt: "Luxury shampoo bottle",
|
||||
},
|
||||
id: "p1", brand: "Studio S8 Originals", name: "Revitalizing Shampoo", price: "$28.00", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232238.jpg", imageAlt: "Luxury shampoo bottle"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Studio S8 Originals",
|
||||
name: "Styling Clay",
|
||||
price: "$22.00",
|
||||
rating: 4.5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435231.jpg",
|
||||
imageAlt: "Hair styling clay",
|
||||
},
|
||||
id: "p2", brand: "Studio S8 Originals", name: "Styling Clay", price: "$22.00", rating: 4.5,
|
||||
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435231.jpg", imageAlt: "Hair styling clay"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Studio S8 Originals",
|
||||
name: "Argan Hair Serum",
|
||||
price: "$35.00",
|
||||
rating: 5,
|
||||
reviewCount: "102",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232236.jpg",
|
||||
imageAlt: "Argan hair serum bottle",
|
||||
},
|
||||
id: "p3", brand: "Studio S8 Originals", name: "Argan Hair Serum", price: "$35.00", rating: 5,
|
||||
reviewCount: "102", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232236.jpg", imageAlt: "Argan hair serum bottle"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Studio S8 Originals",
|
||||
name: "Premium Beard Oil",
|
||||
price: "$25.00",
|
||||
rating: 4.8,
|
||||
reviewCount: "78",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-man_23-2148138415.jpg",
|
||||
imageAlt: "Premium beard oil",
|
||||
},
|
||||
id: "p4", brand: "Studio S8 Originals", name: "Premium Beard Oil", price: "$25.00", rating: 4.8,
|
||||
reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/elderly-man_23-2148138415.jpg", imageAlt: "Premium beard oil"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "ProStyling Tools",
|
||||
name: "Ceramic Flat Iron",
|
||||
price: "$120.00",
|
||||
rating: 4.7,
|
||||
reviewCount: "54",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-care-products-pink-background_23-2148261103.jpg",
|
||||
imageAlt: "Ceramic flat iron",
|
||||
},
|
||||
id: "p5", brand: "ProStyling Tools", name: "Ceramic Flat Iron", price: "$120.00", rating: 4.7,
|
||||
reviewCount: "54", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-care-products-pink-background_23-2148261103.jpg", imageAlt: "Ceramic flat iron"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "ColorGuard",
|
||||
name: "Color Protection Kit",
|
||||
price: "$45.00",
|
||||
rating: 4.6,
|
||||
reviewCount: "91",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-excited-young-caucasian-woman-holding-paintbrush-roller-while-painting-walls-her-bedroom_343059-4026.jpg",
|
||||
imageAlt: "Hair color protection kit",
|
||||
},
|
||||
id: "p6", brand: "ColorGuard", name: "Color Protection Kit", price: "$45.00", rating: 4.6,
|
||||
reviewCount: "91", imageSrc: "http://img.b2bpic.net/free-photo/portrait-excited-young-caucasian-woman-holding-paintbrush-roller-while-painting-walls-her-bedroom_343059-4026.jpg", imageAlt: "Hair color protection kit"},
|
||||
]}
|
||||
title="Premium Salon Products"
|
||||
description="Take the salon experience home with our curated selection of high-quality hair care and grooming products, chosen for their effectiveness and luxurious feel."
|
||||
@@ -290,59 +176,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "$45",
|
||||
subtitle: "Essential Haircut",
|
||||
buttons: [
|
||||
id: "basic", badge: "Standard", price: "$45", subtitle: "Essential Haircut", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Consultation",
|
||||
"Wash & Conditioning",
|
||||
"Precision Cut",
|
||||
"Basic Styling",
|
||||
],
|
||||
"Consultation", "Wash & Conditioning", "Precision Cut", "Basic Styling"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$85",
|
||||
subtitle: "Full Transformation",
|
||||
buttons: [
|
||||
id: "premium", badge: "Popular", badgeIcon: Sparkles,
|
||||
price: "$85", subtitle: "Full Transformation", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Extended Consultation",
|
||||
"Premium Wash & Treatment",
|
||||
"Custom Precision Cut",
|
||||
"Advanced Styling & Finish",
|
||||
],
|
||||
"Extended Consultation", "Premium Wash & Treatment", "Custom Precision Cut", "Advanced Styling & Finish"],
|
||||
},
|
||||
{
|
||||
id: "exclusive",
|
||||
badge: "Deluxe",
|
||||
price: "$120",
|
||||
subtitle: "Ultimate Pampering",
|
||||
buttons: [
|
||||
id: "exclusive", badge: "Deluxe", price: "$120", subtitle: "Ultimate Pampering", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Personalized Consultation",
|
||||
"Luxury Hair & Scalp Treatment",
|
||||
"Signature Cut & Color Enhancement",
|
||||
"Editorial Styling & Product Guidance",
|
||||
],
|
||||
"Personalized Consultation", "Luxury Hair & Scalp Treatment", "Signature Cut & Color Enhancement", "Editorial Styling & Product Guidance"],
|
||||
},
|
||||
]}
|
||||
title="Our Transparent Pricing"
|
||||
@@ -358,29 +214,13 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-camera-young-handsome-male-barber-uniform-combing-hair-with-comb-holding-scissors_141793-96529.jpg",
|
||||
imageAlt: "Professional male hairstylist Alex Johnson",
|
||||
},
|
||||
id: "t1", name: "Alex Johnson", imageSrc: "http://img.b2bpic.net/free-photo/looking-camera-young-handsome-male-barber-uniform-combing-hair-with-comb-holding-scissors_141793-96529.jpg", imageAlt: "Professional male hairstylist Alex Johnson"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg",
|
||||
imageAlt: "Expert female hairstylist Sarah Chen",
|
||||
},
|
||||
id: "t2", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg", imageAlt: "Expert female hairstylist Sarah Chen"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg",
|
||||
imageAlt: "Skilled male barber Marcus Lee",
|
||||
},
|
||||
id: "t3", name: "Marcus Lee", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg", imageAlt: "Skilled male barber Marcus Lee"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-taking-off-black-glasses-red-wall_114579-56034.jpg",
|
||||
imageAlt: "Creative female colorist Emily Rodriguez",
|
||||
},
|
||||
id: "t4", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-taking-off-black-glasses-red-wall_114579-56034.jpg", imageAlt: "Creative female colorist Emily Rodriguez"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -393,64 +233,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1",
|
||||
name: "Jessica L.",
|
||||
role: "Marketing Manager",
|
||||
company: "Local Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg",
|
||||
imageAlt: "Happy woman after a salon visit",
|
||||
},
|
||||
id: "ts1", name: "Jessica L.", role: "Marketing Manager", company: "Local Business", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg", imageAlt: "Happy woman after a salon visit"},
|
||||
{
|
||||
id: "ts2",
|
||||
name: "Michael S.",
|
||||
role: "Software Engineer",
|
||||
company: "Tech Innovators",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg",
|
||||
imageAlt: "Satisfied man after a grooming session",
|
||||
},
|
||||
id: "ts2", name: "Michael S.", role: "Software Engineer", company: "Tech Innovators", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg", imageAlt: "Satisfied man after a grooming session"},
|
||||
{
|
||||
id: "ts3",
|
||||
name: "Sophia R.",
|
||||
role: "Freelance Artist",
|
||||
company: "Creative Arts",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg",
|
||||
imageAlt: "Woman showing off vibrant new hair color",
|
||||
},
|
||||
id: "ts3", name: "Sophia R.", role: "Freelance Artist", company: "Creative Arts", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg", imageAlt: "Woman showing off vibrant new hair color"},
|
||||
{
|
||||
id: "ts4",
|
||||
name: "David W.",
|
||||
role: "Financial Analyst",
|
||||
company: "Investment Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bride-getting-hair-done_23-2149860775.jpg",
|
||||
imageAlt: "Elegant woman with a perfectly styled updo",
|
||||
},
|
||||
id: "ts4", name: "David W.", role: "Financial Analyst", company: "Investment Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bride-getting-hair-done_23-2149860775.jpg", imageAlt: "Elegant woman with a perfectly styled updo"},
|
||||
{
|
||||
id: "ts5",
|
||||
name: "Chloe & Ben",
|
||||
role: "Entrepreneurs",
|
||||
company: "Startup Founders",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-high-five_23-2149390525.jpg",
|
||||
imageAlt: "Happy couple after a shared salon experience",
|
||||
},
|
||||
id: "ts5", name: "Chloe & Ben", role: "Entrepreneurs", company: "Startup Founders", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-high-five_23-2149390525.jpg", imageAlt: "Happy couple after a shared salon experience"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "10+", label: "Years Experience"},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "5000+", label: "Happy Clients"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
value: "99%", label: "Satisfaction Rate"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from our satisfied customers about their amazing experiences and transformations at Studio S8."
|
||||
@@ -463,30 +267,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can easily book online through our website's booking portal, or by calling us directly during business hours. Walk-ins are welcome but appointments are recommended.",
|
||||
},
|
||||
id: "faq1", title: "How do I book an appointment?", content: "You can easily book online through our website's booking portal, or by calling us directly during business hours. Walk-ins are welcome but appointments are recommended."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards, debit cards, and cash. We also offer digital payment options like Apple Pay and Google Pay for your convenience.",
|
||||
},
|
||||
id: "faq2", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and cash. We also offer digital payment options like Apple Pay and Google Pay for your convenience."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you offer gift cards?",
|
||||
content: "Yes, Studio S8 gift cards are available for purchase in-salon and online. They make the perfect gift for any occasion!",
|
||||
},
|
||||
id: "faq3", title: "Do you offer gift cards?", content: "Yes, Studio S8 gift cards are available for purchase in-salon and online. They make the perfect gift for any occasion!"},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "What is your cancellation policy?",
|
||||
content: "We kindly request at least 24 hours' notice for cancellations or rescheduling. A fee may apply for late cancellations or no-shows.",
|
||||
},
|
||||
id: "faq4", title: "What is your cancellation policy?", content: "We kindly request at least 24 hours' notice for cancellations or rescheduling. A fee may apply for late cancellations or no-shows."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "Can I bring my own hair products?",
|
||||
content: "While we provide premium products, you may bring your own if you have specific needs. Please discuss this with your stylist during consultation.",
|
||||
},
|
||||
id: "faq5", title: "Can I bring my own hair products?", content: "While we provide premium products, you may bring your own if you have specific needs. Please discuss this with your stylist during consultation."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-manager-with-client_1398-4755.jpg"
|
||||
imageAlt="Salon receptionist assisting a client"
|
||||
@@ -505,27 +294,16 @@ export default function LandingPage() {
|
||||
description="Ready for a fresh look? Schedule your appointment with our talented stylists today. We look forward to welcoming you to Studio S8 Unisex Salon."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your desired service or inquiry...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your desired service or inquiry...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506339.jpg"
|
||||
imageAlt="Modern salon interior with styling chairs"
|
||||
@@ -542,19 +320,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/studios8salon",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/studios8salon", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/studios8salon",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/studios8salon", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/studios8salon",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/studios8salon", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user