diff --git a/src/app/page.tsx b/src/app/page.tsx index eaa4872..99d837c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -98,22 +98,22 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Expert Haircuts", description: "Professional haircuts for men and women, expertly crafted to suit your face shape, hair type, and personal style.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-beard-trim-with-razor_23-2148242806.jpg?_wi=1", imageAlt: "Professional Haircut Service" + title: "Expert Haircuts", description: "Professional haircuts for men and women, expertly crafted to suit your face shape, hair type, and personal style.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-beard-trim-with-razor_23-2148242806.jpg", imageAlt: "Professional Haircut Service", cardTitleClassName: "text-lg font-semibold" }, { - title: "Vibrant Hair Coloring", description: "Transform your look with our premium hair coloring services using high-quality, professional-grade products.", imageSrc: "http://img.b2bpic.net/free-photo/process-hair-coloring-hairdresser-parlor_23-2147769771.jpg", imageAlt: "Hair Coloring Service" + title: "Vibrant Hair Coloring", description: "Transform your look with our premium hair coloring services using high-quality, professional-grade products.", imageSrc: "http://img.b2bpic.net/free-photo/process-hair-coloring-hairdresser-parlor_23-2147769771.jpg", imageAlt: "Hair Coloring Service", cardTitleClassName: "text-lg font-semibold" }, { - title: "Stunning Highlights", description: "Add dimension and depth to your hair with our carefully applied highlight treatments for a flawless finish.", imageSrc: "http://img.b2bpic.net/free-photo/woman-hair-washing-with-soap_140725-8948.jpg", imageAlt: "Hair Highlights Service" + title: "Stunning Highlights", description: "Add dimension and depth to your hair with our carefully applied highlight treatments for a flawless finish.", imageSrc: "http://img.b2bpic.net/free-photo/woman-hair-washing-with-soap_140725-8948.jpg", imageAlt: "Hair Highlights Service", cardTitleClassName: "text-lg font-semibold" }, { - title: "Blow Dry Styling", description: "Achieve salon-quality blow dry and styling to complete your look with professional technique and care.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230941.jpg?_wi=1", imageAlt: "Blow Dry Styling Service" + title: "Blow Dry Styling", description: "Achieve salon-quality blow dry and styling to complete your look with professional technique and care.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230941.jpg", imageAlt: "Blow Dry Styling Service", cardTitleClassName: "text-lg font-semibold" }, { - title: "Hair Styling Consultation", description: "Personalized consultation with our expert stylists to create the perfect style for your lifestyle and preferences.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230941.jpg?_wi=2", imageAlt: "Styling Consultation Service" + title: "Hair Styling Consultation", description: "Personalized consultation with our expert stylists to create the perfect style for your lifestyle and preferences.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230941.jpg", imageAlt: "Styling Consultation Service", cardTitleClassName: "text-lg font-semibold" }, { - title: "Men's Grooming", description: "Professional men's haircuts and grooming services designed to keep you looking sharp and well-maintained.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-beard-trim-with-razor_23-2148242806.jpg?_wi=2", imageAlt: "Men's Grooming Service" + title: "Men's Grooming", description: "Professional men's haircuts and grooming services designed to keep you looking sharp and well-maintained.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-beard-trim-with-razor_23-2148242806.jpg", imageAlt: "Men's Grooming Service", cardTitleClassName: "text-lg font-semibold" } ]} className="py-20" @@ -136,10 +136,10 @@ export default function LandingPage() { useInvertedBackground={false} members={[ { - id: "nahid", name: "Nahid", role: "Senior Hair Stylist", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg", imageAlt: "Nahid - Senior Hair Stylist" + id: "nahid", name: "Nahid", role: "Senior Hair Stylist", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg", imageAlt: "Nahid - Senior Hair Stylist", roleClassName: "text-sm text-foreground/70" }, { - id: "zara", name: "Zara", role: "Expert Colorist & Stylist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-romantic-pretty-girl-with-blond-hairstyle-is-sitting-near-window-smiling_291650-2077.jpg", imageAlt: "Zara - Expert Colorist" + id: "zara", name: "Zara", role: "Expert Colorist & Stylist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-romantic-pretty-girl-with-blond-hairstyle-is-sitting-near-window-smiling_291650-2077.jpg", imageAlt: "Zara - Expert Colorist", roleClassName: "text-sm text-foreground/70" } ]} className="py-20" @@ -187,7 +187,7 @@ export default function LandingPage() { tagIcon={BarChart3} tagAnimation="slide-up" textboxLayout="default" - gridVariant="three-columns-all-equal-width" + gridVariant="uniform-all-items-equal" animationType="opacity" useInvertedBackground={false} metrics={[