181 lines
11 KiB
TypeScript
181 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
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"
|
|
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="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="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="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"
|
|
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="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>
|
|
);
|
|
}
|