From d88ccac528ce09b02ba583fd6782d102d0f07370 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 21:45:05 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 302 ++++++++--------------------------------------- 1 file changed, 48 insertions(+), 254 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index ed27d5e..9deffd5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -23,7 +23,7 @@ export default function HomePage() { borderRadius="pill" contentWidth="compact" sizing="largeSmallSizeLargeTitles" - background="blurBottom" + background="circleGradient" cardStyle="inset" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="radial-glow" @@ -53,7 +53,7 @@ export default function HomePage() { { text: "Book Appointment", href: "/contact" }, { text: "Explore Services", href: "/services" } ]} - background={{ variant: "blurBottom" }} + background={{ variant: "plain" }} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-striking-hero-image-of-a-professional--1773178930821-6c12f14d.png" imageAlt="Professional men's hair salon Manchester" mediaAnimation="slide-up" @@ -73,63 +73,28 @@ export default function HomePage() { animationType="opacity" features={[ { - id: "haircuts", - label: "Haircuts", - title: "Modern Haircuts & Styling", - items: [ - "Classic fades and undercuts", - "Contemporary textured cuts", - "Slicked back & pompadour styles", - "Personalised consultations", - "Professional blow-dry finish" + id: "haircuts", label: "Haircuts", title: "Modern Haircuts & Styling", items: [ + "Classic fades and undercuts", "Contemporary textured cuts", "Slicked back & pompadour styles", "Personalised consultations", "Professional blow-dry finish" ] }, { - id: "beard", - label: "Beard", - title: "Precision Beard Grooming", - items: [ - "Expert beard trimming & shaping", - "Beard styling & design", - "Facial hair care consultation", - "Premium beard products", - "Full grooming experience" + id: "beard", label: "Beard", title: "Precision Beard Grooming", items: [ + "Expert beard trimming & shaping", "Beard styling & design", "Facial hair care consultation", "Premium beard products", "Full grooming experience" ] }, { - id: "wigs", - label: "Wigs", - title: "Wig Consultation & Installation", - items: [ - "Professional wig consultation", - "Custom fitting services", - "Premium wig selection", - "Expert installation", - "Maintenance & care guidance" + id: "wigs", label: "Wigs", title: "Wig Consultation & Installation", items: [ + "Professional wig consultation", "Custom fitting services", "Premium wig selection", "Expert installation", "Maintenance & care guidance" ] }, { - id: "skincare", - label: "Skincare", - title: "Premium Facial & Skin Care", - items: [ - "Professional facial treatments", - "Anti-ageing skin care", - "Hydrating face masks", - "Targeted skincare solutions", - "Relaxing spa experience" + id: "skincare", label: "Skincare", title: "Premium Facial & Skin Care", items: [ + "Professional facial treatments", "Anti-ageing skin care", "Hydrating face masks", "Targeted skincare solutions", "Relaxing spa experience" ] }, { - id: "treatments", - label: "Treatments", - title: "Hair Treatments & Solutions", - items: [ - "Hair colouring services", - "Keratin treatments", - "Hydrating therapies", - "Perms & styling treatments", - "Scalp care solutions" + id: "treatments", label: "Treatments", title: "Hair Treatments & Solutions", items: [ + "Hair colouring services", "Keratin treatments", "Hydrating therapies", "Perms & styling treatments", "Scalp care solutions" ] } ]} @@ -149,46 +114,22 @@ export default function HomePage() { gridVariant="three-columns-all-equal-width" products={[ { - id: "wig-1", - name: "Premium Men's Wig - Classic Style", - price: "£89.99", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-premium-men-s-wig-displayed-on-a-high--1773178929146-516b4ffa.png?_wi=1", - imageAlt: "Premium men's wig classic style" + id: "wig-1", name: "Premium Men's Wig - Classic Style", price: "£89.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-premium-men-s-wig-displayed-on-a-high--1773178929146-516b4ffa.png", imageAlt: "Premium men's wig classic style" }, { - id: "hair-care", - name: "Luxury Hair Care Collection", - price: "£34.99", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-collection-of-premium-men-s-hair-care--1773178930347-e38b615e.png?_wi=1", - imageAlt: "Luxury men's hair care products" + id: "hair-care", name: "Luxury Hair Care Collection", price: "£34.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-collection-of-premium-men-s-hair-care--1773178930347-e38b615e.png", imageAlt: "Luxury men's hair care products" }, { - id: "beard-care", - name: "Premium Beard Oil & Balm Duo", - price: "£24.99", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/premium-men-s-beard-care-products-includ-1773178928784-21b089cf.png?_wi=1", - imageAlt: "Premium beard oil and balm" + id: "beard-care", name: "Premium Beard Oil & Balm Duo", price: "£24.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/premium-men-s-beard-care-products-includ-1773178928784-21b089cf.png", imageAlt: "Premium beard oil and balm" }, { - id: "skincare", - name: "Men's Skincare Essential Kit", - price: "£49.99", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-collection-of-premium-men-s-skincare-p-1773178929171-f2e977cd.png?_wi=1", - imageAlt: "Men's premium skincare products" + id: "skincare", name: "Men's Skincare Essential Kit", price: "£49.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-collection-of-premium-men-s-skincare-p-1773178929171-f2e977cd.png", imageAlt: "Men's premium skincare products" }, { - id: "accessories", - name: "Professional Grooming Tools Set", - price: "£59.99", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/men-s-grooming-accessories-including-bru-1773178929256-947eaf1b.png?_wi=1", - imageAlt: "Professional grooming accessories" + id: "accessories", name: "Professional Grooming Tools Set", price: "£59.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/men-s-grooming-accessories-including-bru-1773178929256-947eaf1b.png", imageAlt: "Professional grooming accessories" }, { - id: "wig-2", - name: "Modern Men's Wig - Fade Style", - price: "£94.99", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-second-premium-men-s-wig-style-on-a-ma-1773178929424-15158f6a.png?_wi=1", - imageAlt: "Modern men's wig with fade" + id: "wig-2", name: "Modern Men's Wig - Fade Style", price: "£94.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-second-premium-men-s-wig-style-on-a-ma-1773178929424-15158f6a.png", imageAlt: "Modern men's wig with fade" } ]} carouselMode="buttons" @@ -200,9 +141,7 @@ export default function HomePage() { @@ -308,23 +193,10 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Gerrard Larrivet", - "Ashford Grooming", - "Nottingham Barber Co", - "Manchester Luxury", - "Premium Wigs UK", - "Nordic Skincare", - "Sheffield Styling", - "Elite Grooming" + "Gerrard Larrivet", "Ashford Grooming", "Nottingham Barber Co", "Manchester Luxury", "Premium Wigs UK", "Nordic Skincare", "Sheffield Styling", "Elite Grooming" ]} logos={[ - "http://img.b2bpic.net/free-psd/barber-template-design_23-2151527959.jpg", - "http://img.b2bpic.net/free-photo/portrait-blonde-business-woman-formal-suit-holds-cute-dog_613910-99.jpg", - "http://img.b2bpic.net/free-vector/luxury-gala-dinner-template-design_23-2150152498.jpg", - "http://img.b2bpic.net/free-vector/gradient-hair-salon-logo-template_23-2148850697.jpg", - "http://img.b2bpic.net/free-vector/flat-design-pet-grooming-template_23-2150066218.jpg", - "http://img.b2bpic.net/free-vector/luxury-golden-hotels-logos-pack_23-2147532121.jpg", - "http://img.b2bpic.net/free-vector/flat-fashion-accessories-logo-set_23-2148922521.jpg" + "http://img.b2bpic.net/free-psd/barber-template-design_23-2151527959.jpg", "http://img.b2bpic.net/free-photo/portrait-blonde-business-woman-formal-suit-holds-cute-dog_613910-99.jpg", "http://img.b2bpic.net/free-vector/luxury-gala-dinner-template-design_23-2150152498.jpg", "http://img.b2bpic.net/free-vector/gradient-hair-salon-logo-template_23-2148850697.jpg", "http://img.b2bpic.net/free-vector/flat-design-pet-grooming-template_23-2150066218.jpg", "http://img.b2bpic.net/free-vector/luxury-golden-hotels-logos-pack_23-2147532121.jpg", "http://img.b2bpic.net/free-vector/flat-fashion-accessories-logo-set_23-2148922521.jpg" ]} speed={40} showCard={true} @@ -340,7 +212,7 @@ export default function HomePage() { tagIcon={HelpCircle} textboxLayout="default" useInvertedBackground={false} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-image-of-a-modern-barbers-1773178930097-c6976568.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-image-of-a-modern-barbers-1773178930097-c6976568.png" imageAlt="GroomElite salon interior" mediaAnimation="slide-up" mediaPosition="right" @@ -348,44 +220,28 @@ export default function HomePage() { animationType="smooth" faqs={[ { - id: "1", - title: "How do I book an appointment?", - content: "You can book an appointment through our website contact form, call us directly at our Manchester location, or send a message via WhatsApp. We recommend booking in advance, especially for weekend appointments, to ensure your preferred time slot is available." + id: "1", title: "How do I book an appointment?", content: "You can book an appointment through our website contact form, call us directly at our Manchester location, or send a message via WhatsApp. We recommend booking in advance, especially for weekend appointments, to ensure your preferred time slot is available." }, { - id: "2", - title: "What are your operating hours?", - content: "We're open Monday to Saturday, 10:00 AM to 7:00 PM, and Sunday 12:00 PM to 5:00 PM. Bank holidays may have different hours. Please contact us to confirm availability on specific dates." + id: "2", title: "What are your operating hours?", content: "We're open Monday to Saturday, 10:00 AM to 7:00 PM, and Sunday 12:00 PM to 5:00 PM. Bank holidays may have different hours. Please contact us to confirm availability on specific dates." }, { - id: "3", - title: "Do you offer wig consultation and fitting?", - content: "Yes, absolutely. We provide professional wig consultation services, including fitting and styling advice. Our experienced team helps you select the perfect wig that matches your lifestyle and preferences. Consultations are available by appointment." + id: "3", title: "Do you offer wig consultation and fitting?", content: "Yes, absolutely. We provide professional wig consultation services, including fitting and styling advice. Our experienced team helps you select the perfect wig that matches your lifestyle and preferences. Consultations are available by appointment." }, { - id: "4", - title: "What payment methods do you accept?", - content: "We accept cash, card payments (Visa, MasterCard, Amex), and online payments via PayPal and Stripe. All online orders include secure checkout options for your peace of mind." + id: "4", title: "What payment methods do you accept?", content: "We accept cash, card payments (Visa, MasterCard, Amex), and online payments via PayPal and Stripe. All online orders include secure checkout options for your peace of mind." }, { - id: "5", - title: "Do you offer delivery for online orders?", - content: "Yes, we deliver throughout the UK. Standard delivery typically takes 3-5 business days. We also offer express delivery options for urgent orders. Delivery costs vary based on location and order value." + id: "5", title: "Do you offer delivery for online orders?", content: "Yes, we deliver throughout the UK. Standard delivery typically takes 3-5 business days. We also offer express delivery options for urgent orders. Delivery costs vary based on location and order value." }, { - id: "6", - title: "What is your returns policy?", - content: "We offer a 14-day returns policy for unused products in original packaging. Wigs and personalised items may have different terms. Please review our full returns policy on the shop page or contact us for details." + id: "6", title: "What is your returns policy?", content: "We offer a 14-day returns policy for unused products in original packaging. Wigs and personalised items may have different terms. Please review our full returns policy on the shop page or contact us for details." }, { - id: "7", - title: "Do you provide corporate or group bookings?", - content: "Yes, we accommodate group bookings and corporate events. Please contact us directly to discuss your requirements, and we'll create a customised package to suit your group's needs." + id: "7", title: "Do you provide corporate or group bookings?", content: "Yes, we accommodate group bookings and corporate events. Please contact us directly to discuss your requirements, and we'll create a customised package to suit your group's needs." }, { - id: "8", - title: "Are your products cruelty-free and sustainable?", - content: "We prioritise ethically-sourced, high-quality grooming products. Many of our product partners are committed to sustainability and ethical practices. Contact us for specific details about individual product lines." + id: "8", title: "Are your products cruelty-free and sustainable?", content: "We prioritise ethically-sourced, high-quality grooming products. Many of our product partners are committed to sustainability and ethical practices. Contact us for specific details about individual product lines." } ]} /> @@ -404,70 +260,22 @@ export default function HomePage() { carouselMode="buttons" blogs={[ { - id: "1", - category: "Hair Care", - title: "The Ultimate Guide to Modern Men's Haircuts", - excerpt: "Explore the most popular modern haircut styles for men, from classic fades to contemporary textured cuts. Learn how to choose the right style for your face shape and lifestyle.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-lifestyle-image-related-t-1773178929280-d229c3e3.png?_wi=1", - imageAlt: "Men's modern haircut guide", - authorName: "James Mitchell", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-headshot-of-a-satisfied-m-1773178928378-36daa8ba.png", - date: "12 January 2025" + id: "1", category: "Hair Care", title: "The Ultimate Guide to Modern Men's Haircuts", excerpt: "Explore the most popular modern haircut styles for men, from classic fades to contemporary textured cuts. Learn how to choose the right style for your face shape and lifestyle.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-lifestyle-image-related-t-1773178929280-d229c3e3.png", imageAlt: "Men's modern haircut guide", authorName: "James Mitchell", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-headshot-of-a-satisfied-m-1773178928378-36daa8ba.png", date: "12 January 2025" }, { - id: "2", - category: "Beard Styling", - title: "Beard Grooming 101: Daily Maintenance & Styling", - excerpt: "Complete guide to beard maintenance including daily care routines, product selection, and styling techniques. Achieve a well-groomed, professional beard with expert tips.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-lifestyle-image-of-a-man--1773178930661-0d3e36bf.png?_wi=1", - imageAlt: "Beard grooming guide daily routine", - authorName: "Michael Torres", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-confident-male-professional-in-his-40s-1773178928420-6afe8c98.png", - date: "8 January 2025" + id: "2", category: "Beard Styling", title: "Beard Grooming 101: Daily Maintenance & Styling", excerpt: "Complete guide to beard maintenance including daily care routines, product selection, and styling techniques. Achieve a well-groomed, professional beard with expert tips.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-lifestyle-image-of-a-man--1773178930661-0d3e36bf.png", imageAlt: "Beard grooming guide daily routine", authorName: "Michael Torres", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-confident-male-professional-in-his-40s-1773178928420-6afe8c98.png", date: "8 January 2025" }, { - id: "3", - category: "Skincare", - title: "Men's Skincare Essentials: A Comprehensive Routine", - excerpt: "Discover the essential steps in a men's skincare routine. From cleansing to moisturising, learn how to maintain healthy, youthful-looking skin with minimal effort.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-lifestyle-image-of-a-man--1773178928764-0a74a1ef.png?_wi=1", - imageAlt: "Men's skincare routine essentials", - authorName: "David Cooper", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-young-professional-male-in-his-20s-pho-1773178928006-dc39f841.png", - date: "5 January 2025" + id: "3", category: "Skincare", title: "Men's Skincare Essentials: A Comprehensive Routine", excerpt: "Discover the essential steps in a men's skincare routine. From cleansing to moisturising, learn how to maintain healthy, youthful-looking skin with minimal effort.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-lifestyle-image-of-a-man--1773178928764-0a74a1ef.png", imageAlt: "Men's skincare routine essentials", authorName: "David Cooper", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-young-professional-male-in-his-20s-pho-1773178928006-dc39f841.png", date: "5 January 2025" }, { - id: "4", - category: "Wig Care", - title: "Everything You Need to Know About Men's Wigs", - excerpt: "Comprehensive guide to men's wigs including selection, fitting, care, and maintenance. Learn how to choose the right wig and maintain it for longevity and natural appearance.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-display-of-various-men-s--1773178931550-a586d98b.png?_wi=1", - imageAlt: "Men's wig styles and care guide", - authorName: "Christopher Brown", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-male-headshot-of-a-man-in-1773178929979-288b5f03.png", - date: "2 January 2025" + id: "4", category: "Wig Care", title: "Everything You Need to Know About Men's Wigs", excerpt: "Comprehensive guide to men's wigs including selection, fitting, care, and maintenance. Learn how to choose the right wig and maintain it for longevity and natural appearance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-display-of-various-men-s--1773178931550-a586d98b.png", imageAlt: "Men's wig styles and care guide", authorName: "Christopher Brown", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-male-headshot-of-a-man-in-1773178929979-288b5f03.png", date: "2 January 2025" }, { - id: "5", - category: "Styling Tips", - title: "Hair Styling Products: Choose the Right One for Your Hair", - excerpt: "Navigate the world of hair styling products. Learn about different product types, their benefits, and how to choose the perfect match for your hair type and desired style.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-collection-of-premium-men-s-hair-care--1773178930347-e38b615e.png?_wi=2", - imageAlt: "Hair styling products guide", - authorName: "James Mitchell", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-headshot-of-a-satisfied-m-1773178928378-36daa8ba.png", - date: "28 December 2024" + id: "5", category: "Styling Tips", title: "Hair Styling Products: Choose the Right One for Your Hair", excerpt: "Navigate the world of hair styling products. Learn about different product types, their benefits, and how to choose the perfect match for your hair type and desired style.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-collection-of-premium-men-s-hair-care--1773178930347-e38b615e.png", imageAlt: "Hair styling products guide", authorName: "James Mitchell", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-headshot-of-a-satisfied-m-1773178928378-36daa8ba.png", date: "28 December 2024" }, { - id: "6", - category: "Grooming Trends", - title: "2025 Men's Grooming Trends: What's Hot This Year", - excerpt: "Discover the latest trends in men's grooming for 2025, from haircut styles to beard trends and skincare innovations. Stay ahead with contemporary styling ideas.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-collage-or-showcase-of-various-profess-1773178929795-6eb3570d.png?_wi=2", - imageAlt: "2025 men's grooming trends", - authorName: "Stephen McKenzie", - authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-headshot-of-a-well-groome-1773178928400-da20cf39.png", - date: "20 December 2024" + id: "6", category: "Grooming Trends", title: "2025 Men's Grooming Trends: What's Hot This Year", excerpt: "Discover the latest trends in men's grooming for 2025, from haircut styles to beard trends and skincare innovations. Stay ahead with contemporary styling ideas.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-collage-or-showcase-of-various-profess-1773178929795-6eb3570d.png", imageAlt: "2025 men's grooming trends", authorName: "Stephen McKenzie", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-headshot-of-a-well-groome-1773178928400-da20cf39.png", date: "20 December 2024" } ]} /> @@ -479,41 +287,27 @@ export default function HomePage() { title="Book Your Appointment" description="Ready to experience premium grooming? Contact us to schedule your appointment or inquire about our services. Our team is here to help you look and feel your best." useInvertedBackground={false} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-image-of-a-modern-barbers-1773178930097-c6976568.png?_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-image-of-a-modern-barbers-1773178930097-c6976568.png" imageAlt="GroomElite salon booking" mediaAnimation="slide-up" mediaPosition="right" buttonText="Book Now" inputs={[ { - name: "name", - type: "text", - placeholder: "Full Name", - required: true + name: "name", type: "text", placeholder: "Full Name", required: true }, { - name: "email", - type: "email", - placeholder: "Email Address", - required: true + name: "email", type: "email", placeholder: "Email Address", required: true }, { - name: "phone", - type: "tel", - placeholder: "Phone Number", - required: true + name: "phone", type: "tel", placeholder: "Phone Number", required: true }, { - name: "service", - type: "text", - placeholder: "Service Required (e.g., Haircut, Beard Trim, Wig Consultation)", - required: true + name: "service", type: "text", placeholder: "Service Required (e.g., Haircut, Beard Trim, Wig Consultation)", required: true } ]} textarea={{ - name: "message", - placeholder: "Additional notes or preferences (optional)", - rows: 4, + name: "message", placeholder: "Additional notes or preferences (optional)", rows: 4, required: false }} /> -- 2.49.1 From 1afbe1f66ba152933c86f914f855f23e3ab9909d Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 21:45:05 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 66 +++++++++---------- 1 file changed, 30 insertions(+), 36 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..5b29a95 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,45 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React from 'react'; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text?: string; className?: string; + width?: number; + height?: number; + fontSize?: number; + fill?: string; + dominantBaseline?: 'auto' | 'baseline' | 'hanging' | 'middle' | 'central' | 'text-after-edge' | 'ideographic' | 'mathematical' | 'inherit'; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text = 'Webild', + className = '', + width = 300, + height = 100, + fontSize = 48, + fill = 'currentColor', + dominantBaseline = 'middle', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo; -- 2.49.1