From aa4d304447696f84dd93a7d0263ece697b80ab8b Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 12 Jun 2026 06:41:27 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 358 +++++++++-------------------------------------- 1 file changed, 67 insertions(+), 291 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index d85333f..78266aa 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,33 +34,19 @@ export default function LandingPage() { @@ -144,46 +105,22 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Advanced Leak Detection & Repair", - description: "Utilizing cutting-edge technology to pinpoint and repair leaks with precision, preventing further damage.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-tablet_23-2148751965.jpg", - imageAlt: "Roofer using tablet on job site", - }, + title: "Advanced Leak Detection & Repair", description: "Utilizing cutting-edge technology to pinpoint and repair leaks with precision, preventing further damage.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-tablet_23-2148751965.jpg", imageAlt: "Roofer using tablet on job site"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/3d-view-house-model_23-2150761068.jpg", - imageAlt: "Blueprint on a digital screen", - }, - imageSrc: "http://img.b2bpic.net/free-psd/construction-project-landing-page-template_23-2151219643.jpg", - imageAlt: "roofer using tablet on job site", + imageSrc: "http://img.b2bpic.net/free-photo/3d-view-house-model_23-2150761068.jpg", imageAlt: "Blueprint on a digital screen"} }, { - title: "Drone-Powered Roof Inspections", - description: "Thorough and safe inspections using drones for detailed analysis and comprehensive reporting, identifying issues quickly.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/palace-china_1127-4067.jpg", - imageAlt: "Drone flying over a house roof", - }, + title: "Drone-Powered Roof Inspections", description: "Thorough and safe inspections using drones for detailed analysis and comprehensive reporting, identifying issues quickly.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/palace-china_1127-4067.jpg", imageAlt: "Drone flying over a house roof"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daylight_23-2149080269.jpg", - imageAlt: "Detailed roof damage close up", - }, - imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg?_wi=2", - imageAlt: "roofer using tablet on job site", + imageSrc: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daylight_23-2149080269.jpg", imageAlt: "Detailed roof damage close up"} }, { - title: "Transparent Project Management", - description: "Stay informed every step of the way with clear communication, detailed timelines, and honest pricing, ensuring peace of mind.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-contract-while-being-with-her-husband-meeting-with-real-estate-agent_637285-6897.jpg", - imageAlt: "Happy homeowner shaking roofer's hand", - }, + title: "Transparent Project Management", description: "Stay informed every step of the way with clear communication, detailed timelines, and honest pricing, ensuring peace of mind.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-contract-while-being-with-her-husband-meeting-with-real-estate-agent_637285-6897.jpg", imageAlt: "Happy homeowner shaking roofer's hand"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-office_23-2148179154.jpg", - imageAlt: "Document with project timeline", - }, - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg?_wi=2", - imageAlt: "roofer using tablet on job site", + imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-office_23-2148179154.jpg", imageAlt: "Document with project timeline"} }, ]} showStepNumbers={true} @@ -202,47 +139,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "shingle", - name: "Residential Shingle Roofing", - price: "Starting at $8/sq ft", - imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13093.jpg", - imageAlt: "Newly installed shingle roof on a residential home", - }, + id: "shingle", name: "Residential Shingle Roofing", price: "Starting at $8/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13093.jpg", imageAlt: "Newly installed shingle roof on a residential home"}, { - id: "tile", - name: "Spanish Tile Roof Installation", - price: "Starting at $12/sq ft", - imageSrc: "http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.jpg", - imageAlt: "Traditional red clay tile roof on a Mediterranean-style house", - }, + id: "tile", name: "Spanish Tile Roof Installation", price: "Starting at $12/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.jpg", imageAlt: "Traditional red clay tile roof on a Mediterranean-style house"}, { - id: "metal", - name: "Modern Metal Roofing Solutions", - price: "Starting at $15/sq ft", - imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg", - imageAlt: "Sleek metal roof on a contemporary commercial building", - }, + id: "metal", name: "Modern Metal Roofing Solutions", price: "Starting at $15/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg", imageAlt: "Sleek metal roof on a contemporary commercial building"}, { - id: "flat", - name: "Commercial Flat Roof Systems", - price: "Starting at $7/sq ft", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-painting-car-door_23-2149714299.jpg", - imageAlt: "Expansive flat roof on a large commercial property", - }, + id: "flat", name: "Commercial Flat Roof Systems", price: "Starting at $7/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-painting-car-door_23-2149714299.jpg", imageAlt: "Expansive flat roof on a large commercial property"}, { - id: "wood_shake", - name: "Rustic Wood Shake Roofing", - price: "Starting at $10/sq ft", - imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-red-metal-small-houses-coast-sea_181624-986.jpg", - imageAlt: "Textured wood shake roof on a charming rustic home", - }, + id: "wood_shake", name: "Rustic Wood Shake Roofing", price: "Starting at $10/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-red-metal-small-houses-coast-sea_181624-986.jpg", imageAlt: "Textured wood shake roof on a charming rustic home"}, { - id: "slate", - name: "Elegant Slate Roofing", - price: "Starting at $20/sq ft", - imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15895.jpg", - imageAlt: "Premium slate roof on a historic building", - }, + id: "slate", name: "Elegant Slate Roofing", price: "Starting at $20/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15895.jpg", imageAlt: "Premium slate roof on a historic building"}, ]} title="Showcasing Our Quality Roofing Projects" description="Discover the breadth of our work, from elegant residential installations to robust commercial solutions, each completed with precision and care." @@ -257,65 +164,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - name: "Michael S.", - date: "May 2023", - title: "Outstanding Roof Replacement!", - quote: "LA Roofing Pro exceeded all our expectations. The team was incredibly professional, completed the job on time, and the new roof looks fantastic. Highly recommend their services!", - tag: "Residential", - avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-relaxing-home_23-2150307056.jpg", - avatarAlt: "Michael S. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-roof-top-holding-electric-guitar_23-2148680355.jpg", - imageAlt: "Newly replaced roof on Michael S.'s home", - }, + id: "1", name: "Michael S.", date: "May 2023", title: "Outstanding Roof Replacement!", quote: "LA Roofing Pro exceeded all our expectations. The team was incredibly professional, completed the job on time, and the new roof looks fantastic. Highly recommend their services!", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-relaxing-home_23-2150307056.jpg", avatarAlt: "Michael S. avatar", imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-roof-top-holding-electric-guitar_23-2148680355.jpg", imageAlt: "Newly replaced roof on Michael S.'s home"}, { - id: "2", - name: "Sarah J.", - date: "April 2023", - title: "Exceptional Commercial Work", - quote: "We hired LA Roofing Pro for our commercial property, and they delivered a flawless job. The communication was excellent, and the project stayed within budget. A truly reliable partner.", - tag: "Commercial", - avatarSrc: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg", - avatarAlt: "Sarah J. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-with-soft-light-moldova_1268-16016.jpg", - imageAlt: "New roof on Sarah J.'s commercial building", - }, + id: "2", name: "Sarah J.", date: "April 2023", title: "Exceptional Commercial Work", quote: "We hired LA Roofing Pro for our commercial property, and they delivered a flawless job. The communication was excellent, and the project stayed within budget. A truly reliable partner.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/happy-coworkers-holding-tablets-showing-thumbs-up-stairs_1262-20218.jpg", avatarAlt: "Sarah J. avatar", imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-with-soft-light-moldova_1268-16016.jpg", imageAlt: "New roof on Sarah J.'s commercial building"}, { - id: "3", - name: "David & Emily R.", - date: "March 2023", - title: "Beautiful Tile Roof!", - quote: "Our Spanish tile roof needed a complete overhaul. LA Roofing Pro brought it back to life, enhancing our home's curb appeal significantly. Their craftsmanship is second to none!", - tag: "Residential", - avatarSrc: "http://img.b2bpic.net/free-photo/cute-couple-with-mugs-stylish-kitchen_23-2147895048.jpg", - avatarAlt: "David & Emily R. avatars", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-multicolored-houses-facades-notting-hill_657883-750.jpg", - imageAlt: "Renovated tile roof on David & Emily R.'s home", - }, + id: "3", name: "David & Emily R.", date: "March 2023", title: "Beautiful Tile Roof!", quote: "Our Spanish tile roof needed a complete overhaul. LA Roofing Pro brought it back to life, enhancing our home's curb appeal significantly. Their craftsmanship is second to none!", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/cute-couple-with-mugs-stylish-kitchen_23-2147895048.jpg", avatarAlt: "David & Emily R. avatars", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-multicolored-houses-facades-notting-hill_657883-750.jpg", imageAlt: "Renovated tile roof on David & Emily R.'s home"}, { - id: "4", - name: "Robert K.", - date: "February 2023", - title: "Quick & Efficient Repair", - quote: "After a recent storm, we had a major leak. LA Roofing Pro responded quickly, identified the issue, and performed a durable repair. Very impressed with their speed and quality.", - tag: "Emergency Repair", - avatarSrc: "http://img.b2bpic.net/free-photo/young-builder-shirt-vest-helmet-showing-thumbs-up-down-looking-hesitant-front-view_176474-29855.jpg", - avatarAlt: "Robert K. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/sky-modern-building_23-2147694760.jpg", - imageAlt: "Roofer repairing a damaged roof", - }, + id: "4", name: "Robert K.", date: "February 2023", title: "Quick & Efficient Repair", quote: "After a recent storm, we had a major leak. LA Roofing Pro responded quickly, identified the issue, and performed a durable repair. Very impressed with their speed and quality.", tag: "Emergency Repair", avatarSrc: "http://img.b2bpic.net/free-photo/young-builder-shirt-vest-helmet-showing-thumbs-up-down-looking-hesitant-front-view_176474-29855.jpg", avatarAlt: "Robert K. avatar", imageSrc: "http://img.b2bpic.net/free-photo/sky-modern-building_23-2147694760.jpg", imageAlt: "Roofer repairing a damaged roof"}, { - id: "5", - name: "Linda M.", - date: "January 2023", - title: "Professional & Trustworthy", - quote: "Finding a reliable roofer can be tough, but LA Roofing Pro proved to be incredibly trustworthy. They explained everything clearly and delivered on all promises. My go-to for future needs!", - tag: "Residential", - avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-portrait-with-hand-bag_23-2148891704.jpg", - avatarAlt: "Linda M. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint_23-2149714280.jpg", - imageAlt: "Before and after storm damaged roof", - }, + id: "5", name: "Linda M.", date: "January 2023", title: "Professional & Trustworthy", quote: "Finding a reliable roofer can be tough, but LA Roofing Pro proved to be incredibly trustworthy. They explained everything clearly and delivered on all promises. My go-to for future needs!", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-senior-woman-portrait-with-hand-bag_23-2148891704.jpg", avatarAlt: "Linda M. avatar", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-spraying-powder-paint_23-2149714280.jpg", imageAlt: "Before and after storm damaged roof"}, ]} title="What Our Valued Clients Say" description="Hear directly from homeowners and businesses across Los Angeles about their experience with LA Roofing Pro's reliable and high-quality services." @@ -329,14 +186,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "GAF", - "Owens Corning", - "IKO", - "CertainTeed", - "TAMKO", - "Malarkey", - "Eagle Roofing", - ]} + "GAF", "Owens Corning", "IKO", "CertainTeed", "TAMKO", "Malarkey", "Eagle Roofing"]} title="Trusted by Homeowners and Businesses Across LA" description="We partner with leading manufacturers to provide top-tier roofing materials and solutions for every project, ensuring lasting quality and performance." tag="Our Partners" @@ -351,60 +201,30 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "standard", - badge: "Residential", - price: "$XXX", - name: "Standard Home Roofing", - buttons: [ + id: "standard", badge: "Residential", price: "$XXX", name: "Standard Home Roofing", buttons: [ { - text: "Get Quote", - href: "#contact", - }, + text: "Get Quote", href: "#contact"}, ], features: [ - "Standard Shingle Roofing", - "Basic Leak Warranty", - "Free 1-Year Inspection", - "Material & Labor Included", - ], + "Standard Shingle Roofing", "Basic Leak Warranty", "Free 1-Year Inspection", "Material & Labor Included"], }, { - id: "premium", - badge: "Commercial", - badgeIcon: Sparkles, - price: "$XXX", - name: "Commercial Flat Roofing", - buttons: [ + id: "premium", badge: "Commercial", badgeIcon: Sparkles, + price: "$XXX", name: "Commercial Flat Roofing", buttons: [ { - text: "Get Quote", - href: "#contact", - }, + text: "Get Quote", href: "#contact"}, ], features: [ - "Advanced TPO/EPDM System", - "Extended Leak Warranty", - "Annual Maintenance Plan", - "Energy Efficiency Audit", - ], + "Advanced TPO/EPDM System", "Extended Leak Warranty", "Annual Maintenance Plan", "Energy Efficiency Audit"], }, { - id: "luxury", - badge: "Custom Project", - badgeIcon: Crown, - price: "Custom", - name: "Luxury & Specialty Roofs", - buttons: [ + id: "luxury", badge: "Custom Project", badgeIcon: Crown, + price: "Custom", name: "Luxury & Specialty Roofs", buttons: [ { - text: "Request Consultation", - href: "#contact", - }, + text: "Request Consultation", href: "#contact"}, ], features: [ - "Slate or Tile Installation", - "Premium Workmanship Warranty", - "Biannual Maintenance Plan", - "Architectural Design Support", - ], + "Slate or Tile Installation", "Premium Workmanship Warranty", "Biannual Maintenance Plan", "Architectural Design Support"], }, ]} title="Transparent Pricing for Premium Roofing Services" @@ -420,30 +240,15 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "What types of roofing services do you offer?", - content: "We offer a full range of services including new roof installations, roof replacements, repairs, maintenance, inspections (including drone inspections), and emergency services for both residential and commercial properties.", - }, + id: "1", title: "What types of roofing services do you offer?", content: "We offer a full range of services including new roof installations, roof replacements, repairs, maintenance, inspections (including drone inspections), and emergency services for both residential and commercial properties."}, { - id: "2", - title: "Do you provide free estimates?", - content: "Yes, we offer complimentary, no-obligation estimates for all potential projects. Contact us today to schedule yours!", - }, + id: "2", title: "Do you provide free estimates?", content: "Yes, we offer complimentary, no-obligation estimates for all potential projects. Contact us today to schedule yours!"}, { - id: "3", - title: "Are you licensed and insured in California?", - content: "Absolutely. LA Roofing Pro is fully licensed, bonded, and insured to operate throughout California, providing you with peace of mind.", - }, + id: "3", title: "Are you licensed and insured in California?", content: "Absolutely. LA Roofing Pro is fully licensed, bonded, and insured to operate throughout California, providing you with peace of mind."}, { - id: "4", - title: "How long does a typical roof replacement take?", - content: "The duration of a roof replacement varies depending on the size of your roof, the complexity of the job, and weather conditions. Most residential projects are completed within 3-7 days.", - }, + id: "4", title: "How long does a typical roof replacement take?", content: "The duration of a roof replacement varies depending on the size of your roof, the complexity of the job, and weather conditions. Most residential projects are completed within 3-7 days."}, { - id: "5", - title: "What kind of warranty do you offer?", - content: "We provide comprehensive warranties on both materials and workmanship, ensuring the longevity and quality of your new roof. Specific warranty details will be discussed during your estimate.", - }, + id: "5", title: "What kind of warranty do you offer?", content: "We provide comprehensive warranties on both materials and workmanship, ensuring the longevity and quality of your new roof. Specific warranty details will be discussed during your estimate."}, ]} title="Frequently Asked Questions" description="Find quick answers to the most common inquiries about our roofing services, process, and guarantees." @@ -460,27 +265,16 @@ export default function LandingPage() { description="Ready to start your roofing project or need an urgent repair? Fill out the form below, and our team will get back to you promptly." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Full Name", - required: true, + name: "name", type: "text", placeholder: "Your Full Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Your Email Address", - required: true, + name: "email", type: "email", placeholder: "Your Email Address", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Phone Number (Optional)", - }, + name: "phone", type: "tel", placeholder: "Phone Number (Optional)"}, ]} textarea={{ - name: "message", - placeholder: "Tell us about your roofing needs (e.g., 'new roof', 'leak repair', 'inspection')", - rows: 4, + name: "message", placeholder: "Tell us about your roofing needs (e.g., 'new roof', 'leak repair', 'inspection')", rows: 4, required: true, }} imageSrc="http://img.b2bpic.net/free-photo/los-angeles-downtown-view-with-urban-architectures_649448-2526.jpg" @@ -499,49 +293,31 @@ export default function LandingPage() { { items: [ { - label: "Home", - href: "#home", - }, + label: "Home", href: "#home"}, { - label: "About Us", - href: "#about", - }, + label: "About Us", href: "#about"}, { - label: "Services", - href: "#services", - }, + label: "Services", href: "#services"}, ], }, { items: [ { - label: "Projects", - href: "#projects", - }, + label: "Projects", href: "#projects"}, { - label: "Testimonials", - href: "#testimonials", - }, + label: "Testimonials", href: "#testimonials"}, { - label: "Pricing", - href: "#pricing", - }, + label: "Pricing", href: "#pricing"}, ], }, { items: [ { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, { - label: "Contact Us", - href: "#contact", - }, + label: "Contact Us", href: "#contact"}, { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, ], }, ]} -- 2.49.1