Merge version_1 into main #1
153
src/app/page.tsx
153
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Shield, Target, Award } from "lucide-react";
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
@@ -28,70 +29,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "À Propos", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Service Swiss Nettoyage"
|
||||
button={{
|
||||
text: "Devis Gratuit",
|
||||
href: "/contact",
|
||||
}}
|
||||
button={{ text: "Devis Gratuit", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Swiss Precision, Pure Cleanliness."
|
||||
description="Premium cleaning services across Vaud. Tailored excellence for residential and office spaces."
|
||||
tag="Service Swiss Nettoyage"
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "En savoir plus",
|
||||
href: "/services",
|
||||
},
|
||||
{ text: "Réserver", href: "/contact" },
|
||||
{ text: "En savoir plus", href: "/services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198542.jpg",
|
||||
imageAlt: "Luxury living room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-living-room-with-soft-sofa-background-wooden-wall-minim_1258-134116.jpg",
|
||||
imageAlt: "Clean apartment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-zoom-calls-with-plant-chair_23-2149684452.jpg",
|
||||
imageAlt: "Background for zoom calls with plant and chair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263615.jpg",
|
||||
imageAlt: "Photorealistic timber house interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-with-home-items_169016-5363.jpg",
|
||||
imageAlt: "Modern interior with home items",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198542.jpg", imageAlt: "Luxury living room" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-living-room-with-soft-sofa-background-wooden-wall-minim_1258-134116.jpg", imageAlt: "Clean apartment" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -115,21 +75,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Années d'expérience",
|
||||
value: "5+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Satisfaction client",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Qualité garantie",
|
||||
value: "✓",
|
||||
},
|
||||
{ id: "m1", title: "Années d'expérience", value: "5+", icon: Shield },
|
||||
{ id: "m2", title: "Satisfaction client", value: "100%", icon: Target },
|
||||
{ id: "m3", title: "Qualité garantie", value: "✓", icon: Award },
|
||||
]}
|
||||
title="Pourquoi Choisir SN"
|
||||
description="La satisfaction client au cœur de chaque intervention."
|
||||
@@ -141,47 +89,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sophie M.",
|
||||
role: "Directrice",
|
||||
company: "Vaud",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-standing-with-coffee-busy-street-smiling-camera_1258-123421.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jean P.",
|
||||
role: "Propriétaire",
|
||||
company: "Genève",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-with-reviews_23-2149394417.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Claire B.",
|
||||
role: "Manager",
|
||||
company: "Lausanne",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-man-cleaning-mirror-bathroom_329181-20789.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marc T.",
|
||||
role: "Architecte",
|
||||
company: "Nyon",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lucie V.",
|
||||
role: "Designer",
|
||||
company: "Vaud",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-customer-support-operator-with-hands-free-headset-working-office_231208-686.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sophie M.", role: "Directrice", company: "Vaud", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-standing-with-coffee-busy-street-smiling-camera_1258-123421.jpg" },
|
||||
{ id: "t2", name: "Jean P.", role: "Propriétaire", company: "Genève", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-with-reviews_23-2149394417.jpg" },
|
||||
{ id: "t3", name: "Claire B.", role: "Manager", company: "Lausanne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/rear-view-man-cleaning-mirror-bathroom_329181-20789.jpg" },
|
||||
{ id: "t4", name: "Marc T.", role: "Architecte", company: "Nyon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" },
|
||||
{ id: "t5", name: "Lucie V.", role: "Designer", company: "Vaud", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-customer-support-operator-with-hands-free-headset-working-office_231208-686.jpg" },
|
||||
]}
|
||||
title="L'avis de nos clients"
|
||||
description="Des résultats impeccables, une confiance absolue."
|
||||
@@ -194,6 +108,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Nos Services"
|
||||
description="Solutions de nettoyage professionnelles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -202,30 +118,15 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "À Propos",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "À Propos", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Mentions Légales", href: "#" },
|
||||
{ label: "Confidentialité", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user