171 lines
8.8 KiB
TypeScript
171 lines
8.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Scissors, Shield, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Services", id: "features"},
|
|
{
|
|
name: "Barbers", id: "team"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="LUD The Barber Place"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="LUD The Barber Place"
|
|
description="Where precision meets style. Your premier destination for professional grooming and classic haircuts in the heart of the city."
|
|
buttons={[
|
|
{
|
|
text: "Book Appointment", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="Mastering the Art of Grooming"
|
|
description="At LUD The Barber Place, we believe every haircut is a masterpiece. Our team combines traditional techniques with modern style trends to ensure you leave looking sharp, confident, and refreshed."
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Classic Haircuts", description: "Timeless styles tailored to your face shape and personal look.", icon: Scissors,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-customer-barber-shop_23-2147736999.jpg"},
|
|
],
|
|
},
|
|
{
|
|
title: "Hot Towel Shave", description: "A relaxing, refreshing traditional shave experience you won't forget.", icon: Sparkles,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462452.jpg"},
|
|
],
|
|
},
|
|
{
|
|
title: "Beard Grooming", description: "Precise trimming and sculpting to keep your beard looking sharp.", icon: Shield,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-hipster-hairdresser-working-with-beard-senior-client_23-2148181893.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg"},
|
|
],
|
|
},
|
|
]}
|
|
title="Our Signature Services"
|
|
description="Premium treatments tailored to your unique style and needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
team={[
|
|
{
|
|
id: "1", name: "Ludwig", role: "Head Barber", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1828.jpg"},
|
|
{
|
|
id: "2", name: "Marcus", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-preparing-equipment-work-barber-shop_23-2148182010.jpg"},
|
|
{
|
|
id: "3", name: "James", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-electric-trimmer_23-2147839779.jpg"},
|
|
]}
|
|
title="Meet Our Master Barbers"
|
|
description="Skilled hands and sharp minds ready to transform your look."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alex R.", date: "2023-10-15", title: "Best experience ever", quote: "The most professional grooming experience I've had. Ludwig really knows his craft.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg", imageAlt: "happy client after haircut"},
|
|
{
|
|
id: "2", name: "Ben T.", date: "2023-11-02", title: "Sharp fade", quote: "Consistently great results. The atmosphere is top notch and the service is unbeatable.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-smiling-cheerfully-with-happy-face-standing-light-wall_141793-55679.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg", imageAlt: "happy client after haircut"},
|
|
{
|
|
id: "3", name: "Chris M.", date: "2023-11-10", title: "Great vibe", quote: "Clean, precise, and professional. LUD is the only shop I trust now.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94799.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg", imageAlt: "happy client after haircut"},
|
|
{
|
|
id: "4", name: "David W.", date: "2023-11-20", title: "Expert skill", quote: "Marcus gave me the best beard trim I've had in years. Highly recommend.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg", imageAlt: "happy client after haircut"},
|
|
{
|
|
id: "5", name: "Evan G.", date: "2023-12-05", title: "My go-to place", quote: "Fast service, friendly people, and high-quality work. Can't beat it.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-hipster-hairdresser-working-with-beard-senior-client_23-2148181893.jpg", imageAlt: "happy client after haircut"},
|
|
]}
|
|
title="Client Stories"
|
|
description="What our customers are saying about LUD The Barber Place."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
tag="Booking"
|
|
title="Book Your Spot"
|
|
description="Ready for your next fresh look? Secure your time with our expert barbers today."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="LUD The Barber Place"
|
|
leftLink={{
|
|
text: "Terms of Service", href: "#"}}
|
|
rightLink={{
|
|
text: "Privacy Policy", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|