bender/de7b8711-212b-4a0e-9e93-c7aaec78225f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-31 20:24:23 +00:00
parent ce675d7ed7
commit dbf195d92e
1 changed files with 52 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

260
src/app/page.tsx
View File

@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Gallery",
id: "#gallery",
},
name: "Gallery", id: "#gallery"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Prisca's Hair Salon"
/>
@@ -62,9 +52,7 @@ export default function LandingPage() {
description="Prisca's Hair Salon offers exquisite knotless braids, custom wig installs, weaves, and natural hair treatments in Lusaka. Transform your look with our expert touch."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
text: "Book Appointment", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151501004.jpg"
imageAlt="African woman with elegant hairstyle"
@@ -73,25 +61,15 @@ export default function LandingPage() {
textPosition="bottom"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-african-american-woman-toothy-smiling_23-2148183289.jpg",
alt: "Happy client",
},
src: "http://img.b2bpic.net/free-photo/young-african-american-woman-toothy-smiling_23-2148183289.jpg", alt: "Happy client"},
{
src: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-out-shaving-brush-with-straight-razor-isolated-pink-wall_141793-106145.jpg",
alt: "Professional stylist",
},
src: "http://img.b2bpic.net/free-photo/pleased-young-beautiful-female-barber-uniform-holding-out-shaving-brush-with-straight-razor-isolated-pink-wall_141793-106145.jpg", alt: "Professional stylist"},
{
src: "http://img.b2bpic.net/free-photo/young-person-portrait-photorealistic-style-with-braids_23-2151570232.jpg",
alt: "Client with braids",
},
src: "http://img.b2bpic.net/free-photo/young-person-portrait-photorealistic-style-with-braids_23-2151570232.jpg", alt: "Client with braids"},
{
src: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg",
alt: "Satisfied customer",
},
src: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg", alt: "Satisfied customer"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-caring-afro-hair_23-2149173114.jpg",
alt: "Healthy natural hair client",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-caring-afro-hair_23-2149173114.jpg", alt: "Healthy natural hair client"},
]}
avatarText="Join our community of beautiful clients"
/>
@@ -104,17 +82,11 @@ export default function LandingPage() {
description="At Prisca's Hair Salon, we are dedicated to providing exceptional hair care and styling services. With a blend of traditional African techniques and modern trends, we empower our clients to look and feel their best. Our experienced stylists use only high-quality products to ensure stunning, healthy results every time."
metrics={[
{
value: "10+",
title: "Years of Experience",
},
value: "10+", title: "Years of Experience"},
{
value: "500+",
title: "Happy Clients",
},
value: "500+", title: "Happy Clients"},
{
value: "200+",
title: "Unique Styles Created",
},
value: "200+", title: "Unique Styles Created"},
]}
imageSrc="http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-decor-generated-by-ai_188544-21290.jpg"
imageAlt="Modern beauty salon interior"
@@ -128,29 +100,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
tag: "Protective Style",
title: "Exquisite Knotless Braids",
subtitle: "Natural look, gentle on edges.",
description: "Achieve a stunning, natural look with our expertly crafted knotless braids. Gentle on your edges and scalp, offering comfort and style.",
imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-profile-african-braids-false-hair-concept_633478-1400.jpg",
imageAlt: "African woman with beautiful knotless braids",
},
tag: "Protective Style", title: "Exquisite Knotless Braids", subtitle: "Natural look, gentle on edges.", description: "Achieve a stunning, natural look with our expertly crafted knotless braids. Gentle on your edges and scalp, offering comfort and style.", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-profile-african-braids-false-hair-concept_633478-1400.jpg", imageAlt: "African woman with beautiful knotless braids"},
{
tag: "Transformation",
title: "Custom Wig Installs",
subtitle: "Seamless blend, perfect fit.",
description: "Experience a flawless transformation with our custom wig installations. We ensure a natural, undetectable blend and a comfortable, secure fit for every client.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-dark-skinned-woman-makes-face-palm-cannot-stop-laughing-after-hearing-joke-expresses-positive-emotions-wears-hair-curlers-look-fabulous-tomorrow-party-dressed-silk-gown-hairstyling_273609-40017.jpg",
imageAlt: "Woman getting a custom wig installed",
},
tag: "Transformation", title: "Custom Wig Installs", subtitle: "Seamless blend, perfect fit.", description: "Experience a flawless transformation with our custom wig installations. We ensure a natural, undetectable blend and a comfortable, secure fit for every client.\n", imageSrc: "http://img.b2bpic.net/free-photo/happy-dark-skinned-woman-makes-face-palm-cannot-stop-laughing-after-hearing-joke-expresses-positive-emotions-wears-hair-curlers-look-fabulous-tomorrow-party-dressed-silk-gown-hairstyling_273609-40017.jpg", imageAlt: "Woman getting a custom wig installed"},
{
tag: "Hair Health",
title: "Natural Hair Treatment",
subtitle: "Nourish, strengthen, rejuvenate.",
description: "Reinvigorate your natural hair with our specialized treatments designed to nourish, strengthen, and promote healthy growth. Embrace your beautiful texture.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-herself-scalp-massage_23-2151307460.jpg",
imageAlt: "Natural African hair being treated",
},
tag: "Hair Health", title: "Natural Hair Treatment", subtitle: "Nourish, strengthen, rejuvenate.", description: "Reinvigorate your natural hair with our specialized treatments designed to nourish, strengthen, and promote healthy growth. Embrace your beautiful texture.", imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-herself-scalp-massage_23-2151307460.jpg", imageAlt: "Natural African hair being treated"},
]}
title="Our Signature Services"
description="Discover a range of professional hair services tailored to perfection. From protective styling to luxurious treatments, we ensure a flawless finish."
@@ -161,57 +115,21 @@ export default function LandingPage() {
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-items-equal"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Knotless Braids Style",
price: "View Details",
variant: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/woman-hold-her-hair-hand_633478-1619.jpg",
imageAlt: "Elegant knotless braids",
},
id: "1", name: "Knotless Braids Style", price: "View Details", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/woman-hold-her-hair-hand_633478-1619.jpg", imageAlt: "Elegant knotless braids"},
{
id: "2",
name: "Silky Weave Install",
price: "View Details",
variant: "Straight",
imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg",
imageAlt: "Long straight weave",
},
id: "2", name: "Silky Weave Install", price: "View Details", variant: "Straight", imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg", imageAlt: "Long straight weave"},
{
id: "3",
name: "Vibrant Color & Cut",
price: "View Details",
variant: "Bold",
imageSrc: "http://img.b2bpic.net/free-photo/shy_1385-783.jpg",
imageAlt: "Woman with vibrant colored hair",
},
id: "3", name: "Vibrant Color & Cut", price: "View Details", variant: "Bold", imageSrc: "http://img.b2bpic.net/free-photo/shy_1385-783.jpg", imageAlt: "Woman with vibrant colored hair"},
{
id: "4",
name: "Updo for Special Occasion",
price: "View Details",
variant: "Bridal",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-posing-studio_23-2150104709.jpg",
imageAlt: "Elegant updo hairstyle",
},
id: "4", name: "Updo for Special Occasion", price: "View Details", variant: "Bridal", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-posing-studio_23-2150104709.jpg", imageAlt: "Elegant updo hairstyle"},
{
id: "5",
name: "Defined Locs Styling",
price: "View Details",
variant: "Artistic",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-multiracial-woman-with-blonde-afro-hairstyle-braids-zizi-street-cafe-yellow-sunglasses-bright-makeup-hippie-style_1321-2075.jpg",
imageAlt: "Woman with styled dreadlocks",
},
id: "5", name: "Defined Locs Styling", price: "View Details", variant: "Artistic", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-multiracial-woman-with-blonde-afro-hairstyle-braids-zizi-street-cafe-yellow-sunglasses-bright-makeup-hippie-style_1321-2075.jpg", imageAlt: "Woman with styled dreadlocks"},
{
id: "6",
name: "Braided Ponytail",
price: "View Details",
variant: "Sleek",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-black-woman-with-dreadlocks-hair_53876-20705.jpg",
imageAlt: "Sleek braided ponytail",
},
id: "6", name: "Braided Ponytail", price: "View Details", variant: "Sleek", imageSrc: "http://img.b2bpic.net/free-photo/portrait-black-woman-with-dreadlocks-hair_53876-20705.jpg", imageAlt: "Sleek braided ponytail"},
]}
title="Stunning Hair Transformations"
description="Browse our gallery of breathtaking styles and see the magic we create. Your dream hair awaits!"
@@ -223,41 +141,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg",
imageAlt: "Sarah J. photo",
},
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg", imageAlt: "Sarah J. photo"},
{
id: "2",
name: "Michael C.",
imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-short-haircut-studio-shootsmiling-wearing-dress_633478-1579.jpg",
imageAlt: "Michael C. photo",
},
id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-short-haircut-studio-shootsmiling-wearing-dress_633478-1579.jpg", imageAlt: "Michael C. photo"},
{
id: "3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg",
imageAlt: "Emily R. photo",
},
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg", imageAlt: "Emily R. photo"},
{
id: "4",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-lying-table-with-smartphone_1262-1150.jpg",
imageAlt: "David K. photo",
},
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-lying-table-with-smartphone_1262-1150.jpg", imageAlt: "David K. photo"},
{
id: "5",
name: "Jessica L.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-salon_23-2147737030.jpg",
imageAlt: "Jessica L. photo",
},
id: "5", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-salon_23-2147737030.jpg", imageAlt: "Jessica L. photo"},
{
id: "6",
name: "Olivia P.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-posing_23-2148728587.jpg",
imageAlt: "Olivia P. photo",
},
id: "6", name: "Olivia P.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-posing_23-2148728587.jpg", imageAlt: "Olivia P. photo"},
]}
cardTitle="Absolutely love my new look!"
cardTag="Glowing Reviews"
@@ -270,14 +164,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Lusaka Fashion Week",
"Zambian Beauty Bloggers",
"Afro Hair Magazine",
"Local Women's Co-op",
"Elegant Events Zambia",
"Divine Beauty Supplies",
"Glamour Lifestyle Magazine",
]}
"Lusaka Fashion Week", "Zambian Beauty Bloggers", "Afro Hair Magazine", "Local Women's Co-op", "Elegant Events Zambia", "Divine Beauty Supplies", "Glamour Lifestyle Magazine"]}
title="Trusted by Many"
description="Our commitment to excellence has earned us the trust and loyalty of a diverse clientele and partners."
/>
@@ -289,30 +176,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do I book an appointment?",
content: "You can easily book an appointment through our website's 'Book Appointment' button, or by calling us directly during business hours.",
},
id: "1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website's 'Book Appointment' button, or by calling us directly during business hours."},
{
id: "2",
title: "What payment methods do you accept?",
content: "We accept cash, mobile money (e.g., MTN MoMo, Airtel Money), and major credit/debit cards for your convenience.",
},
id: "2", title: "What payment methods do you accept?", content: "We accept cash, mobile money (e.g., MTN MoMo, Airtel Money), and major credit/debit cards for your convenience."},
{
id: "3",
title: "Do you offer consultations for custom styles?",
content: "Yes, we offer complimentary consultations for custom wig installs, braids, and other complex styles to ensure your vision comes to life.",
},
id: "3", title: "Do you offer consultations for custom styles?", content: "Yes, we offer complimentary consultations for custom wig installs, braids, and other complex styles to ensure your vision comes to life."},
{
id: "4",
title: "What are your salon operating hours?",
content: "Prisca's Hair Salon is open Monday to Saturday, from 9:00 AM to 6:00 PM. We are closed on Sundays and public holidays.",
},
id: "4", title: "What are your salon operating hours?", content: "Prisca's Hair Salon is open Monday to Saturday, from 9:00 AM to 6:00 PM. We are closed on Sundays and public holidays."},
{
id: "5",
title: "Can I bring my own hair products?",
content: "While we provide high-quality products for all services, you may bring your own specialized products upon consultation with your stylist.",
},
id: "5", title: "Can I bring my own hair products?", content: "While we provide high-quality products for all services, you may bring your own specialized products upon consultation with your stylist."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our services, booking process, and salon policies."
@@ -324,8 +196,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Book Your Transformation Today"
description="Ready for a new look? Contact us to schedule your appointment or inquire about our services. We look forward to welcoming you!"
@@ -339,66 +210,39 @@ export default function LandingPage() {
logoText="Prisca's Hair Salon"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Knotless Braids",
href: "#services",
},
label: "Knotless Braids", href: "#services"},
{
label: "Wig Installs",
href: "#services",
},
label: "Wig Installs", href: "#services"},
{
label: "Natural Hair",
href: "#services",
},
label: "Natural Hair", href: "#services"},
{
label: "Weaves",
href: "#services",
},
label: "Weaves", href: "#services"},
],
},
{
title: "Salon",
items: [
title: "Salon", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Gallery",
href: "#gallery",
},
label: "Gallery", href: "#gallery"},
{
label: "Reviews",
href: "#reviews",
},
label: "Reviews", href: "#reviews"},
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Book Now",
href: "#contact",
},
label: "Book Now", href: "#contact"},
{
label: "Location: Lusaka",
href: "#",
},
label: "Location: Lusaka", href: "#"},
{
label: "Hours: Mon-Sat 9AM-6PM",
href: "#",
},
label: "Hours: Mon-Sat 9AM-6PM", href: "#"},
{
label: "Instagram: @priscas_hairsalon",
href: "https://instagram.com/priscas_hairsalon",
},
label: "Instagram: @priscas_hairsalon", href: "https://instagram.com/priscas_hairsalon"},
],
},
]}