Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b9a6a43202 | |||
| e9a51a20cb |
208
src/app/page.tsx
208
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DMS System"
|
||||
/>
|
||||
@@ -58,31 +48,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Professional Technical Services for Your Home & Business"
|
||||
description="Electricity, plumbing, heating, and air conditioning solutions delivered with responsiveness, competence, and professionalism."
|
||||
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: "professional HVAC technician working"},
|
||||
{
|
||||
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: "professional HVAC technician working"},
|
||||
{
|
||||
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: "professional HVAC technician working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-3867.jpg",
|
||||
imageAlt: "professional HVAC technician working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-3867.jpg", imageAlt: "professional HVAC technician working"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5084.jpg",
|
||||
imageAlt: "professional HVAC technician working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5084.jpg", imageAlt: "professional HVAC technician working"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -104,26 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
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: "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: "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: "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: "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: "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"},
|
||||
]}
|
||||
title="Comprehensive Technical Solutions"
|
||||
description="From complex installations to routine maintenance, we provide high-quality services adapted to your specific requirements."
|
||||
@@ -137,26 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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: "Years Experience", description: "Serving satisfied customers since inception.", 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: "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: "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: "Satisfaction Rate", description: "Highly recommended for quality and service.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg"},
|
||||
]}
|
||||
title="Our Commitment to Quality"
|
||||
description="We measure our success through the satisfaction of our clients and the durability of our work."
|
||||
@@ -170,49 +119,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Pierric Pottier",
|
||||
handle: "Homeowner",
|
||||
testimonial: "A responsive, competent, and cheerful team. Thank you for your work and involvement in our project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
},
|
||||
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. Absolutely the best in the business.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mathieu Limas",
|
||||
handle: "Local Guide",
|
||||
testimonial: "Thank you to DMS System for their responsiveness and professionalism! A quality service that I highly recommend.",
|
||||
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: "Executive Partner", testimonial: "DMS System is the gold standard for professionalism. Their meticulous approach to every detail ensured our project exceeded expectations. Highly recommended for elite technical services.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Runner Mx37",
|
||||
handle: "Local Guide",
|
||||
testimonial: "I commend Mr. DEBEUF's professionalism; he listened carefully to my air conditioning needs and took the time to explain options.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Client A",
|
||||
handle: "Business Owner",
|
||||
testimonial: "Excellent service and very thorough installation process. Highly recommend them for heating needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-femininity-concept-positive-beautiful-young-european-woman-blue-shirt-looking-camera-with-broad-happy-smile-being-good-mood-kitchen-interior-background_343059-2087.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Client B",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Fast response time and high-quality plumbing work. Very clean and professional during the entire visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
||||
},
|
||||
id: "3", name: "Runner Mx37", handle: "Business Owner", testimonial: "Their commitment to client satisfaction is truly remarkable. Mr. DEBEUF and his team provided exceptional climate control solutions tailored perfectly to our high-end facility needs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success Stories"
|
||||
description="Discover why our clients highly recommend us for professionalism and responsiveness."
|
||||
title="Premium Client Testimonials"
|
||||
description="We take pride in delivering elite, high-performance technical solutions that earn the trust and praise of our distinguished clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -222,20 +140,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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: "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: "f2",
|
||||
title: "How quickly can you respond to emergencies?",
|
||||
content: "We prioritize responsiveness for urgent plumbing and electrical issues. Please call our emergency line directly.",
|
||||
},
|
||||
id: "f2", title: "How quickly can you respond to emergencies?", content: "We prioritize responsiveness for urgent plumbing and electrical issues. Please call our emergency line directly."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide estimates for repairs?",
|
||||
content: "Yes, we always provide transparent options with clear cost-benefit explanations before beginning any work.",
|
||||
},
|
||||
id: "f3", title: "Do you provide estimates for repairs?", content: "Yes, we always provide transparent options with clear cost-benefit explanations before beginning any work."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/solar-power-woman-specialist-provides-remote-support-manufacturing-plant_482257-125061.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -248,20 +157,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ready to get started?"
|
||||
title="Contact Our Expert Team Today"
|
||||
description="We are at your disposal for any future work or questions regarding your home or business technical needs."
|
||||
variant: "plain"}}
|
||||
tag="Ready to elevate your standards?"
|
||||
title="Start Your Project with Our Expert Team"
|
||||
description="Experience premium technical excellence tailored to your home or business. Reach out today for a consultation and discover the DMS System difference."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "tel:+33000000000",
|
||||
},
|
||||
text: "Speak with an Expert", href: "tel:+33000000000"},
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book an Assessment", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -269,39 +173,27 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="DMS System"
|
||||
copyrightText="© 2025 | DMS System Professional Services. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Electrical",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "HVAC",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Plumbing",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Electrical Solutions", href: "#features" },
|
||||
{ label: "HVAC Infrastructure", href: "#features" },
|
||||
{ label: "Plumbing Maintenance", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Enterprise", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Premium Client Reviews", href: "#testimonials" },
|
||||
{ label: "Operational Areas", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Emergency Contact", href: "#contact" },
|
||||
{ label: "Request Estimate", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #1c3d5a;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta: #7b7b7b;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--accent: #b8b8b8;
|
||||
--background-accent: #f2f2f2;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user