Merge version_2 into main #1
234
src/app/page.tsx
234
src/app/page.tsx
@@ -31,27 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Premier Barber Studio"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
}}
|
||||
text: "Book Now", href: "#booking"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,39 +51,23 @@ export default function LandingPage() {
|
||||
description="Cleveland’s Premier Barber Experience. Expert fades, classic grooming, and a welcoming atmosphere in the heart of Ohio City."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book Appointment", href: "#booking"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+12163311477",
|
||||
},
|
||||
text: "Call Now", href: "tel:+12163311477"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg",
|
||||
imageAlt: "Modern premium barber studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg", imageAlt: "Modern premium barber studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop-beard-is-shaving_1321-494.jpg",
|
||||
imageAlt: "Barber shop experience",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop-beard-is-shaving_1321-494.jpg", imageAlt: "Barber shop experience"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barbershop_1157-21635.jpg",
|
||||
imageAlt: "Clean grooming interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barbershop_1157-21635.jpg", imageAlt: "Clean grooming interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg",
|
||||
imageAlt: "Expert barber service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg", imageAlt: "Expert barber service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-client-having-his-beard-groomed_23-2148353415.jpg",
|
||||
imageAlt: "Ohio City grooming",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-client-having-his-beard-groomed_23-2148353415.jpg", imageAlt: "Ohio City grooming"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg",
|
||||
imageAlt: "Professional style",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg", imageAlt: "Professional style"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,17 +80,11 @@ export default function LandingPage() {
|
||||
description="Premier Barber Studio is more than just a cut. We are a women-owned, inclusive space dedicated to consistency, professionalism, and the classic art of the barber. Our expert stylists combine modern trends with timeless techniques."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Styling",
|
||||
description: "Precision cuts and fades.",
|
||||
},
|
||||
title: "Expert Styling", description: "Precision cuts and fades."},
|
||||
{
|
||||
title: "Welcoming Vibe",
|
||||
description: "Inclusive and professional space.",
|
||||
},
|
||||
title: "Welcoming Vibe", description: "Inclusive and professional space."},
|
||||
{
|
||||
title: "Consistently Fresh",
|
||||
description: "Your look, handled perfectly.",
|
||||
},
|
||||
title: "Consistently Fresh", description: "Your look, handled perfectly."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg"
|
||||
imageAlt="About Premier Barber Studio"
|
||||
@@ -130,41 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Haircuts",
|
||||
description: "Classic and contemporary styles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg",
|
||||
imageAlt: "Haircuts",
|
||||
},
|
||||
title: "Haircuts", description: "Classic and contemporary styles.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg", imageAlt: "Haircuts"},
|
||||
{
|
||||
title: "Skin Fades",
|
||||
description: "Crisp and seamless transitions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-camera_23-2148242765.jpg",
|
||||
imageAlt: "Skin Fades",
|
||||
},
|
||||
title: "Skin Fades", description: "Crisp and seamless transitions.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-camera_23-2148242765.jpg", imageAlt: "Skin Fades"},
|
||||
{
|
||||
title: "Beard Trims",
|
||||
description: "Shape, line, and groom.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-beard-smiling_23-2148618892.jpg",
|
||||
imageAlt: "Beard Trims",
|
||||
},
|
||||
title: "Beard Trims", description: "Shape, line, and groom.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-beard-smiling_23-2148618892.jpg", imageAlt: "Beard Trims"},
|
||||
{
|
||||
title: "Line-Ups",
|
||||
description: "Sharp edges and clean lines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-customer-hair_23-2148257012.jpg",
|
||||
imageAlt: "Line-Ups",
|
||||
},
|
||||
title: "Line-Ups", description: "Sharp edges and clean lines.", imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-customer-hair_23-2148257012.jpg", imageAlt: "Line-Ups"},
|
||||
{
|
||||
title: "Kids Cuts",
|
||||
description: "Friendly service for all ages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-male-barber-giving-his-client-haircut-using-clipper-working-his-barbershop_7502-5639.jpg",
|
||||
imageAlt: "Kids Cuts",
|
||||
},
|
||||
title: "Kids Cuts", description: "Friendly service for all ages.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-male-barber-giving-his-client-haircut-using-clipper-working-his-barbershop_7502-5639.jpg", imageAlt: "Kids Cuts"},
|
||||
{
|
||||
title: "Grooming Packages",
|
||||
description: "Full service treatment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-shaving-his-beard_23-2148506246.jpg",
|
||||
imageAlt: "Grooming",
|
||||
},
|
||||
title: "Grooming Packages", description: "Full service treatment.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-shaving-his-beard_23-2148506246.jpg", imageAlt: "Grooming"},
|
||||
]}
|
||||
title="Professional Grooming Services"
|
||||
description="Our studio provides top-tier grooming services tailored to your individual style."
|
||||
@@ -178,59 +122,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Local Resident",
|
||||
company: "Ohio City",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Local Resident", company: "Ohio City", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan S.",
|
||||
role: "Professional",
|
||||
company: "Cleveland",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattoed-male-with-stylish-haircut-beard-gray-t-shirt-standing-leaning-against-brick-wall-room-with-loft-interior_613910-3912.jpg",
|
||||
},
|
||||
id: "2", name: "Jordan S.", role: "Professional", company: "Cleveland", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattoed-male-with-stylish-haircut-beard-gray-t-shirt-standing-leaning-against-brick-wall-room-with-loft-interior_613910-3912.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam M.",
|
||||
role: "Visitor",
|
||||
company: "Cleveland",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg",
|
||||
},
|
||||
id: "3", name: "Sam M.", role: "Visitor", company: "Cleveland", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Taylor P.",
|
||||
role: "Regular",
|
||||
company: "Ohio City",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg",
|
||||
},
|
||||
id: "4", name: "Taylor P.", role: "Regular", company: "Ohio City", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris B.",
|
||||
role: "Client",
|
||||
company: "Cleveland",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg",
|
||||
},
|
||||
id: "5", name: "Chris B.", role: "Client", company: "Cleveland", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.7",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.7", label: "Google Rating"},
|
||||
{
|
||||
value: "95+",
|
||||
label: "Client Reviews",
|
||||
},
|
||||
value: "95+", label: "Client Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Client Satisfaction"},
|
||||
]}
|
||||
title="Trusted by Cleveland"
|
||||
description="Rated 4.7 stars by our community."
|
||||
@@ -245,41 +158,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Skin Fade",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-stylist-making-styling-beard-client-salon_23-2148181978.jpg",
|
||||
},
|
||||
id: "g1", name: "Skin Fade", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/hair-stylist-making-styling-beard-client-salon_23-2148181978.jpg"},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Beard Style",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-shaving-with-black-trimmer_23-2148213367.jpg",
|
||||
},
|
||||
id: "g2", name: "Beard Style", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-shaving-with-black-trimmer_23-2148213367.jpg"},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Interior",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg",
|
||||
},
|
||||
id: "g3", name: "Interior", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg"},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Line Up",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg",
|
||||
},
|
||||
id: "g4", name: "Line Up", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg"},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Styling",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11394.jpg",
|
||||
},
|
||||
id: "g5", name: "Styling", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11394.jpg"},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Details",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg",
|
||||
},
|
||||
id: "g6", name: "Details", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg"},
|
||||
]}
|
||||
title="Studio Gallery"
|
||||
description="See our latest work and the shop atmosphere."
|
||||
@@ -292,25 +181,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Experienced Barbers",
|
||||
content: "Our team brings years of experience.",
|
||||
},
|
||||
id: "q1", title: "Experienced Barbers", content: "Our team brings years of experience."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Inclusive Space",
|
||||
content: "We are proud to be LGBTQ+ friendly.",
|
||||
},
|
||||
id: "q2", title: "Inclusive Space", content: "We are proud to be LGBTQ+ friendly."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Convenient Booking",
|
||||
content: "Book your appointment online easily.",
|
||||
},
|
||||
id: "q3", title: "Convenient Booking", content: "Book your appointment online easily."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Local Reputation",
|
||||
content: "Trusted by our local Cleveland community.",
|
||||
},
|
||||
id: "q4", title: "Local Reputation", content: "Trusted by our local Cleveland community."},
|
||||
]}
|
||||
title="Why Choose Premier?"
|
||||
description="Consistently high quality in Ohio City."
|
||||
@@ -322,20 +199,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready for Your Fresh Cut?"
|
||||
title="Visit Premier Barber Studio Today"
|
||||
description="Book your appointment online or call us for a walk-in. We are located at 2821 Detroit Ave, Cleveland."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Appointment", href: "#"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+12163311477",
|
||||
},
|
||||
text: "Call Now", href: "tel:+12163311477"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -344,16 +216,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Premier Barber Studio"
|
||||
leftLink={{
|
||||
text: "2821 Detroit Ave, Cleveland",
|
||||
href: "#",
|
||||
}}
|
||||
text: "2821 Detroit Ave, Cleveland", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Call: 216-331-1477",
|
||||
href: "tel:+12163311477",
|
||||
}}
|
||||
text: "Call: 216-331-1477", href: "tel:+12163311477"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user