Merge version_1 into main #2
278
src/app/page.tsx
278
src/app/page.tsx
@@ -30,30 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lavish Salon DHA"
|
||||
/>
|
||||
@@ -61,63 +43,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Redefining Male Elegance in DHA"
|
||||
description="Experience premium grooming, bespoke haircuts, and skin rejuvenation in our ultra-luxurious salon environment. Lavish Men's Salon sets the standard for modern sophistication."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205881.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205881.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-40131.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-40131.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Join 500+ satisfied gentlemen"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Barbering",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Skin Care Rituals",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Grooming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Styling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "DHA Exclusivity",
|
||||
},
|
||||
{ type: "text", text: "Premium Barbering" },
|
||||
{ type: "text", text: "Skin Care Rituals" },
|
||||
{ type: "text", text: "Luxury Grooming" },
|
||||
{ type: "text", text: "Modern Styling" },
|
||||
{ type: "text", text: "DHA Exclusivity" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,9 +72,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Expert Care for the Modern Gentleman"
|
||||
description={[
|
||||
"Lavish Salon is a sanctuary for the modern man, located in the heart of DHA. Our expert stylists merge traditional techniques with contemporary trends to ensure an experience beyond expectation.",
|
||||
"We are committed to quality, hygiene, and the ultimate comfort of our clients.",
|
||||
]}
|
||||
"Lavish Salon is a sanctuary for the modern man, located in the heart of DHA. Our expert stylists merge traditional techniques with contemporary trends to ensure an experience beyond expectation.", "We are committed to quality, hygiene, and the ultimate comfort of our clients."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,49 +83,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Bespoke Haircuts",
|
||||
description: "Precision styling tailored to your face shape and personal preferences.",
|
||||
icon: Scissors,
|
||||
title: "Bespoke Haircuts", description: "Precision styling tailored to your face shape and personal preferences.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-beard-trimmed-with-blade_23-2148298344.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/years-one-color-communication-30-35_1296-315.jpg?_wi=1",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205881.jpg?_wi=2",
|
||||
imageAlt: "elegant men salon interior",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-getting-beard-trimmed-with-blade_23-2148298344.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/years-one-color-communication-30-35_1296-315.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Premium Skin Care",
|
||||
description: "Revitalizing facials and treatments that leave your skin refreshed and healthy.",
|
||||
icon: Sparkles,
|
||||
title: "Premium Skin Care", description: "Revitalizing facials and treatments that leave your skin refreshed and healthy.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4218.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4218.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-white-coat-woman-towel_1153-4075.jpg",
|
||||
imageAlt: "professional barber grooming man",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4218.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4218.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Hand & Foot Grooming",
|
||||
description: "Complete hand and foot treatments to maintain hygiene and confidence.",
|
||||
icon: Crown,
|
||||
title: "Hand & Foot Grooming", description: "Complete hand and foot treatments to maintain hygiene and confidence.", icon: Crown,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-manicure-high-angle_23-2149975502.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-manicure-high-angle_23-2149975502.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-beard-trimmed-with-blade_23-2148298344.jpg?_wi=2",
|
||||
imageAlt: "modern hair styling professional",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-getting-manicure-high-angle_23-2149975502.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-getting-manicure-high-angle_23-2149975502.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Tailored Services"
|
||||
@@ -197,52 +116,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$35",
|
||||
name: "Essential Grooming",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard Trim",
|
||||
"Scalp Massage",
|
||||
],
|
||||
id: "basic", price: "$35", name: "Essential Grooming", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Haircut", "Beard Trim", "Scalp Massage"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$60",
|
||||
name: "Lavish Refresh",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Haircut & Styling",
|
||||
"Deep Cleansing Facial",
|
||||
"Hot Towel Shave",
|
||||
],
|
||||
id: "pro", price: "$60", name: "Lavish Refresh", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Haircut & Styling", "Deep Cleansing Facial", "Hot Towel Shave"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
price: "$95",
|
||||
name: "Ultimate Gentleman",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full Grooming Package",
|
||||
"Premium Facial",
|
||||
"Manicure & Pedicure",
|
||||
],
|
||||
id: "elite", price: "$95", name: "Ultimate Gentleman", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Full Grooming Package", "Premium Facial", "Manicure & Pedicure"],
|
||||
},
|
||||
]}
|
||||
title="Premium Grooming Packages"
|
||||
@@ -256,60 +139,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed Khan",
|
||||
date: "12 Jan 2024",
|
||||
title: "Regular Client",
|
||||
quote: "The best haircut I have ever had. Professional service and great ambience.",
|
||||
tag: "Haircuts",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4218.jpg?_wi=3",
|
||||
imageAlt: "luxury spa facial treatment",
|
||||
},
|
||||
id: "1", name: "Ahmed Khan", date: "12 Jan 2024", title: "Regular Client", quote: "The best haircut I have ever had. Professional service and great ambience.", tag: "Haircuts", avatarSrc: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage_343596-4218.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Omar Raza",
|
||||
date: "15 Feb 2024",
|
||||
title: "Business Professional",
|
||||
quote: "Top-tier grooming. Their facial treatments are genuinely relaxing.",
|
||||
tag: "Facial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-manicure-high-angle_23-2149975502.jpg?_wi=3",
|
||||
imageAlt: "professional manicure for men",
|
||||
},
|
||||
id: "2", name: "Omar Raza", date: "15 Feb 2024", title: "Business Professional", quote: "Top-tier grooming. Their facial treatments are genuinely relaxing.", tag: "Facial", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-manicure-high-angle_23-2149975502.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Zaid Ali",
|
||||
date: "05 Mar 2024",
|
||||
title: "Frequent Visitor",
|
||||
quote: "Excellent service and very hygienic. Highly recommended for DHA residents.",
|
||||
tag: "General",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/years-one-color-communication-30-35_1296-315.jpg?_wi=2",
|
||||
imageAlt: "expert haircut service professional",
|
||||
},
|
||||
id: "3", name: "Zaid Ali", date: "05 Mar 2024", title: "Frequent Visitor", quote: "Excellent service and very hygienic. Highly recommended for DHA residents.", tag: "General", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg", imageSrc: "http://img.b2bpic.net/free-photo/years-one-color-communication-30-35_1296-315.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bilal Ahmed",
|
||||
date: "20 Mar 2024",
|
||||
title: "New Client",
|
||||
quote: "Found my new barber shop! Lavish is truly the best in class.",
|
||||
tag: "Haircuts",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg",
|
||||
imageAlt: "happy client professional portrait",
|
||||
},
|
||||
id: "4", name: "Bilal Ahmed", date: "20 Mar 2024", title: "New Client", quote: "Found my new barber shop! Lavish is truly the best in class.", tag: "Haircuts", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg", imageSrc: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hassan Raza",
|
||||
date: "02 Apr 2024",
|
||||
title: "Business Owner",
|
||||
quote: "Absolutely worth every penny. The attention to detail is unmatched.",
|
||||
tag: "Luxury",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-40131.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
imageAlt: "well groomed man testimonial",
|
||||
},
|
||||
id: "5", name: "Hassan Raza", date: "02 Apr 2024", title: "Business Owner", quote: "Absolutely worth every penny. The attention to detail is unmatched.", tag: "Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-40131.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Discover why DHA trusts Lavish Men's Salon with their style."
|
||||
@@ -322,24 +160,10 @@ export default function LandingPage() {
|
||||
title="Book Your Visit"
|
||||
description="Ready for a transformation? Secure your spot today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Special requests or preferred service?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Special requests or preferred service?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-business-owners-preparing-their-store_23-2149300881.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -348,14 +172,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Lavish Salon DHA"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user