|
|
|
@@ -46,16 +46,19 @@ export default function LandingPage() {
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
avatars={[
|
|
|
|
avatars={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/handsome-man-hair-salon-facing-camera_23-2148242826.jpg", alt: "Satisfied client"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/handsome-man-hair-salon-facing-camera_23-2148242826.jpg", alt: "Satisfied client"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Happy customer"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Happy customer"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-xa_1163-2032.jpg", alt: "Regular patron"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-xa_1163-2032.jpg", alt: "Regular patron"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
avatarText="Trusted by 500+ clients in LA"
|
|
|
|
avatarText="Trusted by 500+ clients in LA"
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Book Your Cut", href: "contact" },
|
|
|
|
{ text: "Book Your Cut", href: "contact" },
|
|
|
|
{ text: "Learn More", href: "about" },
|
|
|
|
{ text: "View Availability", href: "about" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -80,13 +83,16 @@ export default function LandingPage() {
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 1,
|
|
|
|
id: 1,
|
|
|
|
tag: "Classic", title: "Precision Fade", subtitle: "Sharp, clean lines.", description: "Our signature fade service features precise clippers and expert blending for a clean, professional finish that lasts.", imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg", imageAlt: "Precision fade cut", buttons: [{ text: "Book This Service", href: "contact" }]},
|
|
|
|
tag: "Classic", title: "Precision Fade", subtitle: "Sharp, clean lines.", description: "Our signature fade service features precise clippers and expert blending for a clean, professional finish that lasts.", imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg", imageAlt: "Precision fade cut", buttons: [{ text: "Book This Service", href: "contact" }]
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 2,
|
|
|
|
id: 2,
|
|
|
|
tag: "Modern", title: "Contemporary Cut", subtitle: "Trendy and timeless.", description: "Stay current with our modern cut styles. We combine current trends with your personal style for a look that's uniquely you.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg", imageAlt: "Contemporary haircut", buttons: [{ text: "Book This Service", href: "contact" }]},
|
|
|
|
tag: "Modern", title: "Contemporary Cut", subtitle: "Trendy and timeless.", description: "Stay current with our modern cut styles. We combine current trends with your personal style for a look that's uniquely you.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-pensive-man-is-waiting-his-turn-get-haircut-busy-barbershop_613910-21489.jpg", imageAlt: "Contemporary haircut", buttons: [{ text: "Book This Service", href: "contact" }]
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 3,
|
|
|
|
id: 3,
|
|
|
|
tag: "Grooming", title: "Beard & Shape", subtitle: "Sculpted perfection.", description: "Full beard grooming and facial hair shaping service, including line work and conditioning for the ultimate refined look.", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg", imageAlt: "Beard grooming service", buttons: [{ text: "Book This Service", href: "contact" }]},
|
|
|
|
tag: "Grooming", title: "Beard & Shape", subtitle: "Sculpted perfection.", description: "Full beard grooming and facial hair shaping service, including line work and conditioning for the ultimate refined look.", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg", imageAlt: "Beard grooming service", buttons: [{ text: "Book This Service", href: "contact" }]
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@@ -103,20 +109,24 @@ export default function LandingPage() {
|
|
|
|
animationType="slide-up"
|
|
|
|
animationType="slide-up"
|
|
|
|
members={[
|
|
|
|
members={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", name: "Marcus", role: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg?_wi=1"},
|
|
|
|
id: "1", name: "Marcus", role: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg?_wi=1"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", name: "Jason", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg?_wi=2"},
|
|
|
|
id: "2", name: "Jason", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg?_wi=2"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", name: "Devon", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg"},
|
|
|
|
id: "3", name: "Devon", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4", name: "Alex", role: "Specialist", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg"},
|
|
|
|
id: "4", name: "Alex", role: "Specialist", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
<TestimonialCardFifteen
|
|
|
|
<TestimonialCardFifteen
|
|
|
|
testimonial="No Filter gave me the best cut I've had in years. Marcus really took time to understand exactly what I wanted and delivered flawlessly. The attention to detail is unmatched. I'm a regular now."
|
|
|
|
testimonial="My confidence skyrocketed after that cut. Marcus really took time to understand exactly what I wanted and delivered flawlessly. The attention to detail is unmatched. I'm a regular now and I've referred all my friends. Trusted by 500+ satisfied clients—No Filter is the real deal."
|
|
|
|
rating={5}
|
|
|
|
rating={5}
|
|
|
|
author="James Rodriguez, LA"
|
|
|
|
author="James Rodriguez, LA"
|
|
|
|
ratingAnimation="slide-up"
|
|
|
|
ratingAnimation="slide-up"
|
|
|
|
@@ -124,17 +134,23 @@ export default function LandingPage() {
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
avatars={[
|
|
|
|
avatars={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Client James"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Client James"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Client satisfied"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Client satisfied"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Happy customer"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Happy customer"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Regular client"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Regular client"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Returning patron"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Returning patron"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Verified review"},
|
|
|
|
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Verified review"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
