Merge version_2 into main #1
323
src/app/page.tsx
323
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Prendre rendez-vous", id: "contact" },
|
||||
]}
|
||||
brandName="Salon La cache à repousse"
|
||||
/>
|
||||
@@ -55,42 +43,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Salon La cache à repousse"
|
||||
description="Reveal Your Best Look Today. Professional hair services in a warm and welcoming salon in Lévis."
|
||||
description="Révélez votre beauté dès aujourd'hui. Services capillaires professionnels dans un salon chaleureux à Lévis."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+14185550199",
|
||||
},
|
||||
{ text: "Prendre rendez-vous", href: "#contact" },
|
||||
{ text: "Appelez maintenant", href: "tel:+14185550199" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg",
|
||||
imageAlt: "Welcoming salon interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-smiling-making-hairstyle-woman-beauty-salon_176420-4464.jpg",
|
||||
imageAlt: "Stylist working on client",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg",
|
||||
imageAlt: "Salon product display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg",
|
||||
imageAlt: "Relaxing salon atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-beautiful-elegant-young-woman-pretty-black-sweater_114579-81913.jpg",
|
||||
imageAlt: "Professional coloring tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-workplace_23-2148108753.jpg",
|
||||
imageAlt: "Salon exterior view",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg", imageAlt: "Intérieur du salon accueillant" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-smiling-making-hairstyle-woman-beauty-salon_176420-4464.jpg", imageAlt: "Styliste au travail" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,30 +62,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Haircuts",
|
||||
description: "Precision cuts tailored to your unique style and face shape.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4451.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/pretty-barber-girl-cutting-hair_624325-3064.jpg",
|
||||
buttonText: "See Services",
|
||||
},
|
||||
{
|
||||
title: "Professional Coloring",
|
||||
description: "Custom color solutions ranging from natural highlights to bold shades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-smiling-showing-palm-her-hand_141793-573.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-summertime_52683-86996.jpg",
|
||||
buttonText: "See Services",
|
||||
},
|
||||
{
|
||||
title: "Revitalizing Treatments",
|
||||
description: "Deep conditioning and therapeutic treatments for healthy, shining hair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-getting-her-hair-washed_23-2148108893.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-washed_23-2148108851.jpg",
|
||||
buttonText: "See Services",
|
||||
},
|
||||
{ title: "Coupes Expertes", description: "Des coupes de précision adaptées à votre style et à la morphologie de votre visage.", imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4451.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/pretty-barber-girl-cutting-hair_624325-3064.jpg", buttonText: "Voir nos services" },
|
||||
{ title: "Coloration Professionnelle", description: "Des solutions de couleur personnalisées, des reflets naturels aux teintes audacieuses.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-smiling-showing-palm-her-hand_141793-573.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-summertime_52683-86996.jpg", buttonText: "Voir nos services" },
|
||||
{ title: "Soins Revitalisants", description: "Soins en profondeur et traitements thérapeutiques pour des cheveux sains et éclatants.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-getting-her-hair-washed_23-2148108893.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-washed_23-2148108851.jpg", buttonText: "Voir nos services" },
|
||||
]}
|
||||
title="Premium Hair Care"
|
||||
description="We use the highest quality products and techniques to bring out your natural beauty."
|
||||
title="Soins Capillaires Premium"
|
||||
description="Nous utilisons des produits de la plus haute qualité pour révéler votre beauté naturelle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,70 +77,21 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "From $55",
|
||||
subtitle: "Includes consultation and cut",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precision Cut",
|
||||
"Blow dry styling",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Popular",
|
||||
price: "From $120",
|
||||
subtitle: "Full color and styling transformation",
|
||||
features: [
|
||||
"Color consultation",
|
||||
"Full color application",
|
||||
"Cut and finish",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Premium",
|
||||
price: "From $85",
|
||||
subtitle: "Deep nourishment and repair",
|
||||
features: [
|
||||
"Hair analysis",
|
||||
"Deep conditioning",
|
||||
"Scalp massage",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Essentiel", price: "À partir de 55$", subtitle: "Inclut consultation et coupe", features: ["Consultation", "Coupe de précision", "Mise en plis"], buttons: [{ text: "Réserver", href: "#contact" }] },
|
||||
{ id: "p2", badge: "Populaire", price: "À partir de 120$", subtitle: "Transformation complète", features: ["Consultation couleur", "Application de couleur", "Coupe et finition"], buttons: [{ text: "Réserver", href: "#contact" }] },
|
||||
{ id: "p3", badge: "Premium", price: "À partir de 85$", subtitle: "Soins profonds", features: ["Analyse capillaire", "Traitement nourrissant", "Massage du cuir chevelu"], buttons: [{ text: "Réserver", href: "#contact" }] },
|
||||
]}
|
||||
title="Our Services & Pricing"
|
||||
description="Transparent pricing for our signature hair services."
|
||||
title="Services et Tarifs"
|
||||
description="Tarification transparente pour tous nos services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Story"
|
||||
description="At Salon La cache à repousse, we believe hair care is a moment of pure relaxation. Located in the heart of Lévis, our family-friendly salon provides a welcoming space where you can unwind and leave feeling rejuvenated. Our team of experienced stylists is passionate about creating a personalized experience for every client who walks through our doors."
|
||||
title="Notre Histoire"
|
||||
description="Au Salon La cache à repousse, nous croyons que la coiffure est un moment de pure détente. Situé au cœur de Lévis, notre salon familial offre un espace accueillant pour vous relaxer. Notre équipe de stylistes passionnés est dédiée à créer une expérience personnalisée pour chaque client."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-painter-using-watercolor-paint-mixing-colors-artistic-creation_482257-124848.jpg"
|
||||
imageAlt="Our welcoming salon space"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -209,51 +102,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Before / After 1",
|
||||
description: "Stunning blonde transformation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-sisters-black-white_329181-10662.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/woman-s-profile-trendy-grey-hair-background_633478-2379.jpg",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
{
|
||||
title: "Before / After 2",
|
||||
description: "Elegant bob style update",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-sad-twins_329181-10672.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7278.jpg",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
{
|
||||
title: "Before / After 3",
|
||||
description: "Vibrant color refreshment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-women-lying-white-sheet_23-2147770666.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-young-women-touching-their-head_23-2147890650.jpg",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
{
|
||||
title: "Before / After 4",
|
||||
description: "Healthy shine restoration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-blonde-with-hair-after-before-beauty-salon_132075-11809.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7273.jpg",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
{
|
||||
title: "Before / After 5",
|
||||
description: "Bold new style choice",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-friends-dressed-white_273609-6109.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-front-view_23-2149860774.jpg",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
{
|
||||
title: "Before / After 6",
|
||||
description: "Classic hair transformation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-preparing-halloween-with-ghost-costume_23-2149071234.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7274.jpg",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
{ title: "Avant / Après 1", description: "Transformation blonde éclatante", imageSrc: "http://img.b2bpic.net/free-photo/funny-sisters-black-white_329181-10662.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/woman-s-profile-trendy-grey-hair-background_633478-2379.jpg", buttonText: "Réserver" },
|
||||
{ title: "Avant / Après 2", description: "Style bob élégant", imageSrc: "http://img.b2bpic.net/free-photo/happy-sad-twins_329181-10672.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-young-blonde-female-friends-posing_273609-7278.jpg", buttonText: "Réserver" },
|
||||
]}
|
||||
title="Our Transformations"
|
||||
description="See how we've helped our clients reveal their best look."
|
||||
title="Nos Transformations"
|
||||
description="Découvrez comment nous aidons nos clients à révéler leur meilleur look."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -263,50 +116,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marie Leclair",
|
||||
handle: "@marie",
|
||||
testimonial: "Best salon in Lévis! The atmosphere is so relaxing and professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blue-eyed-romantic-girl-playing-with-wavy-hair-winsome-tanned-female-model_197531-9118.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sophie Tremblay",
|
||||
handle: "@sophie",
|
||||
testimonial: "I loved my coloring results. They really listened to what I wanted.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shy-spanish-woman-is-smiling-ideal-skin-long-straight-hair_633478-1847.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julie Fortin",
|
||||
handle: "@julie",
|
||||
testimonial: "Warm, welcoming, and high-quality services. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-colorful-hair-black-apron-white-t-shirt-holding-paint-brush-hand-dreamily-looking-camera-modern-pottery-studio_574295-960.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Karine Bouchard",
|
||||
handle: "@karine",
|
||||
testimonial: "The whole experience was perfect. Definitely coming back soon.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nancy G.",
|
||||
handle: "@nancy",
|
||||
testimonial: "Amazing service and friendly staff. My hair has never looked better.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-glad-girl-pink-eyemask-laughing-while-posing-kitchen-indoor-photo-pretty-sisters-joking-morning_197531-21460.jpg",
|
||||
},
|
||||
{ id: "1", name: "Marie Leclair", handle: "@marie", testimonial: "Le meilleur salon à Lévis ! Atmosphère professionnelle et très relaxante.", rating: 5 },
|
||||
{ id: "2", name: "Sophie Tremblay", handle: "@sophie", testimonial: "J'adore ma nouvelle couleur. Une équipe à l'écoute.", rating: 5 },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Our Clients"
|
||||
description="5.0 ★ rating from happy clients in Lévis."
|
||||
title="Ce qu'ils disent de nous"
|
||||
description="Note de 5.0 étoiles de la part de nos clients satisfaits à Lévis."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -316,86 +131,34 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: MapPin,
|
||||
title: "Location",
|
||||
value: "Lévis, QC",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Hours",
|
||||
value: "Tue-Sat 9-5",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Phone,
|
||||
title: "Phone",
|
||||
value: "(418) 555-0199",
|
||||
},
|
||||
{ id: "m1", icon: MapPin, title: "Adresse", value: "Lévis, QC" },
|
||||
{ id: "m2", icon: Clock, title: "Heures", value: "Mar-Sam 9h-17h" },
|
||||
{ id: "m3", icon: Phone, title: "Téléphone", value: "(418) 555-0199" },
|
||||
]}
|
||||
title="Visit Us Today"
|
||||
description="Located in Lévis, Quebec. We look forward to welcoming you."
|
||||
title="Visitez-nous"
|
||||
description="Situé à Lévis, au Québec. Nous avons hâte de vous accueillir."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Book Your Appointment"
|
||||
description="Ready to reveal your best look? Contact us today to secure your time slot."
|
||||
title="Prendre rendez-vous"
|
||||
description="Prêt à révéler votre beauté ? Contactez-nous pour réserver votre plage horaire."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Votre Nom", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Votre Numéro", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message or preferred date",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160094.jpg"
|
||||
buttonText="Submit Request"
|
||||
textarea={{ name: "message", placeholder: "Votre message ou date souhaitée", rows: 4 }}
|
||||
buttonText="Envoyer la demande"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Phone: (418) 555-0199",
|
||||
href: "tel:+14185550199",
|
||||
},
|
||||
{
|
||||
label: "Visit us in Lévis",
|
||||
href: "#location",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
{
|
||||
label: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Tél: (418) 555-0199", href: "tel:+14185550199" }, { label: "Lévis, QC", href: "#location" }] },
|
||||
{ items: [{ label: "Facebook", href: "https://facebook.com" }, { label: "Prendre Rendez-vous", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Salon La cache à repousse"
|
||||
/>
|
||||
@@ -403,4 +166,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user