Merge version_1 into main #2
@@ -62,10 +62,11 @@ export default function BookingPage() {
|
||||
{ value: "24/7", title: "Online Booking Available" },
|
||||
{ value: "5 min", title: "Average Booking Time" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg"
|
||||
imageAlt="Professional barber consultation"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -73,25 +74,13 @@ export default function BookingPage() {
|
||||
<FaqBase
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you accept walk-ins or is it appointments only?",
|
||||
content: "We welcome both walk-ins and appointments! However, we recommend booking in advance to guarantee your preferred time, especially during peak hours (lunch and evenings). Walk-in wait times vary, but appointments ensure you get the exact slot you want.",
|
||||
},
|
||||
id: "1", title: "Do you accept walk-ins or is it appointments only?", content: "We welcome both walk-ins and appointments! However, we recommend booking in advance to guarantee your preferred time, especially during peak hours (lunch and evenings). Walk-in wait times vary, but appointments ensure you get the exact slot you want."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What's your cancellation policy?",
|
||||
content: "We ask for 24-hour notice to cancel or reschedule appointments. Cancellations within 24 hours may incur a $15 cancellation fee. No-shows will result in a full service charge. We're flexible for emergencies—just call us as soon as possible.",
|
||||
},
|
||||
id: "2", title: "What's your cancellation policy?", content: "We ask for 24-hour notice to cancel or reschedule appointments. Cancellations within 24 hours may incur a $15 cancellation fee. No-shows will result in a full service charge. We're flexible for emergencies—just call us as soon as possible."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is there parking available?",
|
||||
content: "Yes! Sufi Barber is located in a convenient plaza with dedicated free parking. We're easy to find and accessible. Plenty of spots available even during busy times.",
|
||||
},
|
||||
id: "3", title: "Is there parking available?", content: "Yes! Sufi Barber is located in a convenient plaza with dedicated free parking. We're easy to find and accessible. Plenty of spots available even during busy times."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash, all major credit cards (Visa, Mastercard, American Express), and digital payments (Apple Pay, Google Pay). Tips can be added to card or cash.",
|
||||
},
|
||||
id: "4", title: "What payment methods do you accept?", content: "We accept cash, all major credit cards (Visa, Mastercard, American Express), and digital payments (Apple Pay, Google Pay). Tips can be added to card or cash."},
|
||||
]}
|
||||
title="Booking Questions"
|
||||
description="Everything you need to know about booking your appointment at Sufi Barber"
|
||||
@@ -107,8 +96,7 @@ export default function BookingPage() {
|
||||
logoText="Sufi Barber"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Haircuts", href: "/services" },
|
||||
{ label: "Beard Grooming", href: "/services" },
|
||||
{ label: "Lineup & Details", href: "/services" },
|
||||
@@ -116,8 +104,7 @@ export default function BookingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Our Barbers", href: "/" },
|
||||
{ label: "Gallery", href: "/" },
|
||||
@@ -125,8 +112,7 @@ export default function BookingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Booking",
|
||||
items: [
|
||||
title: "Booking", items: [
|
||||
{ label: "Book Appointment", href: "/booking" },
|
||||
{ label: "FAQ", href: "/services" },
|
||||
{ label: "Cancellation Policy", href: "/services" },
|
||||
@@ -134,8 +120,7 @@ export default function BookingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Email", href: "mailto:sufibarber.dmv@gmail.com" },
|
||||
|
||||
@@ -62,10 +62,11 @@ export default function ContactPage() {
|
||||
{ value: "7 Days", title: "Open Weekly" },
|
||||
{ value: "Free", title: "Parking Available" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg"
|
||||
imageAlt="Sufi Barber location and interior"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -73,25 +74,13 @@ export default function ContactPage() {
|
||||
<FaqBase
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your operating hours?",
|
||||
content: "We're open 7 days a week for your convenience. Monday-Friday: 10 AM - 8 PM. Saturday & Sunday: 9 AM - 7 PM. We recommend booking in advance during peak hours, but walk-ins are always welcome.",
|
||||
},
|
||||
id: "1", title: "What are your operating hours?", content: "We're open 7 days a week for your convenience. Monday-Friday: 10 AM - 8 PM. Saturday & Sunday: 9 AM - 7 PM. We recommend booking in advance during peak hours, but walk-ins are always welcome."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is there parking available?",
|
||||
content: "Yes! Sufi Barber is located in a convenient plaza with dedicated free parking. We're easy to find and accessible. Plenty of spots available even during busy times.",
|
||||
},
|
||||
id: "2", title: "Is there parking available?", content: "Yes! Sufi Barber is located in a convenient plaza with dedicated free parking. We're easy to find and accessible. Plenty of spots available even during busy times."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash, all major credit cards (Visa, Mastercard, American Express), and digital payments (Apple Pay, Google Pay). Tips can be added to card or cash.",
|
||||
},
|
||||
id: "3", title: "What payment methods do you accept?", content: "We accept cash, all major credit cards (Visa, Mastercard, American Express), and digital payments (Apple Pay, Google Pay). Tips can be added to card or cash."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How can I contact you directly?",
|
||||
content: "You can call us at +1 (202) 555-1234 or email sufibarber.dmv@gmail.com. You can also visit us in person at our location. For bookings, use our online system or call to speak with our team directly.",
|
||||
},
|
||||
id: "4", title: "How can I contact you directly?", content: "You can call us at +1 (202) 555-1234 or email sufibarber.dmv@gmail.com. You can also visit us in person at our location. For bookings, use our online system or call to speak with our team directly."},
|
||||
]}
|
||||
title="Contact FAQ"
|
||||
description="Answers to common questions about reaching Sufi Barber"
|
||||
@@ -107,8 +96,7 @@ export default function ContactPage() {
|
||||
logoText="Sufi Barber"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Haircuts", href: "/services" },
|
||||
{ label: "Beard Grooming", href: "/services" },
|
||||
{ label: "Lineup & Details", href: "/services" },
|
||||
@@ -116,8 +104,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Our Barbers", href: "/" },
|
||||
{ label: "Gallery", href: "/" },
|
||||
@@ -125,8 +112,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Booking",
|
||||
items: [
|
||||
title: "Booking", items: [
|
||||
{ label: "Book Appointment", href: "/booking" },
|
||||
{ label: "FAQ", href: "/services" },
|
||||
{ label: "Cancellation Policy", href: "/services" },
|
||||
@@ -134,8 +120,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Email", href: "mailto:sufibarber.dmv@gmail.com" },
|
||||
|
||||
201
src/app/page.tsx
201
src/app/page.tsx
@@ -67,10 +67,11 @@ export default function HomePage() {
|
||||
{ value: "15+", title: "Years Combined Experience" },
|
||||
{ value: "500+", title: "Satisfied Clients Monthly" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg"
|
||||
imageAlt="Sufi Barber master craftsman at work"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -82,49 +83,19 @@ export default function HomePage() {
|
||||
description="Each service crafted with precision and care. Premium add-ons enhance your experience."
|
||||
plans={[
|
||||
{
|
||||
id: "haircut",
|
||||
title: "Classic Haircut",
|
||||
price: "$35",
|
||||
period: "Starting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-comb_613910-5069.jpg?_wi=1",
|
||||
imageAlt: "Professional haircut",
|
||||
button: { text: "Book Haircut", href: "/booking" },
|
||||
id: "haircut", title: "Classic Haircut", price: "$35", period: "Starting", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-comb_613910-5069.jpg", imageAlt: "Professional haircut", button: { text: "Book Haircut", href: "/booking" },
|
||||
features: [
|
||||
"Signature fade or cut",
|
||||
"Precision line work",
|
||||
"Complimentary styling",
|
||||
"Expert consultation",
|
||||
],
|
||||
"Signature fade or cut", "Precision line work", "Complimentary styling", "Expert consultation"],
|
||||
},
|
||||
{
|
||||
id: "beard",
|
||||
title: "Premium Beard Service",
|
||||
price: "$25",
|
||||
period: "Starting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-barbershop-shaving-beard_1303-26258.jpg?_wi=1",
|
||||
imageAlt: "Premium beard grooming",
|
||||
button: { text: "Book Beard Service", href: "/booking" },
|
||||
id: "beard", title: "Premium Beard Service", price: "$25", period: "Starting", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-barbershop-shaving-beard_1303-26258.jpg", imageAlt: "Premium beard grooming", button: { text: "Book Beard Service", href: "/booking" },
|
||||
features: [
|
||||
"Expert beard shaping",
|
||||
"Hot towel treatment",
|
||||
"Beard oil conditioning",
|
||||
"Fade integration",
|
||||
],
|
||||
"Expert beard shaping", "Hot towel treatment", "Beard oil conditioning", "Fade integration"],
|
||||
},
|
||||
{
|
||||
id: "lineup",
|
||||
title: "Lineup + Edge Detail",
|
||||
price: "$15",
|
||||
period: "Starting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg?_wi=1",
|
||||
imageAlt: "Precision lineup service",
|
||||
button: { text: "Book Lineup", href: "/booking" },
|
||||
id: "lineup", title: "Lineup + Edge Detail", price: "$15", period: "Starting", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg", imageAlt: "Precision lineup service", button: { text: "Book Lineup", href: "/booking" },
|
||||
features: [
|
||||
"Sharp edge work",
|
||||
"Precision line details",
|
||||
"Neckline cleanup",
|
||||
"Quick maintenance",
|
||||
],
|
||||
"Sharp edge work", "Precision line details", "Neckline cleanup", "Quick maintenance"],
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -140,47 +111,19 @@ export default function HomePage() {
|
||||
description="Highly skilled professionals dedicated to precision and excellence in every cut"
|
||||
groups={[
|
||||
{
|
||||
id: "master-barbers",
|
||||
groupTitle: "Master Barbers",
|
||||
members: [
|
||||
id: "master-barbers", groupTitle: "Master Barbers", members: [
|
||||
{
|
||||
id: "1",
|
||||
title: "Raj Patel",
|
||||
subtitle: "Master Barber & Owner",
|
||||
detail: "20+ years | Fade & Design Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg?_wi=2",
|
||||
imageAlt: "Raj Patel",
|
||||
},
|
||||
id: "1", title: "Raj Patel", subtitle: "Master Barber & Owner", detail: "20+ years | Fade & Design Specialist", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg", imageAlt: "Raj Patel"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Ahmed Khan",
|
||||
subtitle: "Senior Barber",
|
||||
detail: "15+ years | Beard & Traditional Cuts",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-hispanic-man-casuals-studio_662251-600.jpg?_wi=1",
|
||||
imageAlt: "Ahmed Khan",
|
||||
},
|
||||
id: "2", title: "Ahmed Khan", subtitle: "Senior Barber", detail: "15+ years | Beard & Traditional Cuts", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-hispanic-man-casuals-studio_662251-600.jpg", imageAlt: "Ahmed Khan"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "expert-barbers",
|
||||
groupTitle: "Expert Barbers",
|
||||
members: [
|
||||
id: "expert-barbers", groupTitle: "Expert Barbers", members: [
|
||||
{
|
||||
id: "3",
|
||||
title: "Marco Santos",
|
||||
subtitle: "Premium Barber",
|
||||
detail: "10+ years | Modern Fades & Styles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
||||
imageAlt: "Marco Santos",
|
||||
},
|
||||
id: "3", title: "Marco Santos", subtitle: "Premium Barber", detail: "10+ years | Modern Fades & Styles", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marco Santos"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Dev Sharma",
|
||||
subtitle: "Specialist Barber",
|
||||
detail: "8+ years | Styling & Grooming",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
||||
imageAlt: "Dev Sharma",
|
||||
},
|
||||
id: "4", title: "Dev Sharma", subtitle: "Specialist Barber", detail: "8+ years | Styling & Grooming", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Dev Sharma"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -197,49 +140,13 @@ export default function HomePage() {
|
||||
description="A collection of our finest work—precision cuts, sharp lines, and satisfied clients"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Fade & Design",
|
||||
title: "Classic Fade Master",
|
||||
excerpt: "Clean geometry meets artistic precision in this signature fade design with sharp line work",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-comb_613910-5069.jpg?_wi=2",
|
||||
imageAlt: "Classic fade haircut",
|
||||
authorName: "Raj Patel",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg",
|
||||
date: "Premium Work",
|
||||
},
|
||||
id: "1", category: "Fade & Design", title: "Classic Fade Master", excerpt: "Clean geometry meets artistic precision in this signature fade design with sharp line work", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-comb_613910-5069.jpg", imageAlt: "Classic fade haircut", authorName: "Raj Patel", authorAvatar: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg", date: "Premium Work"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Beard Grooming",
|
||||
title: "Premium Beard Sculpting",
|
||||
excerpt: "Expert beard shaping with integrated fade and hot towel conditioning for the perfect finish",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-barbershop-shaving-beard_1303-26258.jpg?_wi=2",
|
||||
imageAlt: "Premium beard grooming",
|
||||
authorName: "Ahmed Khan",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-young-hispanic-man-casuals-studio_662251-600.jpg",
|
||||
date: "Premium Work",
|
||||
},
|
||||
id: "2", category: "Beard Grooming", title: "Premium Beard Sculpting", excerpt: "Expert beard shaping with integrated fade and hot towel conditioning for the perfect finish", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-barbershop-shaving-beard_1303-26258.jpg", imageAlt: "Premium beard grooming", authorName: "Ahmed Khan", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-young-hispanic-man-casuals-studio_662251-600.jpg", date: "Premium Work"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Modern Styling",
|
||||
title: "Contemporary Cut",
|
||||
excerpt: "Modern textured cut with precise fading and edge detail for sophisticated style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg?_wi=2",
|
||||
imageAlt: "Modern haircut styling",
|
||||
authorName: "Marco Santos",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
date: "Premium Work",
|
||||
},
|
||||
id: "3", category: "Modern Styling", title: "Contemporary Cut", excerpt: "Modern textured cut with precise fading and edge detail for sophisticated style", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg", imageAlt: "Modern haircut styling", authorName: "Marco Santos", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "Premium Work"},
|
||||
{
|
||||
id: "4",
|
||||
category: "Barbershop",
|
||||
title: "Premium Experience",
|
||||
excerpt: "Sufi Barber's luxury interior designed for comfort, precision, and the ultimate grooming experience",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg?_wi=1",
|
||||
imageAlt: "Sufi Barber interior design",
|
||||
authorName: "Sufi Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg",
|
||||
date: "Premium Space",
|
||||
},
|
||||
id: "4", category: "Barbershop", title: "Premium Experience", excerpt: "Sufi Barber's luxury interior designed for comfort, precision, and the ultimate grooming experience", imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg", imageAlt: "Sufi Barber interior design", authorName: "Sufi Team", authorAvatar: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18491.jpg", date: "Premium Space"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -255,59 +162,23 @@ export default function HomePage() {
|
||||
description="Real feedback from the DMV community about their Sufi Barber experience"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anil Desai",
|
||||
role: "Software Engineer",
|
||||
company: "Tech Professional",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-hispanic-man-casuals-studio_662251-600.jpg?_wi=2",
|
||||
imageAlt: "Anil Desai",
|
||||
},
|
||||
id: "1", name: "Anil Desai", role: "Software Engineer", company: "Tech Professional", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-hispanic-man-casuals-studio_662251-600.jpg", imageAlt: "Anil Desai"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Hassan Malik",
|
||||
role: "Business Owner",
|
||||
company: "DMV Entrepreneur",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
|
||||
imageAlt: "Hassan Malik",
|
||||
},
|
||||
id: "2", name: "Hassan Malik", role: "Business Owner", company: "DMV Entrepreneur", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Hassan Malik"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Johnson",
|
||||
role: "Creative Director",
|
||||
company: "Marketing Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",
|
||||
imageAlt: "Marcus Johnson",
|
||||
},
|
||||
id: "3", name: "Marcus Johnson", role: "Creative Director", company: "Marketing Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marcus Johnson"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vikram Patel",
|
||||
role: "Finance Manager",
|
||||
company: "Corporate Professional",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg?_wi=1",
|
||||
imageAlt: "Vikram Patel",
|
||||
},
|
||||
id: "4", name: "Vikram Patel", role: "Finance Manager", company: "Corporate Professional", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg", imageAlt: "Vikram Patel"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Omar Hussain",
|
||||
role: "Healthcare Professional",
|
||||
company: "Medical Field",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
imageAlt: "Omar Hussain",
|
||||
},
|
||||
id: "5", name: "Omar Hussain", role: "Healthcare Professional", company: "Medical Field", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Omar Hussain"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Rohan Singh",
|
||||
role: "Graduate Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg?_wi=2",
|
||||
imageAlt: "Rohan Singh",
|
||||
},
|
||||
id: "6", name: "Rohan Singh", role: "Graduate Student", company: "University", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg", imageAlt: "Rohan Singh"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Client Satisfaction Rate" },
|
||||
@@ -339,8 +210,7 @@ export default function HomePage() {
|
||||
logoText="Sufi Barber"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Haircuts", href: "/services" },
|
||||
{ label: "Beard Grooming", href: "/services" },
|
||||
{ label: "Lineup & Details", href: "/services" },
|
||||
@@ -348,8 +218,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Our Barbers", href: "/" },
|
||||
{ label: "Gallery", href: "/" },
|
||||
@@ -357,8 +226,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Booking",
|
||||
items: [
|
||||
title: "Booking", items: [
|
||||
{ label: "Book Appointment", href: "/booking" },
|
||||
{ label: "FAQ", href: "/" },
|
||||
{ label: "Cancellation Policy", href: "/" },
|
||||
@@ -366,8 +234,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Email", href: "mailto:sufibarber.dmv@gmail.com" },
|
||||
|
||||
@@ -45,49 +45,19 @@ export default function ServicesPage() {
|
||||
description="Every service is crafted with meticulous attention to detail and premium care. Experience the Sufi Barber difference."
|
||||
plans={[
|
||||
{
|
||||
id: "haircut-premium",
|
||||
title: "Classic Haircut",
|
||||
price: "$35",
|
||||
period: "Starting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-comb_613910-5069.jpg?_wi=3",
|
||||
imageAlt: "Professional haircut service",
|
||||
button: { text: "Book Now", href: "/booking" },
|
||||
id: "haircut-premium", title: "Classic Haircut", price: "$35", period: "Starting", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-comb_613910-5069.jpg", imageAlt: "Professional haircut service", button: { text: "Book Now", href: "/booking" },
|
||||
features: [
|
||||
"Signature fade or cut",
|
||||
"Precision line work",
|
||||
"Complimentary styling",
|
||||
"Expert consultation",
|
||||
],
|
||||
"Signature fade or cut", "Precision line work", "Complimentary styling", "Expert consultation"],
|
||||
},
|
||||
{
|
||||
id: "beard-service",
|
||||
title: "Premium Beard Service",
|
||||
price: "$25",
|
||||
period: "Starting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-barbershop-shaving-beard_1303-26258.jpg?_wi=3",
|
||||
imageAlt: "Beard grooming and shaping",
|
||||
button: { text: "Book Now", href: "/booking" },
|
||||
id: "beard-service", title: "Premium Beard Service", price: "$25", period: "Starting", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-barbershop-shaving-beard_1303-26258.jpg", imageAlt: "Beard grooming and shaping", button: { text: "Book Now", href: "/booking" },
|
||||
features: [
|
||||
"Expert beard shaping",
|
||||
"Hot towel treatment",
|
||||
"Beard oil conditioning",
|
||||
"Fade integration",
|
||||
],
|
||||
"Expert beard shaping", "Hot towel treatment", "Beard oil conditioning", "Fade integration"],
|
||||
},
|
||||
{
|
||||
id: "lineup-detail",
|
||||
title: "Lineup + Edge Detail",
|
||||
price: "$15",
|
||||
period: "Starting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg?_wi=3",
|
||||
imageAlt: "Precision edge and lineup work",
|
||||
button: { text: "Book Now", href: "/booking" },
|
||||
id: "lineup-detail", title: "Lineup + Edge Detail", price: "$15", period: "Starting", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg", imageAlt: "Precision edge and lineup work", button: { text: "Book Now", href: "/booking" },
|
||||
features: [
|
||||
"Sharp edge work",
|
||||
"Precision line details",
|
||||
"Neckline cleanup",
|
||||
"Quick maintenance",
|
||||
],
|
||||
"Sharp edge work", "Precision line details", "Neckline cleanup", "Quick maintenance"],
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -106,10 +76,11 @@ export default function ServicesPage() {
|
||||
{ value: "15+", title: "Years Master Craftsmanship" },
|
||||
{ value: "500+", title: "Regular Satisfied Clients" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg"
|
||||
imageAlt="Premium barbershop environment"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,25 +88,13 @@ export default function ServicesPage() {
|
||||
<FaqBase
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you accept walk-ins or is it appointments only?",
|
||||
content: "We welcome both walk-ins and appointments! However, we recommend booking in advance to guarantee your preferred time, especially during peak hours (lunch and evenings). Walk-in wait times vary, but appointments ensure you get the exact slot you want.",
|
||||
},
|
||||
id: "1", title: "Do you accept walk-ins or is it appointments only?", content: "We welcome both walk-ins and appointments! However, we recommend booking in advance to guarantee your preferred time, especially during peak hours (lunch and evenings). Walk-in wait times vary, but appointments ensure you get the exact slot you want."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What's your cancellation policy?",
|
||||
content: "We ask for 24-hour notice to cancel or reschedule appointments. Cancellations within 24 hours may incur a $15 cancellation fee. No-shows will result in a full service charge. We're flexible for emergencies—just call us as soon as possible.",
|
||||
},
|
||||
id: "2", title: "What's your cancellation policy?", content: "We ask for 24-hour notice to cancel or reschedule appointments. Cancellations within 24 hours may incur a $15 cancellation fee. No-shows will result in a full service charge. We're flexible for emergencies—just call us as soon as possible."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long does a typical haircut take?",
|
||||
content: "Standard haircuts take about 30-45 minutes. Beard services add 15-25 minutes. Specialty fades or design work may take up to 50 minutes. We never rush—quality takes time.",
|
||||
},
|
||||
id: "3", title: "How long does a typical haircut take?", content: "Standard haircuts take about 30-45 minutes. Beard services add 15-25 minutes. Specialty fades or design work may take up to 50 minutes. We never rush—quality takes time."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you offer loyalty or package deals?",
|
||||
content: "Yes! Ask about our loyalty card program. Buy 5 haircuts, get your 6th at 50% off. We also offer monthly packages for regulars. Mention you heard about these discounts when you book!",
|
||||
},
|
||||
id: "4", title: "Do you offer loyalty or package deals?", content: "Yes! Ask about our loyalty card program. Buy 5 haircuts, get your 6th at 50% off. We also offer monthly packages for regulars. Mention you heard about these discounts when you book!"},
|
||||
]}
|
||||
title="Services FAQ"
|
||||
description="Common questions about our grooming services and booking process"
|
||||
@@ -151,8 +110,7 @@ export default function ServicesPage() {
|
||||
logoText="Sufi Barber"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Haircuts", href: "/services" },
|
||||
{ label: "Beard Grooming", href: "/services" },
|
||||
{ label: "Lineup & Details", href: "/services" },
|
||||
@@ -160,8 +118,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Our Barbers", href: "/" },
|
||||
{ label: "Gallery", href: "/" },
|
||||
@@ -169,8 +126,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Booking",
|
||||
items: [
|
||||
title: "Booking", items: [
|
||||
{ label: "Book Appointment", href: "/booking" },
|
||||
{ label: "FAQ", href: "/services" },
|
||||
{ label: "Cancellation Policy", href: "/services" },
|
||||
@@ -178,8 +134,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Email", href: "mailto:sufibarber.dmv@gmail.com" },
|
||||
|
||||
Reference in New Issue
Block a user