Merge version_1 into main #5
182
src/app/page.tsx
182
src/app/page.tsx
@@ -31,26 +31,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
brandName="Beast Barber"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,19 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Premium Barber Services in Porirua"
|
||||
description="Clean fades, sharp styles, and expert grooming at Beast Barber. Elevate your look and experience the difference."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0226720076",
|
||||
},
|
||||
text: "Call Now", href: "tel:0226720076"},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairstylist-looking-client-mirror_23-2148242870.jpg"
|
||||
imageAlt="Barber cutting hair with precision"
|
||||
@@ -85,60 +70,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ethan R.",
|
||||
role: "Local Resident",
|
||||
company: "Porirua",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
|
||||
},
|
||||
id: "1", name: "Ethan R.", role: "Local Resident", company: "Porirua", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Liam T.",
|
||||
role: "Business Owner",
|
||||
company: "Wellington",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32400.jpg",
|
||||
},
|
||||
id: "2", name: "Liam T.", role: "Business Owner", company: "Wellington", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32400.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Noah K.",
|
||||
role: "Student",
|
||||
company: "Porirua",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-confident-middleaged-man-gray-sweater-showing-thumbsup-approval-recommendi_1258-129203.jpg",
|
||||
},
|
||||
id: "3", name: "Noah K.", role: "Student", company: "Porirua", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-confident-middleaged-man-gray-sweater-showing-thumbsup-approval-recommendi_1258-129203.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Caleb S.",
|
||||
role: "Young Professional",
|
||||
company: "Mana",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/masculine-beauty-style-fashion-concept-fashionable-25-year-old-hipster-guy-with-stubble-blue-eyes-posing-isolated-against-copyspace-wall-wearing-stylish-knitted-sweater_343059-2564.jpg",
|
||||
},
|
||||
id: "4", name: "Caleb S.", role: "Young Professional", company: "Mana", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/masculine-beauty-style-fashion-concept-fashionable-25-year-old-hipster-guy-with-stubble-blue-eyes-posing-isolated-against-copyspace-wall-wearing-stylish-knitted-sweater_343059-2564.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
|
||||
|
||||
|
||||
category: "Client Feedback",
|
||||
value: "⭐ 4.3",
|
||||
},
|
||||
value: "⭐ 4.3"},
|
||||
{
|
||||
|
||||
|
||||
|
||||
category: "Expertise",
|
||||
value: "10+",
|
||||
},
|
||||
value: "10+"},
|
||||
{
|
||||
|
||||
|
||||
|
||||
category: "Community",
|
||||
value: "1000+",
|
||||
},
|
||||
value: "1000+"},
|
||||
]}
|
||||
title="Client Satisfaction is Our Priority"
|
||||
description="Hear what our valued customers say about their Beast Barber experience. We're proud to be a trusted local choice."
|
||||
@@ -153,39 +103,25 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Fade Cuts",
|
||||
description: "Achieve a seamless and sharp fade, tailored to your head shape and style preference.",
|
||||
},
|
||||
title: "Fade Cuts", description: "Achieve a seamless and sharp fade, tailored to your head shape and style preference."},
|
||||
{
|
||||
icon: Feather,
|
||||
title: "Beard Trim & Shaping",
|
||||
description: "From a simple trim to a sculpted masterpiece, we'll perfect your beard to complement your look.",
|
||||
},
|
||||
title: "Beard Trim & Shaping", description: "From a simple trim to a sculpted masterpiece, we'll perfect your beard to complement your look."},
|
||||
{
|
||||
icon: Minimize,
|
||||
title: "Buzz Cuts",
|
||||
description: "Clean, crisp, and low-maintenance. Our buzz cuts are precise and executed with care.",
|
||||
},
|
||||
title: "Buzz Cuts", description: "Clean, crisp, and low-maintenance. Our buzz cuts are precise and executed with care."},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Hair Colouring",
|
||||
description: "Enhance your natural color or try a new look with our professional hair coloring services.",
|
||||
},
|
||||
title: "Hair Colouring", description: "Enhance your natural color or try a new look with our professional hair coloring services."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Hot Towel Shave",
|
||||
description: "Indulge in the ultimate shaving experience with a classic hot towel shave, leaving your skin smooth and refreshed.",
|
||||
},
|
||||
title: "Hot Towel Shave", description: "Indulge in the ultimate shaving experience with a classic hot towel shave, leaving your skin smooth and refreshed."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Kids Haircuts",
|
||||
description: "Bring your little ones for a stylish and comfortable haircut in a friendly environment.",
|
||||
},
|
||||
title: "Kids Haircuts", description: "Bring your little ones for a stylish and comfortable haircut in a friendly environment."},
|
||||
{
|
||||
icon: Gift,
|
||||
title: "Grooming Packages",
|
||||
description: "Combine services for a complete grooming transformation, designed for ultimate relaxation and style.",
|
||||
},
|
||||
title: "Grooming Packages", description: "Combine services for a complete grooming transformation, designed for ultimate relaxation and style."},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Experience precision and style with Beast Barber's comprehensive grooming menu, crafted for the modern man."
|
||||
@@ -213,40 +149,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
title: "Experienced Barber",
|
||||
subtitle: "Years of expertise",
|
||||
category: "Skill",
|
||||
value: "10+",
|
||||
},
|
||||
id: "metric-1", title: "Experienced Barber", subtitle: "Years of expertise", category: "Skill", value: "10+"},
|
||||
{
|
||||
id: "metric-2",
|
||||
title: "Clean & Professional",
|
||||
subtitle: "Hygiene & standards",
|
||||
category: "Service",
|
||||
value: "Top Notch",
|
||||
},
|
||||
id: "metric-2", title: "Clean & Professional", subtitle: "Hygiene & standards", category: "Service", value: "Top Notch"},
|
||||
{
|
||||
id: "metric-3",
|
||||
title: "Affordable Pricing",
|
||||
subtitle: "Quality without compromise",
|
||||
category: "Value",
|
||||
value: "Fair",
|
||||
},
|
||||
id: "metric-3", title: "Affordable Pricing", subtitle: "Quality without compromise", category: "Value", value: "Fair"},
|
||||
{
|
||||
id: "metric-4",
|
||||
title: "Convenient Location",
|
||||
subtitle: "Easy to find in Porirua",
|
||||
category: "Accessibility",
|
||||
value: "Central",
|
||||
},
|
||||
id: "metric-4", title: "Convenient Location", subtitle: "Easy to find in Porirua", category: "Accessibility", value: "Central"},
|
||||
{
|
||||
id: "metric-5",
|
||||
title: "Friendly Atmosphere",
|
||||
subtitle: "Relaxed & welcoming",
|
||||
category: "Experience",
|
||||
value: "Great Vibes",
|
||||
},
|
||||
id: "metric-5", title: "Friendly Atmosphere", subtitle: "Relaxed & welcoming", category: "Experience", value: "Great Vibes"},
|
||||
]}
|
||||
title="Why Choose Beast Barber?"
|
||||
description="Experience the Beast Barber difference – where quality, precision, and customer satisfaction are our top priorities."
|
||||
@@ -257,8 +168,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Book Your Next Cut Today"
|
||||
description="Ready for a fresh look? Whether it's a sharp fade, a precise beard trim, or a complete grooming package, Beast Barber is here to deliver. Call us directly on **022 672 0076** or visit us at **3/11 Serlby Place, Porirua City Centre**. We're open daily, closing at 6pm. For inquiries, you can also send a quick message below."
|
||||
@@ -277,37 +187,23 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "3/11 Serlby Place, Porirua City Centre, Porirua, New Zealand",
|
||||
href: "https://www.google.com/maps/search/3%2F11+Serlby+Place,+Porirua+City+Centre,+Porirua,+New+Zealand",
|
||||
},
|
||||
label: "3/11 Serlby Place, Porirua City Centre, Porirua, New Zealand", href: "https://www.google.com/maps/search/3%2F11+Serlby+Place,+Porirua+City+Centre,+Porirua,+New+Zealand"},
|
||||
{
|
||||
label: "022 672 0076",
|
||||
href: "tel:0226720076",
|
||||
},
|
||||
label: "022 672 0076", href: "tel:0226720076"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/beast_barber7",
|
||||
},
|
||||
label: "Instagram", href: "https://www.instagram.com/beast_barber7"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user