|
|
|
|
@@ -9,7 +9,7 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
|
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
|
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
|
import { MapPin, CheckCircle, Zap, Clock, Phone, Quote } from "lucide-react";
|
|
|
|
|
import { MapPin, CheckCircle, Scissors, Clock, Phone, Quote, Star, Award, Users } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -27,7 +27,7 @@ export default function LandingPage() {
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
brandName="Local Business"
|
|
|
|
|
brandName="Nation Barber Shop"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Services", id: "features" },
|
|
|
|
|
@@ -40,30 +40,31 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboard
|
|
|
|
|
title="Professional Services in Midrand"
|
|
|
|
|
description="Located in China Town Mall, Old Pretoria Rd. High-quality service delivered with excellence. Open until 6 PM."
|
|
|
|
|
title="Premium Barbering at Nation Barber Shop"
|
|
|
|
|
description="Expert haircuts, grooming, and styling in Midrand. Located in China Town Mall, Old Pretoria Rd. Professional barbers with years of experience. Open until 6 PM daily."
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
tag="Now Open"
|
|
|
|
|
tagIcon={MapPin}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Call Now", href: "tel:0789804771" },
|
|
|
|
|
{ text: "Get a Free Quote", href: "#contact" },
|
|
|
|
|
{ text: "Book a Trim", href: "#contact" },
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/exterior-modern-buildings_1112-1993.jpg"
|
|
|
|
|
imageAlt="Professional storefront in China Town Mall, Midrand"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/barber-workplace_1162-103.jpg"
|
|
|
|
|
imageAlt="Professional barber shop interior at Nation Barber Shop in Midrand"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TextSplitAbout
|
|
|
|
|
title="About Our Business"
|
|
|
|
|
title="About Nation Barber Shop"
|
|
|
|
|
description={[
|
|
|
|
|
"We are a trusted local service provider serving the Midrand community with professional, reliable solutions. With years of experience, we've built our reputation on quality workmanship and exceptional customer service.", "Our mission is to make professional services accessible and affordable for local residents and businesses. We pride ourselves on quick response times, transparent pricing, and standing behind every job we do."]}
|
|
|
|
|
"Nation Barber Shop is your trusted destination for premium barbering services in Midrand. With a team of experienced and skilled barbers, we deliver exceptional haircuts, grooming, and styling services that keep you looking sharp.", "We pride ourselves on our attention to detail, professional approach, and commitment to customer satisfaction. Every client is treated with respect and care, ensuring you leave our shop feeling confident and well-groomed."
|
|
|
|
|
]}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Learn More", href: "#features" },
|
|
|
|
|
{ text: "Explore Services", href: "#features" },
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
showBorder={true}
|
|
|
|
|
@@ -73,24 +74,27 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureBento
|
|
|
|
|
title="Why Choose Us"
|
|
|
|
|
description="We deliver professional service with proven results. Here's what makes us different."
|
|
|
|
|
tag="Our Promise"
|
|
|
|
|
title="Our Barbering Services"
|
|
|
|
|
description="We offer a complete range of professional barbering services tailored to your style and preferences."
|
|
|
|
|
tag="Premium Services"
|
|
|
|
|
tagIcon={CheckCircle}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
title: "Quick Response", description: "Available during business hours with same-day service options", bentoComponent: "icon-info-cards", items: [
|
|
|
|
|
{ icon: Zap, label: "Fast Service", value: "Same Day" },
|
|
|
|
|
{ icon: Clock, label: "Open Until", value: "6 PM Daily" },
|
|
|
|
|
{ icon: Phone, label: "Call Us", value: "078 980 4771" },
|
|
|
|
|
title: "Expert Haircuts", description: "Professional cuts including fades, undercuts, and classic styles", bentoComponent: "icon-info-cards", items: [
|
|
|
|
|
{ icon: Scissors, label: "Classic Cuts", value: "Expert" },
|
|
|
|
|
{ icon: Star, label: "Premium Service", value: "Pro Barbers" },
|
|
|
|
|
{ icon: Clock, label: "Quick Service", value: "30-45 min" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Professional Quality", description: "Expert team delivering excellence on every project", bentoComponent: "animated-bar-chart"},
|
|
|
|
|
title: "Grooming & Styling", description: "Beard trimming, shaving, and professional styling", bentoComponent: "animated-bar-chart"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Local Expertise", description: "Deep knowledge of Midrand and surrounding areas", bentoComponent: "map"},
|
|
|
|
|
title: "Local Expertise", description: "Deep knowledge of trending styles and techniques", bentoComponent: "map"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Transparent Pricing", description: "No hidden fees. Upfront quotes and honest service", bentoComponent: "line-chart"},
|
|
|
|
|
title: "Competitive Pricing", description: "Affordable rates with transparent, upfront pricing", bentoComponent: "line-chart"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -100,10 +104,11 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
|
|
|
<SocialProofOne
|
|
|
|
|
title="Trusted by Local Customers"
|
|
|
|
|
description="Join hundreds of satisfied Midrand residents and businesses who trust us for quality service."
|
|
|
|
|
title="Trusted by Midrand Community"
|
|
|
|
|
description="Join hundreds of satisfied customers who trust Nation Barber Shop for premium barbering services."
|
|
|
|
|
names={[
|
|
|
|
|
"Premium Service Provider", "Midrand Community Leader", "Quality Focused", "Customer Approved", "Local Expert", "Reliable Partner", "Certified Professional", "Award Winning"]}
|
|
|
|
|
"Expert Barbers", "Professional Grooming", "Quality Focused", "Customer Approved", "Local Leader", "Reliable Service", "Certified Professionals", "5-Star Rated"
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
speed={35}
|
|
|
|
|
@@ -114,20 +119,24 @@ export default function LandingPage() {
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardThirteen
|
|
|
|
|
title="What Our Customers Say"
|
|
|
|
|
description="Real feedback from satisfied clients in Midrand and the surrounding area."
|
|
|
|
|
description="Real feedback from satisfied clients at Nation Barber Shop in Midrand."
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "John Mthembu", handle: "@jmthembu", testimonial: "Excellent service! Quick response, professional team, and they finished the job perfectly. Highly recommended for anyone in Midrand.", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "professional headshot business portrait corporate profile customer avatar"},
|
|
|
|
|
id: "1", name: "Thabo Mthembu", handle: "@thabo_m", testimonial: "Best barbershop in Midrand! The barbers really know their craft. My fade looks perfect every time. Highly recommended!", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Customer testimonial portrait"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Sarah Chen", handle: "@sarahc_midrand", testimonial: "Finally found a reliable service provider nearby. Transparent pricing, great communication, and quality work. Will definitely call again.", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "professional portrait business headshot corporate avatar customer profile"},
|
|
|
|
|
id: "2", name: "Marcus van Rooyen", handle: "@marcus_vr", testimonial: "Exceptional service and professionalism. The team listens to exactly what you want and delivers. Worth every penny!", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Customer testimonial portrait"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "David Pieterse", handle: "@davidp", testimonial: "Best decision calling them. Professional, punctual, and reasonably priced. Located conveniently at China Town Mall. 5 stars!", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "business profile photo professional portrait customer headshot corporate image"},
|
|
|
|
|
id: "3", name: "David Pieterse", handle: "@davidp", testimonial: "Clean shop, professional barbers, and quick service. Located conveniently at China Town Mall. Will be back!", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Customer testimonial portrait"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Amanda Nkosi", handle: "@amandank", testimonial: "Fantastic experience from start to finish. They listened to what we needed and delivered beyond expectations. Highly professional.", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "professional avatar business portrait customer photo corporate headshot"},
|
|
|
|
|
id: "4", name: "Joseph Nkomo", handle: "@joseph_n", testimonial: "Finally found a barber shop where I'm a regular. Consistent quality cuts and friendly atmosphere. Highly recommended!", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Customer testimonial portrait"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
showRating={true}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -139,23 +148,29 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactFaq
|
|
|
|
|
ctaTitle="Get In Touch Today"
|
|
|
|
|
ctaDescription="Call us now for immediate assistance or send a message and we'll respond quickly. We're here to help!"
|
|
|
|
|
ctaTitle="Get Your Perfect Cut Today"
|
|
|
|
|
ctaDescription="Call Nation Barber Shop now to book your appointment or walk in during our business hours. We're ready to make you look sharp!"
|
|
|
|
|
ctaButton={{ text: "Call: 078 980 4771", href: "tel:0789804771" }}
|
|
|
|
|
ctaIcon={Phone}
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "What are your business hours?", content: "We are open daily and close at 6 PM. We strive to accommodate urgent requests during business hours. For emergencies outside these hours, please call and leave a message with your details."},
|
|
|
|
|
id: "1", title: "What are your business hours?", content: "We are open daily and close at 6 PM. Walk-ins are welcome, but appointments are recommended during peak hours for minimal wait time."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Where are you located?", content: "We are located at Old Pretoria Rd in China Town Mall, Midrand, 1685. Easy parking and convenient access for all our customers."},
|
|
|
|
|
id: "2", title: "Where are you located?", content: "Nation Barber Shop is located at Old Pretoria Rd in China Town Mall, Midrand 1685. We have ample parking and easy access for all our customers."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Do you offer same-day service?", content: "Yes! We offer same-day service options for many requests. Call us at 078 980 4771 to check availability and schedule your appointment."},
|
|
|
|
|
id: "3", title: "Do you accept walk-ins?", content: "Yes! We welcome walk-ins during all business hours. For guaranteed service during busy times, we recommend calling ahead to book your appointment."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "How do I get a quote?", content: "Simply call us or fill out the contact form. We provide transparent, upfront quotes with no hidden fees. Our team will discuss your needs and provide a fair estimate."},
|
|
|
|
|
id: "4", title: "What services do you offer?", content: "We offer professional haircuts (fades, undercuts, classic styles), beard trimming, shaving, and professional styling services. Our experienced barbers handle all grooming needs."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5", title: "What areas do you serve?", content: "We primarily serve Midrand and the surrounding areas including Halfway House, Centurion, and neighboring communities. Contact us to confirm service availability for your location."},
|
|
|
|
|
id: "5", title: "What areas do you serve?", content: "We primarily serve the Midrand community and surrounding areas. Located conveniently at China Town Mall, we're easily accessible from Halfway House, Centurion, and neighboring areas."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6", title: "Do you offer warranties?", content: "Yes, we stand behind our work with quality guarantees on all services. Ask our team about specific warranty details for your project."},
|
|
|
|
|
id: "6", title: "How much do haircuts cost?", content: "Our pricing is competitive and transparent. Call us at 078 980 4771 for current rates on our services. Discounts may be available for regular customers."
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -165,12 +180,12 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
|
logoText="Local Business"
|
|
|
|
|
logoText="Nation Barber Shop"
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "Call Now", href: "tel:0789804771" },
|
|
|
|
|
{ label: "Get a Quote", href: "#contact" },
|
|
|
|
|
{ label: "Book Appointment", href: "#contact" },
|
|
|
|
|
{ label: "Our Services", href: "#features" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
|
