Merge version_1 into main #2
252
src/app/page.tsx
252
src/app/page.tsx
@@ -16,127 +16,58 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Barber Bayou"
|
||||
button={{ text: "Book Now", href: "tel:2252879505" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background="gradient-bars"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Grooming in Prairieville"
|
||||
description="Experience professional service, a relaxed atmosphere, and the best cut in town. Scott and the team are ready to welcome you to Barber Bayou."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@john.d",
|
||||
testimonial: "Best cut I’ve had in my life! Scott is amazing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mark S.",
|
||||
handle: "@mark.s",
|
||||
testimonial: "Great atmosphere for all ages. Gets the job done perfect every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@david.k",
|
||||
testimonial: "Very passionate barber. Shop is super clean and spacious.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-adult-male-looking-away_23-2148531057.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Chris B.",
|
||||
handle: "@chris.b",
|
||||
testimonial: "Super funny and highly skilled. Best in town!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-kid-getting-haircut-front-view_23-2149870363.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alex.r",
|
||||
testimonial: "The classic shave is unmatched. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "tel:2252879505",
|
||||
},
|
||||
{ name: "John D.", handle: "@john.d", testimonial: "Best cut I’ve had in my life! Scott is amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg" },
|
||||
{ name: "Mark S.", handle: "@mark.s", testimonial: "Great atmosphere for all ages. Gets the job done perfect every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg" },
|
||||
{ name: "David K.", handle: "@david.k", testimonial: "Very passionate barber. Shop is super clean and spacious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-adult-male-looking-away_23-2148531057.jpg" },
|
||||
{ name: "Chris B.", handle: "@chris.b", testimonial: "Super funny and highly skilled. Best in town!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-kid-getting-haircut-front-view_23-2149870363.jpg" },
|
||||
{ name: "Alex R.", handle: "@alex.r", testimonial: "The classic shave is unmatched. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "tel:2252879505" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg"
|
||||
imageAlt="Barber shop interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg",
|
||||
alt: "John D.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg",
|
||||
alt: "Mark S.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-adult-male-looking-away_23-2148531057.jpg",
|
||||
alt: "David K.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-kid-getting-haircut-front-view_23-2149870363.jpg",
|
||||
alt: "Chris B.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg",
|
||||
alt: "Alex R.",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg", alt: "John D." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg", alt: "Mark S." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-adult-male-looking-away_23-2148531057.jpg", alt: "David K." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-kid-getting-haircut-front-view_23-2149870363.jpg", alt: "Chris B." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg", alt: "Alex R." },
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Cuts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Shaves",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Trimming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kids' Haircuts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Fades",
|
||||
},
|
||||
{ type: "text", text: "Classic Cuts" },
|
||||
{ type: "text", text: "Hot Towel Shaves" },
|
||||
{ type: "text", text: "Beard Trimming" },
|
||||
{ type: "text", text: "Kids' Haircuts" },
|
||||
{ type: "text", text: "Professional Fades" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,21 +78,9 @@ export default function LandingPage() {
|
||||
title="Our Professional Services"
|
||||
description="From classic hot towel shaves to modern fades, we handle all your grooming needs."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Haircuts",
|
||||
content: "Custom cuts, buzz cuts, and precision scissor work for all ages.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Beard Maintenance",
|
||||
content: "Professional trimming, conditioning, and beard line ups.",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Shaving Services",
|
||||
content: "Classic hot towel shaves and straight razor services for a premium feel.",
|
||||
},
|
||||
{ id: "s1", title: "Haircuts", content: "Custom cuts, buzz cuts, and precision scissor work for all ages." },
|
||||
{ id: "s2", title: "Beard Maintenance", content: "Professional trimming, conditioning, and beard line ups." },
|
||||
{ id: "s3", title: "Shaving Services", content: "Classic hot towel shaves and straight razor services for a premium feel." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164740.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -175,46 +94,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John D.",
|
||||
role: "Regular Client",
|
||||
company: "Prairieville, LA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark S.",
|
||||
role: "Dad of 2",
|
||||
company: "Prairieville, LA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David K.",
|
||||
role: "Local Business Owner",
|
||||
company: "Prairieville, LA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-adult-male-looking-away_23-2148531057.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chris B.",
|
||||
role: "Regular Client",
|
||||
company: "Prairieville, LA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-kid-getting-haircut-front-view_23-2149870363.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah W.",
|
||||
role: "Loyal Patron",
|
||||
company: "Prairieville, LA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg?_wi=4",
|
||||
},
|
||||
{ id: "t1", name: "John D.", role: "Regular Client", company: "Prairieville, LA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg" },
|
||||
{ id: "t2", name: "Mark S.", role: "Dad of 2", company: "Prairieville, LA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg" },
|
||||
{ id: "t3", name: "David K.", role: "Local Business Owner", company: "Prairieville, LA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-adult-male-looking-away_23-2148531057.jpg" },
|
||||
{ id: "t4", name: "Chris B.", role: "Regular Client", company: "Prairieville, LA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-kid-getting-haircut-front-view_23-2149870363.jpg" },
|
||||
{ id: "t5", name: "Sarah W.", role: "Loyal Patron", company: "Prairieville, LA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg" },
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Don't just take our word for it—check out why we're the top-rated barber in Prairieville."
|
||||
@@ -226,21 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We accept walk-ins, but feel free to call ahead for availability.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you good for kids?",
|
||||
content: "Absolutely! Barber Bayou is family-friendly and great for kids' cuts.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your hours?",
|
||||
content: "Tuesday-Friday: 9am-7pm, Saturday: 9am-2pm. Closed Sunday & Monday.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need an appointment?", content: "We accept walk-ins, but feel free to call ahead for availability." },
|
||||
{ id: "f2", title: "Are you good for kids?", content: "Absolutely! Barber Bayou is family-friendly and great for kids' cuts." },
|
||||
{ id: "f3", title: "What are your hours?", content: "Tuesday-Friday: 9am-7pm, Saturday: 9am-2pm. Closed Sunday & Monday." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-barbershop_1303-5403.jpg"
|
||||
title="Common Questions"
|
||||
@@ -253,21 +125,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for your next fresh look?"
|
||||
description="Drop by our shop today or give us a call to book your chair. We're open and ready to serve you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:2252879505",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:2252879505" },
|
||||
{ text: "Get Directions", href: "https://maps.google.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -275,33 +139,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Barber Bayou",
|
||||
items: [
|
||||
{
|
||||
label: "38494 LA-42 Unit C, Prairieville, LA",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(225) 287-9505",
|
||||
href: "tel:2252879505",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Barber Bayou", items: [{ label: "38494 LA-42 Unit C, Prairieville, LA", href: "https://maps.google.com" }] },
|
||||
{ title: "Contact", items: [{ label: "(225) 287-9505", href: "tel:2252879505" }] },
|
||||
{ title: "Follow", items: [{ label: "Facebook", href: "https://facebook.com" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Barber Bayou. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user