Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-27 01:32:07 +00:00

View File

@@ -28,403 +28,152 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="O's Place"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" }
]}
brandName="O's Place"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="Quality Grooming in Arden"
description="Friendly, experienced place for haircuts and beard trims with a welcoming vibe. Located on Hendersonville Rd."
testimonials={[
{
name: "John Doe",
handle: "@johndoe",
testimonial: "Best barber in Asheville! Always welcoming.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg?_wi=1",
imageAlt: "barber shop interior wood decor",
},
{
name: "Jane Smith",
handle: "@janesmith",
testimonial: "Great with kids and very professional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6207.jpg",
imageAlt: "barber shop interior wood decor",
},
{
name: "Mike Brown",
handle: "@mikeb",
testimonial: "Reliable, clean, and consistent.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park_613910-3280.jpg",
imageAlt: "barber shop interior wood decor",
},
{
name: "Sarah Miller",
handle: "@sarahmill",
testimonial: "Precision cuts and a very comfortable shop.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg",
imageAlt: "barber shop interior wood decor",
},
{
name: "David W.",
handle: "@davidw",
testimonial: "Expert beard trims every single time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-hairdresser-adorable-kid-black-cape-holding-brush-scissors_179666-1420.jpg",
imageAlt: "barber shop interior wood decor",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg?_wi=2"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg",
alt: "John Doe profile",
},
{
src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6405.jpg",
alt: "Jane Smith profile",
},
{
src: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg",
alt: "Mike Brown profile",
},
{
src: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg",
alt: "Sarah Miller profile",
},
{
src: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg",
alt: "David W profile",
},
]}
avatarText="Trusted by 800+ locals"
marqueeItems={[
{
type: "text",
text: "Open Mon-Sat",
},
{
type: "text",
text: "Family Friendly",
},
{
type: "text",
text: "Expert Barbers",
},
{
type: "text",
text: "Quality Grooming",
},
{
type: "text",
text: "Arden Location",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "gradient-bars" }}
title="Quality Grooming in Arden"
description="Friendly, experienced place for haircuts and beard trims with a welcoming vibe. Located on Hendersonville Rd."
testimonials={[
{ name: "John Doe", handle: "@johndoe", testimonial: "Best barber in Asheville! Always welcoming.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg", imageAlt: "barber shop interior wood decor" },
{ name: "Jane Smith", handle: "@janesmith", testimonial: "Great with kids and very professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6207.jpg", imageAlt: "barber shop interior wood decor" },
{ name: "Mike Brown", handle: "@mikeb", testimonial: "Reliable, clean, and consistent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-dressed-fleece-shirt-talks-by-smart-phone-park_613910-3280.jpg", imageAlt: "barber shop interior wood decor" },
{ name: "Sarah Miller", handle: "@sarahmill", testimonial: "Precision cuts and a very comfortable shop.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-near-blurred-stylist_23-2147778876.jpg", imageAlt: "barber shop interior wood decor" },
{ name: "David W.", handle: "@davidw", testimonial: "Expert beard trims every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-hairdresser-adorable-kid-black-cape-holding-brush-scissors_179666-1420.jpg", imageAlt: "barber shop interior wood decor" }
]}
imageSrc="http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg", alt: "John Doe profile" },
{ src: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6405.jpg", alt: "Jane Smith profile" },
{ src: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg", alt: "Mike Brown profile" },
{ src: "http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg", alt: "Sarah Miller profile" },
{ src: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg", alt: "David W profile" }
]}
avatarText="Trusted by 800+ locals"
marqueeItems={[
{ type: "text", text: "Open Mon-Sat" },
{ type: "text", text: "Family Friendly" },
{ type: "text", text: "Expert Barbers" },
{ type: "text", text: "Quality Grooming" },
{ type: "text", text: "Arden Location" }
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Welcome to O's Place"
/>
</div>
<div id="about" data-section="about">
<TextAbout useInvertedBackground={true} title="Welcome to O's Place" />
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Haircuts",
subtitle: "Precision cuts for all styles",
category: "Grooming",
value: "Service",
},
{
id: "f2",
title: "Beard Trims",
subtitle: "Clean lines and expert shaping",
category: "Grooming",
value: "Service",
},
{
id: "f3",
title: "Kids Cuts",
subtitle: "Friendly, patient service for kids",
category: "Grooming",
value: "Service",
},
]}
title="Our Services"
description="Professional grooming tailored for you."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Haircuts", subtitle: "Precision cuts for all styles", category: "Grooming", value: "Service" },
{ id: "f2", title: "Beard Trims", subtitle: "Clean lines and expert shaping", category: "Grooming", value: "Service" },
{ id: "f3", title: "Kids Cuts", subtitle: "Friendly, patient service for kids", category: "Grooming", value: "Service" }
]}
title="Our Services"
description="Professional grooming tailored for you."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "p1",
badge: "Popular",
price: "$25",
subtitle: "Adult Haircut",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Clean cut",
"Shampoo",
"Style",
],
},
{
id: "p2",
badge: "Add-on",
price: "$15",
subtitle: "Beard Trim",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Line up",
"Shave",
"Oil",
],
},
{
id: "p3",
badge: "Youth",
price: "$20",
subtitle: "Kids Cut",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Patient service",
"Fun atmosphere",
],
},
]}
title="Simple Pricing"
description="Fair prices for quality work."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
plans={[
{ id: "p1", badge: "Popular", price: "$25", subtitle: "Adult Haircut", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Clean cut", "Shampoo", "Style"] },
{ id: "p2", badge: "Add-on", price: "$15", subtitle: "Beard Trim", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Line up", "Shave", "Oil"] },
{ id: "p3", badge: "Youth", price: "$20", subtitle: "Kids Cut", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Patient service", "Fun atmosphere"] }
]}
title="Simple Pricing"
description="Fair prices for quality work."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "4.8",
title: "Google Rating",
items: [
"High satisfaction",
"Professional work",
],
},
{
id: "m2",
value: "876+",
title: "Reviews",
items: [
"Local favorite",
"Proven results",
],
},
{
id: "m3",
value: "10+",
title: "Years Experience",
items: [
"Expert barbers",
"Reliable shop",
],
},
]}
title="By The Numbers"
description="Trusted by our community in Arden."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "4.8", title: "Google Rating", items: ["High satisfaction", "Professional work"] },
{ id: "m2", value: "876+", title: "Reviews", items: ["Local favorite", "Proven results"] },
{ id: "m3", value: "10+", title: "Years Experience", items: ["Expert barbers", "Reliable shop"] }
]}
title="By The Numbers"
description="Trusted by our community in Arden."
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
members={[
{
id: "t1",
name: "Omar",
role: "Master Barber",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-hairdresser-with-hairbrush-scissors-pink-background_140725-149759.jpg",
},
{
id: "t2",
name: "Sarah",
role: "Lead Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg",
},
{
id: "t3",
name: "James",
role: "Barber",
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
},
{
id: "t4",
name: "Mike",
role: "Barber",
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-barber-wearing-uniform-stretching-out-hand-straight-razor-towards-camera-with-shaving-cream-applied-his-face-isolated-olive-green_141793-77716.jpg",
},
]}
title="Our Barbers"
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
members={[
{ id: "t1", name: "Omar", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-hairdresser-with-hairbrush-scissors-pink-background_140725-149759.jpg" },
{ id: "t2", name: "Sarah", role: "Lead Stylist", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg" },
{ id: "t3", name: "James", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg" },
{ id: "t4", name: "Mike", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-barber-wearing-uniform-stretching-out-hand-straight-razor-towards-camera-with-shaving-cream-applied-his-face-isolated-olive-green_141793-77716.jpg" }
]}
title="Our Barbers"
description="Meet our expert team."
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alice P.",
handle: "@alice",
testimonial: "Always friendly and clean place.",
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg",
},
{
id: "t2",
name: "Bob D.",
handle: "@bobd",
testimonial: "Best barber shop in Asheville.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg",
},
{
id: "t3",
name: "Charlie G.",
handle: "@cg",
testimonial: "Kids love coming here.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
},
{
id: "t4",
name: "Diana S.",
handle: "@diana",
testimonial: "Excellent service and vibe.",
imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
},
{
id: "t5",
name: "Edward M.",
handle: "@eddie",
testimonial: "Great value and quality.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-factory-with-thread_1157-29346.jpg",
},
]}
title="What Our Clients Say"
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Alice P.", handle: "@alice", testimonial: "Always friendly and clean place.", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg" },
{ id: "t2", name: "Bob D.", handle: "@bobd", testimonial: "Best barber shop in Asheville.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg" },
{ id: "t3", name: "Charlie G.", handle: "@cg", testimonial: "Kids love coming here.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg" },
{ id: "t4", name: "Diana S.", handle: "@diana", testimonial: "Excellent service and vibe.", imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg" },
{ id: "t5", name: "Edward M.", handle: "@eddie", testimonial: "Great value and quality.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-factory-with-thread_1157-29346.jpg" }
]}
title="What Our Clients Say"
description="Read what our happy customers have to say about their experience with us."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
text="Visit us at 2381 Hendersonville Rd, Arden, NC or call us at (828) 687-0703. We are open Monday through Saturday."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
text="Visit us at 2381 Hendersonville Rd, Arden, NC or call us at (828) 687-0703. We are open Monday through Saturday."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigate",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="O's Place"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Navigate", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
logoText="O's Place"
/>
</div>
</ReactLenis>
</ThemeProvider>
);