5 Commits

Author SHA1 Message Date
df07b38a22 Update theme colors 2026-05-12 15:19:58 +00:00
d76bab60a9 Update theme colors 2026-05-12 15:18:54 +00:00
e24391e1f4 Update theme colors 2026-05-12 15:18:34 +00:00
1e57f191bf Update src/app/page.tsx 2026-05-11 17:00:05 +00:00
1160063ed6 Merge version_3 into main
Merge version_3 into main
2026-05-11 16:58:45 +00:00
2 changed files with 40 additions and 40 deletions

View File

@@ -30,10 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ name: "Home", id: "hero" }, { name: "Accueil", id: "hero" },
{ name: "About", id: "about" }, { name: "À Propos", id: "about" },
{ name: "Services", id: "features" }, { name: "Services", id: "features" },
{ name: "Testimonials", id: "testimonials" }, { name: "Témoignages", id: "testimonials" },
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" },
]} ]}
brandName="DMS System" brandName="DMS System"
@@ -43,12 +43,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
title="Professional Technical Services for Your Home & Business" title="Services Techniques Professionnels pour votre Maison et Entreprise"
description="Electricity, plumbing, heating, and air conditioning solutions delivered with responsiveness, competence, and professionalism." description="Solutions d'électricité, plomberie, chauffage et climatisation livrées avec réactivité, compétence et professionnalisme."
mediaItems={[ mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-switchboard-with-electrical-connection-cable-copy-space_169016-53716.jpg", imageAlt: "professional HVAC technician working" }, { imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-switchboard-with-electrical-connection-cable-copy-space_169016-53716.jpg", imageAlt: "électricien professionnel" },
{ imageSrc: "http://img.b2bpic.net/free-photo/technician-dismantling-condenser_482257-90835.jpg", imageAlt: "professional HVAC technician working" }, { imageSrc: "http://img.b2bpic.net/free-photo/technician-dismantling-condenser_482257-90835.jpg", imageAlt: "technicien CVC au travail" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg", imageAlt: "professional HVAC technician working" }, { imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg", imageAlt: "installation de système de chauffage" },
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -57,10 +57,10 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<MediaAbout <MediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Your Trusted Experts in Technical Infrastructure" title="Vos Experts de Confiance en Infrastructure Technique"
description="At DMS System, we combine expertise and responsiveness to provide reliable service for all your electricity, plumbing, and climate control needs. Our team ensures the highest standard of professionalism on every project." description="Chez DMS System, nous combinons expertise et réactivité pour fournir un service fiable pour tous vos besoins en électricité, plomberie et contrôle climatique. Notre équipe assure le plus haut standard de professionnalisme sur chaque projet."
imageSrc="http://img.b2bpic.net/free-photo/colleagues-use-laptop-tablet-guide-personnel-fabrication-production-tasks_482257-136064.jpg" imageSrc="http://img.b2bpic.net/free-photo/colleagues-use-laptop-tablet-guide-personnel-fabrication-production-tasks_482257-136064.jpg"
imageAlt="professional plumbing and electrical team" imageAlt="équipe technique professionnelle"
/> />
</div> </div>
@@ -69,12 +69,12 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ tag: "Electrical", title: "Expert Electrical Services", subtitle: "Reliable & Safe", description: "High-standard electrical wiring, panel upgrades, and smart home lighting installations.", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66529.jpg" }, { tag: "Électricité", title: "Expertise Électrique", subtitle: "Fiable & Sécurisé", description: "Installation électrique aux normes, mise à niveau de panneaux et éclairage domotique.", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66529.jpg" },
{ tag: "HVAC", title: "Advanced Climate Control", subtitle: "Efficient Comfort", description: "Professional installation and repair of air conditioning and heating systems for optimal year-round climate.", imageSrc: "http://img.b2bpic.net/free-photo/small-house-entrance-japan-building_23-2149301082.jpg" }, { tag: "CVC", title: "Contrôle Climatique", subtitle: "Confort Efficace", description: "Installation et réparation professionnelle de systèmes de climatisation et chauffage.", imageSrc: "http://img.b2bpic.net/free-photo/small-house-entrance-japan-building_23-2149301082.jpg" },
{ tag: "Plumbing", title: "Professional Plumbing", subtitle: "Fast Repair", description: "Comprehensive plumbing services, from leak repairs to complete bathroom and kitchen fixture installations.", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132304.jpg" }, { tag: "Plomberie", title: "Plomberie Professionnelle", subtitle: "Réparation Rapide", description: "Services complets, des fuites urgentes aux installations sanitaires complètes.", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132304.jpg" },
]} ]}
title="Comprehensive Technical Solutions" title="Solutions Techniques Complètes"
description="From complex installations to routine maintenance, we provide high-quality services adapted to your specific requirements." description="Des installations complexes à la maintenance de routine, nous fournissons des services de haute qualité adaptés à vos besoins."
/> />
</div> </div>
@@ -84,12 +84,12 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ id: "m1", value: "15+", title: "Years Experience", description: "Serving satisfied customers since inception.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg" }, { id: "m1", value: "15+", title: "Années d'Expérience", description: "Au service de clients satisfaits depuis notre création.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721544.jpg" },
{ id: "m2", value: "500+", title: "Projects Completed", description: "Reliable installations and successful repairs.", imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-10805.jpg" }, { id: "m2", value: "500+", title: "Projets Réalisés", description: "Installations fiables et réparations réussies.", imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-10805.jpg" },
{ id: "m3", value: "98%", title: "Satisfaction Rate", description: "Highly recommended for quality and service.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg" }, { id: "m3", value: "98%", title: "Taux de Satisfaction", description: "Recommandés pour la qualité et le service.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg" },
]} ]}
title="Our Commitment to Quality" title="Notre Engagement Qualité"
description="We measure our success through the satisfaction of our clients and the durability of our work." description="Nous mesurons notre succès par la satisfaction de nos clients et la durabilité de nos ouvrages."
/> />
</div> </div>
@@ -99,12 +99,12 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ id: "1", name: "Pierric Pottier", handle: "Premium Client", testimonial: "An unparalleled level of expertise and responsiveness. The DMS System team transformed our technical infrastructure with precision and care.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" }, { id: "1", name: "Pierric Pottier", handle: "Client Premium", testimonial: "Un niveau d'expertise et de réactivité inégalé. L'équipe DMS System a transformé notre infrastructure avec précision.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
{ id: "2", name: "Mathieu Limas", handle: "Executive Partner", testimonial: "DMS System is the gold standard for professionalism. Their meticulous approach ensured our project exceeded expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" }, { id: "2", name: "Mathieu Limas", handle: "Partenaire Exécutif", testimonial: "DMS System est la référence en matière de professionnalisme. Leur approche méticuleuse a dépassé nos attentes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
]} ]}
showRating={true} showRating={true}
title="Premium Client Testimonials" title="Témoignages Clients"
description="We take pride in delivering elite, high-performance technical solutions." description="Nous sommes fiers de livrer des solutions techniques de haute performance."
/> />
</div> </div>
@@ -113,12 +113,12 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ id: "f1", title: "What areas do you serve?", content: "We serve the surrounding region. Please contact us to confirm if your address is within our service area." }, { id: "f1", title: "Quelles zones couvrez-vous ?", content: "Nous intervenons dans toute la région. Contactez-nous pour confirmer si votre adresse est couverte." },
{ id: "f2", title: "How quickly can you respond to emergencies?", content: "We prioritize responsiveness for urgent plumbing and electrical issues." }, { id: "f2", title: "Quel est votre délai pour les urgences ?", content: "Nous donnons la priorité aux urgences pour les interventions en plomberie et électricité." },
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/solar-power-woman-specialist-provides-remote-support-manufacturing-plant_482257-125061.jpg" imageSrc="http://img.b2bpic.net/free-photo/solar-power-woman-specialist-provides-remote-support-manufacturing-plant_482257-125061.jpg"
title="Frequently Asked Questions" title="Questions Fréquentes"
description="Need assistance? Find common questions answered here." description="Besoin d'aide ? Trouvez les réponses ici."
faqsAnimation="blur-reveal" faqsAnimation="blur-reveal"
/> />
</div> </div>
@@ -127,12 +127,12 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
background={{ variant: "plain" }} background={{ variant: "plain" }}
tag="Ready to elevate your standards?" tag="Prêt à élever vos standards ?"
title="Start Your Project with Our Expert Team" title="Démarrer votre projet avec notre équipe"
description="Experience premium technical excellence. Reach out today for a consultation." description="Vivez l'excellence technique. Contactez-nous pour une consultation dès aujourd'hui."
buttons={[ buttons={[
{ text: "Speak with an Expert", href: "tel:+33000000000" }, { text: "Parler à un Expert", href: "tel:+33000000000" },
{ text: "Book an Assessment", href: "#" }, { text: "Prendre un RDV", href: "#" },
]} ]}
/> />
</div> </div>
@@ -140,12 +140,12 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterSimple
columns={[ columns={[
{ title: "Services", items: [{ label: "Electrical Solutions" }, { label: "HVAC Infrastructure" }, { label: "Plumbing Maintenance" }] }, { title: "Services", items: [{ label: "Électricité" }, { label: "Climatisation" }, { label: "Plomberie" }] },
{ title: "Enterprise", items: [{ label: "About Us" }, { label: "Reviews" }, { label: "Operational Areas" }] }, { title: "Entreprise", items: [{ label: "À Propos" }, { label: "Avis Clients" }, { label: "Zone d'Intervention" }] },
{ title: "Support", items: [{ label: "Emergency Contact" }, { label: "Request Estimate" }] }, { title: "Support", items: [{ label: "Urgence" }, { label: "Devis" }] },
]} ]}
bottomLeftText="DMS System Luxury Technical Services" bottomLeftText="DMS System - Services Techniques"
bottomRightText="© 2025 All Rights Reserved" bottomRightText="© 2025 Tous droits servés"
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -18,7 +18,7 @@
--secondary-cta: #f5f4f0; --secondary-cta: #f5f4f0;
--secondary-cta-text: #2b180a; --secondary-cta-text: #2b180a;
--accent: #8a8a8a; --accent: #8a8a8a;
--background-accent: #e8e6e1; --background-accent: #c28b00;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);