15 Commits

Author SHA1 Message Date
b0b6837332 Update src/app/page.tsx 2026-05-06 18:47:25 +00:00
46be4d6603 Update src/app/page.tsx 2026-05-06 18:45:44 +00:00
07da201a60 Update src/app/page.tsx 2026-05-06 17:39:34 +00:00
31959fdcd7 Merge version_4 into main
Merge version_4 into main
2026-05-06 16:49:46 +00:00
2f4a27613d Remove watermark 2026-05-06 16:49:42 +00:00
54521600b1 Merge version_4 into main
Merge version_4 into main
2026-05-06 16:45:06 +00:00
683abeb434 Update src/app/page.tsx 2026-05-06 16:45:03 +00:00
bda3e0e7b9 Switch to version 2: modified src/app/page.tsx 2026-05-06 16:43:38 +00:00
bf446d26ef Switch to version 3: modified src/app/page.tsx 2026-05-06 16:43:05 +00:00
705942a165 Switch to version 2: modified src/app/page.tsx 2026-05-06 16:42:08 +00:00
54f72f90ed Merge version_3 into main
Merge version_3 into main
2026-05-06 16:40:36 +00:00
903493d09c Update src/app/page.tsx 2026-05-06 16:40:33 +00:00
109ff3b00e Switch to version 1: modified src/app/page.tsx 2026-05-06 16:36:32 +00:00
e6c07b1323 Merge version_2 into main
Merge version_2 into main
2026-05-06 16:35:38 +00:00
a3a81a93b8 Update src/app/page.tsx 2026-05-06 16:35:32 +00:00
2 changed files with 90 additions and 290 deletions

View File

