Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #2.
This commit is contained in:
460
src/app/page.tsx
460
src/app/page.tsx
@@ -12,6 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,155 +32,46 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Prices",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Prices", id: "pricing" },
|
||||
{ name: "Book", id: "booking" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DOC BARNET"
|
||||
button={{
|
||||
text: "BOOK NOW",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "BOOK NOW", href: "#booking" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ 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: "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: "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",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "BOOK NOW",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "VIEW PRICES",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ name: "James R.", handle: "@jamesr", testimonial: "Best haircut I've had in years.", 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.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-dark-wall_329181-7280.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "BOOK NOW", href: "#booking" }, { 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/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/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",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "PRECISION CUTS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "LUXURY COLOR",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "EXPERT STYLING",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM BEARD",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "MODERN SALON",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "DISCOVER MORE",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
heading={[{ type: "text", content: "THE DOC BARNET EXPERIENCE" }, { type: "image", src: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg" }]}
|
||||
buttons={[{ text: "DISCOVER MORE", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking" data-section="booking">
|
||||
<ContactText
|
||||
text="Ready to look your best? Book your appointment online with Fresha."
|
||||
buttons={[{ text: "Book with Fresha", href: "https://www.fresha.com" }]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -190,27 +82,11 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
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: "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: "Gents Haircuts", description: "Precision styling.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-fashionable-modern-male-grey-t-shirt_613910-532.jpg" },
|
||||
{ title: "Ladies Styling", description: "Wash, cut, and blow dry.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hairdryer-hairbrush_1385-2900.jpg" }
|
||||
]}
|
||||
title="PREMIUM SERVICES"
|
||||
description="Comprehensive grooming and hair solutions for gentlemen and ladies."
|
||||
description="Comprehensive grooming solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -220,236 +96,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Most Popular",
|
||||
price: "£35",
|
||||
subtitle: "Premium Haircut & Styling",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precision Cut",
|
||||
"Style Advice",
|
||||
"Finish",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Essential",
|
||||
price: "£55",
|
||||
subtitle: "Cut, Wash & Blow Dry",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Head Massage",
|
||||
"Professional Cut",
|
||||
"Styling",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Luxury",
|
||||
price: "£85",
|
||||
subtitle: "Balayage & Treatment",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Consultation",
|
||||
"Expert Colour",
|
||||
"Treatment",
|
||||
"Finish",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Most Popular", price: "£35", subtitle: "Premium Haircut", buttons: [{ text: "Book", href: "#booking" }], features: ["Consultation", "Precision Cut"] }
|
||||
]}
|
||||
title="PRICE LIST"
|
||||
description="Transparent pricing for world-class grooming."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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: "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: "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",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "17+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
]}
|
||||
title="WHAT OUR CLIENTS SAY"
|
||||
description="We pride ourselves on the highest standards of service and style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="offer" data-section="offer">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Opening Hours",
|
||||
content: "Mon-Sat: 9am - 7pm | Sun: 10am - 4pm",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Appointments",
|
||||
content: "01452 224220 / 07495 044457",
|
||||
},
|
||||
{
|
||||
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"
|
||||
title="VISIT US"
|
||||
description="Unit 67, Gloucester Quays Designer Outlet, Gloucester GL1 5SH"
|
||||
faqsAnimation="slide-up"
|
||||
description="Transparent pricing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -457,62 +107,10 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-background_23-2151967093.jpg"
|
||||
logoText="DOC BARNET"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Gents Hair",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Ladies Cut",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Beard Grooming",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ title: "Services", items: [{ label: "Book Now", href: "#booking" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user