Update src/app/services/page.tsx
This commit is contained in:
@@ -69,9 +69,7 @@ export default function ServicesPage() {
|
||||
id: item.id,
|
||||
}))}
|
||||
button={{
|
||||
text: "Book Appointment",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Book Appointment", href: "/contact"}}
|
||||
className="bg-gradient-to-r from-rose-100 to-orange-50 backdrop-blur-lg border border-white/20"
|
||||
buttonClassName="bg-gradient-to-r from-amber-600 to-orange-500 hover:shadow-lg hover:shadow-orange-300/50 text-white font-semibold transition-all duration-300"
|
||||
/>
|
||||
@@ -90,7 +88,7 @@ export default function ServicesPage() {
|
||||
{ text: "View Pricing", href: "/pricing" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-beautiful-brunette-girl-with-bright-make-up_176420-711.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-beautiful-brunette-girl-with-bright-make-up_176420-711.jpg"
|
||||
imageAlt="Premium Beauty Services"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
@@ -111,41 +109,17 @@ export default function ServicesPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Beauty Services",
|
||||
description: "Professional facials, cleansing, bleaching, threading, and waxing treatments designed to enhance your skin naturally",
|
||||
tag: "Beauty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-lies-salon-cosmetology-table-with-white-mask-her-face_343596-4298.jpg?_wi=3",
|
||||
imageAlt: "Beauty Facial Treatment",
|
||||
},
|
||||
id: "1", title: "Beauty Services", description: "Professional facials, cleansing, bleaching, threading, and waxing treatments designed to enhance your skin naturally", tag: "Beauty", imageSrc: "http://img.b2bpic.net/free-photo/client-lies-salon-cosmetology-table-with-white-mask-her-face_343596-4298.jpg", imageAlt: "Beauty Facial Treatment"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Hair Services",
|
||||
description: "Expert haircuts, treatments, coloring, and keratin services to transform your locks with premium products",
|
||||
tag: "Hair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiufl-caucasian-lady-went-home-sits-armchair-th-living-room_132075-9638.jpg?_wi=2",
|
||||
imageAlt: "Professional Hairstyling",
|
||||
},
|
||||
id: "2", title: "Hair Services", description: "Expert haircuts, treatments, coloring, and keratin services to transform your locks with premium products", tag: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/beautiufl-caucasian-lady-went-home-sits-armchair-th-living-room_132075-9638.jpg", imageAlt: "Professional Hairstyling"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Bridal Services",
|
||||
description: "Complete bridal makeup, pre-bridal packages, and groom styling for your perfect wedding day",
|
||||
tag: "Bridal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-product-client_23-2148398573.jpg?_wi=2",
|
||||
imageAlt: "Bridal Makeup Services",
|
||||
},
|
||||
id: "3", title: "Bridal Services", description: "Complete bridal makeup, pre-bridal packages, and groom styling for your perfect wedding day", tag: "Bridal", imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-product-client_23-2148398573.jpg", imageAlt: "Bridal Makeup Services"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Boutique Collection",
|
||||
description: "Designer lehengas, bridal dresses, and custom stitching services curated for your special occasions",
|
||||
tag: "Boutique",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-brown-curly-hair-sitting-dressing-room-wardrobe-shocked-disappointed-doesn-t-know-what-wear-hard-make-choice-model-with-elegant-look-black-fancy-dress_197531-1677.jpg?_wi=2",
|
||||
imageAlt: "Designer Bridal Wear",
|
||||
},
|
||||
id: "4", title: "Boutique Collection", description: "Designer lehengas, bridal dresses, and custom stitching services curated for your special occasions", tag: "Boutique", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-brown-curly-hair-sitting-dressing-room-wardrobe-shocked-disappointed-doesn-t-know-what-wear-hard-make-choice-model-with-elegant-look-black-fancy-dress_197531-1677.jpg", imageAlt: "Designer Bridal Wear"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
titleClassName="text-4xl md:text-5xl font-bold bg-gradient-to-r from-amber-700 to-orange-600 bg-clip-text text-transparent"
|
||||
descriptionClassName="text-lg text-gray-600 leading-relaxed"
|
||||
itemClassName="text-4xl md:text-5xl font-bold bg-gradient-to-r from-amber-700 to-orange-600 bg-clip-text text-transparent"
|
||||
cardDescriptionClassName="text-lg text-gray-600 leading-relaxed"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
@@ -160,33 +134,15 @@ export default function ServicesPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5000+",
|
||||
title: "Happy Brides",
|
||||
description: "Transformed with our premium bridal services",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-flowers_23-2149580422.jpg?_wi=4",
|
||||
imageAlt: "Happy Bride",
|
||||
},
|
||||
id: "1", value: "5000+", title: "Happy Brides", description: "Transformed with our premium bridal services", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-flowers_23-2149580422.jpg", imageAlt: "Happy Bride"},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Clients consistently rate us excellent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-class-make-up-girl-makes-make-up-her-friend_1321-1461.jpg?_wi=3",
|
||||
imageAlt: "Satisfaction",
|
||||
},
|
||||
id: "2", value: "98%", title: "Satisfaction Rate", description: "Clients consistently rate us excellent", imageSrc: "http://img.b2bpic.net/free-photo/master-class-make-up-girl-makes-make-up-her-friend_1321-1461.jpg", imageAlt: "Satisfaction"},
|
||||
{
|
||||
id: "3",
|
||||
value: "500+",
|
||||
title: "Monthly Clients",
|
||||
description: "Trust our studio for beauty services",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167800.jpg?_wi=4",
|
||||
imageAlt: "Clients",
|
||||
},
|
||||
id: "3", value: "500+", title: "Monthly Clients", description: "Trust our studio for beauty services", imageSrc: "http://img.b2bpic.net/free-photo/professional-women-stylish-suit-office-with-tablet-device_23-2150167800.jpg", imageAlt: "Clients"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
titleClassName="text-4xl md:text-5xl font-bold bg-gradient-to-r from-amber-700 to-orange-600 bg-clip-text text-transparent"
|
||||
descriptionClassName="text-lg text-gray-600 leading-relaxed"
|
||||
textBoxTitleClassName="text-4xl md:text-5xl font-bold bg-gradient-to-r from-amber-700 to-orange-600 bg-clip-text text-transparent"
|
||||
textBoxDescriptionClassName="text-lg text-gray-600 leading-relaxed"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -197,38 +153,24 @@ export default function ServicesPage() {
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Contact Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Contact Number", required: true,
|
||||
},
|
||||
{
|
||||
name: "service",
|
||||
type: "text",
|
||||
placeholder: "Service Interested In",
|
||||
required: true,
|
||||
name: "service", type: "text", placeholder: "Service Interested In", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your beauty needs and preferred date...",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Tell us about your beauty needs and preferred date...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
buttonText="Confirm Booking"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/beauty-invoice-poster-design_23-2149651367.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/beauty-invoice-poster-design_23-2149651367.jpg"
|
||||
imageAlt="Book Appointment"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
|
||||
Reference in New Issue
Block a user