|
|
|
|
@@ -41,23 +41,23 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitDoubleCarousel
|
|
|
|
|
title="Premium Barbershop Excellence"
|
|
|
|
|
description="Experience professional grooming at JrBlendz. Expert cuts, precise fades, and premium beard care tailored to your style."
|
|
|
|
|
title="Premium Solo Barber Excellence"
|
|
|
|
|
description="Experience professional grooming by JrBlendz, a dedicated solo barber. Expert cuts, precise fades, and premium beard care tailored to your unique style and preferences."
|
|
|
|
|
tag="Welcome to JrBlendz"
|
|
|
|
|
tagIcon={Scissors}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
background={{ variant: "glowing-orb" }}
|
|
|
|
|
leftCarouselItems={[
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/barbershop-with-client-barber_624325-2640.jpg?_wi=1", imageAlt: "Professional haircut showcase" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462513.jpg?_wi=1", imageAlt: "Modern haircut styling" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-trimmer-black-gloves_23-2148257044.jpg?_wi=1", imageAlt: "Fade haircut precision" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/man-having-hair-shaved-by-crop-barber_23-2147778769.jpg?_wi=1", imageAlt: "Beard grooming detail" }
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1621905251022-48416b8ba58e?w=800&q=80&_wi=1", imageAlt: "Professional haircut showcase" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1592975769127-3c23bb3c2343?w=800&q=80&_wi=1", imageAlt: "Modern haircut styling" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1605629921902-378fa7787c5f?w=800&q=80&_wi=1", imageAlt: "Fade haircut precision" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1612139473076-1ef86e1a0b8e?w=800&q=80&_wi=1", imageAlt: "Beard grooming detail" }
|
|
|
|
|
]}
|
|
|
|
|
rightCarouselItems={[
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstyling-using-hairdryer_23-2148506236.jpg?_wi=1", imageAlt: "Professional barber at work" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-with-brush-preparing-neck-hair-shaving_23-2148181930.jpg?_wi=1", imageAlt: "Haircut service in progress" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-combing-beard-client_23-2147778897.jpg?_wi=1", imageAlt: "Beard trimming service" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-cut_23-2148256870.jpg?_wi=1", imageAlt: "Fade cut expertise" }
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1599912676244-ba1e1a1bb738?w=800&q=80&_wi=1", imageAlt: "Professional barber at work" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1585747860715-cd4628902d4a?w=800&q=80&_wi=1", imageAlt: "Haircut service in progress" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1603881613716-d5c45fbb4d41?w=800&q=80&_wi=1", imageAlt: "Beard trimming service" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1521590832167-7bcce28519e9?w=800&q=80&_wi=1", imageAlt: "Fade cut expertise" }
|
|
|
|
|
]}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Book Appointment", href: "#contact" },
|
|
|
|
|
@@ -71,22 +71,22 @@ export default function LandingPage() {
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
|
<FeatureCardTwentyFour
|
|
|
|
|
title="Our Services"
|
|
|
|
|
description="Premium grooming services crafted for the modern man. Each service is tailored to your unique style and preferences."
|
|
|
|
|
description="Premium grooming services crafted by a dedicated solo barber. Each service is tailored to your unique style and preferences with personalized attention."
|
|
|
|
|
tag="Services"
|
|
|
|
|
tagIcon={Scissors}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Classic Haircut", author: "JrBlendz Team", description: "Traditional and timeless haircuts that suit any face shape. Precision cutting with expert fade techniques.", tags: ["Popular", "30 min"],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-with-brush-preparing-neck-hair-shaving_23-2148181930.jpg?_wi=2", imageAlt: "Classic haircut service"
|
|
|
|
|
id: "1", title: "Classic Haircut", author: "JrBlendz", description: "Traditional and timeless haircuts that suit any face shape. Precision cutting with expert fade techniques customized for you.", tags: ["Popular", "30 min"],
|
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1585747860715-cd4628902d4a?w=800&q=80&_wi=2", imageAlt: "Classic haircut service"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Beard Grooming", author: "JrBlendz Team", description: "Complete beard care including trim, shape, and detailing. We use premium products for a fresh, clean look.", tags: ["Premium", "20 min"],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-combing-beard-client_23-2147778897.jpg?_wi=2", imageAlt: "Beard grooming service"
|
|
|
|
|
id: "2", title: "Beard Grooming", author: "JrBlendz", description: "Complete beard care including trim, shape, and detailing. I use premium products for a fresh, clean look tailored to your beard style.", tags: ["Premium", "20 min"],
|
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1603881613716-d5c45fbb4d41?w=800&q=80&_wi=2", imageAlt: "Beard grooming service"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Fade & Line-up", author: "JrBlendz Team", description: "Sharp, precise fades with clean line-ups. Perfect for those seeking a modern, polished appearance.", tags: ["Expert", "25 min"],
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-cut_23-2148256870.jpg?_wi=2", imageAlt: "Fade cut service"
|
|
|
|
|
id: "3", title: "Fade & Line-up", author: "JrBlendz", description: "Sharp, precise fades with clean line-ups. Perfect for those seeking a modern, polished appearance with expert attention to detail.", tags: ["Expert", "25 min"],
|
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1521590832167-7bcce28519e9?w=800&q=80&_wi=2", imageAlt: "Fade cut service"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -98,17 +98,17 @@ export default function LandingPage() {
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<SplitAbout
|
|
|
|
|
title="About JrBlendz"
|
|
|
|
|
description="Founded with a passion for precision and excellence, JrBlendz is your go-to destination for quality barbershop services. We combine traditional barbering techniques with modern styling expertise."
|
|
|
|
|
description="I'm a dedicated solo barber with a passion for precision and excellence. JrBlendz is built on providing quality barbershop services with personalized attention to every client. I combine traditional barbering techniques with modern styling expertise to give you the perfect cut every time."
|
|
|
|
|
tag="Our Story"
|
|
|
|
|
tagIcon={Heart}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
bulletPoints={[
|
|
|
|
|
{ title: "Expert Barbers", description: "Trained professionals with years of experience in classic and contemporary cuts.", icon: UserCheck },
|
|
|
|
|
{ title: "Premium Products", description: "We use only the finest grooming products to ensure quality results and healthy hair.", icon: Sparkles },
|
|
|
|
|
{ title: "Clean Environment", description: "Maintained to the highest standards with a welcoming, modern barbershop atmosphere.", icon: Home },
|
|
|
|
|
{ title: "Customer First", description: "Your satisfaction is our priority. We listen to your style preferences and deliver exactly what you want.", icon: Smile }
|
|
|
|
|
{ title: "Expert Barber", description: "Years of experience in classic and contemporary cuts with personalized service.", icon: UserCheck },
|
|
|
|
|
{ title: "Premium Products", description: "I use only the finest grooming products to ensure quality results and healthy hair.", icon: Sparkles },
|
|
|
|
|
{ title: "Clean Sanctuary", description: "My barbershop is maintained to the highest standards with a welcoming, modern atmosphere.", icon: Home },
|
|
|
|
|
{ title: "Personalized Attention", description: "Your satisfaction is my priority. I listen to your style preferences and deliver exactly what you want.", icon: Smile }
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-barbershop-concept_23-2148506255.jpg"
|
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1605629921902-378fa7787c5f?w=800&q=80&_wi=2"
|
|
|
|
|
imageAlt="JrBlendz barbershop interior"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
imagePosition="right"
|
|
|
|
|
@@ -120,22 +120,22 @@ export default function LandingPage() {
|
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
|
|
|
<BlogCardOne
|
|
|
|
|
title="Gallery"
|
|
|
|
|
description="Check out our latest work and get inspired by the transformations we create every day."
|
|
|
|
|
description="Check out my latest work and get inspired by the transformations I create every day with dedicated craftsmanship."
|
|
|
|
|
tag="Portfolio"
|
|
|
|
|
tagIcon={Image}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
blogs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", category: "Haircuts", title: "Sharp Modern Fade", excerpt: "Clean lines and precision execution. A modern fade that stands out.", imageSrc: "http://img.b2bpic.net/free-photo/barbershop-with-client-barber_624325-2640.jpg?_wi=2", imageAlt: "Modern fade haircut", authorName: "JrBlendz Team", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-man-leaning-wall-holding-cellphone-looking-camera_23-2148193963.jpg", date: "Recent"
|
|
|
|
|
id: "1", category: "Haircuts", title: "Sharp Modern Fade", excerpt: "Clean lines and precision execution. A modern fade that stands out.", imageSrc: "https://images.unsplash.com/photo-1621905251022-48416b8ba58e?w=800&q=80&_wi=2", imageAlt: "Modern fade haircut", authorName: "JrBlendz", authorAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=96&h=96&fit=crop&q=80", date: "Recent"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", category: "Styling", title: "Contemporary Cut", excerpt: "Combining classic technique with modern style elements for a unique look.", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462513.jpg?_wi=2", imageAlt: "Contemporary haircut style", authorName: "JrBlendz Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-standing-office_23-2147899580.jpg", date: "Recent"
|
|
|
|
|
id: "2", category: "Styling", title: "Contemporary Cut", excerpt: "Combining classic technique with modern style elements for a unique look.", imageSrc: "https://images.unsplash.com/photo-1592975769127-3c23bb3c2343?w=800&q=80&_wi=2", imageAlt: "Contemporary haircut style", authorName: "JrBlendz", authorAvatar: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=96&h=96&fit=crop&q=80", date: "Recent"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", category: "Precision", title: "Perfect Fade Lines", excerpt: "Expert fade with crisp details. This is barbershop precision at its finest.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-trimmer-black-gloves_23-2148257044.jpg?_wi=2", imageAlt: "Precision fade haircut", authorName: "JrBlendz Team", authorAvatar: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", date: "Recent"
|
|
|
|
|
id: "3", category: "Precision", title: "Perfect Fade Lines", excerpt: "Expert fade with crisp details. This is barbershop precision at its finest.", imageSrc: "https://images.unsplash.com/photo-1605629921902-378fa7787c5f?w=800&q=80&_wi=3", imageAlt: "Precision fade haircut", authorName: "JrBlendz", authorAvatar: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=96&h=96&fit=crop&q=80", date: "Recent"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", category: "Grooming", title: "Beard Perfection", excerpt: "Detailed beard work with clean lines and expert shaping for a polished look.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-hair-shaved-by-crop-barber_23-2147778769.jpg?_wi=2", imageAlt: "Professional beard grooming", authorName: "JrBlendz Team", authorAvatar: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", date: "Recent"
|
|
|
|
|
id: "4", category: "Grooming", title: "Beard Perfection", excerpt: "Detailed beard work with clean lines and expert shaping for a polished look.", imageSrc: "https://images.unsplash.com/photo-1612139473076-1ef86e1a0b8e?w=800&q=80&_wi=2", imageAlt: "Professional beard grooming", authorName: "JrBlendz", authorAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=96&h=96&fit=crop&q=80", date: "Recent"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -148,26 +148,26 @@ export default function LandingPage() {
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardSixteen
|
|
|
|
|
title="Client Love"
|
|
|
|
|
description="See what our satisfied customers have to say about their JrBlendz experience."
|
|
|
|
|
description="See what my satisfied customers have to say about their JrBlendz experience and the personalized service they receive."
|
|
|
|
|
tag="Reviews"
|
|
|
|
|
tagIcon={Star}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Marcus Johnson", role: "Regular Customer", company: "Tech Professional", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-leaning-wall-holding-cellphone-looking-camera_23-2148193963.jpg", imageAlt: "Marcus Johnson"
|
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&q=80&_wi=1", imageAlt: "Marcus Johnson"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "David Chen", role: "Loyal Client", company: "Business Owner", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-standing-office_23-2147899580.jpg", imageAlt: "David Chen"
|
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=400&h=400&fit=crop&q=80", imageAlt: "David Chen"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "James Rivera", role: "Weekly Regular", company: "Creative Director", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageAlt: "James Rivera"
|
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop&q=80", imageAlt: "James Rivera"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Kevin Williams", role: "Satisfied Client", company: "Entrepreneur", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", imageAlt: "Kevin Williams"
|
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&q=80&_wi=2", imageAlt: "Kevin Williams"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
kpiItems={[
|
|
|
|
|
@@ -184,16 +184,16 @@ export default function LandingPage() {
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactSplitForm
|
|
|
|
|
title="Book Your Appointment"
|
|
|
|
|
description="Ready to experience JrBlendz? Schedule your appointment today and get the perfect cut. We look forward to seeing you soon."
|
|
|
|
|
description="Ready to experience JrBlendz? Schedule your appointment today with me and get the perfect cut. I look forward to seeing you soon."
|
|
|
|
|
inputs={[
|
|
|
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
|
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
|
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
|
|
|
|
{ name: "service", type: "text", placeholder: "Service (e.g., Haircut, Fade, Beard Trim)", required: true }
|
|
|
|
|
]}
|
|
|
|
|
textarea={{ name: "message", placeholder: "Tell us your preferred time and any special requests...", rows: 4, required: true }}
|
|
|
|
|
textarea={{ name: "message", placeholder: "Tell me your preferred time and any special requests...", rows: 4, required: true }}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-hairstyling-using-hairdryer_23-2148506236.jpg?_wi=2"
|
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1599912676244-ba1e1a1bb738?w=800&q=80&_wi=2"
|
|
|
|
|
imageAlt="JrBlendz barbershop"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
mediaPosition="right"
|
|
|
|
|
@@ -214,7 +214,7 @@ export default function LandingPage() {
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{ label: "About Us", href: "#about" },
|
|
|
|
|
{ label: "About Me", href: "#about" },
|
|
|
|
|
{ label: "Gallery", href: "#gallery" },
|
|
|
|
|
{ label: "Contact", href: "#contact" },
|
|
|
|
|
{ label: "Testimonials", href: "#testimonials" }
|
|
|
|
|
@@ -229,7 +229,7 @@ export default function LandingPage() {
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
copyrightText="© 2025 JrBlendz Barbershop. All rights reserved."
|
|
|
|
|
copyrightText="© 2025 JrBlendz Solo Barber. All rights reserved."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|
