Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
182
src/app/page.tsx
182
src/app/page.tsx
@@ -30,35 +30,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
href: "#team",
|
||||
},
|
||||
name: "Team", id: "#team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Haugh Barber"
|
||||
/>
|
||||
@@ -67,19 +49,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "downward-rays-static-grid",
|
||||
}}
|
||||
variant: "downward-rays-static-grid"}}
|
||||
logoText="Haugh Barber"
|
||||
description="Experience the finest in men's grooming. Classic cuts, modern styles, and a fresh new look await you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-sprays-water-hair_1304-2775.jpg"
|
||||
@@ -93,14 +70,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Crafting Your Perfect Look"
|
||||
description={[
|
||||
"At Haugh Barber, we blend timeless grooming traditions with contemporary styles to create an unparalleled experience. Our skilled barbers are passionate about their craft, ensuring every cut, shave, and trim is executed with precision and care.",
|
||||
"Step into our relaxed and inviting atmosphere, where you're not just getting a haircut, you're getting a personalized grooming session designed to make you look and feel your absolute best. We use only the finest products and techniques to deliver results that exceed your expectations.",
|
||||
]}
|
||||
"At Haugh Barber, we blend timeless grooming traditions with contemporary styles to create an unparalleled experience. Our skilled barbers are passionate about their craft, ensuring every cut, shave, and trim is executed with precision and care.", "Step into our relaxed and inviting atmosphere, where you're not just getting a haircut, you're getting a personalized grooming session designed to make you look and feel your absolute best. We use only the finest products and techniques to deliver results that exceed your expectations."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Meet Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
text: "Meet Our Team", href: "#team"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,33 +86,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "haircut",
|
||||
title: "Precision Haircuts",
|
||||
description: "Expertly crafted cuts, from classic fades to modern styles, tailored to your preference and head shape.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18583.jpg",
|
||||
imageAlt: "Precision Haircuts",
|
||||
},
|
||||
id: "haircut", title: "Precision Haircuts", description: "Expertly crafted cuts, from classic fades to modern styles, tailored to your preference and head shape.", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18583.jpg", imageAlt: "Precision Haircuts"},
|
||||
{
|
||||
id: "beard-trim",
|
||||
title: "Professional Beard Trims",
|
||||
description: "Shaping, trimming, and conditioning to perfect your beard, ensuring a sharp and well-groomed look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985735.jpg",
|
||||
imageAlt: "Professional Beard Trims",
|
||||
},
|
||||
id: "beard-trim", title: "Professional Beard Trims", description: "Shaping, trimming, and conditioning to perfect your beard, ensuring a sharp and well-groomed look.", imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985735.jpg", imageAlt: "Professional Beard Trims"},
|
||||
{
|
||||
id: "hot-towel-shave",
|
||||
title: "Luxurious Hot Towel Shave",
|
||||
description: "Indulge in our classic hot towel shave for an incredibly close and comfortable experience, leaving your skin smooth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-4252.jpg",
|
||||
imageAlt: "Luxurious Hot Towel Shave",
|
||||
},
|
||||
id: "hot-towel-shave", title: "Luxurious Hot Towel Shave", description: "Indulge in our classic hot towel shave for an incredibly close and comfortable experience, leaving your skin smooth.", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-4252.jpg", imageAlt: "Luxurious Hot Towel Shave"},
|
||||
{
|
||||
id: "kids-cut",
|
||||
title: "Kids Haircuts",
|
||||
description: "Stylish and fun haircuts for the younger gentlemen, making their barber experience enjoyable and memorable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg",
|
||||
imageAlt: "Kids Haircuts",
|
||||
},
|
||||
id: "kids-cut", title: "Kids Haircuts", description: "Stylish and fun haircuts for the younger gentlemen, making their barber experience enjoyable and memorable.", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg", imageAlt: "Kids Haircuts"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="From classic to contemporary, our expert barbers are here to refine your style and leave you feeling refreshed."
|
||||
@@ -154,26 +107,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "john-doe",
|
||||
name: "John \"The Blade\" Doe",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-client-looking-camera_23-2148242871.jpg",
|
||||
imageAlt: "John Doe, Master Barber",
|
||||
},
|
||||
id: "john-doe", name: "John \"The Blade\" Doe", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-client-looking-camera_23-2148242871.jpg", imageAlt: "John Doe, Master Barber"},
|
||||
{
|
||||
id: "mike-smith",
|
||||
name: "Mike \"The Stylist\" Smith",
|
||||
role: "Lead Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-touches-his-hairstyle-with-tattooed-arms_613910-10249.jpg",
|
||||
imageAlt: "Mike Smith, Lead Barber",
|
||||
},
|
||||
id: "mike-smith", name: "Mike \"The Stylist\" Smith", role: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-touches-his-hairstyle-with-tattooed-arms_613910-10249.jpg", imageAlt: "Mike Smith, Lead Barber"},
|
||||
{
|
||||
id: "david-jones",
|
||||
name: "David \"The Classic\" Jones",
|
||||
role: "Senior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-with-crossed-arms-old-massive-wooden-door_613910-12326.jpg",
|
||||
imageAlt: "David Jones, Senior Barber",
|
||||
},
|
||||
id: "david-jones", name: "David \"The Classic\" Jones", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-with-crossed-arms-old-massive-wooden-door_613910-12326.jpg", imageAlt: "David Jones, Senior Barber"},
|
||||
]}
|
||||
title="Meet Our Master Barbers"
|
||||
description="Our team of passionate and experienced barbers are dedicated to their craft, ensuring you leave looking and feeling your best with every visit."
|
||||
@@ -186,45 +124,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark R.",
|
||||
handle: "@MarkR_client",
|
||||
testimonial: "Haugh Barber is simply the best in town. John always gives me the perfect cut and the hot towel shave is pure luxury. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-black-suit_158538-987.jpg",
|
||||
imageAlt: "Mark R.",
|
||||
},
|
||||
id: "1", name: "Mark R.", handle: "@MarkR_client", testimonial: "Haugh Barber is simply the best in town. John always gives me the perfect cut and the hot towel shave is pure luxury. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-black-suit_158538-987.jpg", imageAlt: "Mark R."},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah L.",
|
||||
handle: "@SarahL_reviews",
|
||||
testimonial: "I bring my son here for his haircuts and the barbers are fantastic with kids. Mike makes it a fun experience every time!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-wearing-casual-clothes-celebrating-mad-crazy-success-with-arms-raised-closed-eyes-screaming-excited-winner-concept_839833-21246.jpg",
|
||||
imageAlt: "Sarah L.",
|
||||
},
|
||||
id: "2", name: "Sarah L.", handle: "@SarahL_reviews", testimonial: "I bring my son here for his haircuts and the barbers are fantastic with kids. Mike makes it a fun experience every time!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-wearing-casual-clothes-celebrating-mad-crazy-success-with-arms-raised-closed-eyes-screaming-excited-winner-concept_839833-21246.jpg", imageAlt: "Sarah L."},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tom P.",
|
||||
handle: "@TomP_grooming",
|
||||
testimonial: "David's beard trims are a work of art. My beard has never looked this good. The attention to detail is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-handsome-man-suit-street_158538-10206.jpg",
|
||||
imageAlt: "Tom P.",
|
||||
},
|
||||
id: "3", name: "Tom P.", handle: "@TomP_grooming", testimonial: "David's beard trims are a work of art. My beard has never looked this good. The attention to detail is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-handsome-man-suit-street_158538-10206.jpg", imageAlt: "Tom P."},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex K.",
|
||||
handle: "@AlexK_style",
|
||||
testimonial: "Finally found my go-to barber shop! The atmosphere is great, and the team is incredibly skilled. Always leave feeling fresh and confident.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-with-big-smile-headphones-around-his-neck_1139-349.jpg",
|
||||
imageAlt: "Alex K.",
|
||||
},
|
||||
id: "4", name: "Alex K.", handle: "@AlexK_style", testimonial: "Finally found my go-to barber shop! The atmosphere is great, and the team is incredibly skilled. Always leave feeling fresh and confident.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-with-big-smile-headphones-around-his-neck_1139-349.jpg", imageAlt: "Alex K."},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from our satisfied customers about their experience at Haugh Barber."
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -232,18 +147,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
text="Ready for Your Next Cut? Book an appointment today and experience the Haugh Barber difference!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Book an Appointment", href: "tel:+1234567890"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.app.goo.gl/example",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.app.goo.gl/example"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -254,45 +164,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Our Team", href: "#team"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user