Merge version_1 into main #1
@@ -21,7 +21,7 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -38,7 +38,8 @@ export default function LandingPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Appointment", href: "#contact"}}
|
||||
text: "Book Appointment", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -46,7 +47,7 @@ export default function LandingPage() {
|
||||
<HeroSplitKpi
|
||||
title="Premium Barbershop Experience"
|
||||
description="Discover refined grooming at Today Style Barber. Professional stylists, premium products, and exceptional service for the modern gentleman."
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
kpis={[
|
||||
{ value: "15+", label: "Years of Excellence" },
|
||||
{ value: "5,000+", label: "Satisfied Clients" },
|
||||
@@ -73,13 +74,17 @@ export default function LandingPage() {
|
||||
tagIcon={Scissors}
|
||||
features={[
|
||||
{
|
||||
id: "haircut", title: "Classic Haircuts", description: "Traditional and modern cuts tailored to your style and hair type. Expert precision with attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-musician-playing-sax_23-2148207503.jpg", imageAlt: "barber cutting hair with clippers precision"},
|
||||
id: "haircut", title: "Classic Haircuts", description: "Traditional and modern cuts tailored to your style and hair type. Expert precision with attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-musician-playing-sax_23-2148207503.jpg", imageAlt: "barber cutting hair with clippers precision"
|
||||
},
|
||||
{
|
||||
id: "shave", title: "Straight Razor Shaves", description: "Luxurious hot shave experience with premium aftershave balms. Relax while we handle the details.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", imageAlt: "barber straight razor shaving client face"},
|
||||
id: "shave", title: "Straight Razor Shaves", description: "Luxurious hot shave experience with premium aftershave balms. Relax while we handle the details.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", imageAlt: "barber straight razor shaving client face"
|
||||
},
|
||||
{
|
||||
id: "beard", title: "Beard Grooming", description: "Beard trimming, shaping, and conditioning. Keep your beard looking sharp and well-maintained.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-getting-haircut_23-2148465218.jpg", imageAlt: "barber grooming trimming beard styling"},
|
||||
id: "beard", title: "Beard Grooming", description: "Beard trimming, shaping, and conditioning. Keep your beard looking sharp and well-maintained.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-getting-haircut_23-2148465218.jpg", imageAlt: "barber grooming trimming beard styling"
|
||||
},
|
||||
{
|
||||
id: "coloring", title: "Hair Coloring", description: "Professional hair coloring and touch-ups using premium products. Cover grays or try a new look.", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-elderly-client_23-2148181885.jpg", imageAlt: "barber applying hair color professional dye"},
|
||||
id: "coloring", title: "Hair Coloring", description: "Professional hair coloring and touch-ups using premium products. Cover grays or try a new look.", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-elderly-client_23-2148181885.jpg", imageAlt: "barber applying hair color professional dye"
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
@@ -143,15 +148,19 @@ export default function LandingPage() {
|
||||
tagIcon={Users}
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Marcus Johnson", role: "Head Barber & Founder", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-barber-wearing-uniform-holding-crossing-sciccors-with-comb-isolated-olive-green-wall_141793-105721.jpg", imageAlt: "professional male barber portrait headshot"},
|
||||
id: "1", name: "Marcus Johnson", role: "Head Barber & Founder", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-barber-wearing-uniform-holding-crossing-sciccors-with-comb-isolated-olive-green-wall_141793-105721.jpg", imageAlt: "professional male barber portrait headshot"
|
||||
},
|
||||
{
|
||||
id: "2", name: "David Chen", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg", imageAlt: "professional male barber portrait barbershop"},
|
||||
id: "2", name: "David Chen", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15042.jpg", imageAlt: "professional male barber portrait barbershop"
|
||||
},
|
||||
{
|
||||
id: "3", name: "James Williams", role: "Specialist Barber", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg", imageAlt: "professional barber portrait barbershop"},
|
||||
id: "3", name: "James Williams", role: "Specialist Barber", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg", imageAlt: "professional barber portrait barbershop"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Antonio Rodriguez", role: "Grooming Expert", imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254450.jpg", imageAlt: "professional barber portrait grooming expert"},
|
||||
id: "4", name: "Antonio Rodriguez", role: "Grooming Expert", imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254450.jpg", imageAlt: "professional barber portrait grooming expert"
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -165,16 +174,20 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Robert Thompson", role: "Business Executive", company: "Thompson & Associates", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg", imageAlt: "professional business man portrait headshot"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg", imageAlt: "professional business man portrait headshot"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Hayes", role: "Software Developer", company: "Tech Innovations Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1631.jpg", imageAlt: "young professional man portrait headshot"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1631.jpg", imageAlt: "young professional man portrait headshot"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Christopher Davis", role: "Attorney", company: "Davis Legal Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg", imageAlt: "professional lawyer male portrait headshot"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg", imageAlt: "professional lawyer male portrait headshot"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Daniel Anderson", role: "Entrepreneur", company: "Anderson Ventures", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg", imageAlt: "entrepreneur male portrait professional headshot"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg", imageAlt: "entrepreneur male portrait professional headshot"
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Client Satisfaction" },
|
||||
@@ -193,20 +206,27 @@ export default function LandingPage() {
|
||||
sideDescription="Find answers to common questions about our services, appointments, and policies."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I book an appointment?", content: "You can book an appointment through our contact form, by phone, or by visiting our shop in person. We recommend booking in advance to secure your preferred time slot."},
|
||||
id: "1", title: "How do I book an appointment?", content: "You can book an appointment through our contact form, by phone, or by visiting our shop in person. We recommend booking in advance to secure your preferred time slot."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What is your cancellation policy?", content: "We require 24 hours notice for cancellations or rescheduling. Cancellations made with less notice may incur a 50% service fee."},
|
||||
id: "2", title: "What is your cancellation policy?", content: "We require 24 hours notice for cancellations or rescheduling. Cancellations made with less notice may incur a 50% service fee."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Do you accept walk-ins?", content: "Yes, we accept walk-ins based on availability. However, we recommend booking in advance to minimize wait times and guarantee your spot."},
|
||||
id: "3", title: "Do you accept walk-ins?", content: "Yes, we accept walk-ins based on availability. However, we recommend booking in advance to minimize wait times and guarantee your spot."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What payment methods do you accept?", content: "We accept cash, credit cards (Visa, Mastercard, American Express), and digital payment methods including Apple Pay and Google Pay."},
|
||||
id: "4", title: "What payment methods do you accept?", content: "We accept cash, credit cards (Visa, Mastercard, American Express), and digital payment methods including Apple Pay and Google Pay."
|
||||
},
|
||||
{
|
||||
id: "5", title: "How long does a typical haircut take?", content: "A standard haircut typically takes 30-45 minutes, depending on the complexity of the style and hair type. Detailed grooming services may take longer."},
|
||||
id: "5", title: "How long does a typical haircut take?", content: "A standard haircut typically takes 30-45 minutes, depending on the complexity of the style and hair type. Detailed grooming services may take longer."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Do you offer gift certificates?", content: "Yes! Gift certificates are available in any denomination. They make perfect gifts for the grooming-conscious gentleman in your life."},
|
||||
id: "6", title: "Do you offer gift certificates?", content: "Yes! Gift certificates are available in any denomination. They make perfect gifts for the grooming-conscious gentleman in your life."
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
textPosition="left"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user