Merge version_1 into main #1
258
src/app/page.tsx
258
src/app/page.tsx
@@ -32,24 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Health & Beauty"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,35 +46,15 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Refresh Your Look, Revitalize Your Life"
|
||||
description="Premium health and beauty services in the heart of Orangi Town. Expert care tailored just for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Session",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Session", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-bedroom-illuminated-by-modern-electric-lamp-generated-by-ai_188544-28185.jpg"
|
||||
imageAlt="Health and beauty spa interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-cheerful-middleaged-man-smiling-happy-satisfied-showing-thumbsup-expressing-approval_1258-130248.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194084.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-woman-looking-camera-gray_171337-13285.jpg",
|
||||
alt: "Smiling client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-middle-aged-woman_169016-26118.jpg",
|
||||
alt: "Content member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-showing-bicep-gym_1262-16418.jpg",
|
||||
alt: "Fit member",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-cheerful-middleaged-man-smiling-happy-satisfied-showing-thumbsup-expressing-approval_1258-130248.jpg", alt: "Satisfied client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194084.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-woman-looking-camera-gray_171337-13285.jpg", alt: "Smiling client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-middle-aged-woman_169016-26118.jpg", alt: "Content member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-showing-bicep-gym_1262-16418.jpg", alt: "Fit member" },
|
||||
]}
|
||||
avatarText="Join our 500+ happy community members"
|
||||
/>
|
||||
@@ -96,21 +65,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Commitment to You"
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Opening Hours",
|
||||
value: "Closes 2AM",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Location",
|
||||
value: "Karachi",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
label: "Support",
|
||||
value: "Available",
|
||||
},
|
||||
{ icon: Clock, label: "Opening Hours", value: "Closes 2AM" },
|
||||
{ icon: MapPin, label: "Location", value: "Karachi" },
|
||||
{ icon: Phone, label: "Support", value: "Available" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -123,42 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Personal Training",
|
||||
price: "5,000 PKR / month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-exercising-gym-low-angle_23-2149517248.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Facial Treatment",
|
||||
price: "2,500 PKR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-woman-getting-white-facial-mask-spa-treatment-beauty-salon_637285-2198.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Full Body Care",
|
||||
price: "4,000 PKR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695691.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Skin Consultation",
|
||||
price: "1,500 PKR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hair Maintenance",
|
||||
price: "2,000 PKR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Wellness Check",
|
||||
price: "1,000 PKR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-nice-ladies-standing-discussing-work-while-holding-tablet-cup-coffee-hands-office_574295-4572.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Personal Training", price: "5,000 PKR / month", imageSrc: "http://img.b2bpic.net/free-photo/man-exercising-gym-low-angle_23-2149517248.jpg" },
|
||||
{ id: "p2", name: "Facial Treatment", price: "2,500 PKR", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-woman-getting-white-facial-mask-spa-treatment-beauty-salon_637285-2198.jpg" },
|
||||
{ id: "p3", name: "Full Body Care", price: "4,000 PKR", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695691.jpg" },
|
||||
{ id: "p4", name: "Skin Consultation", price: "1,500 PKR", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319771.jpg" },
|
||||
{ id: "p5", name: "Hair Maintenance", price: "2,000 PKR", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg" },
|
||||
{ id: "p6", name: "Wellness Check", price: "1,000 PKR", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-nice-ladies-standing-discussing-work-while-holding-tablet-cup-coffee-hands-office_574295-4572.jpg" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Specialized health and personal training packages designed for your goals."
|
||||
@@ -170,21 +97,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Professionals",
|
||||
description: "Trained and experienced staff ready to help.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-looking-young-beautiful-female-barber-uniform-holding-straight-razor-isolated-pink-wall_141793-105657.jpg",
|
||||
},
|
||||
{
|
||||
title: "Flexible Hours",
|
||||
description: "Open until 2AM for your convenience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/time-taxes-reminder-concept_53876-124036.jpg",
|
||||
},
|
||||
{
|
||||
title: "Local Accessibility",
|
||||
description: "Located in Benazir Colony, Orangi Town.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-hold-pin-tag-paper-carving-with-mountain-background_53876-147834.jpg",
|
||||
},
|
||||
{ title: "Expert Professionals", description: "Trained and experienced staff ready to help.", imageSrc: "http://img.b2bpic.net/free-photo/confident-looking-young-beautiful-female-barber-uniform-holding-straight-razor-isolated-pink-wall_141793-105657.jpg" },
|
||||
{ title: "Flexible Hours", description: "Open until 2AM for your convenience.", imageSrc: "http://img.b2bpic.net/free-photo/time-taxes-reminder-concept_53876-124036.jpg" },
|
||||
{ title: "Local Accessibility", description: "Located in Benazir Colony, Orangi Town.", imageSrc: "http://img.b2bpic.net/free-photo/hand-hold-pin-tag-paper-carving-with-mountain-background_53876-147834.jpg" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Experience superior quality and convenience with our top-rated services in Karachi."
|
||||
@@ -197,60 +112,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmed Raza",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-young-women-happy-with-make-up-accessories_23-2148431589.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sana Khan",
|
||||
role: "Member",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Zaid Ali",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-blond-bearded-guy-happy-man-look-away-smiling-concept-men-health-lifestyle-cross-arms-chest-white-background_176420-54432.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Fatima Noor",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mixed-race-black-woman-with-textured-curly-afro-hair-bright-orange-jacket-with-natural-makeup-dark-skin-tones-smiling-wide_633478-2176.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Bilal Ahmed",
|
||||
role: "Client",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Ahmed Raza", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-young-women-happy-with-make-up-accessories_23-2148431589.jpg" },
|
||||
{ id: "t2", name: "Sana Khan", role: "Member", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg" },
|
||||
{ id: "t3", name: "Zaid Ali", role: "Client", company: "Local", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-blond-bearded-guy-happy-man-look-away-smiling-concept-men-health-lifestyle-cross-arms-chest-white-background_176420-54432.jpg" },
|
||||
{ id: "t4", name: "Fatima Noor", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-mixed-race-black-woman-with-textured-curly-afro-hair-bright-orange-jacket-with-natural-makeup-dark-skin-tones-smiling-wide_633478-2176.jpg" },
|
||||
{ id: "t5", name: "Bilal Ahmed", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Monthly Clients",
|
||||
},
|
||||
{
|
||||
value: "10",
|
||||
label: "Expert Trainers",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{ value: "500+", label: "Monthly Clients" },
|
||||
{ value: "10", label: "Expert Trainers" },
|
||||
{ value: "4.9", label: "Average Rating" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join hundreds of happy customers who trust our shop for their wellness and beauty needs."
|
||||
@@ -263,24 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Years of Service",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Smile,
|
||||
title: "Happy Visitors",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: MapPin,
|
||||
title: "Successful Sessions",
|
||||
value: "5k+",
|
||||
},
|
||||
{ id: "m1", icon: Award, title: "Years of Service", value: "10+" },
|
||||
{ id: "m2", icon: Smile, title: "Happy Visitors", value: "10k+" },
|
||||
{ id: "m3", icon: MapPin, title: "Successful Sessions", value: "5k+" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak for our commitment to quality wellness and fitness solutions."
|
||||
@@ -292,21 +148,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, booking in advance is recommended.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Yes, we are open seven days a week.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash and mobile transfers.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need an appointment?", content: "Yes, booking in advance is recommended." },
|
||||
{ id: "q2", title: "Are you open on weekends?", content: "Yes, we are open seven days a week." },
|
||||
{ id: "q3", title: "What payment methods do you accept?", content: "We accept cash and mobile transfers." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to help you get started."
|
||||
@@ -317,21 +161,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to get started?"
|
||||
title="Visit Us or Call Now"
|
||||
description="We're located in Benazir Colony, Orangi Town, Karachi. Call us at +92 336 4440788."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+923364440788",
|
||||
},
|
||||
{
|
||||
text: "View Map",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+923364440788" },
|
||||
{ text: "View Map", href: "https://maps.google.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -341,20 +177,12 @@ export default function LandingPage() {
|
||||
logoText="Health & Beauty"
|
||||
copyrightText="© 2026 Health & Beauty Shop, Karachi. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user