1 Commits

Author SHA1 Message Date
5379e9cbe7 Update src/app/page.tsx 2026-06-13 07:17:04 +00:00

View File

@@ -34,82 +34,47 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Pricing", name: "Pricing", id: "#pricing"},
id: "#pricing",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Pops Perfection Nails" brandName="Pops Perfection Nails"
button={{ button={{
text: "Book Now", text: "Book Now", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{
variant: "rotated-rays-animated", variant: "rotated-rays-animated"}}
}}
title="Premium Nails, Your Home, Affordable Prices" title="Premium Nails, Your Home, Affordable Prices"
description="Pops Perfection Nails brings salon-quality nail enhancements directly to you in Soweto. Book your home appointment today and experience beauty that fits your budget and lifestyle." description="Pops Perfection Nails brings salon-quality nail enhancements directly to you in Soweto. Book your home appointment today and experience beauty that fits your budget and lifestyle."
buttons={[ buttons={[
{ {
text: "Book Your Home Visit", text: "Book Your Home Visit", href: "#contact"},
href: "#contact",
},
]} ]}
carouselItems={[ carouselItems={[
{ {
id: "carousel-1", id: "carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F4W7Yo5cBMaTj61AOOhmmcdnem/uploaded-1781334992299-eez55if0.jpg", imageAlt: "Glamorous red nails with intricate design"},
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-christmas-new-year-nail-design-nude-beige-nail-polish-manicure_343596-4509.jpg",
imageAlt: "Luxurious nail art close-up",
},
{ {
id: "carousel-2", id: "carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F4W7Yo5cBMaTj61AOOhmmcdnem/uploaded-1781334992299-4pgqmvvh.jpg", imageAlt: "Elegant hands with perfect pink manicure"},
imageSrc: "http://img.b2bpic.net/free-photo/nail-care-concept-with-nail-polish-high-angle_23-2149046526.jpg",
imageAlt: "Mobile nail technician working",
},
{ {
id: "carousel-3", id: "carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F4W7Yo5cBMaTj61AOOhmmcdnem/uploaded-1781334992299-bvgfu9qk.jpg", imageAlt: "Close-up of a client receiving a gel manicure"},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-cosmetology-room-beauty-lady-girl-manicure-nails-self-care-health-fashion_140725-65110.jpg",
imageAlt: "Woman relaxing while getting nails done",
},
{ {
id: "carousel-4", id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-with-red-manicure-two-rings-fingers-beautiful-green-palm-leaf-tropical-gray-wall_343596-3253.jpg", imageAlt: "Various nail polish colors selection"},
imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-with-red-manicure-two-rings-fingers-beautiful-green-palm-leaf-tropical-gray-wall_343596-3253.jpg",
imageAlt: "Various nail polish colors selection",
},
{ {
id: "carousel-5", id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-isolated-yellow_23-2149088343.jpg", imageAlt: "Before and after nail transformation"},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-isolated-yellow_23-2149088343.jpg",
imageAlt: "Before and after nail transformation",
},
{ {
id: "carousel-6", id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-products_23-2148223716.jpg", imageAlt: "Nail technician preparing equipment"},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bath-products_23-2148223716.jpg",
imageAlt: "Nail technician preparing equipment",
},
]} ]}
/> />
</div> </div>
@@ -131,34 +96,16 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "f1", id: "f1", label: "Homecall Service", title: "Beauty Delivered", items: [
label: "Homecall Service", "Convenient appointments at your location", "Save time on travel and waiting", "Personalized service in your comfort"],
title: "Beauty Delivered",
items: [
"Convenient appointments at your location",
"Save time on travel and waiting",
"Personalized service in your comfort",
],
}, },
{ {
id: "f2", id: "f2", label: "Premium Products", title: "Lasting Perfection", items: [
label: "Premium Products", "High-quality gels, acrylics, and polishes", "Durable and chip-resistant finishes", "Safe and hygienic application practices"],
title: "Lasting Perfection",
items: [
"High-quality gels, acrylics, and polishes",
"Durable and chip-resistant finishes",
"Safe and hygienic application practices",
],
}, },
{ {
id: "f3", id: "f3", label: "Skilled Technicians", title: "Expert Craftsmanship", items: [
label: "Skilled Technicians", "Experienced and certified nail artists", "Trend-aware and creative designs", "Attention to detail for flawless results"],
title: "Expert Craftsmanship",
items: [
"Experienced and certified nail artists",
"Trend-aware and creative designs",
"Attention to detail for flawless results",
],
}, },
]} ]}
title="Our Commitment to Quality & Convenience" title="Our Commitment to Quality & Convenience"
@@ -174,65 +121,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", brand: "Pops Perfection Nails", name: "Gel Overlays", price: "From R250", rating: 5,
brand: "Pops Perfection Nails", reviewCount: "25 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-asmr-recording-salt_23-2149313878.jpg", imageAlt: "Perfectly sculpted gel nails"},
name: "Gel Overlays",
price: "From R250",
rating: 5,
reviewCount: "25 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-asmr-recording-salt_23-2149313878.jpg",
imageAlt: "Perfectly sculpted gel nails",
},
{ {
id: "p2", id: "p2", brand: "Pops Perfection Nails", name: "Acrylic Extensions", price: "From R350", rating: 5,
brand: "Pops Perfection Nails", reviewCount: "30 reviews", imageSrc: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347235.jpg", imageAlt: "Strong acrylic nails extension"},
name: "Acrylic Extensions",
price: "From R350",
rating: 5,
reviewCount: "30 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/party-space-ready-online-celebration_23-2149347235.jpg",
imageAlt: "Strong acrylic nails extension",
},
{ {
id: "p3", id: "p3", brand: "Pops Perfection Nails", name: "Classic Manicure", price: "From R180", rating: 4,
brand: "Pops Perfection Nails", reviewCount: "18 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manicure-concept_23-2149171300.jpg", imageAlt: "Classic manicure clean hands"},
name: "Classic Manicure",
price: "From R180",
rating: 4,
reviewCount: "18 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manicure-concept_23-2149171300.jpg",
imageAlt: "Classic manicure clean hands",
},
{ {
id: "p4", id: "p4", brand: "Pops Perfection Nails", name: "Spa Pedicure", price: "From R220", rating: 5,
brand: "Pops Perfection Nails", reviewCount: "22 reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-feet-bowl-with-water-petal_329181-18808.jpg", imageAlt: "Luxurious pedicure foot soak"},
name: "Spa Pedicure",
price: "From R220",
rating: 5,
reviewCount: "22 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-feet-bowl-with-water-petal_329181-18808.jpg",
imageAlt: "Luxurious pedicure foot soak",
},
{ {
id: "p5", id: "p5", brand: "Pops Perfection Nails", name: "Custom Nail Art", price: "From R80", rating: 5,
brand: "Pops Perfection Nails", reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-asmr-recording_23-2149313869.jpg", imageAlt: "Intricate nail art design"},
name: "Custom Nail Art",
price: "From R80",
rating: 5,
reviewCount: "15 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-asmr-recording_23-2149313869.jpg",
imageAlt: "Intricate nail art design",
},
{ {
id: "p6", id: "p6", brand: "Pops Perfection Nails", name: "Nail Repair", price: "From R50", rating: 4,
brand: "Pops Perfection Nails", reviewCount: "10 reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-protective-medical-mask-beauty-salon-hold-palette-select-color-manicure-procedure-nail-care-grand-opening-quarantine-is-small-businessess-are-open-again_343596-2403.jpg", imageAlt: "Broken nail repair solution"},
name: "Nail Repair",
price: "From R50",
rating: 4,
reviewCount: "10 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/woman-protective-medical-mask-beauty-salon-hold-palette-select-color-manicure-procedure-nail-care-grand-opening-quarantine-is-small-businessess-are-open-again_343596-2403.jpg",
imageAlt: "Broken nail repair solution",
},
]} ]}
title="Explore Our Nail Enhancement Options" title="Explore Our Nail Enhancement Options"
description="Discover a wide range of services designed to give you beautiful, long-lasting nails, all from the convenience of your home." description="Discover a wide range of services designed to give you beautiful, long-lasting nails, all from the convenience of your home."
@@ -246,61 +151,31 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ {
id: "basic", id: "basic", badge: "Value", badgeIcon: Sparkles,
badge: "Value", price: "R180", subtitle: "Classic Manicure/Pedicure", buttons: [
badgeIcon: Sparkles,
price: "R180",
subtitle: "Classic Manicure/Pedicure",
buttons: [
{ {
text: "Book Basic", text: "Book Basic", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Basic nail shaping & buffing", "Basic nail shaping & buffing", "Cuticle care", "Polish application", "Mini hand/foot massage"],
"Cuticle care",
"Polish application",
"Mini hand/foot massage",
],
}, },
{ {
id: "standard", id: "standard", badge: "Popular", badgeIcon: Star,
badge: "Popular", price: "R250", subtitle: "Gel Overlay/Fill", buttons: [
badgeIcon: Star,
price: "R250",
subtitle: "Gel Overlay/Fill",
buttons: [
{ {
text: "Book Standard", text: "Book Standard", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Gel overlay on natural nails", "Gel overlay on natural nails", "Single gel color application", "Long-lasting shine", "Gel fill (rebalance)"],
"Single gel color application",
"Long-lasting shine",
"Gel fill (rebalance)",
],
}, },
{ {
id: "premium", id: "premium", badge: "Premium", badgeIcon: Crown,
badge: "Premium", price: "R350", subtitle: "Acrylic Full Set/Fill", buttons: [
badgeIcon: Crown,
price: "R350",
subtitle: "Acrylic Full Set/Fill",
buttons: [
{ {
text: "Book Premium", text: "Book Premium", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Full set acrylic extensions", "Full set acrylic extensions", "Choice of shape and length", "Basic nail art included", "Acrylic fill (rebalance)"],
"Choice of shape and length",
"Basic nail art included",
"Acrylic fill (rebalance)",
],
}, },
]} ]}
title="Affordable Luxury, Transparent Pricing" title="Affordable Luxury, Transparent Pricing"
@@ -313,35 +188,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Nomusa Dlamini", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nails-hand-self-care-lady_140725-65114.jpg", imageAlt: "Nomusa Dlamini"},
name: "Nomusa Dlamini",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nails-hand-self-care-lady_140725-65114.jpg",
imageAlt: "Nomusa Dlamini",
},
{ {
id: "t2", id: "t2", name: "Thandiwe Mkhize", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-smiling-confident-looking-side-street_839833-24417.jpg", imageAlt: "Thandiwe Mkhize"},
name: "Thandiwe Mkhize",
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-smiling-confident-looking-side-street_839833-24417.jpg",
imageAlt: "Thandiwe Mkhize",
},
{ {
id: "t3", id: "t3", name: "Zanele Zulu", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-body-suit-white-shirt-with-pink-beautiful-lips-holding-cigar_343596-463.jpg", imageAlt: "Zanele Zulu"},
name: "Zanele Zulu",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-body-suit-white-shirt-with-pink-beautiful-lips-holding-cigar_343596-463.jpg",
imageAlt: "Zanele Zulu",
},
{ {
id: "t4", id: "t4", name: "Lerato Nkosi", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-cosmetics-nail-polish_23-2148784391.jpg", imageAlt: "Lerato Nkosi"},
name: "Lerato Nkosi",
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-cosmetics-nail-polish_23-2148784391.jpg",
imageAlt: "Lerato Nkosi",
},
{ {
id: "t5", id: "t5", name: "Ayanda Cele", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021768.jpg", imageAlt: "Ayanda Cele"},
name: "Ayanda Cele",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-short-haired-woman-posing-white-shirt_23-2149021768.jpg",
imageAlt: "Ayanda Cele",
},
]} ]}
cardTitle="What Our Clients Say" cardTitle="What Our Clients Say"
cardTag="Trusted Quality" cardTag="Trusted Quality"
@@ -354,14 +209,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Orlando East", "Orlando East", "Diepkloof", "Pimville", "Dobsonville", "Dlamini", "Meadowlands", "Moletsane"]}
"Diepkloof",
"Pimville",
"Dobsonville",
"Dlamini",
"Meadowlands",
"Moletsane",
]}
title="Proudly Serving the Soweto Community" title="Proudly Serving the Soweto Community"
description="We are dedicated to bringing premium nail services to various neighborhoods across Soweto, ensuring convenience and quality are always within reach." description="We are dedicated to bringing premium nail services to various neighborhoods across Soweto, ensuring convenience and quality are always within reach."
/> />
@@ -373,25 +221,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "How do I book a home visit?", content: "Booking is easy! Simply click on the 'Book Your Home Visit' button, fill out our quick contact form with your preferred date and time, and we'll get back to you to confirm your appointment. You can also call or WhatsApp us directly."},
title: "How do I book a home visit?",
content: "Booking is easy! Simply click on the 'Book Your Home Visit' button, fill out our quick contact form with your preferred date and time, and we'll get back to you to confirm your appointment. You can also call or WhatsApp us directly.",
},
{ {
id: "q2", id: "q2", title: "What areas in Soweto do you cover?", content: "We proudly serve all major areas within Soweto, including Orlando East, Diepkloof, Pimville, Dobsonville, Dlamini, Meadowlands, and Moletsane. If you're unsure about your area, please contact us."},
title: "What areas in Soweto do you cover?",
content: "We proudly serve all major areas within Soweto, including Orlando East, Diepkloof, Pimville, Dobsonville, Dlamini, Meadowlands, and Moletsane. If you're unsure about your area, please contact us.",
},
{ {
id: "q3", id: "q3", title: "What payment methods do you accept?", content: "We accept various convenient payment methods, including cash, EFT, and mobile payment options. Full details will be provided upon booking confirmation."},
title: "What payment methods do you accept?",
content: "We accept various convenient payment methods, including cash, EFT, and mobile payment options. Full details will be provided upon booking confirmation.",
},
{ {
id: "q4", id: "q4", title: "Do I need to provide anything for the appointment?", content: "No, you don't! Our technicians come fully equipped with all necessary tools, products, and a portable setup to create a salon experience in your home. Just relax and enjoy your treatment."},
title: "Do I need to provide anything for the appointment?",
content: "No, you don't! Our technicians come fully equipped with all necessary tools, products, and a portable setup to create a salon experience in your home. Just relax and enjoy your treatment.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone-cane_23-2149438556.jpg" imageSrc="http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone-cane_23-2149438556.jpg"
imageAlt="Nail technician explaining service to a client at home" imageAlt="Nail technician explaining service to a client at home"
@@ -407,18 +243,13 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
text="Ready for premium nails in the comfort of your home? Book your appointment today and let Pops Perfection Nails bring the salon experience to you." text="Ready for premium nails in the comfort of your home? Book your appointment today and let Pops Perfection Nails bring the salon experience to you."
buttons={[ buttons={[
{ {
text: "Book Your Home Visit", text: "Book Your Home Visit", href: "#contact"},
href: "#contact",
},
{ {
text: "Call Us", text: "Call Us", href: "tel:+27712345678"},
href: "tel:+27712345678",
},
]} ]}
/> />
</div> </div>
@@ -428,62 +259,37 @@ export default function LandingPage() {
logoText="Pops Perfection Nails" logoText="Pops Perfection Nails"
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Gel Overlays", label: "Gel Overlays", href: "#services"},
href: "#services",
},
{ {
label: "Acrylic Extensions", label: "Acrylic Extensions", href: "#services"},
href: "#services",
},
{ {
label: "Manicures", label: "Manicures", href: "#services"},
href: "#services",
},
{ {
label: "Pedicures", label: "Pedicures", href: "#services"},
href: "#services",
},
{ {
label: "Nail Art", label: "Nail Art", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Pricing", label: "Pricing", href: "#pricing"},
href: "#pricing",
},
{ {
label: "Testimonials", label: "Testimonials", href: "#testimonials"},
href: "#testimonials",
},
{ {
label: "FAQ", label: "FAQ", href: "#faq"},
href: "#faq",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}