bender/0b3e91f1-f2c5-451a-91cf-0d4e3225805a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-11 15:27:48 +00:00
parent 88098c0946
commit d4664b1076
1 changed files with 42 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

321
src/app/page.tsx
View File

@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Gallery",
id: "gallery",
},
name: "Gallery", id: "gallery"},
{
name: "Reviews",
id: "reviews",
},
name: "Reviews", id: "reviews"},
]}
brandName="Brook Barbers"
/>
@@ -53,65 +45,30 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
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: "Book Appointment", href: "#contact"},
{
text: "Call 083 115 3906",
href: "tel:0831153906",
},
text: "Call 083 115 3906", href: "tel:0831153906"},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/bearded-hipster-male-purple-suit-isolated-grey-vignette-background_613910-2989.jpg",
alt: "Happy client 1",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg",
alt: "Happy client 2",
},
{
src: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-sitting-bench_627829-12682.jpg",
alt: "Happy client 3",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg",
alt: "Happy client 4",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7294.jpg",
alt: "Happy client 5",
},
{ src: "http://img.b2bpic.net/free-photo/bearded-hipster-male-purple-suit-isolated-grey-vignette-background_613910-2989.jpg", alt: "Happy client 1" },
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg", alt: "Happy client 2" },
{ src: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-sitting-bench_627829-12682.jpg", alt: "Happy client 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg", alt: "Happy client 4" },
{ src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7294.jpg", alt: "Happy client 5" },
]}
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",
},
{ 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>
@@ -122,96 +79,12 @@ export default function LandingPage() {
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",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BCz6f5fByQ8tj7xRgjegDt93rc/uploaded-1775921197948-g7g0kq78.png",
imageAlt: "men haircut professional barber",
},
{
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",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg?_wi=2",
imageAlt: "men haircut professional barber",
},
{
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",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man-studio-fashion-portrait_1301-3984.jpg?_wi=1",
imageAlt: "men haircut professional barber",
},
{
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",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-client-s-beard_23-2148242865.jpg?_wi=1",
imageAlt: "men haircut professional barber",
},
{
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",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142180.jpg?_wi=1",
imageAlt: "men haircut professional barber",
},
{
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",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sad-black-man_23-2148734132.jpg?_wi=1",
imageAlt: "men haircut professional barber",
},
{ 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."
@@ -225,54 +98,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "g1",
brand: "Fresh Fade",
name: "Skin Fade Cut",
price: "View Work",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man-studio-fashion-portrait_1301-3984.jpg?_wi=2",
},
{
id: "g2",
brand: "Beard Trim",
name: "Professional Shape",
price: "View Work",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-client-s-beard_23-2148242865.jpg?_wi=2",
},
{
id: "g3",
brand: "Interior",
name: "Our Modern Shop",
price: "View Work",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142180.jpg?_wi=2",
},
{
id: "g4",
brand: "Haircut",
name: "Classic Style",
price: "View Work",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sad-black-man_23-2148734132.jpg?_wi=2",
},
{
id: "g5",
brand: "Trim",
name: "Before & After",
price: "View Work",
rating: 5,
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,
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-beard-close-up_23-2148465260.jpg",
},
{ 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."
@@ -283,36 +114,12 @@ export default function LandingPage() {
<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",
},
{ 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"
@@ -323,21 +130,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
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",
},
{ text: "Book Appointment", href: "#" },
{ text: "Call 083 115 3906", href: "tel:0831153906" },
]}
/>
</div>
@@ -347,45 +146,9 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg"
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",
},
],
},
{ 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>