Merge version_1 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Scissors, ShieldCheck, Sparkles, Coffee } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -32,27 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="The Barber's Visit"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,75 +53,38 @@ export default function LandingPage() {
|
||||
description="Experience superior grooming at The Barber's Visit. Where tradition meets modern style."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James R.",
|
||||
handle: "@jamesr",
|
||||
testimonial: "Best haircut I've had in years. Professional and precise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7301.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern style",
|
||||
},
|
||||
name: "James R.", handle: "@jamesr", testimonial: "Best haircut I've had in years. Professional and precise.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7301.jpg", imageAlt: "barber shop interior modern style"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@mdgroom",
|
||||
testimonial: "Great atmosphere and even better service. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern style",
|
||||
},
|
||||
name: "Mark D.", handle: "@mdgroom", testimonial: "Great atmosphere and even better service. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg", imageAlt: "barber shop interior modern style"},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "Took my brother here, he loved the look. Very skilled barbers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102209.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern style",
|
||||
},
|
||||
name: "Sarah P.", handle: "@sarahp", testimonial: "Took my brother here, he loved the look. Very skilled barbers.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102209.jpg", imageAlt: "barber shop interior modern style"},
|
||||
{
|
||||
name: "Alex K.",
|
||||
handle: "@alexk",
|
||||
testimonial: "Excellent service and attention to detail. Will be back.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-s-items-table-with-brush_23-2148817206.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern style",
|
||||
},
|
||||
name: "Alex K.", handle: "@alexk", testimonial: "Excellent service and attention to detail. Will be back.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-s-items-table-with-brush_23-2148817206.jpg", imageAlt: "barber shop interior modern style"},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@davegroom",
|
||||
testimonial: "The classic hot towel shave is a game changer. Exceptional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-hair-man_23-2147778737.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern style",
|
||||
},
|
||||
name: "David L.", handle: "@davegroom", testimonial: "The classic hot towel shave is a game changer. Exceptional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-hair-man_23-2147778737.jpg", imageAlt: "barber shop interior modern style"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7301.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7301.jpg"
|
||||
imageAlt="Barber shop interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-elegant-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22402.jpg",
|
||||
alt: "Portrait of handsome confident stylish man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-elegant-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22402.jpg", alt: "Portrait of handsome confident stylish man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-summer-pink-clothes-fashion-stylish-man-posing-round-sunglasses_158538-5341.jpg",
|
||||
alt: "Portrait of handsome smiling young man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-summer-pink-clothes-fashion-stylish-man-posing-round-sunglasses_158538-5341.jpg", alt: "Portrait of handsome smiling young man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businessman-formal-clothes-posing-street-sunglasses_158538-8305.jpg",
|
||||
alt: "Businessman wearing a suit",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businessman-formal-clothes-posing-street-sunglasses_158538-8305.jpg", alt: "Businessman wearing a suit"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-wearing-suit-street-sunglasses_158538-10281.jpg",
|
||||
alt: "Stylish male in sunglasses",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-wearing-suit-street-sunglasses_158538-10281.jpg", alt: "Stylish male in sunglasses"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2900.jpg",
|
||||
alt: "Blond man with happy expression",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2900.jpg", alt: "Blond man with happy expression"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ local clients"
|
||||
/>
|
||||
@@ -144,19 +98,13 @@ export default function LandingPage() {
|
||||
description="With years of expertise, we offer more than just a haircut. We provide an experience crafted for the modern gentleman who values quality and time."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Tailored styling that complements your features.",
|
||||
},
|
||||
title: "Precision Cuts", description: "Tailored styling that complements your features."},
|
||||
{
|
||||
title: "Traditional Shaves",
|
||||
description: "Classic hot towel shaves for a smooth finish.",
|
||||
},
|
||||
title: "Traditional Shaves", description: "Classic hot towel shaves for a smooth finish."},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "Only the finest grooming goods used in every visit.",
|
||||
},
|
||||
title: "Premium Products", description: "Only the finest grooming goods used in every visit."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg"
|
||||
imageAlt="Barber chair and mirror"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -168,28 +116,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Signature Haircut",
|
||||
description: "Customized cut and styling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102209.jpg?_wi=2",
|
||||
buttonIcon: "Scissors",
|
||||
title: "Signature Haircut", description: "Customized cut and styling.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102209.jpg", buttonIcon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Hygiene First",
|
||||
description: "Strict sanitary standards for every client.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-s-items-table-with-brush_23-2148817206.jpg?_wi=2",
|
||||
buttonIcon: "ShieldCheck",
|
||||
title: "Hygiene First", description: "Strict sanitary standards for every client.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-s-items-table-with-brush_23-2148817206.jpg", buttonIcon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Beard Sculpting",
|
||||
description: "Detailed beard shaping and maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-hair-man_23-2147778737.jpg?_wi=2",
|
||||
buttonIcon: "Sparkles",
|
||||
title: "Beard Sculpting", description: "Detailed beard shaping and maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-styling-hair-man_23-2147778737.jpg", buttonIcon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Luxury Lounge",
|
||||
description: "Relax in our comfortable waiting area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vet-with-brush-animals-woman-black-t-shirt-cat-couch_1157-46550.jpg",
|
||||
buttonIcon: "Coffee",
|
||||
title: "Luxury Lounge", description: "Relax in our comfortable waiting area.", imageSrc: "http://img.b2bpic.net/free-photo/vet-with-brush-animals-woman-black-t-shirt-cat-couch_1157-46550.jpg", buttonIcon: Coffee,
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -204,26 +140,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Clients",
|
||||
description: "Served with pride.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-brush-box-with-hairdressing-supplies_23-2147711527.jpg",
|
||||
},
|
||||
id: "m1", value: "10k+", title: "Happy Clients", description: "Served with pride.", imageSrc: "http://img.b2bpic.net/free-photo/hair-brush-box-with-hairdressing-supplies_23-2147711527.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Expert Styles",
|
||||
description: "Crafted over years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48808.jpg",
|
||||
},
|
||||
id: "m2", value: "500+", title: "Expert Styles", description: "Crafted over years.", imageSrc: "http://img.b2bpic.net/free-photo/shaving-process-small-dog-sits-table-dog-shaved-by-professional_1157-48808.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Our core promise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Satisfaction", description: "Our core promise.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg"},
|
||||
]}
|
||||
title="Quality by Numbers"
|
||||
description="Our commitment to excellence speaks for itself."
|
||||
@@ -238,29 +159,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-electric-trimmer_23-2147839779.jpg",
|
||||
},
|
||||
id: "t1", name: "John Doe", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-electric-trimmer_23-2147839779.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Lead Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg",
|
||||
},
|
||||
id: "t2", name: "Jane Smith", role: "Lead Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-8120.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert Lee",
|
||||
role: "Senior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg",
|
||||
},
|
||||
id: "t3", name: "Robert Lee", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anna Wong",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-arrangement-barber-shop-desk_23-2148256952.jpg",
|
||||
},
|
||||
id: "t4", name: "Anna Wong", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/modern-arrangement-barber-shop-desk_23-2148256952.jpg"},
|
||||
]}
|
||||
title="Meet the Barbers"
|
||||
description="Our team of seasoned professionals dedicated to your style."
|
||||
@@ -274,40 +179,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "tr1",
|
||||
name: "Client One",
|
||||
handle: "@one",
|
||||
testimonial: "Excellent experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314334.jpg",
|
||||
},
|
||||
id: "tr1", name: "Client One", handle: "@one", testimonial: "Excellent experience.", imageSrc: "http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314334.jpg"},
|
||||
{
|
||||
id: "tr2",
|
||||
name: "Client Two",
|
||||
handle: "@two",
|
||||
testimonial: "Best service in town.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
|
||||
},
|
||||
id: "tr2", name: "Client Two", handle: "@two", testimonial: "Best service in town.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg"},
|
||||
{
|
||||
id: "tr3",
|
||||
name: "Client Three",
|
||||
handle: "@three",
|
||||
testimonial: "Incredible attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335455.jpg",
|
||||
},
|
||||
id: "tr3", name: "Client Three", handle: "@three", testimonial: "Incredible attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335455.jpg"},
|
||||
{
|
||||
id: "tr4",
|
||||
name: "Client Four",
|
||||
handle: "@four",
|
||||
testimonial: "Professional and fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-middle-aged-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink-wall_141793-103401.jpg",
|
||||
},
|
||||
id: "tr4", name: "Client Four", handle: "@four", testimonial: "Professional and fast.", imageSrc: "http://img.b2bpic.net/free-photo/excited-middle-aged-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink-wall_141793-103401.jpg"},
|
||||
{
|
||||
id: "tr5",
|
||||
name: "Client Five",
|
||||
handle: "@five",
|
||||
testimonial: "Highly recommended to all.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-hipster-handsome-man-stylish-summer-white-suit-posing-street-sunglasses_158538-7916.jpg",
|
||||
},
|
||||
id: "tr5", name: "Client Five", handle: "@five", testimonial: "Highly recommended to all.", imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-hipster-handsome-man-stylish-summer-white-suit-posing-street-sunglasses_158538-7916.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Real stories from our satisfied customers."
|
||||
@@ -320,20 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "Yes, we recommend booking online.",
|
||||
},
|
||||
id: "q1", title: "Do I need to book in advance?", content: "Yes, we recommend booking online."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What payment methods are accepted?",
|
||||
content: "We accept cards and digital payments.",
|
||||
},
|
||||
id: "q2", title: "What payment methods are accepted?", content: "We accept cards and digital payments."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long is a session?",
|
||||
content: "Standard sessions take 30-45 minutes.",
|
||||
},
|
||||
id: "q3", title: "How long is a session?", content: "Standard sessions take 30-45 minutes."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to help you book your visit."
|
||||
@@ -345,16 +216,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Ready for your next visit?"
|
||||
description="Book your appointment online and secure your slot today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -365,29 +233,19 @@ export default function LandingPage() {
|
||||
logoText="The Barber's Visit"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user