diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index be9aaa4..4d1a90e 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -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" /> @@ -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" /> @@ -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"