Merge version_2 into main #1
201
src/app/page.tsx
201
src/app/page.tsx
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Coco Beauty Bar"
|
||||
/>
|
||||
@@ -56,39 +48,23 @@ export default function LandingPage() {
|
||||
description="Your Trusted Beauty Salon in Casablanca. Expert care for hair, skin, and beauty — loved by 300+ clients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+212600000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:+212600000000"},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-latino-hair-salon_23-2150555185.jpg",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-latino-hair-salon_23-2150555185.jpg", imageAlt: "Salon Interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg",
|
||||
imageAlt: "Hair Services",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg", imageAlt: "Hair Services"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-client-salon-receiving-manual-facial-massage-from-beautician_343596-4313.jpg",
|
||||
imageAlt: "Skincare",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-client-salon-receiving-manual-facial-massage-from-beautician_343596-4313.jpg", imageAlt: "Skincare"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-standing-by-window_1303-12894.jpg",
|
||||
imageAlt: "Waxing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-standing-by-window_1303-12894.jpg", imageAlt: "Waxing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229782.jpg",
|
||||
imageAlt: "Makeup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229782.jpg", imageAlt: "Makeup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg",
|
||||
imageAlt: "Salon Exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg", imageAlt: "Salon Exterior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,34 +76,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.7 ⭐",
|
||||
title: "Rating",
|
||||
items: [
|
||||
"300+ 5-star reviews",
|
||||
"Highly recommended",
|
||||
"Casablanca favorite",
|
||||
],
|
||||
id: "m1", value: "4.7 ⭐", title: "Rating", items: [
|
||||
"300+ 5-star reviews", "Highly recommended", "Casablanca favorite"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Years",
|
||||
items: [
|
||||
"Experienced staff",
|
||||
"Professional expertise",
|
||||
"Proven quality",
|
||||
],
|
||||
id: "m2", value: "10+", title: "Years", items: [
|
||||
"Experienced staff", "Professional expertise", "Proven quality"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Service",
|
||||
items: [
|
||||
"Hygienic environment",
|
||||
"Quality products",
|
||||
"Dedicated care",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Service", items: [
|
||||
"Hygienic environment", "Quality products", "Dedicated care"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -143,35 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hair Services",
|
||||
description: "Professional styling, cutting, and care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdressing-supplies-flat-lay_23-2148352954.jpg",
|
||||
},
|
||||
title: "Hair Services", description: "Professional styling, cutting, and care.", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdressing-supplies-flat-lay_23-2148352954.jpg"},
|
||||
{
|
||||
title: "Waxing",
|
||||
description: "Gentle and effective hair removal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/depilation-hair-removal-zones-men-women_98292-3112.jpg",
|
||||
},
|
||||
title: "Waxing", description: "Gentle and effective hair removal.", imageSrc: "http://img.b2bpic.net/free-vector/depilation-hair-removal-zones-men-women_98292-3112.jpg"},
|
||||
{
|
||||
title: "Threading",
|
||||
description: "Perfect brows and facial care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238663.jpg",
|
||||
},
|
||||
title: "Threading", description: "Perfect brows and facial care.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-going-through-microblading-treatment_23-2149238663.jpg"},
|
||||
{
|
||||
title: "Nails",
|
||||
description: "Manicures and pedicures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tools-nail-art_23-2150321314.jpg",
|
||||
},
|
||||
title: "Nails", description: "Manicures and pedicures.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tools-nail-art_23-2150321314.jpg"},
|
||||
{
|
||||
title: "Massage",
|
||||
description: "Relaxing spa and skincare.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-therapist-massaging-woman_23-2147648464.jpg",
|
||||
},
|
||||
title: "Massage", description: "Relaxing spa and skincare.", imageSrc: "http://img.b2bpic.net/free-photo/anonymous-therapist-massaging-woman_23-2147648464.jpg"},
|
||||
{
|
||||
title: "Makeup",
|
||||
description: "Professional makeup for all events.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-make-up-tools-hiding-skin-blemishes_23-2148181438.jpg",
|
||||
},
|
||||
title: "Makeup", description: "Professional makeup for all events.", imageSrc: "http://img.b2bpic.net/free-photo/composition-make-up-tools-hiding-skin-blemishes_23-2148181438.jpg"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Complete beauty care for you."
|
||||
@@ -186,17 +126,11 @@ export default function LandingPage() {
|
||||
description="Welcome to your premier destination for beauty and wellness in Casablanca. Our salon is built on a foundation of professional excellence and client satisfaction. We believe in providing an approachable, premium experience that helps every client feel their best. Located conveniently near Clinique BADR, we are here to serve your beauty needs with grace and expertise."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Professionalism",
|
||||
description: "Our stylists are highly trained.",
|
||||
},
|
||||
title: "Professionalism", description: "Our stylists are highly trained."},
|
||||
{
|
||||
title: "Hygiene",
|
||||
description: "Sanitized tools and quality products.",
|
||||
},
|
||||
title: "Hygiene", description: "Sanitized tools and quality products."},
|
||||
{
|
||||
title: "Personalization",
|
||||
description: "Beauty tailored to your unique style.",
|
||||
},
|
||||
title: "Personalization", description: "Beauty tailored to your unique style."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shop-assistant-helping-female-customer-try-new-dress-woman-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11997.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -210,40 +144,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah L.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Best service ever! Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-visagiste-smiling-camera_23-2148113183.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah L.", handle: "@sarah", testimonial: "Best service ever! Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-visagiste-smiling-camera_23-2148113183.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Amira M.",
|
||||
handle: "@amira",
|
||||
testimonial: "Very professional and kind staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285909.jpg",
|
||||
},
|
||||
id: "t2", name: "Amira M.", handle: "@amira", testimonial: "Very professional and kind staff.", imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285909.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Layla K.",
|
||||
handle: "@layla",
|
||||
testimonial: "My go-to salon for everything beauty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-wedding_23-2149860779.jpg",
|
||||
},
|
||||
id: "t3", name: "Layla K.", handle: "@layla", testimonial: "My go-to salon for everything beauty.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-wedding_23-2149860779.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Nadia B.",
|
||||
handle: "@nadia",
|
||||
testimonial: "Excellent eyebrow threading, perfect!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
},
|
||||
id: "t4", name: "Nadia B.", handle: "@nadia", testimonial: "Excellent eyebrow threading, perfect!", imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fatima Z.",
|
||||
handle: "@fatima",
|
||||
testimonial: "Great vibes, very hygienic place.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg",
|
||||
},
|
||||
id: "t5", name: "Fatima Z.", handle: "@fatima", testimonial: "Great vibes, very hygienic place.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Loved by the community."
|
||||
@@ -251,31 +160,41 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
<ContactSplitForm
|
||||
title="Book Your Appointment"
|
||||
description="En face de la clinique BADR, Casablanca. Ready to shine?"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us what service you'd like..." }}
|
||||
useInvertedBackground={false}
|
||||
buttonText="Submit"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterBase
|
||||
logoText="Coco Beauty Bar"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Hair", href: "#services" },
|
||||
{ label: "Waxing", href: "#services" },
|
||||
{ label: "Massage", href: "#services" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 | Coco Beauty Bar"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user