Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c52e9615b8 | |||
| 7386a2bb97 | |||
| 699555b475 | |||
| 582a77686a |
130
src/app/page.tsx
130
src/app/page.tsx
@@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
|
import { Music4 } from "lucide-react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||||
@@ -30,14 +31,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "Services", id: "services" },
|
||||||
{
|
{ name: "Gallery", id: "gallery" },
|
||||||
name: "Services", id: "services"},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "Gallery", id: "gallery"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Jackiano"
|
brandName="Jackiano"
|
||||||
/>
|
/>
|
||||||
@@ -46,12 +43,10 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogo
|
<HeroLogo
|
||||||
logoText="JACKIANO"
|
logoText="JACKIANO"
|
||||||
description="Experience Royal Grooming at Jackiano. Precision cuts. Luxury treatment. A vibe you won’t find anywhere else."
|
description="Experience Royal Grooming at Jackiano. Precision cuts. Luxury treatment. Catch our signature Amapiano vibe with Mopepe or Amarider tracks while you get fresh."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Book Appointment", href: "#contact" },
|
||||||
text: "Book Appointment", href: "#contact"},
|
{ text: "View Services", href: "#services" },
|
||||||
{
|
|
||||||
text: "View Services", href: "#services"},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg?_wi=1"
|
||||||
/>
|
/>
|
||||||
@@ -62,16 +57,14 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Why Clients Never Go Back"
|
title="Why Clients Never Go Back"
|
||||||
description="At Jackiano, we don't just cut hair — we cultivate a lifestyle. Every client walks out feeling unstoppable."
|
description="At Jackiano, we don't just cut hair — we cultivate a lifestyle. Immerse yourself in the rhythm of Amapiano while our masters refine your look."
|
||||||
|
tag="Vibe & Style"
|
||||||
|
tagIcon={Music4}
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{ title: "Sharp, Long-lasting Cuts", description: "Clean for over a week — precision guaranteed." },
|
||||||
title: "Sharp, Long-lasting Cuts", description: "Clean for over a week — precision guaranteed."},
|
{ title: "Luxury Experience", description: "Treated like royalty from start to finish." },
|
||||||
{
|
{ title: "Amapiano Soundscape", description: "Listen to tracks like Mopepe or Amarider while you relax." },
|
||||||
title: "Luxury Experience", description: "Treated like royalty from start to finish."},
|
{ title: "Community Driven", description: "Giving back with free haircuts for learners." },
|
||||||
{
|
|
||||||
title: "Comfort & Entertainment", description: "Relax while your kids enjoy games & TV."},
|
|
||||||
{
|
|
||||||
title: "Community Driven", description: "Giving back with free haircuts for learners."},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg?_wi=1"
|
||||||
/>
|
/>
|
||||||
@@ -83,29 +76,14 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{ id: "1", badge: "Essential", price: "R120", subtitle: "Signature Fade", features: ["Precision cut", "Hot towel finish"] },
|
||||||
id: "1", badge: "Essential", price: "R120", subtitle: "Signature Fade", features: [
|
{ id: "2", badge: "Grooming", price: "R80", subtitle: "Beard Grooming", features: ["Beard trim", "Shaping", "Oiling"] },
|
||||||
"Precision cut", "Hot towel finish"],
|
{ id: "3", badge: "Styling", price: "R150", subtitle: "Hair Dye", features: ["Color treatment", "Expert application"] },
|
||||||
},
|
{ id: "4", badge: "Kids", price: "R90", subtitle: "Kids Cuts", features: ["Gentle handling", "Fun experience"] },
|
||||||
{
|
{ id: "5", badge: "Elite", price: "R250", subtitle: "VIP Full Experience", features: ["Haircut & Beard", "Facial treatment", "Complimentary drink"] },
|
||||||
id: "2", badge: "Grooming", price: "R80", subtitle: "Beard Grooming", features: [
|
|
||||||
"Beard trim", "Shaping", "Oiling"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3", badge: "Styling", price: "R150", subtitle: "Hair Dye", features: [
|
|
||||||
"Color treatment", "Expert application"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4", badge: "Kids", price: "R90", subtitle: "Kids Cuts", features: [
|
|
||||||
"Gentle handling", "Fun experience"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5", badge: "Elite", price: "R250", subtitle: "VIP Full Experience", features: [
|
|
||||||
"Haircut & Beard", "Facial treatment", "Complimentary drink"],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Signature Services"
|
title="Signature Services"
|
||||||
description="Professional grooming tailored to your style."
|
description="Professional grooming tailored to your style with a rhythmic soundtrack."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -114,16 +92,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", title: "Excellent cut", quote: "The cut has been clean for a week… sharp blades with skills indeed. I’m definitely changing my barber.", name: "Bonginkosi Shongwe", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-confident-male-hairdesser-wearing-gray-apron-holding-scissor-combing-his-hair-blue-soft-color-background_140725-155044.jpg?_wi=1"},
|
||||||
id: "1", title: "Excellent cut", quote: "The cut has been clean for a week… sharp blades with skills indeed. I’m definitely changing my barber.", name: "Bonginkosi Shongwe", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-confident-male-hairdesser-wearing-gray-apron-holding-scissor-combing-his-hair-blue-soft-color-background_140725-155044.jpg?_wi=1"},
|
{ id: "2", title: "Quality choice", quote: "Everything there is quality… I only cut here.", name: "NIDM Furnitures", role: "Loyal Client", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-confident-male-hairdesser-wearing-gray-apron-holding-scissor-combing-his-hair-blue-soft-color-background_140725-155044.jpg?_wi=2"},
|
||||||
{
|
{ id: "3", title: "Great atmosphere", quote: "Great service, lively atmosphere. The place to be.", name: "Nkosinathi Mbokane", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-confident-male-hairdesser-wearing-gray-apron-holding-scissor-combing-his-hair-blue-soft-color-background_140725-155044.jpg?_wi=3"},
|
||||||
id: "2", title: "Quality choice", quote: "Everything there is quality… I only cut here.", name: "NIDM Furnitures", role: "Loyal Client", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-confident-male-hairdesser-wearing-gray-apron-holding-scissor-combing-his-hair-blue-soft-color-background_140725-155044.jpg?_wi=2"},
|
{ id: "4", title: "Best experience", quote: "Luxurious feel with unmatched professionalism.", name: "Thabo M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-confident-male-hairdesser-wearing-gray-apron-holding-scissor-combing-his-hair-blue-soft-color-background_140725-155044.jpg?_wi=4"},
|
||||||
{
|
{ id: "5", title: "Highly recommended", quote: "Finally found a barber who listens.", name: "Sipho D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-confident-male-hairdesser-wearing-gray-apron-holding-scissor-combing-his-hair-blue-soft-color-background_140725-155044.jpg?_wi=5"},
|
||||||
id: "3", title: "Great atmosphere", quote: "Great service, lively atmosphere. The place to be.", name: "Nkosinathi Mbokane", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-confident-male-hairdesser-wearing-gray-apron-holding-scissor-combing-his-hair-blue-soft-color-background_140725-155044.jpg?_wi=3"},
|
|
||||||
{
|
|
||||||
id: "4", title: "Best experience", quote: "Luxurious feel with unmatched professionalism.", name: "Thabo M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-confident-male-hairdesser-wearing-gray-apron-holding-scissor-combing-his-hair-blue-soft-color-background_140725-155044.jpg?_wi=4"},
|
|
||||||
{
|
|
||||||
id: "5", title: "Highly recommended", quote: "Finally found a barber who listens.", name: "Sipho D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-confident-male-hairdesser-wearing-gray-apron-holding-scissor-combing-his-hair-blue-soft-color-background_140725-155044.jpg?_wi=5"},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Royal Clients Say"
|
title="What Our Royal Clients Say"
|
||||||
description="The Jackiano stamp of quality."
|
description="The Jackiano stamp of quality."
|
||||||
@@ -135,12 +108,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ tag: "Mission", title: "School Haircuts", subtitle: "Empowering youth", description: "Free grooming for learners to build confidence.", imageSrc: "http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg?_wi=2", imageAlt: "luxury barbershop slow motion barber fades"},
|
||||||
tag: "Mission", title: "School Haircuts", subtitle: "Empowering youth", description: "Free grooming for learners to build confidence.", imageSrc: "http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg?_wi=2", imageAlt: "luxury barbershop slow motion barber fades"},
|
{ tag: "Impact", title: "Mentorship", subtitle: "Guiding the future", description: "We cut with purpose, empowering young men in Witbank.", imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg?_wi=2", imageAlt: "luxury barber chair professional haircut"},
|
||||||
{
|
{ tag: "Social", title: "Community Growth", subtitle: "Growing together", description: "Uplifting the community one cut at a time.", imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985739.jpg", imageAlt: "haircut fade sharp precision"},
|
||||||
tag: "Impact", title: "Mentorship", subtitle: "Guiding the future", description: "We cut with purpose, empowering young men in Witbank.", imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg?_wi=2", imageAlt: "luxury barber chair professional haircut"},
|
|
||||||
{
|
|
||||||
tag: "Social", title: "Community Growth", subtitle: "Growing together", description: "Uplifting the community one cut at a time.", imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985739.jpg", imageAlt: "haircut fade sharp precision"},
|
|
||||||
]}
|
]}
|
||||||
title="More Than Business"
|
title="More Than Business"
|
||||||
description="Giving back to the community is at the heart of our service."
|
description="Giving back to the community is at the heart of our service."
|
||||||
@@ -154,18 +124,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Fresh Fade", price: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=1"},
|
||||||
id: "1", name: "Fresh Fade", price: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=1"},
|
{ id: "2", name: "Interior Vibe", price: "Style", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=2"},
|
||||||
{
|
{ id: "3", name: "Beard Detail", price: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=3"},
|
||||||
id: "2", name: "Interior Vibe", price: "Style", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=2"},
|
{ id: "4", name: "Client Result", price: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=4"},
|
||||||
{
|
{ id: "5", name: "Shop Aesthetic", price: "Royal", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=5"},
|
||||||
id: "3", name: "Beard Detail", price: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=3"},
|
{ id: "6", name: "Clippers", price: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=6"},
|
||||||
{
|
|
||||||
id: "4", name: "Client Result", price: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=4"},
|
|
||||||
{
|
|
||||||
id: "5", name: "Shop Aesthetic", price: "Royal", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=5"},
|
|
||||||
{
|
|
||||||
id: "6", name: "Clippers", price: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg?_wi=6"},
|
|
||||||
]}
|
]}
|
||||||
title="The Jackiano Gallery"
|
title="The Jackiano Gallery"
|
||||||
description="Where precision meets style."
|
description="Where precision meets style."
|
||||||
@@ -175,12 +139,10 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
text="Ready to Level Up Your Look? Book your spot and experience royalty to the beat of Amapiano."
|
||||||
text="Ready to Level Up Your Look? Book your spot and experience royalty."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "WhatsApp Us", href: "https://wa.me/27123456789" },
|
||||||
text: "WhatsApp Us", href: "https://wa.me/27123456789"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -188,20 +150,8 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Location", items: [{ label: "Witbank Central, South Africa", href: "#" }] },
|
||||||
title: "Location", items: [
|
{ title: "Social", items: [{ label: "WhatsApp", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||||
{
|
|
||||||
label: "Witbank Central, South Africa", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Social", items: [
|
|
||||||
{
|
|
||||||
label: "WhatsApp", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Instagram", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="JACKIANO"
|
logoText="JACKIANO"
|
||||||
copyrightText="© 2025 Jackiano Barbershop. Witbank."
|
copyrightText="© 2025 Jackiano Barbershop. Witbank."
|
||||||
|
|||||||
Reference in New Issue
Block a user