Merge version_1 into main #2
237
src/app/page.tsx
237
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Beards & Fades"
|
||||
/>
|
||||
@@ -52,108 +40,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Cuts. Classic Style."
|
||||
description="Professional barbershop in Colorado Springs, specializing in fades, hot towel shaves, and premium beard grooming. Walk-ins always welcome."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Great atmosphere, clean and timely cut on my walk-in service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205862.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior warm lighting",
|
||||
},
|
||||
{
|
||||
name: "Mike S.",
|
||||
handle: "@mikes",
|
||||
testimonial: "Gave a great haircut, nice atmosphere. Definitely worth the find.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hairstyle-tools-arrangement_23-2149552391.jpg",
|
||||
imageAlt: "barber haircut fade service",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Go ahead and get a high quality haircut for a good price.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-razor-foam-shaving-brush-white-folded-napkin-against-wooden-surface_23-2148088540.jpg",
|
||||
imageAlt: "hot towel shave service",
|
||||
},
|
||||
{
|
||||
name: "James L.",
|
||||
handle: "@jamesl",
|
||||
testimonial: "Top tier fades and classic service. My new regular shop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cute-preschooler-boy-getting-haircut-older-sister-cuts-her-little-brother-with-trimmer-against-brick-wall_613910-19677.jpg",
|
||||
imageAlt: "kids haircut barber shop",
|
||||
},
|
||||
{
|
||||
name: "Robert B.",
|
||||
handle: "@robertb",
|
||||
testimonial: "Very professional and friendly staff. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg?_wi=1",
|
||||
imageAlt: "happy client professional barber",
|
||||
},
|
||||
{ name: "John D.", handle: "@johnd", testimonial: "Great atmosphere, clean and timely cut on my walk-in service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205862.jpg", imageAlt: "barbershop interior warm lighting" },
|
||||
{ name: "Mike S.", handle: "@mikes", testimonial: "Gave a great haircut, nice atmosphere. Definitely worth the find.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hairstyle-tools-arrangement_23-2149552391.jpg", imageAlt: "barber haircut fade service" },
|
||||
{ name: "Sarah K.", handle: "@sarahk", testimonial: "Go ahead and get a high quality haircut for a good price.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blue-razor-foam-shaving-brush-white-folded-napkin-against-wooden-surface_23-2148088540.jpg", imageAlt: "hot towel shave service" },
|
||||
{ name: "James L.", handle: "@jamesl", testimonial: "Top tier fades and classic service. My new regular shop.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cute-preschooler-boy-getting-haircut-older-sister-cuts-her-little-brother-with-trimmer-against-brick-wall_613910-19677.jpg", imageAlt: "kids haircut barber shop" },
|
||||
{ name: "Robert B.", handle: "@robertb", testimonial: "Very professional and friendly staff. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg", imageAlt: "happy client professional barber" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Online",
|
||||
href: "https://getsquire.com",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:7194182340",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205862.jpg?_wi=2"
|
||||
buttons={[{ text: "Book Online", href: "https://getsquire.com" }, { text: "Call Now", href: "tel:7194182340" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205862.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-shaving-his-face-ice-blue_140725-33165.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2935.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-shaving-his-face-ice-blue_140725-33165.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2935.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Fades",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Shaves",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Grooming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Cuts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Products",
|
||||
},
|
||||
{ type: "text", text: "Precision Fades" },
|
||||
{ type: "text", text: "Hot Towel Shaves" },
|
||||
{ type: "text", text: "Beard Grooming" },
|
||||
{ type: "text", text: "Classic Cuts" },
|
||||
{ type: "text", text: "Premium Products" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,24 +75,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Kids' Cuts 12 & Under",
|
||||
"Eyebrow Grooming",
|
||||
"Senior Services 65+",
|
||||
"Toppik Hair Fibers",
|
||||
"Scalp Treatments",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Premium Haircuts & Fades",
|
||||
"Traditional Hot Towel Shaves",
|
||||
"Beard Maintenance & Conditioning",
|
||||
"Expert Scissor Cuts",
|
||||
"Sharp Line-ups",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Kids' Cuts 12 & Under", "Eyebrow Grooming", "Senior Services 65+", "Toppik Hair Fibers", "Scalp Treatments"] }}
|
||||
positiveCard={{ items: ["Premium Haircuts & Fades", "Traditional Hot Towel Shaves", "Beard Maintenance & Conditioning", "Expert Scissor Cuts", "Sharp Line-ups"] }}
|
||||
title="Our Expert Services"
|
||||
description="From classic fades to relaxing hot towel shaves, we offer a comprehensive range of grooming services."
|
||||
/>
|
||||
@@ -188,49 +84,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark R.",
|
||||
handle: "@markr",
|
||||
testimonial: "Best barber in the springs. High quality for a great price.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kevin T.",
|
||||
handle: "@kevint",
|
||||
testimonial: "Clean fade and great conversation. Will be back!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam L.",
|
||||
handle: "@saml",
|
||||
testimonial: "Timely service and they really know their way around a straight razor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Atmosphere is relaxed and professional. Loved the hot towel finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-shaving-his-face-ice-blue_140725-33165.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris B.",
|
||||
handle: "@chrisb",
|
||||
testimonial: "Finally found my regular shop. Consistent cuts every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2935.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mark R.", handle: "@markr", testimonial: "Best barber in the springs. High quality for a great price.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg" },
|
||||
{ id: "2", name: "Kevin T.", handle: "@kevint", testimonial: "Clean fade and great conversation. Will be back!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg" },
|
||||
{ id: "3", name: "Sam L.", handle: "@saml", testimonial: "Timely service and they really know their way around a straight razor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg" },
|
||||
{ id: "4", name: "David W.", handle: "@davidw", testimonial: "Atmosphere is relaxed and professional. Loved the hot towel finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-shaving-his-face-ice-blue_140725-33165.jpg" },
|
||||
{ id: "5", name: "Chris B.", handle: "@chrisb", testimonial: "Finally found my regular shop. Consistent cuts every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2935.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -246,36 +108,13 @@ export default function LandingPage() {
|
||||
title="Why Choose Us"
|
||||
description="See why our shop has become the premier destination for men's grooming in Colorado."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Local Resident",
|
||||
company: "Colorado Springs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jamie P.",
|
||||
role: "Professional",
|
||||
company: "Colorado Springs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", role: "Local Resident", company: "Colorado Springs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-standing-yellow-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-32513.jpg" },
|
||||
{ id: "t2", name: "Jamie P.", role: "Professional", company: "Colorado Springs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Combined Experience",
|
||||
},
|
||||
{
|
||||
value: "2k+",
|
||||
label: "Satisfied Customers",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{ value: "15+", label: "Years Combined Experience" },
|
||||
{ value: "2k+", label: "Satisfied Customers" },
|
||||
{ value: "4.9", label: "Average Rating" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -283,9 +122,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Fresh Look?"
|
||||
description="3729 Drennan Road, Colorado Springs, CO 80910. We accept walk-ins but booking ahead is recommended."
|
||||
@@ -301,4 +138,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user