@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
import "./globals.css";
import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Public_Sans } from "next/font/google";
@@ -38,7 +37,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${publicSans.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
<script
dangerouslySetInnerHTML={{

View File

@@ -14,6 +14,8 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
export default function LandingPage() {
const bookingUrl = "https://www.fresha.com/book-now/doc-barnet-hair-studio-tzv4uhw7/all-offer?share=true&pId=2750001";
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -32,27 +34,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Prices",
id: "pricing",
},
name: "Prices", id: "pricing"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="DOC BARNET"
brandName="Doc Barnet Grooming Salon"
button={{
text: "BOOK NOW",
href: "#contact",
}}
text: "BOOK NOW", href: bookingUrl}}
/>
</div>
@@ -60,102 +52,57 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="NOW OPEN AT GLOUCESTER QUAYS"
description="Premium Grooming. Expert Styling. Experience the pinnacle of grooming excellence."
testimonials={[
{
name: "James R.",
handle: "@jamesr",
testimonial: "Best haircut I've had in years. Professional and high quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg",
},
name: "James R.", handle: "@jamesr", testimonial: "Best haircut I've had in years. Professional and high quality.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg"},
{
name: "Sophie M.",
handle: "@sophiem",
testimonial: "Amazing Balayage treatment, truly premium experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-dark-wall_329181-7280.jpg",
},
name: "Sophie M.", handle: "@sophiem", testimonial: "Amazing Balayage treatment, truly premium experience.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-dark-wall_329181-7280.jpg"},
{
name: "Mark D.",
handle: "@markd",
testimonial: "The attention to detail on the fade was spot on. 5 stars.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg",
},
name: "Mark D.", handle: "@markd", testimonial: "The attention to detail on the fade was spot on. 5 stars.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg"},
{
name: "Elena P.",
handle: "@elenap",
testimonial: "Professional, welcoming, and perfectly styled. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-dandruff-looking-mirror_23-2149311387.jpg",
},
name: "Elena P.", handle: "@elenap", testimonial: "Professional, welcoming, and perfectly styled. Highly recommend.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-dandruff-looking-mirror_23-2149311387.jpg"},
{
name: "Chris W.",
handle: "@chrisw",
testimonial: "Classic barbering with a modern, luxury edge. Exceptional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-room-with-blurred-effect_1203-554.jpg",
},
name: "Chris W.", handle: "@chrisw", testimonial: "Classic barbering with a modern, luxury edge. Exceptional.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-room-with-blurred-effect_1203-554.jpg"},
]}
buttons={[
{
text: "BOOK NOW",
href: "#contact",
},
text: "BOOK NOW", href: bookingUrl},
{
text: "VIEW PRICES",
href: "#pricing",
},
text: "VIEW PRICES", href: "#pricing"},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg"
imageAlt="Doc Barnet Luxury Salon"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48807.jpg",
alt: "Shaving process",
},
src: "http://img.b2bpic.net/free-photo/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48807.jpg", alt: "Shaving process"},
{
src: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48820.jpg",
alt: "Haircut process",
},
src: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48820.jpg", alt: "Haircut process"},
{
src: "http://img.b2bpic.net/free-photo/person-creating-online-content-with-their-pets_23-2151420269.jpg",
alt: "Creative content",
},
src: "http://img.b2bpic.net/free-photo/person-creating-online-content-with-their-pets_23-2151420269.jpg", alt: "Creative content"},
{
src: "http://img.b2bpic.net/free-photo/washing-process-small-dog-sits-table-dog-spaying-by-professional_1157-48817.jpg",
alt: "Washing process",
},
src: "http://img.b2bpic.net/free-photo/washing-process-small-dog-sits-table-dog-spaying-by-professional_1157-48817.jpg", alt: "Washing process"},
{
src: "http://img.b2bpic.net/free-photo/handsome-afro-american-traveler-brown-jacket-hat-with-backpack-stands-studio-isolated-dark-background_613910-6586.jpg",
alt: "Stylish traveler",
},
src: "http://img.b2bpic.net/free-photo/handsome-afro-american-traveler-brown-jacket-hat-with-backpack-stands-studio-isolated-dark-background_613910-6586.jpg", alt: "Stylish traveler"},
]}
marqueeItems={[
{
type: "text",
text: "PRECISION CUTS",
},
type: "text", text: "PRECISION CUTS"},
{
type: "text",
text: "LUXURY COLOR",
},
type: "text", text: "LUXURY COLOR"},
{
type: "text",
text: "EXPERT STYLING",
},
type: "text", text: "EXPERT STYLING"},
{
type: "text",
text: "PREMIUM BEARD",
},
type: "text", text: "PREMIUM BEARD"},
{
type: "text",
text: "MODERN SALON",
},
type: "text", text: "MODERN SALON"},
]}
/>
</div>
@@ -165,20 +112,13 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "THE DOC BARNET EXPERIENCE",
},
type: "text", content: "THE DOC BARNET EXPERIENCE"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg",
alt: "Barber at work",
},
type: "image", src: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg", alt: "Barber at work"},
]}
buttons={[
{
text: "DISCOVER MORE",
href: "#services",
},
text: "DISCOVER MORE", href: "#services"},
]}
/>
</div>
@@ -191,23 +131,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Gents Haircuts",
description: "Precision styling tailored to your unique look.",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-fashionable-modern-male-grey-t-shirt_613910-532.jpg",
imageAlt: "Gents Haircut",
},
title: "Gents Haircuts", description: "Precision styling tailored to your unique look.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-fashionable-modern-male-grey-t-shirt_613910-532.jpg", imageAlt: "Gents Haircut"},
{
title: "Ladies Styling",
description: "Wash, cut, and blow dry services for sophisticated style.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hairdryer-hairbrush_1385-2900.jpg",
imageAlt: "Ladies Styling",
},
title: "Ladies Styling", description: "Wash, cut, and blow dry services for sophisticated style.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hairdryer-hairbrush_1385-2900.jpg", imageAlt: "Ladies Styling"},
{
title: "Beard & Facial",
description: "Expert beard shaping, hot towel shaves, and facial treatments.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-applying-facial-mask_23-2148784320.jpg",
imageAlt: "Facial treatment",
},
title: "Beard & Facial", description: "Expert beard shaping, hot towel shaves, and facial treatments.", imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-applying-facial-mask_23-2148784320.jpg", imageAlt: "Facial treatment"},
]}
title="PREMIUM SERVICES"
description="Comprehensive grooming and hair solutions for gentlemen and ladies."
@@ -221,57 +149,28 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Most Popular",
price: "£35",
subtitle: "Premium Haircut & Styling",
buttons: [
id: "p1", badge: "Most Popular", price: "£19.99", subtitle: "Premium Haircut & Styling", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: bookingUrl},
],
features: [
"Consultation",
"Precision Cut",
"Style Advice",
"Finish",
],
"Consultation", "Precision Cut", "Style Advice", "Finish"],
},
{
id: "p2",
badge: "Essential",
price: "£55",
subtitle: "Cut, Wash & Blow Dry",
buttons: [
id: "p2", badge: "Essential", price: "£45", subtitle: "Cut, Wash & Blow Dry", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: bookingUrl},
],
features: [
"Head Massage",
"Professional Cut",
"Styling",
],
"Head Massage", "Professional Cut", "Styling"],
},
{
id: "p3",
badge: "Luxury",
price: "£85",
subtitle: "Balayage & Treatment",
buttons: [
id: "p3", badge: "Luxury", price: "£85", subtitle: "Balayage & Treatment", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: bookingUrl},
],
features: [
"Consultation",
"Expert Colour",
"Treatment",
"Finish",
],
"Consultation", "Expert Colour", "Treatment", "Finish"],
},
]}
title="PRICE LIST"
@@ -287,59 +186,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "g1",
name: "Classic Fade",
brand: "Styling",
price: "Transformation",
rating: 5,
reviewCount: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg",
},
id: "g1", name: "Classic Fade", brand: "Styling", price: "Transformation", rating: 5,
reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg"},
{
id: "g2",
name: "Balayage",
brand: "Colour",
price: "Transformation",
rating: 5,
reviewCount: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/woman-wears-grey-hair-wig_633478-1316.jpg",
},
id: "g2", name: "Balayage", brand: "Colour", price: "Transformation", rating: 5,
reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/woman-wears-grey-hair-wig_633478-1316.jpg"},
{
id: "g3",
name: "Salon Interior",
brand: "Style",
price: "Luxury Space",
rating: 5,
reviewCount: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg",
},
id: "g3", name: "Salon Interior", brand: "Style", price: "Luxury Space", rating: 5,
reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg"},
{
id: "g4",
name: "Lighting Design",
brand: "Design",
price: "Atmosphere",
rating: 5,
reviewCount: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg",
},
id: "g4", name: "Lighting Design", brand: "Design", price: "Atmosphere", rating: 5,
reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg"},
{
id: "g5",
name: "Tools",
brand: "Precision",
price: "Detail",
rating: 5,
reviewCount: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life-top-view_23-2150217977.jpg",
},
id: "g5", name: "Tools", brand: "Precision", price: "Detail", rating: 5,
reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life-top-view_23-2150217977.jpg"},
{
id: "g6",
name: "Blow Dry",
brand: "Styling",
price: "Treatment",
rating: 5,
reviewCount: "2024",
imageSrc: "http://img.b2bpic.net/free-photo/woman-drying-hair-hairsalon_1157-27184.jpg",
},
id: "g6", name: "Blow Dry", brand: "Styling", price: "Treatment", rating: 5,
reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/woman-drying-hair-hairsalon_1157-27184.jpg"},
]}
title="OUR WORK"
description="Visual highlights from our salon floor."
@@ -353,59 +216,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah H.",
role: "Client",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9659.jpg",
},
id: "1", name: "Sarah H.", role: "Client", company: "Local Resident", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9659.jpg"},
{
id: "2",
name: "David L.",
role: "Client",
company: "Businessman",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021828.jpg",
},
id: "2", name: "David L.", role: "Client", company: "Businessman", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021828.jpg"},
{
id: "3",
name: "Emily B.",
role: "Client",
company: "Frequent Visitor",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18291.jpg",
},
id: "3", name: "Emily B.", role: "Client", company: "Frequent Visitor", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18291.jpg"},
{
id: "4",
name: "John D.",
role: "Client",
company: "Styling Enthusiast",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-barbershop-with-classic-styling_618663-34.jpg",
},
id: "4", name: "John D.", role: "Client", company: "Styling Enthusiast", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-barbershop-with-classic-styling_618663-34.jpg"},
{
id: "5",
name: "Clara R.",
role: "Client",
company: "New Guest",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-businessman-discussing-their-chart-coffee-shop_1150-6422.jpg",
},
id: "5", name: "Clara R.", role: "Client", company: "New Guest", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-businessman-discussing-their-chart-coffee-shop_1150-6422.jpg"},
]}
kpiItems={[
{
value: "17+",
label: "Years Experience",
},
value: "17+", label: "Years Experience"},
{
value: "5000+",
label: "Happy Clients",
},
value: "5000+", label: "Happy Clients"},
{
value: "100%",
label: "Satisfaction Rate",
},
value: "100%", label: "Satisfaction Rate"},
]}
title="WHAT OUR CLIENTS SAY"
description="We pride ourselves on the highest standards of service and style."
@@ -416,8 +248,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
tag="LIMITED OFFER"
title="20% OFF YOUR FIRST VISIT"
description="Join our club and enjoy premium grooming at a special introductory rate."
@@ -430,20 +261,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Opening Hours",
content: "Mon-Sat: 9am - 7pm | Sun: 10am - 4pm",
},
id: "f1", title: "Opening Hours", content: "Mon-Sat: 9am - 7pm | Sun: 10am - 4pm"},
{
id: "f2",
title: "Appointments",
content: "01452 224220 / 07495 044457",
},
id: "f2", title: "Appointments", content: "01452 224220 / 07495 044457"},
{
id: "f3",
title: "Location",
content: "Gloucester Quays Designer Outlet",
},
id: "f3", title: "Location", content: "Gloucester Quays Designer Outlet"},
]}
imageSrc="http://img.b2bpic.net/free-photo/hairdressing-equipment-white-background_23-2147711627.jpg"
mediaAnimation="slide-up"
@@ -455,58 +277,37 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/minimalist-background_23-2151967093.jpg"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMGxfgFdRWLXzYqe2HfYt6JE4x/uploaded-1778093237434-05qgab2c.jpg"
logoText="DOC BARNET"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Gents Hair",
href: "#services",
},
label: "Gents Hair", href: "#services"},
{
label: "Ladies Cut",
href: "#services",
},
label: "Ladies Cut", href: "#services"},
{
label: "Beard Grooming",
href: "#services",
},
label: "Beard Grooming", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Book Now",
href: "#contact",
},
label: "Book Now", href: bookingUrl},
],
},
{
title: "Social",
items: [
title: "Social", items: [
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}
@@ -515,4 +316,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}