Merge version_1 into main #2
302
src/app/page.tsx
302
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() {
|
||||
<TextSplitAbout
|
||||
title="About GroomElite"
|
||||
description={[
|
||||
"GroomElite is Manchester's premier destination for men's premium grooming. For over a decade, we've been dedicated to providing exceptional haircuts, expert beard grooming, professional wig services, and luxury skincare treatments to discerning gentlemen throughout the North West.",
|
||||
"Our team comprises highly trained professionals passionate about delivering precision work, personalised service, and premium products. We believe every client deserves to feel confident and well-groomed, whether you're visiting for a simple trim or a complete grooming transformation.",
|
||||
"Beyond the salon, we're committed to education and community. Our blog shares expert grooming tips, styling advice, and skincare wisdom to help you maintain your look between visits and develop a comprehensive grooming routine tailored to your lifestyle."
|
||||
"GroomElite is Manchester's premier destination for men's premium grooming. For over a decade, we've been dedicated to providing exceptional haircuts, expert beard grooming, professional wig services, and luxury skincare treatments to discerning gentlemen throughout the North West.", "Our team comprises highly trained professionals passionate about delivering precision work, personalised service, and premium products. We believe every client deserves to feel confident and well-groomed, whether you're visiting for a simple trim or a complete grooming transformation.", "Beyond the salon, we're committed to education and community. Our blog shares expert grooming tips, styling advice, and skincare wisdom to help you maintain your look between visits and develop a comprehensive grooming routine tailored to your lifestyle."
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Meet Our Team", href: "/about" }
|
||||
@@ -223,76 +162,22 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Richardson, Manchester Business Owner",
|
||||
date: "Date: 15 January 2025",
|
||||
title: "Transformed my entire grooming routine",
|
||||
quote: "I've been visiting GroomElite for three years now. Their attention to detail is unmatched. Whether I'm getting a weekly trim or exploring their wig consultation services, the team always delivers excellence. Highly recommended for any gentleman serious about their appearance.",
|
||||
tag: "Premium Member",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-headshot-of-a-satisfied-m-1773178928378-36daa8ba.png",
|
||||
avatarAlt: "James Richardson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-stunning-interior-photograph-of-a-luxu-1773178929474-823bfe2f.png?_wi=1",
|
||||
imageAlt: "GroomElite salon interior"
|
||||
id: "1", name: "James Richardson, Manchester Business Owner", date: "Date: 15 January 2025", title: "Transformed my entire grooming routine", quote: "I've been visiting GroomElite for three years now. Their attention to detail is unmatched. Whether I'm getting a weekly trim or exploring their wig consultation services, the team always delivers excellence. Highly recommended for any gentleman serious about their appearance.", tag: "Premium Member", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-headshot-of-a-satisfied-m-1773178928378-36daa8ba.png", avatarAlt: "James Richardson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-stunning-interior-photograph-of-a-luxu-1773178929474-823bfe2f.png", imageAlt: "GroomElite salon interior"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Torres, Manchester Professional",
|
||||
date: "Date: 10 January 2025",
|
||||
title: "Best barbershop experience in Manchester",
|
||||
quote: "The professionalism and expertise at GroomElite is exceptional. My fade is always perfectly executed, and the staff really understand modern styling. I particularly appreciate their knowledge about wig consultation and premium products. Worth every penny.",
|
||||
tag: "Regular Client",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-confident-male-professional-in-his-40s-1773178928420-6afe8c98.png",
|
||||
avatarAlt: "Michael Torres",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-collage-or-showcase-of-various-profess-1773178929795-6eb3570d.png?_wi=1",
|
||||
imageAlt: "Professional men's haircut styles"
|
||||
id: "2", name: "Michael Torres, Manchester Professional", date: "Date: 10 January 2025", title: "Best barbershop experience in Manchester", quote: "The professionalism and expertise at GroomElite is exceptional. My fade is always perfectly executed, and the staff really understand modern styling. I particularly appreciate their knowledge about wig consultation and premium products. Worth every penny.", tag: "Regular Client", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-confident-male-professional-in-his-40s-1773178928420-6afe8c98.png", avatarAlt: "Michael Torres", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-collage-or-showcase-of-various-profess-1773178929795-6eb3570d.png", imageAlt: "Professional men's haircut styles"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Cooper, Manchester Resident",
|
||||
date: "Date: 5 January 2025",
|
||||
title: "Professional, welcoming, and results-driven",
|
||||
quote: "Found GroomElite six months ago and haven't looked back. The team genuinely cares about understanding your style preferences. Their beard grooming service is phenomenal, and the product recommendations have significantly improved my daily grooming routine.",
|
||||
tag: "Satisfied Client",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-young-professional-male-in-his-20s-pho-1773178928006-dc39f841.png",
|
||||
avatarAlt: "David Cooper",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-collection-of-professional-beard-groom-1773178929724-e6968dd5.png?_wi=1",
|
||||
imageAlt: "Professional beard grooming styles"
|
||||
id: "3", name: "David Cooper, Manchester Resident", date: "Date: 5 January 2025", title: "Professional, welcoming, and results-driven", quote: "Found GroomElite six months ago and haven't looked back. The team genuinely cares about understanding your style preferences. Their beard grooming service is phenomenal, and the product recommendations have significantly improved my daily grooming routine.", tag: "Satisfied Client", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-young-professional-male-in-his-20s-pho-1773178928006-dc39f841.png", avatarAlt: "David Cooper", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-collection-of-professional-beard-groom-1773178929724-e6968dd5.png", imageAlt: "Professional beard grooming styles"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Williams, Manchester Executive",
|
||||
date: "Date: 28 December 2024",
|
||||
title: "The attention to detail is incredible",
|
||||
quote: "As someone who travels frequently for business, I appreciate consistency and quality. GroomElite delivers both. Every haircut is precisely what I've requested, and their luxury skincare treatments have become essential to my weekly routine. Outstanding service.",
|
||||
tag: "Executive Client",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-mature-well-established-male-professio-1773178929778-cd7778a5.png",
|
||||
avatarAlt: "Robert Williams",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-facial-treatment-session--1773178929378-86da9de7.png",
|
||||
imageAlt: "Professional facial treatment"
|
||||
id: "4", name: "Robert Williams, Manchester Executive", date: "Date: 28 December 2024", title: "The attention to detail is incredible", quote: "As someone who travels frequently for business, I appreciate consistency and quality. GroomElite delivers both. Every haircut is precisely what I've requested, and their luxury skincare treatments have become essential to my weekly routine. Outstanding service.", tag: "Executive Client", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-mature-well-established-male-professio-1773178929778-cd7778a5.png", avatarAlt: "Robert Williams", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-facial-treatment-session--1773178929378-86da9de7.png", imageAlt: "Professional facial treatment"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Christopher Brown, Manchester Creative",
|
||||
date: "Date: 20 December 2024",
|
||||
title: "Elevated my entire image and confidence",
|
||||
quote: "The team at GroomElite helped me completely transform my look. From understanding the right haircut style to wig consultation and comprehensive skincare, they provided expert guidance every step of the way. My confidence has never been better.",
|
||||
tag: "Transformation Client",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-male-headshot-of-a-man-in-1773178929979-288b5f03.png",
|
||||
avatarAlt: "Christopher Brown",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-wig-consultation-and-fitt-1773178928829-adda1d49.png",
|
||||
imageAlt: "Professional wig consultation"
|
||||
id: "5", name: "Christopher Brown, Manchester Creative", date: "Date: 20 December 2024", title: "Elevated my entire image and confidence", quote: "The team at GroomElite helped me completely transform my look. From understanding the right haircut style to wig consultation and comprehensive skincare, they provided expert guidance every step of the way. My confidence has never been better.", tag: "Transformation Client", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-male-headshot-of-a-man-in-1773178929979-288b5f03.png", avatarAlt: "Christopher Brown", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-wig-consultation-and-fitt-1773178928829-adda1d49.png", imageAlt: "Professional wig consultation"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Stephen McKenzie, Manchester Entrepreneur",
|
||||
date: "Date: 15 December 2024",
|
||||
title: "Premium service, premium results",
|
||||
quote: "GroomElite isn't just a barbershop; it's a grooming experience. The facilities are modern, the team is knowledgeable, and the results are consistently excellent. Their product range is impressive, and the staff genuinely care about customer satisfaction. Highly professional operation.",
|
||||
tag: "Regular Client",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-headshot-of-a-well-groome-1773178928400-da20cf39.png",
|
||||
avatarAlt: "Stephen McKenzie",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-detailed-close-up-of-a-professional-ba-1773178929695-c8f5b694.png?_wi=1",
|
||||
imageAlt: "Professional barber haircut"
|
||||
id: "6", name: "Stephen McKenzie, Manchester Entrepreneur", date: "Date: 15 December 2024", title: "Premium service, premium results", quote: "GroomElite isn't just a barbershop; it's a grooming experience. The facilities are modern, the team is knowledgeable, and the results are consistently excellent. Their product range is impressive, and the staff genuinely care about customer satisfaction. Highly professional operation.", tag: "Regular Client", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-professional-headshot-of-a-well-groome-1773178928400-da20cf39.png", avatarAlt: "Stephen McKenzie", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Alt73RyLTESBI1eOCI7lVh8jxr/a-detailed-close-up-of-a-professional-ba-1773178929695-c8f5b694.png", imageAlt: "Professional barber haircut"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -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
|
||||
}}
|
||||
/>
|
||||
|
||||
@@ -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<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text = 'Webild',
|
||||
className = '',
|
||||
width = 300,
|
||||
height = 100,
|
||||
fontSize = 48,
|
||||
fill = 'currentColor',
|
||||
dominantBaseline = 'middle',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width={width}
|
||||
height={height}
|
||||
viewBox={`0 0 ${width} ${height}`}
|
||||
className={`flex-shrink-0 ${className}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline={dominantBaseline}
|
||||
fontSize={fontSize}
|
||||
fontWeight="bold"
|
||||
fill={fill}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user