Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
246
src/app/page.tsx
246
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Transformations",
|
||||
id: "transformations",
|
||||
},
|
||||
name: "Transformations", id: "transformations"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Book",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Book", id: "contact"},
|
||||
]}
|
||||
brandName="Hair Art"
|
||||
/>
|
||||
@@ -67,38 +55,24 @@ export default function LandingPage() {
|
||||
description="Luxury, tailored hair artistry trusted by clients for years. From full transformations to effortless everyday beauty."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Appointment", href: "#contact"},
|
||||
{
|
||||
text: "View Transformations",
|
||||
href: "#transformations",
|
||||
},
|
||||
text: "View Transformations", href: "#transformations"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selfconfident-young-calm-woman-stylish-black-silk-home-suit-looks-into-window-stands-cozy-l_197531-33674.jpg"
|
||||
showBlur={true}
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-romantic-young-asian-woman-smiling-looking-happy-sitting-cozy_1258-199391.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-romantic-young-asian-woman-smiling-looking-happy-sitting-cozy_1258-199391.jpg", alt: "Happy client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/soft-indoor-portrait-caucasian-gentle-woman-wearing-beige-suit-no-bra-posing-palm-tropical-plant-gray_343596-3235.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/soft-indoor-portrait-caucasian-gentle-woman-wearing-beige-suit-no-bra-posing-palm-tropical-plant-gray_343596-3235.jpg", alt: "Happy client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/relaxed-content-middle-aged-woman-leaning-wall_1262-1881.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/relaxed-content-middle-aged-woman-leaning-wall_1262-1881.jpg", alt: "Happy client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "Happy client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stunning-ginger-woman-posing-with-sincere-smile-winter-day-positive-caucasian-girl-having-fun-december_197531-14109.jpg",
|
||||
alt: "Happy client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stunning-ginger-woman-posing-with-sincere-smile-winter-day-positive-caucasian-girl-having-fun-december_197531-14109.jpg", alt: "Happy client portrait"},
|
||||
]}
|
||||
avatarText="Trusted by 100+ local clients"
|
||||
/>
|
||||
@@ -111,23 +85,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Rated by loyal clients",
|
||||
value: "4.7★",
|
||||
},
|
||||
id: "m1", icon: Star,
|
||||
title: "Rated by loyal clients", value: "4.7★"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Calendar,
|
||||
title: "Years of trust",
|
||||
value: "5+",
|
||||
},
|
||||
id: "m2", icon: Calendar,
|
||||
title: "Years of trust", value: "5+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Quality Standard",
|
||||
value: "Premium",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Quality Standard", value: "Premium"},
|
||||
]}
|
||||
title="Trusted Excellence"
|
||||
description="Our commitment to quality and service."
|
||||
@@ -151,29 +116,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Colour & Transformation",
|
||||
description: "From damaged to radiant, healthy colour tailored to your specific skin tone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-woman-model-with-fresh-daily-makeup-with-dark-red-lips-color-clean-healthy-skin-face-studio-lights_158538-14326.jpg",
|
||||
imageAlt: "Colour services",
|
||||
},
|
||||
title: "Colour & Transformation", description: "From damaged to radiant, healthy colour tailored to your specific skin tone.", imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-portrait-beautiful-woman-model-with-fresh-daily-makeup-with-dark-red-lips-color-clean-healthy-skin-face-studio-lights_158538-14326.jpg", imageAlt: "Colour services"},
|
||||
{
|
||||
title: "Precision Cutting",
|
||||
description: "Effortless shapes designed to suit your lifestyle and enhance your natural movement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238673.jpg",
|
||||
imageAlt: "Precision cutting",
|
||||
},
|
||||
title: "Precision Cutting", description: "Effortless shapes designed to suit your lifestyle and enhance your natural movement.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238673.jpg", imageAlt: "Precision cutting"},
|
||||
{
|
||||
title: "Restoration & Repair",
|
||||
description: "Bring life back to over-processed or damaged hair with our specialized restorative care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-stylish-outfit-smiles-widely-poses-balcony-cheerful-girl-white-dress-with-sparkles-takes-selfie_197531-27958.jpg",
|
||||
imageAlt: "Hair restoration",
|
||||
},
|
||||
title: "Restoration & Repair", description: "Bring life back to over-processed or damaged hair with our specialized restorative care.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-stylish-outfit-smiles-widely-poses-balcony-cheerful-girl-white-dress-with-sparkles-takes-selfie_197531-27958.jpg", imageAlt: "Hair restoration"},
|
||||
{
|
||||
title: "Personal Consultation",
|
||||
description: "Every service begins with understanding you and your hair goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-dressed-halloween_329181-16657.jpg",
|
||||
imageAlt: "Personal consultation",
|
||||
},
|
||||
title: "Personal Consultation", description: "Every service begins with understanding you and your hair goals.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-beautiful-woman-dressed-halloween_329181-16657.jpg", imageAlt: "Personal consultation"},
|
||||
]}
|
||||
title="Signature Services"
|
||||
description="Premium artistry tailored to your tone and style."
|
||||
@@ -188,41 +137,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Brunette Correction",
|
||||
price: "Restored",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-with-shadow-eyes-black-background_158538-3863.jpg",
|
||||
},
|
||||
id: "t1", name: "Brunette Correction", price: "Full Color Correction", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-with-shadow-eyes-black-background_158538-3863.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Blonde Refresh",
|
||||
price: "Radiant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4414.jpg",
|
||||
},
|
||||
id: "t2", name: "Blonde Refresh", price: "Full Balayage Service", imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4414.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Texture Boost",
|
||||
price: "Vibrant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-blond-teenager-model-without-makeup-summer-hipster-white-dress-clothes-posing-street-background-touching-her-hair_158538-12807.jpg",
|
||||
},
|
||||
id: "t3", name: "Texture Boost", price: "Full Treatment Service", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-blond-teenager-model-without-makeup-summer-hipster-white-dress-clothes-posing-street-background-touching-her-hair_158538-12807.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Precision Shape",
|
||||
price: "Elevated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/visagiste-posing-camera-with-cosmetics_23-2148113324.jpg",
|
||||
},
|
||||
id: "t4", name: "Precision Shape", price: "Full Custom Cut", imageSrc: "http://img.b2bpic.net/free-photo/visagiste-posing-camera-with-cosmetics_23-2148113324.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Conditioning Focus",
|
||||
price: "Healthy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-haircare-cosmetics-beautiful-smiling-woman-with-curly-red-hair-flying-air-floating-smile-with-white-teeth-happy-face-expression-studio-background_176420-47195.jpg",
|
||||
},
|
||||
id: "t5", name: "Conditioning Focus", price: "Full Deep Conditioning", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-haircare-cosmetics-beautiful-smiling-woman-with-curly-red-hair-flying-air-floating-smile-with-white-teeth-happy-face-expression-studio-background_176420-47195.jpg"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Full Artistry",
|
||||
price: "Complete",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tender-lips-skin-charming-bride-with-red-curly-hair_8353-8891.jpg",
|
||||
},
|
||||
id: "t6", name: "Full Artistry", price: "Full Style Transformation", imageSrc: "http://img.b2bpic.net/free-photo/tender-lips-skin-charming-bride-with-red-curly-hair_8353-8891.jpg"},
|
||||
]}
|
||||
title="From Mistakes to Masterpieces"
|
||||
description="See the Hair Art difference. Specializing in correction, restoration, and elevation."
|
||||
@@ -236,45 +161,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Sarah J.",
|
||||
handle: "London",
|
||||
testimonial: "She completely transformed my hair after another salon damaged it. I’ve been going for years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-woman-white-shirt_53876-108633.jpg",
|
||||
},
|
||||
id: "r1", name: "Sarah J.", handle: "London", testimonial: "She completely transformed my hair after another salon damaged it. I’ve been going for years.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-woman-white-shirt_53876-108633.jpg"},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Emily R.",
|
||||
handle: "Local Client",
|
||||
testimonial: "I feel a million dollars every time. Truly London-quality work in our neighborhood.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-up-delicious-cup-coffee_23-2148378548.jpg",
|
||||
},
|
||||
id: "r2", name: "Emily R.", handle: "Local Client", testimonial: "I feel a million dollars every time. Truly London-quality work in our neighborhood.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-up-delicious-cup-coffee_23-2148378548.jpg"},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Michael K.",
|
||||
handle: "Regular",
|
||||
testimonial: "Professional, talented, and genuinely cares. The results speak for themselves.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-caucasian-girl-sitting-posing-outside-evening_181624-60961.jpg",
|
||||
},
|
||||
id: "r3", name: "Michael K.", handle: "Regular", testimonial: "Professional, talented, and genuinely cares. The results speak for themselves.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-caucasian-girl-sitting-posing-outside-evening_181624-60961.jpg"},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Laura D.",
|
||||
handle: "Family Client",
|
||||
testimonial: "So warm and personable—my whole family trusts her implicitly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-cozy-cafe-warms-herself-up-with-cup-hot-coffee_343596-4369.jpg",
|
||||
},
|
||||
id: "r4", name: "Laura D.", handle: "Family Client", testimonial: "So warm and personable—my whole family trusts her implicitly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-cozy-cafe-warms-herself-up-with-cup-hot-coffee_343596-4369.jpg"},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Chloe T.",
|
||||
handle: "Transformation",
|
||||
testimonial: "I’ve never had hair this healthy or shiny before. Hair Art is life-changing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-his-professional-photography-studio_23-2149033382.jpg",
|
||||
},
|
||||
id: "r5", name: "Chloe T.", handle: "Transformation", testimonial: "I’ve never had hair this healthy or shiny before. Hair Art is life-changing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-his-professional-photography-studio_23-2149033382.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Clients Stay. That Says Everything."
|
||||
@@ -289,23 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "laura",
|
||||
name: "Laura",
|
||||
role: "Lead Artist & Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-home-cute-modern-girl-sitting-kitchen-floor-smiling_1258-187235.jpg",
|
||||
},
|
||||
id: "laura", name: "Laura", role: "Lead Artist & Founder", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-home-cute-modern-girl-sitting-kitchen-floor-smiling_1258-187235.jpg"},
|
||||
{
|
||||
id: "staff2",
|
||||
name: "Assistant",
|
||||
role: "Studio Support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg",
|
||||
},
|
||||
id: "staff2", name: "Assistant", role: "Studio Support", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg"},
|
||||
{
|
||||
id: "staff3",
|
||||
name: "Consultant",
|
||||
role: "Style Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg",
|
||||
},
|
||||
id: "staff3", name: "Consultant", role: "Style Expert", imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg"},
|
||||
]}
|
||||
title="Meet Laura"
|
||||
description="Years of experience and a loyal client base built on trust, skill, and genuine care."
|
||||
@@ -316,8 +204,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Book Appointment"
|
||||
title="Ready to Love Your Hair Again?"
|
||||
description="Appointments are limited to ensure every client receives full attention. Request your slot today."
|
||||
@@ -333,54 +220,33 @@ export default function LandingPage() {
|
||||
logoText="Hair Art"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Transformations",
|
||||
href: "#transformations",
|
||||
},
|
||||
label: "Transformations", href: "#transformations"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Booking", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -389,4 +255,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user