151 lines
8.8 KiB
TypeScript
151 lines
8.8 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
import { Award, Scissors, Shield, Smile, Sparkles, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="grid"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "Services", id: "services"},
|
||
{
|
||
name: "Gallery", id: "gallery"},
|
||
{
|
||
name: "Reviews", id: "reviews"},
|
||
]}
|
||
brandName="Brook Barbers"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplit
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Premium Barber Shop in Douglas, Cork"
|
||
description="Professional haircuts, fades, beard trims and grooming services from experienced barbers. Walk-ins welcome."
|
||
buttons={[
|
||
{
|
||
text: "Book Appointment", href: "#contact"},
|
||
{
|
||
text: "Call 083 115 3906", href: "tel:0831153906"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg?_wi=1"
|
||
mediaAnimation="slide-up"
|
||
marqueeItems={[
|
||
{ type: "text", text: "Precision Cuts" },
|
||
{ type: "text", text: "Expert Fades" },
|
||
{ type: "text", text: "Beard Grooming" },
|
||
{ type: "text", text: "Relaxed Atmosphere" },
|
||
{ type: "text", text: "Professional Service" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyFive
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ title: "Men’s Haircuts", description: "Precision cuts tailored to your style.", icon: Scissors, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-5446.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg" }] },
|
||
{ title: "Skin Fades", description: "Modern fades with clean blending.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-barber-grooming-man_23-2149141777.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg" }] },
|
||
{ title: "Beard Trim & Shape", description: "Professional beard trimming and shaping.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-children-hairdresser-with-scissors-comb-is-cutting-little-boy-room-with-loft-interior_613910-5696.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-looking-away_23-2148267328.jpg" }] },
|
||
{ title: "Hair & Beard Combo", description: "Complete grooming service.", icon: Award, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/set-razors-table_23-2147736987.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg" }] },
|
||
{ title: "Kids Haircuts", description: "Stylish cuts for younger customers.", icon: Smile, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cute-preschooler-boy-getting-haircut-older-sister-cuts-her-little-brother-with-trimmer-against-brick-wall_613910-19677.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-redhead-woman-with-closed-eyes_23-2148263402.jpg" }] },
|
||
{ title: "Restyle / New Look", description: "Transform your look with expert advice.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-hairdresser-adorable-kid-black-cape-posing_179666-1421.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205930.jpg" }] },
|
||
]}
|
||
title="Our Services"
|
||
description="Expert grooming services tailored to your individual style."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{ id: "g1", brand: "Fresh Fade", name: "Skin Fade Cut", price: "View Work", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man-studio-fashion-portrait_1301-3984.jpg" },
|
||
{ id: "g2", brand: "Beard Trim", name: "Professional Shape", price: "View Work", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-client-s-beard_23-2148242865.jpg" },
|
||
{ id: "g3", brand: "Interior", name: "Our Modern Shop", price: "View Work", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142180.jpg" },
|
||
{ id: "g4", brand: "Haircut", name: "Classic Style", price: "View Work", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-sad-black-man_23-2148734132.jpg" },
|
||
{ id: "g5", brand: "Trim", name: "Before & After", price: "View Work", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg" },
|
||
{ id: "g6", brand: "Detail", name: "Attention to Detail", price: "View Work", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/mature-man-beard-close-up_23-2148465260.jpg" },
|
||
]}
|
||
title="Gallery"
|
||
description="Check out our work and the shop atmosphere."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardTwelve
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "t1", name: "James M.", imageSrc: "http://img.b2bpic.net/free-photo/barber-sprays-water-hair_1304-2775.jpg" },
|
||
{ id: "t2", name: "Conor D.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-young-man-sitting-cafe-using-mobile-phone_23-2148176693.jpg" },
|
||
{ id: "t3", name: "Mark O.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-man-touches-his-beard-with-his-hand_169016-25532.jpg" },
|
||
{ id: "t4", name: "Liam R.", imageSrc: "http://img.b2bpic.net/free-photo/hair-stylist-correcting-hairstyle-man-client_23-2148181994.jpg" },
|
||
{ id: "t5", name: "Daniel K.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg" },
|
||
{ id: "t6", name: "Patrick H.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg" },
|
||
]}
|
||
cardTitle="What our customers say"
|
||
cardTag="5.0 Rating on Google"
|
||
cardAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{ variant: "radial-gradient" }}
|
||
tag="Contact Brook Barbers"
|
||
title="Ready for a Fresh Cut?"
|
||
description="Visit us in Douglas for professional grooming. Walk-ins welcome, or book your spot today."
|
||
buttons={[
|
||
{ text: "Book Appointment", href: "#" },
|
||
{ text: "Call 083 115 3906", href: "tel:0831153906" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg?_wi=2"
|
||
logoText="Brook Barbers"
|
||
columns={[
|
||
{ title: "Location", items: [{ label: "Unit B1, Donnybrook Commercial Centre, Douglas, Cork", href: "#" }] },
|
||
{ title: "Hours", items: [{ label: "Tue-Fri: 10am-7pm", href: "#" }, { label: "Thu: 10am-8pm", href: "#" }, { label: "Sat: 10am-4pm", href: "#" }] },
|
||
{ title: "Social", items: [{ label: "Google Reviews", href: "#" }, { label: "Call Us", href: "tel:0831153906" }] },
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |