Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Jackiano"
|
||||
/>
|
||||
@@ -57,15 +49,11 @@ export default function LandingPage() {
|
||||
description="Experience Royal Grooming at Jackiano. Precision cuts. Luxury treatment. A vibe you won’t find anywhere else."
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -77,23 +65,15 @@ export default function LandingPage() {
|
||||
description="At Jackiano, we don't just cut hair — we cultivate a lifestyle. Every client walks out feeling unstoppable."
|
||||
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: "Luxury Experience", description: "Treated like royalty from start to finish."},
|
||||
{
|
||||
title: "Comfort & Entertainment",
|
||||
description: "Relax while your kids enjoy games & TV.",
|
||||
},
|
||||
title: "Comfort & Entertainment", description: "Relax while your kids enjoy games & TV."},
|
||||
{
|
||||
title: "Community Driven",
|
||||
description: "Giving back with free haircuts for learners.",
|
||||
},
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -104,56 +84,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
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: [
|
||||
"Precision cut", "Hot towel finish"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Grooming",
|
||||
price: "R80",
|
||||
subtitle: "Beard Grooming",
|
||||
features: [
|
||||
"Beard trim",
|
||||
"Shaping",
|
||||
"Oiling",
|
||||
],
|
||||
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: "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: "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: "5", badge: "Elite", price: "R250", subtitle: "VIP Full Experience", features: [
|
||||
"Haircut & Beard", "Facial treatment", "Complimentary drink"],
|
||||
},
|
||||
]}
|
||||
title="Signature Services"
|
||||
@@ -167,45 +115,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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"},
|
||||
{
|
||||
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: "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"},
|
||||
{
|
||||
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: "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"},
|
||||
{
|
||||
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: "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"},
|
||||
{
|
||||
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: "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"},
|
||||
]}
|
||||
title="What Our Royal Clients Say"
|
||||
description="The Jackiano stamp of quality."
|
||||
@@ -218,27 +136,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
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", imageAlt: "luxury barbershop slow motion barber fades"},
|
||||
{
|
||||
tag: "Impact",
|
||||
title: "Mentorship",
|
||||
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: "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", imageAlt: "luxury barber chair professional haircut"},
|
||||
{
|
||||
tag: "Social",
|
||||
title: "Community Growth",
|
||||
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: "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"
|
||||
description="Giving back to the community is at the heart of our service."
|
||||
@@ -253,41 +155,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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"},
|
||||
{
|
||||
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: "2", name: "Interior Vibe", price: "Style", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg"},
|
||||
{
|
||||
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: "3", name: "Beard Detail", price: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg"},
|
||||
{
|
||||
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: "4", name: "Client Result", price: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg"},
|
||||
{
|
||||
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: "5", name: "Shop Aesthetic", price: "Royal", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg"},
|
||||
{
|
||||
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: "6", name: "Clippers", price: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg"},
|
||||
]}
|
||||
title="The Jackiano Gallery"
|
||||
description="Where precision meets style."
|
||||
@@ -298,14 +176,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to Level Up Your Look? Book your spot and experience royalty."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/27123456789",
|
||||
},
|
||||
text: "WhatsApp Us", href: "https://wa.me/27123456789"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -314,25 +189,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "Witbank Central, South Africa",
|
||||
href: "#",
|
||||
},
|
||||
label: "Witbank Central, South Africa", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user