From 69264510c21b12cce66ea1e9d9ff8a40307ce0c6 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 04:06:09 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 372 ++++++++++------------------------------------- 1 file changed, 78 insertions(+), 294 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 7f1f7b4..4841b0d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,41 +34,25 @@ export default function LandingPage() { @@ -76,103 +60,60 @@ export default function LandingPage() { @@ -185,24 +126,16 @@ export default function LandingPage() { metrics={[ { icon: Cog, - label: "Years in Craft", - value: "30+", - }, + label: "Years in Craft", value: "30+"}, { icon: Building, - label: "Projects Completed", - value: "500+", - }, + label: "Projects Completed", value: "500+"}, { icon: Award, - label: "Industry Certifications", - value: "10+", - }, + label: "Industry Certifications", value: "10+"}, { icon: Award, - label: "Client Satisfaction", - value: "99%", - }, + label: "Client Satisfaction", value: "99%"}, ]} metricsAnimation="slide-up" /> @@ -216,24 +149,16 @@ export default function LandingPage() { features={[ { icon: ListChecks, - title: "Bespoke Design Consultation", - description: "Collaborate with our experts to select materials and styles that perfectly match your property's aesthetic and architectural integrity.", - }, + title: "Bespoke Design Consultation", description: "Collaborate with our experts to select materials and styles that perfectly match your property's aesthetic and architectural integrity."}, { icon: Diamond, - title: "Luxury Material Selection", - description: "Access an exclusive palette of premium materials, including natural slate, sophisticated tile, and durable metal options, sourced globally.", - }, + title: "Luxury Material Selection", description: "Access an exclusive palette of premium materials, including natural slate, sophisticated tile, and durable metal options, sourced globally."}, { icon: Sparkles, - title: "Meticulous Craftsmanship", - description: "Our highly skilled artisans ensure every installation is executed with precision, adhering to the highest standards of quality and detail.", - }, + title: "Meticulous Craftsmanship", description: "Our highly skilled artisans ensure every installation is executed with precision, adhering to the highest standards of quality and detail."}, { icon: ShieldCheck, - title: "Industry-Leading Warranties", - description: "Benefit from comprehensive warranty programs that provide unmatched protection and peace of mind for your long-term investment.", - }, + title: "Industry-Leading Warranties", description: "Benefit from comprehensive warranty programs that provide unmatched protection and peace of mind for your long-term investment."}, ]} title="Our Premium Roofing Solutions" description="From traditional elegance to modern innovation, we offer a comprehensive suite of services tailored to your unique architectural vision and property demands." @@ -248,53 +173,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - name: "Commercial Plaza Re-roof", - price: "Project Cost: Inquire", - variant: "TPO Membrane", - imageSrc: "http://img.b2bpic.net/free-photo/hight-rise-condominium-office-buildings_1127-3044.jpg", - imageAlt: "Modern commercial building with a newly installed TPO membrane roof", - }, + id: "p1", name: "Commercial Plaza Re-roof", price: "Project Cost: Inquire", variant: "TPO Membrane", imageSrc: "http://img.b2bpic.net/free-photo/hight-rise-condominium-office-buildings_1127-3044.jpg", imageAlt: "Modern commercial building with a newly installed TPO membrane roof"}, { - id: "p2", - name: "Heritage Slate Estate", - price: "Project Cost: Inquire", - variant: "Natural Slate", - imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg", - imageAlt: "Elegant residential property with a traditional natural slate roof", - }, + id: "p2", name: "Heritage Slate Estate", price: "Project Cost: Inquire", variant: "Natural Slate", imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg", imageAlt: "Elegant residential property with a traditional natural slate roof"}, { - id: "p3", - name: "Eco-Friendly Green Roof", - price: "Project Cost: Inquire", - variant: "Vegetated System", - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-green-trees-inside-shed-daytime_181624-7366.jpg", - imageAlt: "Sustainable commercial building with a lush vegetated green roof", - }, + id: "p3", name: "Eco-Friendly Green Roof", price: "Project Cost: Inquire", variant: "Vegetated System", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-beautiful-green-trees-inside-shed-daytime_181624-7366.jpg", imageAlt: "Sustainable commercial building with a lush vegetated green roof"}, { - id: "p4", - name: "Modern Metal Residence", - price: "Project Cost: Inquire", - variant: "Standing Seam Metal", - imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg", - imageAlt: "Contemporary residential home featuring a sleek standing seam metal roof", - }, + id: "p4", name: "Modern Metal Residence", price: "Project Cost: Inquire", variant: "Standing Seam Metal", imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg", imageAlt: "Contemporary residential home featuring a sleek standing seam metal roof"}, { - id: "p5", - name: "Mediterranean Villa Redesign", - price: "Project Cost: Inquire", - variant: "Terracotta Tiles", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-italy-style_1203-7263.jpg", - imageAlt: "Luxurious Mediterranean villa with classic terracotta tile roofing", - }, + id: "p5", name: "Mediterranean Villa Redesign", price: "Project Cost: Inquire", variant: "Terracotta Tiles", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-italy-style_1203-7263.jpg", imageAlt: "Luxurious Mediterranean villa with classic terracotta tile roofing"}, { - id: "p6", - name: "Suburban Architectural Shingle", - price: "Project Cost: Inquire", - variant: "Designer Asphalt", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-white-building-hamilton-gardens-new-zealand-blue-sky_181624-13599.jpg", - imageAlt: "Charming suburban house with high-end designer asphalt shingles", - }, + id: "p6", name: "Suburban Architectural Shingle", price: "Project Cost: Inquire", variant: "Designer Asphalt", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-white-building-hamilton-gardens-new-zealand-blue-sky_181624-13599.jpg", imageAlt: "Charming suburban house with high-end designer asphalt shingles"}, ]} title="Showcasing Exemplary Projects" description="Explore our portfolio of completed projects, demonstrating the precision, quality, and aesthetic appeal that define MDM Roofing's work." @@ -309,25 +198,13 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - value: "200+", - title: "Luxury Homes Serviced", - description: "Bringing unparalleled craftsmanship to high-value residential properties across the region.", - icon: Home, + id: "m1", value: "200+", title: "Luxury Homes Serviced", description: "Bringing unparalleled craftsmanship to high-value residential properties across the region.", icon: Home, }, { - id: "m2", - value: "100%", - title: "Safety & Compliance", - description: "Adhering to the strictest safety standards for peace of mind on every project.", - icon: Lock, + id: "m2", value: "100%", title: "Safety & Compliance", description: "Adhering to the strictest safety standards for peace of mind on every project.", icon: Lock, }, { - id: "m3", - value: "40+", - title: "Years of Combined Experience", - description: "Our team's expertise ensures superior results and lasting quality.", - icon: GraduationCap, + id: "m3", value: "40+", title: "Years of Combined Experience", description: "Our team's expertise ensures superior results and lasting quality.", icon: GraduationCap, }, ]} title="Our Commitment to Excellence" @@ -341,50 +218,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - title: "Exemplary Service and Unrivaled Quality", - quote: "MDM Roofing delivered an exemplary service from initial consultation to final inspection. Our new roof is a true masterpiece and has significantly enhanced our home's curb appeal and value. Their team was professional, efficient, and meticulous.", - name: "Eleanor Vance", - role: "Residential Client", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-touching-glass-screen_1262-1999.jpg", - imageAlt: "Portrait of Eleanor Vance", - }, + id: "t1", title: "Exemplary Service and Unrivaled Quality", quote: "MDM Roofing delivered an exemplary service from initial consultation to final inspection. Our new roof is a true masterpiece and has significantly enhanced our home's curb appeal and value. Their team was professional, efficient, and meticulous.", name: "Eleanor Vance", role: "Residential Client", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-touching-glass-screen_1262-1999.jpg", imageAlt: "Portrait of Eleanor Vance"}, { - id: "t2", - title: "A Partner You Can Trust for Commercial Projects", - quote: "Managing large commercial properties demands partners who are reliable and deliver on their promises. MDM Roofing consistently exceeds our expectations, providing durable, high-performance roofing solutions with minimal disruption to our operations.", - name: "Jonathan Hayes", - role: "Commercial Property Developer", - imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-businesswoman-with-laptop-looking_74855-5171.jpg", - imageAlt: "Portrait of Jonathan Hayes", - }, + id: "t2", title: "A Partner You Can Trust for Commercial Projects", quote: "Managing large commercial properties demands partners who are reliable and deliver on their promises. MDM Roofing consistently exceeds our expectations, providing durable, high-performance roofing solutions with minimal disruption to our operations.", name: "Jonathan Hayes", role: "Commercial Property Developer", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-businesswoman-with-laptop-looking_74855-5171.jpg", imageAlt: "Portrait of Jonathan Hayes"}, { - id: "t3", - title: "Craftsmanship That Stands Apart", - quote: "As a custom home builder, I look for partners who share my commitment to excellence. MDM Roofing's craftsmanship is truly in a league of its own. They pay attention to every detail, ensuring the roofing perfectly complements the architectural vision.", - name: "Sofia Lombardi", - role: "Architect & Builder", - imageSrc: "http://img.b2bpic.net/free-photo/trans-couple-holding-each-other-being-affectionate-city-streets_23-2149304563.jpg", - imageAlt: "Portrait of Sofia Lombardi", - }, + id: "t3", title: "Craftsmanship That Stands Apart", quote: "As a custom home builder, I look for partners who share my commitment to excellence. MDM Roofing's craftsmanship is truly in a league of its own. They pay attention to every detail, ensuring the roofing perfectly complements the architectural vision.", name: "Sofia Lombardi", role: "Architect & Builder", imageSrc: "http://img.b2bpic.net/free-photo/trans-couple-holding-each-other-being-affectionate-city-streets_23-2149304563.jpg", imageAlt: "Portrait of Sofia Lombardi"}, { - id: "t4", - title: "Investment-Worthy Quality and Durability", - quote: "Choosing MDM Roofing was an investment in quality that has already paid dividends. Our roof is not only beautiful but engineered for longevity. The entire process was seamless, and the communication was excellent.", - name: "Richard Sterling", - role: "Affluent Homeowner", - imageSrc: "http://img.b2bpic.net/free-photo/business-young-entrepreneurs-concept-young-woman-video-chats-has-online-meeting-uses-wireless_1258-195293.jpg", - imageAlt: "Portrait of Richard Sterling", - }, + id: "t4", title: "Investment-Worthy Quality and Durability", quote: "Choosing MDM Roofing was an investment in quality that has already paid dividends. Our roof is not only beautiful but engineered for longevity. The entire process was seamless, and the communication was excellent.", name: "Richard Sterling", role: "Affluent Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/business-young-entrepreneurs-concept-young-woman-video-chats-has-online-meeting-uses-wireless_1258-195293.jpg", imageAlt: "Portrait of Richard Sterling"}, { - id: "t5", - title: "Luxury Service, Flawless Execution", - quote: "From the initial design phase to project completion, MDM Roofing provided a luxury service experience. The flawless execution and the stunning result speak volumes about their dedication to client satisfaction and roofing artistry.", - name: "Isabella Chen", - role: "Estate Manager", - imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleasant-looking-busy-young-woman-studies-provision-taxation-holds-papers_273609-18377.jpg", - imageAlt: "Portrait of Isabella Chen", - }, + id: "t5", title: "Luxury Service, Flawless Execution", quote: "From the initial design phase to project completion, MDM Roofing provided a luxury service experience. The flawless execution and the stunning result speak volumes about their dedication to client satisfaction and roofing artistry.", name: "Isabella Chen", role: "Estate Manager", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleasant-looking-busy-young-woman-studies-provision-taxation-holds-papers_273609-18377.jpg", imageAlt: "Portrait of Isabella Chen"}, ]} title="Voices of Our Valued Clients" description="Discover why homeowners and commercial partners trust MDM Roofing for unparalleled quality, reliability, and service." @@ -396,15 +238,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "GAF Certified Contractor", - "Owens Corning Preferred", - "CertainTeed Select ShingleMaster", - "Hydrostop Authorized Applicator", - "Master Elite Roofing", - "GuildQuality Member", - "BBB Accredited", - "Chamber of Commerce", - ]} + "GAF Certified Contractor", "Owens Corning Preferred", "CertainTeed Select ShingleMaster", "Hydrostop Authorized Applicator", "Master Elite Roofing", "GuildQuality Member", "BBB Accredited", "Chamber of Commerce"]} title="Trusted by Industry Leaders" description="Our commitment to excellence has earned us recognition and partnerships with leading architects, builders, and material suppliers, ensuring top-tier results." showCard={false} @@ -416,25 +250,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "q1", - title: "What types of roofing materials do you specialize in?", - content: "MDM Roofing specializes in a wide range of premium materials including natural slate, clay and concrete tiles, standing seam metal, high-end asphalt shingles, and advanced TPO/PVC for commercial properties. We cater to both traditional and modern architectural demands.", - }, + id: "q1", title: "What types of roofing materials do you specialize in?", content: "MDM Roofing specializes in a wide range of premium materials including natural slate, clay and concrete tiles, standing seam metal, high-end asphalt shingles, and advanced TPO/PVC for commercial properties. We cater to both traditional and modern architectural demands."}, { - id: "q2", - title: "Do you offer custom roofing solutions and design assistance?", - content: "Absolutely. We pride ourselves on offering bespoke roofing solutions. Our experts work closely with architects and homeowners to realize unique visions, providing comprehensive design consultations and material sourcing guidance.", - }, + id: "q2", title: "Do you offer custom roofing solutions and design assistance?", content: "Absolutely. We pride ourselves on offering bespoke roofing solutions. Our experts work closely with architects and homeowners to realize unique visions, providing comprehensive design consultations and material sourcing guidance."}, { - id: "q3", - title: "What kind of warranties do you provide?", - content: "MDM Roofing offers industry-leading warranties covering both materials and workmanship. The specifics vary by material and project, but our commitment is always to provide long-term peace of mind and protect your investment.", - }, + id: "q3", title: "What kind of warranties do you provide?", content: "MDM Roofing offers industry-leading warranties covering both materials and workmanship. The specifics vary by material and project, but our commitment is always to provide long-term peace of mind and protect your investment."}, { - id: "q4", - title: "How do I schedule a consultation and receive an estimate?", - content: "Scheduling a premium consultation is simple. You can fill out our online contact form, call us directly, or email us. We'll arrange a convenient time to visit your property, discuss your needs, and provide a detailed, transparent estimate.", - }, + id: "q4", title: "How do I schedule a consultation and receive an estimate?", content: "Scheduling a premium consultation is simple. You can fill out our online contact form, call us directly, or email us. We'll arrange a convenient time to visit your property, discuss your needs, and provide a detailed, transparent estimate."}, ]} sideTitle="Frequently Asked Questions" sideDescription="Find quick answers to common inquiries about our services, premium materials, industry-leading warranties, and our meticulous project process." @@ -449,28 +271,17 @@ export default function LandingPage() { description="Connect with MDM Roofing LTD today to discuss your project requirements and receive a personalized, detailed estimate from our expert team." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Your Email", - required: true, + name: "email", type: "email", placeholder: "Your Email", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Your Phone Number", - required: false, + name: "phone", type: "tel", placeholder: "Your Phone Number", required: false, }, ]} textarea={{ - name: "message", - placeholder: "Tell us about your roofing project...", - rows: 5, + name: "message", placeholder: "Tell us about your roofing project...", rows: 5, required: true, }} imageSrc="http://img.b2bpic.net/free-photo/medium-shot-architect-engineer-looking-plans_23-2148233709.jpg" @@ -482,70 +293,43 @@ export default function LandingPage() {