2 Commits

Author SHA1 Message Date
2f695ddb39 Update src/app/page.tsx 2026-06-03 14:11:40 +00:00
128aa2cbbf Add src/app/location/page.tsx 2026-06-03 14:11:40 +00:00
2 changed files with 149 additions and 187 deletions

100
src/app/location/page.tsx Normal file
View File

@@ -0,0 +1,100 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function LocationPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="compact"
sizing="medium"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "/"},
{
name: "About", id: "#about"},
{
name: "Services", id: "#services"},
{
name: "Reviews", id: "#reviews"},
{
name: "Location", id: "/location"},
{
name: "Contact", id: "#contact"},
]}
button={{
text: "Book Now", href: "#contact"}}
brandName="Dicky's Barber"
/>
</div>
<div id="location-content" data-section="location-content">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain"}}
text="Find Dicky's Barber at:\n241 Arundel Dr, Belhar 19, Cape Town, 7493"
buttons={[
{
text: "Call Us: 068 282 1189", href: "tel:+27682821189"},
{
text: "Get Directions on Google Maps", href: "https://www.google.com/maps/dir/?api=1&destination=241 Arundel Dr, Belhar 19, Cape Town, 7493"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Dicky's Barber"
columns={[
{
title: "Company", items: [
{
label: "About Us", href: "#about"},
{
label: "Services", href: "#services"},
{
label: "Reviews", href: "#reviews"},
],
},
{
title: "Support", items: [
{
label: "FAQ", href: "#faq"},
{
label: "Contact Us", href: "#contact"},
{
label: "Location", href: "/location"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
]}
copyrightText="© 2024 Dicky's Barber. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -33,30 +33,20 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "/"},
id: "#home",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Reviews", name: "Reviews", id: "#reviews"},
id: "#reviews",
},
{ {
name: "Contact", name: "Location", id: "/location"},
id: "#contact", {
}, name: "Contact", id: "#contact"},
]} ]}
button={{ button={{
text: "Book Now", text: "Book Now", href: "#contact"}}
href: "#contact",
}}
brandName="Dicky's Barber" brandName="Dicky's Barber"
/> />
</div> </div>
@@ -67,13 +57,9 @@ export default function LandingPage() {
description="Experience precision cuts, classic shaves, and a fresh new look. Where tradition meets modern style." description="Experience precision cuts, classic shaves, and a fresh new look. Where tradition meets modern style."
buttons={[ buttons={[
{ {
text: "Book an Appointment", text: "Book an Appointment", href: "#contact"},
href: "#contact",
},
{ {
text: "View Our Services", text: "View Our Services", href: "#services"},
href: "#services",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg" imageSrc="http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg"
@@ -105,24 +91,16 @@ export default function LandingPage() {
features={[ features={[
{ {
icon: Scissors, icon: Scissors,
title: "Precision Haircuts", title: "Precision Haircuts", description: "Achieve your desired look with our expert barbers, skilled in all styles from classic to modern fades."},
description: "Achieve your desired look with our expert barbers, skilled in all styles from classic to modern fades.",
},
{ {
icon: Sparkles, icon: Sparkles,
title: "Classic Hot Lather Shaves", title: "Classic Hot Lather Shaves", description: "Indulge in a luxurious hot lather shave, leaving your skin smooth and refreshed."},
description: "Indulge in a luxurious hot lather shave, leaving your skin smooth and refreshed.",
},
{ {
icon: Flame, icon: Flame,
title: "Beard Trims & Shaping", title: "Beard Trims & Shaping", description: "Keep your beard looking sharp and well-groomed with our professional trimming and styling services."},
description: "Keep your beard looking sharp and well-groomed with our professional trimming and styling services.",
},
{ {
icon: Crown, icon: Crown,
title: "Kids Haircuts", title: "Kids Haircuts", description: "Bring the little ones for a fun and stylish haircut in a friendly, comfortable environment."},
description: "Bring the little ones for a fun and stylish haircut in a friendly, comfortable environment.",
},
]} ]}
title="Precision Cuts & Classic Shaves" title="Precision Cuts & Classic Shaves"
description="Discover our range of premium barbering services, designed to elevate your grooming routine." description="Discover our range of premium barbering services, designed to elevate your grooming routine."
@@ -138,47 +116,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", id: "1", name: "The Executive Cut", price: "R 250", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg", imageAlt: "Man with a classic slicked-back haircut"},
name: "The Executive Cut",
price: "R 250",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg",
imageAlt: "Man with a classic slicked-back haircut",
},
{ {
id: "2", id: "2", name: "Modern Fade & Style", price: "R 200", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelman-dressed-jacket-jeans-fashion-male-posing-near-blue-wall-studio-sunglasses-thoughtful-isolated_158538-23687.jpg", imageAlt: "Man with a modern fade haircut"},
name: "Modern Fade & Style",
price: "R 200",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelman-dressed-jacket-jeans-fashion-male-posing-near-blue-wall-studio-sunglasses-thoughtful-isolated_158538-23687.jpg",
imageAlt: "Man with a modern fade haircut",
},
{ {
id: "3", id: "3", name: "Premium Beard Package", price: "R 180", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-traveler-with-stylish-beard-tattoo-his-arms-dressed-casual-clothes-with-bag-sits-sidewalk-resting-after-bike-ride_613910-19933.jpg", imageAlt: "Man with a perfectly trimmed beard"},
name: "Premium Beard Package",
price: "R 180",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-traveler-with-stylish-beard-tattoo-his-arms-dressed-casual-clothes-with-bag-sits-sidewalk-resting-after-bike-ride_613910-19933.jpg",
imageAlt: "Man with a perfectly trimmed beard",
},
{ {
id: "4", id: "4", name: "The Traditional Shave", price: "R 150", imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg", imageAlt: "Barber performing a traditional straight razor shave"},
name: "The Traditional Shave",
price: "R 150",
imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg",
imageAlt: "Barber performing a traditional straight razor shave",
},
{ {
id: "5", id: "5", name: "Curly Hair Sculpt", price: "R 220", imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25572.jpg", imageAlt: "Man with a stylish curly haircut"},
name: "Curly Hair Sculpt",
price: "R 220",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25572.jpg",
imageAlt: "Man with a stylish curly haircut",
},
{ {
id: "6", id: "6", name: "Long Hair Trim & Care", price: "R 280", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-checkered-suit-posing-near-dark-blue-wall-street-background_158538-4214.jpg", imageAlt: "Man with longer hair receiving a trim"},
name: "Long Hair Trim & Care",
price: "R 280",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-checkered-suit-posing-near-dark-blue-wall-street-background_158538-4214.jpg",
imageAlt: "Man with longer hair receiving a trim",
},
]} ]}
title="Signature Styles & Service Combos" title="Signature Styles & Service Combos"
description="Explore our curated selection of popular haircuts and grooming packages." description="Explore our curated selection of popular haircuts and grooming packages."
@@ -192,37 +140,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "10+", title: "Years Experience", description: "Our lead barber brings over a decade of grooming mastery.", imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg", imageAlt: "Barber tools"},
value: "10+",
title: "Years Experience",
description: "Our lead barber brings over a decade of grooming mastery.",
imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg",
imageAlt: "Barber tools",
},
{ {
id: "m2", id: "m2", value: "15K+", title: "Happy Clients", description: "Thousands of satisfied customers trust us with their look.", imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-artist-putting-make-up-himself_23-2150166177.jpg", imageAlt: "Happy client smiling"},
value: "15K+",
title: "Happy Clients",
description: "Thousands of satisfied customers trust us with their look.",
imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-artist-putting-make-up-himself_23-2150166177.jpg",
imageAlt: "Happy client smiling",
},
{ {
id: "m3", id: "m3", value: "500+", title: "Styles Created", description: "From classic to cutting-edge, we've crafted countless unique looks.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-expensive-barber-shop-chair_23-2148256916.jpg", imageAlt: "Barber chair"},
value: "500+",
title: "Styles Created",
description: "From classic to cutting-edge, we've crafted countless unique looks.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-expensive-barber-shop-chair_23-2148256916.jpg",
imageAlt: "Barber chair",
},
{ {
id: "m4", id: "m4", value: "4.7", title: "Average Rating", description: "Consistently high ratings from our valued community.", imageSrc: "http://img.b2bpic.net/free-photo/review-increase-rating-ranking-evaluation-classification-concept-businessman-draw-five-yellow-star-increase-rating-his-company_1212-695.jpg", imageAlt: "Star rating icon"},
value: "4.7",
title: "Average Rating",
description: "Consistently high ratings from our valued community.",
imageSrc: "http://img.b2bpic.net/free-photo/review-increase-rating-ranking-evaluation-classification-concept-businessman-draw-five-yellow-star-increase-rating-his-company_1212-695.jpg",
imageAlt: "Star rating icon",
},
]} ]}
title="Our Numbers Speak Volumes" title="Our Numbers Speak Volumes"
description="A testament to our dedication to quality, craft, and client satisfaction." description="A testament to our dedication to quality, craft, and client satisfaction."
@@ -236,45 +160,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Liam Smith", handle: "@liam_cuts", testimonial: "Dicky's Barber is my go-to spot in Cape Town. Always a perfect cut and a great atmosphere. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positive-answer_1258-26715.jpg", imageAlt: "Liam Smith"},
name: "Liam Smith",
handle: "@liam_cuts",
testimonial: "Dicky's Barber is my go-to spot in Cape Town. Always a perfect cut and a great atmosphere. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positive-answer_1258-26715.jpg",
imageAlt: "Liam Smith",
},
{ {
id: "2", id: "2", name: "Noah Jones", handle: "@noah_style", testimonial: "Fantastic experience every time! The hot shave is a must-try. Professional and friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg", imageAlt: "Noah Jones"},
name: "Noah Jones",
handle: "@noah_style",
testimonial: "Fantastic experience every time! The hot shave is a must-try. Professional and friendly staff.",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg",
imageAlt: "Noah Jones",
},
{ {
id: "3", id: "3", name: "Ethan Brown", handle: "@ethan_groom", testimonial: "Best beard trim I've ever had. They really pay attention to detail. I always leave feeling fresh.", imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-15016.jpg", imageAlt: "Ethan Brown"},
name: "Ethan Brown",
handle: "@ethan_groom",
testimonial: "Best beard trim I've ever had. They really pay attention to detail. I always leave feeling fresh.",
imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-15016.jpg",
imageAlt: "Ethan Brown",
},
{ {
id: "4", id: "4", name: "Lucas Davis", handle: "@lucas_looks", testimonial: "My son loves getting his hair cut here. The barbers are great with kids and always do a super job.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man_1098-22109.jpg", imageAlt: "Lucas Davis"},
name: "Lucas Davis",
handle: "@lucas_looks",
testimonial: "My son loves getting his hair cut here. The barbers are great with kids and always do a super job.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man_1098-22109.jpg",
imageAlt: "Lucas Davis",
},
{ {
id: "5", id: "5", name: "Mason Wilson", handle: "@mason_fresh", testimonial: "Consistently excellent service. The barbers are true artists. I wouldn't go anywhere else.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg", imageAlt: "Mason Wilson"},
name: "Mason Wilson",
handle: "@mason_fresh",
testimonial: "Consistently excellent service. The barbers are true artists. I wouldn't go anywhere else.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg",
imageAlt: "Mason Wilson",
},
]} ]}
title="What Our Clients Say" title="What Our Clients Say"
description="Read reviews from our satisfied customers who trust Dicky's Barber for their grooming needs." description="Read reviews from our satisfied customers who trust Dicky's Barber for their grooming needs."
@@ -286,25 +180,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "How do I book an appointment?", content: "You can book an appointment directly through our website via the 'Book Now' button, or by calling us at 068 282 1189."},
title: "How do I book an appointment?",
content: "You can book an appointment directly through our website via the 'Book Now' button, or by calling us at 068 282 1189.",
},
{ {
id: "q2", id: "q2", title: "What are your operating hours?", content: "We are open from Monday to Saturday, 9:00 AM to 7:30 PM. Please check our Google profile for any holiday hour changes."},
title: "What are your operating hours?",
content: "We are open from Monday to Saturday, 9:00 AM to 7:30 PM. Please check our Google profile for any holiday hour changes.",
},
{ {
id: "q3", id: "q3", title: "Do you accept walk-ins?", content: "While we do accept walk-ins, appointments are highly recommended to ensure you get your preferred time and barber."},
title: "Do you accept walk-ins?",
content: "While we do accept walk-ins, appointments are highly recommended to ensure you get your preferred time and barber.",
},
{ {
id: "q4", id: "q4", title: "What payment methods do you accept?", content: "We accept cash, major credit/debit cards, and mobile payment options for your convenience."},
title: "What payment methods do you accept?",
content: "We accept cash, major credit/debit cards, and mobile payment options for your convenience.",
},
]} ]}
sideTitle="Frequently Asked Questions" sideTitle="Frequently Asked Questions"
sideDescription="Find answers to common questions about our services, booking, and more." sideDescription="Find answers to common questions about our services, booking, and more."
@@ -318,18 +200,13 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
text="Ready for Your Fresh Look?\nBook your next appointment with Dicky's Barber today and experience the difference." text="Ready for Your Fresh Look?\nBook your next appointment with Dicky's Barber today and experience the difference."
buttons={[ buttons={[
{ {
text: "Call Us: 068 282 1189", text: "Book an Appointment", href: "tel:+27682821189"},
href: "tel:+27682821189",
},
{ {
text: "Get Directions", text: "Visit Our Location", href: "/location"},
href: "https://www.google.com/maps/dir/?api=1&destination=241 Arundel Dr, Belhar 19, Cape Town, 7493",
},
]} ]}
/> />
</div> </div>
@@ -339,46 +216,31 @@ export default function LandingPage() {
logoText="Dicky's Barber" logoText="Dicky's Barber"
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Services", label: "Services", href: "#services"},
href: "#services",
},
{ {
label: "Reviews", label: "Reviews", href: "#reviews"},
href: "#reviews",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
{ {
label: "Contact Us", label: "Contact Us", href: "#contact"},
href: "#contact", {
}, label: "Location", href: "/location"},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -388,4 +250,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }