Merge version_1 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Zaya Beauty"
|
||||
/>
|
||||
@@ -56,77 +48,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Welcome to Zaya Beauty Carthage"
|
||||
description="Experience premium beauty services in the heart of Carthage. From elegant hair styling to professional skincare, we curate your best version."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "They are so sweet and they have a good service!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-with-lipsticks_23-2148299457.jpg",
|
||||
},
|
||||
name: "Sarah M.", handle: "@sarah_m", testimonial: "They are so sweet and they have a good service!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-with-lipsticks_23-2148299457.jpg"},
|
||||
{
|
||||
name: "Lina T.",
|
||||
handle: "@lina_t",
|
||||
testimonial: "Excellent professionals and very relaxing ambiance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-getting-ready-wedding_23-2149722027.jpg",
|
||||
},
|
||||
name: "Lina T.", handle: "@lina_t", testimonial: "Excellent professionals and very relaxing ambiance.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-getting-ready-wedding_23-2149722027.jpg"},
|
||||
{
|
||||
name: "Fatma R.",
|
||||
handle: "@fatma_r",
|
||||
testimonial: "The best hair coloring service in Carthage!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-shopping-mall_329181-7984.jpg",
|
||||
},
|
||||
name: "Fatma R.", handle: "@fatma_r", testimonial: "The best hair coloring service in Carthage!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-shopping-mall_329181-7984.jpg"},
|
||||
{
|
||||
name: "Nour H.",
|
||||
handle: "@nour_h",
|
||||
testimonial: "Top notch skincare treatments. My face feels amazing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-makeup-artist-with-client-choosing-eyeshadow_23-2148113255.jpg",
|
||||
},
|
||||
name: "Nour H.", handle: "@nour_h", testimonial: "Top notch skincare treatments. My face feels amazing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-makeup-artist-with-client-choosing-eyeshadow_23-2148113255.jpg"},
|
||||
{
|
||||
name: "Amira S.",
|
||||
handle: "@amira_s",
|
||||
testimonial: "Very welcoming staff and great attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-using-mascara-home_23-2148817246.jpg",
|
||||
},
|
||||
name: "Amira S.", handle: "@amira_s", testimonial: "Very welcoming staff and great attention to detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-using-mascara-home_23-2148817246.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg"
|
||||
imageAlt="Zaya Beauty salon interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-with-client_23-2150167196.jpg",
|
||||
alt: "Client profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-with-client_23-2150167196.jpg", alt: "Client profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229813.jpg",
|
||||
alt: "Client profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229813.jpg", alt: "Client profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg",
|
||||
alt: "Client profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229812.jpg", alt: "Client profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-adult-women-working-together_23-2148461457.jpg",
|
||||
alt: "Client profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-adult-women-working-together_23-2148461457.jpg", alt: "Client profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-friends_1098-16906.jpg",
|
||||
alt: "Client profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-friends_1098-16906.jpg", alt: "Client profile 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,19 +97,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "5+",
|
||||
},
|
||||
label: "Years Experience", value: "5+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Happy Clients", value: "500+"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Treatments",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Treatments", value: "20+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -163,28 +116,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hair & Styling",
|
||||
description: "Expert balayage, brushing, and bespoke wedding hairstyles.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
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",
|
||||
imageAlt: "professional manicure pedicure session",
|
||||
title: "Hair & Styling", description: "Expert balayage, brushing, and bespoke wedding hairstyles.", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Skin & Body",
|
||||
description: "Professional waxing, massage therapy, and facials.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Heart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg?_wi=2",
|
||||
imageAlt: "professional manicure pedicure session",
|
||||
title: "Skin & Body", description: "Professional waxing, massage therapy, and facials.", bentoComponent: "reveal-icon", icon: Heart,
|
||||
},
|
||||
{
|
||||
title: "Nails & Beauty",
|
||||
description: "Manicure, pedicure, acrylic nails, and permanent makeup.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-women-skin-care_603843-2840.jpg",
|
||||
imageAlt: "professional manicure pedicure session",
|
||||
title: "Nails & Beauty", description: "Manicure, pedicure, acrylic nails, and permanent makeup.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -199,54 +137,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "Contact for pricing",
|
||||
subtitle: "Daily care services",
|
||||
features: [
|
||||
"Manicure",
|
||||
"Basic Waxing",
|
||||
"Brushing",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "Contact for pricing", subtitle: "Daily care services", features: [
|
||||
"Manicure", "Basic Waxing", "Brushing"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "Contact for pricing",
|
||||
subtitle: "Complete transformation",
|
||||
features: [
|
||||
"Balayage",
|
||||
"Manicure",
|
||||
"Facial",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "Contact for pricing", subtitle: "Complete transformation", features: [
|
||||
"Balayage", "Manicure", "Facial"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "wedding",
|
||||
badge: "Luxury",
|
||||
price: "Contact for pricing",
|
||||
subtitle: "Special events",
|
||||
features: [
|
||||
"Bridal Makeup",
|
||||
"Hair Styling",
|
||||
"Skincare",
|
||||
],
|
||||
id: "wedding", badge: "Luxury", price: "Contact for pricing", subtitle: "Special events", features: [
|
||||
"Bridal Makeup", "Hair Styling", "Skincare"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -263,23 +174,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Amira",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67106.jpg",
|
||||
},
|
||||
id: "m1", name: "Amira", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67106.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Leila",
|
||||
role: "Aesthetician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67076.jpg",
|
||||
},
|
||||
id: "m2", name: "Leila", role: "Aesthetician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67076.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Sarah",
|
||||
role: "Nail Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-white-doctor-uniform_141793-261.jpg",
|
||||
},
|
||||
id: "m3", name: "Sarah", role: "Nail Expert", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-white-doctor-uniform_141793-261.jpg"},
|
||||
]}
|
||||
title="Meet Our Experts"
|
||||
description="Our team of skilled professionals is dedicated to providing top-tier service."
|
||||
@@ -294,25 +193,15 @@ export default function LandingPage() {
|
||||
author="Client Review"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-friends_23-2149152887.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229815.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229815.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-fair-skinned-women-use-moisturizing-day-cream-sensitive-skin-light-room-self-care-health-day-concept_197531-31471.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-fair-skinned-women-use-moisturizing-day-cream-sensitive-skin-light-room-self-care-health-day-concept_197531-31471.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/makeup-artist-female-customer-looking-mobile-phone_329181-1952.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/makeup-artist-female-customer-looking-mobile-phone_329181-1952.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -324,20 +213,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need to book an appointment?",
|
||||
content: "Yes, we highly recommend booking in advance to ensure your preferred time.",
|
||||
},
|
||||
id: "q1", title: "Do I need to book an appointment?", content: "Yes, we highly recommend booking in advance to ensure your preferred time."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at Avenue Habib Bourguiba, Carthage Dermech, next to Monoprix.",
|
||||
},
|
||||
id: "q2", title: "Where are you located?", content: "We are located at Avenue Habib Bourguiba, Carthage Dermech, next to Monoprix."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer wedding services?",
|
||||
content: "Yes, we specialize in bridal hair and makeup services.",
|
||||
},
|
||||
id: "q3", title: "Do you offer wedding services?", content: "Yes, we specialize in bridal hair and makeup services."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -348,8 +228,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment"
|
||||
description="Call us at 50 403 701 or visit us in Carthage Dermech."
|
||||
@@ -364,33 +243,21 @@ export default function LandingPage() {
|
||||
logoText="Zaya Beauty"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Coiffure",
|
||||
href: "#",
|
||||
},
|
||||
label: "Coiffure", href: "#"},
|
||||
{
|
||||
label: "Onglerie",
|
||||
href: "#",
|
||||
},
|
||||
label: "Onglerie", href: "#"},
|
||||
{
|
||||
label: "Soins",
|
||||
href: "#",
|
||||
},
|
||||
label: "Soins", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Carthage Dermech",
|
||||
href: "#",
|
||||
},
|
||||
label: "Carthage Dermech", href: "#"},
|
||||
{
|
||||
label: "50 403 701",
|
||||
href: "tel:50403701",
|
||||
},
|
||||
label: "50 403 701", href: "tel:50403701"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user