Merge version_1 into main #1
@@ -38,7 +38,8 @@ export default function LandingPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Appointment", href: "#contact"}}
|
||||
text: "Book Appointment", href: "#contact"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -67,13 +68,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
title: "Premium Haircuts", description: "Expert cuts tailored to your face shape and personal style", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-getting-new-haircut_23-2148242801.jpg", imageAlt: "Professional haircut service", buttonIcon: Scissors,
|
||||
buttonHref: "#contact"},
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming", description: "Complete beard care including trimming, shaping, and conditioning", imageSrc: "http://img.b2bpic.net/free-photo/barber-shaving-contouring-male-customer-s-beard_23-2148985732.jpg", imageAlt: "Beard grooming service", buttonIcon: Zap,
|
||||
buttonHref: "#contact"},
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
{
|
||||
title: "Fade Haircuts", description: "Sharp, precise fades from skin to top with perfect blending", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462464.jpg", imageAlt: "Professional fade haircut", buttonIcon: Sparkles,
|
||||
buttonHref: "#contact"},
|
||||
buttonHref: "#contact"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -106,9 +110,11 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "500+", description: "Satisfied customers served every month"},
|
||||
id: "1", value: "500+", description: "Satisfied customers served every month"
|
||||
},
|
||||
{
|
||||
id: "2", value: "15+", description: "Years of combined barber expertise"},
|
||||
id: "2", value: "15+", description: "Years of combined barber expertise"
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -123,24 +129,27 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "1", price: "$25", name: "Haircut", buttons={[
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
]}
|
||||
]},
|
||||
features={[
|
||||
"Professional haircut", "Consultation included", "Complimentary styling"]},
|
||||
"Professional haircut", "Consultation included", "Complimentary styling"
|
||||
]}
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$35", name: "Haircut + Beard", buttons={[
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
]}
|
||||
]},
|
||||
features={[
|
||||
"Professional haircut", "Beard trim and shape", "Premium shaving cream", "Hot towel treatment"]},
|
||||
"Professional haircut", "Beard trim and shape", "Premium shaving cream", "Hot towel treatment"
|
||||
]}
|
||||
},
|
||||
{
|
||||
id: "3", price: "$50", name: "Premium Package", buttons={[
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
]}
|
||||
]},
|
||||
features={[
|
||||
"Complete grooming experience", "Haircut + beard trim", "Facial conditioning", "Scalp massage", "Premium products"]},
|
||||
"Complete grooming experience", "Haircut + beard trim", "Facial conditioning", "Scalp massage", "Premium products"
|
||||
]}
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -155,11 +164,14 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "barbers", groupTitle: "Expert Barbers", members: [
|
||||
{
|
||||
id: "1", title: "James Bradley", subtitle: "Master Barber", detail: "10+ years experience", imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-hipster-guy-dressed-old-fashioned-shirt-standing-with-crossed-arms-isolated-dark-background_613910-21340.jpg", imageAlt: "James Bradley, Master Barber"},
|
||||
id: "1", title: "James Bradley", subtitle: "Master Barber", detail: "10+ years experience", imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-hipster-guy-dressed-old-fashioned-shirt-standing-with-crossed-arms-isolated-dark-background_613910-21340.jpg", imageAlt: "James Bradley, Master Barber"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Marcus Chen", subtitle: "Senior Barber", detail: "8 years experience", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-handsome-barber-wearing-uniform-cutting-his-beard-with-scissors-looking-side-isolated-purple-background-with-copy-space_141793-84805.jpg", imageAlt: "Marcus Chen, Senior Barber"},
|
||||
id: "2", title: "Marcus Chen", subtitle: "Senior Barber", detail: "8 years experience", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-handsome-barber-wearing-uniform-cutting-his-beard-with-scissors-looking-side-isolated-purple-background-with-copy-space_141793-84805.jpg", imageAlt: "Marcus Chen, Senior Barber"
|
||||
},
|
||||
{
|
||||
id: "3", title: "David Rodriguez", subtitle: "Barber Specialist", detail: "5 years experience", imageSrc: "http://img.b2bpic.net/free-photo/bearded-traveler-male-dressed-fleece-shirt-with-backpack-posing-grey-background_613910-12327.jpg", imageAlt: "David Rodriguez, Barber Specialist"},
|
||||
id: "3", title: "David Rodriguez", subtitle: "Barber Specialist", detail: "5 years experience", imageSrc: "http://img.b2bpic.net/free-photo/bearded-traveler-male-dressed-fleece-shirt-with-backpack-posing-grey-background_613910-12327.jpg", imageAlt: "David Rodriguez, Barber Specialist"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -176,16 +188,20 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "David Thompson", role: "Regular Customer", company: "5-Star Review", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", imageAlt: "David Thompson"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", imageAlt: "David Thompson"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Santos", role: "Loyal Client", company: "5-Star Review", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Santos"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Santos"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Robert Williams", role: "Regular Customer", company: "5-Star Review", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-lucky-charming-friendly-blond-girlfriend-having-fun-celebrating-perfect-news-best-score-receive-scholarship-smiling-amused-carefree-close-eyes-show-peace-victory-signs-orange-background_1258-307693.jpg", imageAlt: "Robert Williams"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-lucky-charming-friendly-blond-girlfriend-having-fun-celebrating-perfect-news-best-score-receive-scholarship-smiling-amused-carefree-close-eyes-show-peace-victory-signs-orange-background_1258-307693.jpg", imageAlt: "Robert Williams"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Christopher Lee", role: "New Customer", company: "5-Star Review", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg", imageAlt: "Christopher Lee"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg", imageAlt: "Christopher Lee"
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Customer satisfaction" },
|
||||
@@ -204,17 +220,23 @@ export default function LandingPage() {
|
||||
<FaqBase
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do you accept walk-ins?", content: "Yes, we welcome walk-ins based on availability. However, we recommend booking an appointment in advance to ensure you get your preferred time slot. Walk-ins are typically served on a first-come, first-served basis."},
|
||||
id: "1", title: "Do you accept walk-ins?", content: "Yes, we welcome walk-ins based on availability. However, we recommend booking an appointment in advance to ensure you get your preferred time slot. Walk-ins are typically served on a first-come, first-served basis."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What are your hours of operation?", content: "We're open Monday through Friday 9:00 AM - 7:00 PM, Saturday 8:00 AM - 6:00 PM, and Sunday 10:00 AM - 5:00 PM. We're closed on major holidays. Contact us for holiday hours."},
|
||||
id: "2", title: "What are your hours of operation?", content: "We're open Monday through Friday 9:00 AM - 7:00 PM, Saturday 8:00 AM - 6:00 PM, and Sunday 10:00 AM - 5:00 PM. We're closed on major holidays. Contact us for holiday hours."
|
||||
},
|
||||
{
|
||||
id: "3", title: "How long does a typical haircut take?", content: "A standard haircut typically takes 20-30 minutes. Beard services or more complex styling may take an additional 10-15 minutes. Our experienced barbers work efficiently without compromising quality."},
|
||||
id: "3", title: "How long does a typical haircut take?", content: "A standard haircut typically takes 20-30 minutes. Beard services or more complex styling may take an additional 10-15 minutes. Our experienced barbers work efficiently without compromising quality."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Do you offer any loyalty programs?", content: "Yes! We offer a punch card loyalty program. After 10 haircuts, you receive one complimentary service. We also send special offers and discounts to our email subscribers."},
|
||||
id: "4", title: "Do you offer any loyalty programs?", content: "Yes! We offer a punch card loyalty program. After 10 haircuts, you receive one complimentary service. We also send special offers and discounts to our email subscribers."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Can I book online?", content: "Absolutely! You can book appointments directly through our website or contact us by phone. Online booking is fast and convenient, and you'll receive a confirmation email."},
|
||||
id: "5", title: "Can I book online?", content: "Absolutely! You can book appointments directly through our website or contact us by phone. Online booking is fast and convenient, and you'll receive a confirmation email."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What payment methods do you accept?", content: "We accept cash, all major credit cards (Visa, Mastercard, American Express), and digital payment methods like Apple Pay and Google Pay. Tips can be added to card payments."},
|
||||
id: "6", title: "What payment methods do you accept?", content: "We accept cash, all major credit cards (Visa, Mastercard, American Express), and digital payment methods like Apple Pay and Google Pay. Tips can be added to card payments."
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our services"
|
||||
@@ -229,16 +251,20 @@ export default function LandingPage() {
|
||||
<ContactFaq
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I cancel or reschedule an appointment?", content: "You can cancel or reschedule your appointment by calling us at least 24 hours in advance. Cancellations made within 24 hours may be subject to a small fee. Contact us by phone or through your booking confirmation email."},
|
||||
id: "1", title: "How do I cancel or reschedule an appointment?", content: "You can cancel or reschedule your appointment by calling us at least 24 hours in advance. Cancellations made within 24 hours may be subject to a small fee. Contact us by phone or through your booking confirmation email."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Do you offer gift certificates?", content: "Yes! Gift certificates are available in denominations of $25, $50, and $100. They make perfect gifts for friends and family. Contact us to purchase gift certificates or ask about custom amounts."},
|
||||
id: "2", title: "Do you offer gift certificates?", content: "Yes! Gift certificates are available in denominations of $25, $50, and $100. They make perfect gifts for friends and family. Contact us to purchase gift certificates or ask about custom amounts."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Are your products vegan and cruelty-free?", content: "Many of our premium products are vegan and cruelty-free. We're committed to ethical and sustainable grooming products. Ask your barber about specific product ingredients if you have concerns."},
|
||||
id: "3", title: "Are your products vegan and cruelty-free?", content: "Many of our premium products are vegan and cruelty-free. We're committed to ethical and sustainable grooming products. Ask your barber about specific product ingredients if you have concerns."
|
||||
},
|
||||
]}
|
||||
ctaTitle="Book Your Appointment Today"
|
||||
ctaDescription="Schedule your next grooming session with our expert barbers"
|
||||
ctaButton={{
|
||||
text: "Call: (555) 123-4567", href: "tel:+15551234567"}}
|
||||
text: "Call: (555) 123-4567", href: "tel:+15551234567"
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
|
||||
Reference in New Issue
Block a user