Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f402160bc1 | |||
| 33612d8ecc | |||
| 8ce1ea698e | |||
| 6d795803ac | |||
| ed33f42b46 | |||
| 408f554b82 | |||
| 8fb29a3c0c | |||
| 1cfb2b6a26 |
161
src/app/page.tsx
161
src/app/page.tsx
@@ -11,7 +11,7 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Shield, Wrench, Award, Hammer, TrendingUp, MessageSquare, Users, HelpCircle, Phone } from "lucide-react";
|
||||
import { Shield, Wrench, Award, Hammer, TrendingUp, MessageSquare, Users, HelpCircle, Phone, Clock } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -35,6 +35,7 @@ export default function LandingPage() {
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Hours", id: "hours" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
button={{ text: "Get Free Quote", href: "contact" }}
|
||||
@@ -54,7 +55,7 @@ export default function LandingPage() {
|
||||
{ text: "Our Services", href: "services" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg?_wi=1"
|
||||
imageAlt="Professional roofing installation"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -73,13 +74,96 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Roof Installation", description: "Professional installation of new roofing systems using premium materials. We ensure proper ventilation, insulation, and weatherproofing for long-lasting protection.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=1", imageAlt: "Roof installation service"},
|
||||
title: "Attic Venting", description: "Professional attic ventilation solutions to improve airflow, reduce moisture, and extend roof life.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=1", imageAlt: "Attic venting service"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Roof Repair & Maintenance", description: "Quick response to leaks, damaged shingles, and weather damage. Regular maintenance extends your roof's lifespan and prevents costly repairs.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg?_wi=1", imageAlt: "Roof repair and maintenance"},
|
||||
title: "Gutter Installation", description: "Quality gutter systems professionally installed to protect your home from water damage and foundation issues.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg?_wi=1", imageAlt: "Gutter installation service"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Roof Inspection", description: "Thorough inspections to identify potential issues before they become major problems. Perfect before purchase or after severe weather.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg", imageAlt: "Professional roof inspection"},
|
||||
title: "Gutter Repairs", description: "Fast and reliable gutter repair services to fix leaks, clogs, and damaged sections.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=1", imageAlt: "Gutter repair service"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Roof Inspection", description: "Thorough inspections to identify potential issues before they become major problems. Perfect before purchase or after severe weather.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=2", imageAlt: "Roof inspection service"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "Roof Installation", description: "Professional installation of new roofing systems using premium materials. We ensure proper ventilation, insulation, and weatherproofing.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg?_wi=2", imageAlt: "Roof installation service"
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: "Roof Repair", description: "Quick response to leaks, damaged shingles, and weather damage. Regular maintenance extends your roof's lifespan.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=2", imageAlt: "Roof repair service"
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
title: "Roof Repair for Storm and Wind Damage", description: "Emergency roof repair services for storm and wind damage. We work with insurance companies for seamless claims.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg?_wi=2", imageAlt: "Storm damage roof repair"
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
title: "Skylight Installation", description: "Professional skylight installation to add natural light and ventilation to your home with proper waterproofing.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg?_wi=3", imageAlt: "Skylight installation service"
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
title: "Skylight Repair", description: "Expert repair services for leaking skylights, cracked glass, and damaged flashing.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=3", imageAlt: "Skylight repair service"
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
title: "A New Roof", description: "Complete roof replacement with modern materials and superior craftsmanship. Backed by our 10-year warranty.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=3", imageAlt: "New roof installation"
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
title: "Commercial And Industrial Roofing", description: "Comprehensive roofing solutions for commercial and industrial properties of all sizes and complexities.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg?_wi=4", imageAlt: "Commercial roofing service"
|
||||
},
|
||||
{
|
||||
id: 12,
|
||||
title: "Commercial Roofing Rubber Ceiling", description: "Professional installation and repair of rubber roofing for commercial buildings and industrial facilities.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=4", imageAlt: "Commercial rubber ceiling"
|
||||
},
|
||||
{
|
||||
id: 13,
|
||||
title: "Commercial Roofing Rubber Roofing", description: "High-performance EPDM and TPO rubber roofing systems for commercial properties with long-term durability.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg?_wi=3", imageAlt: "Rubber roofing installation"
|
||||
},
|
||||
{
|
||||
id: 14,
|
||||
title: "Commercial Roofing Rubber Rooftops", description: "Complete rubber rooftop solutions for commercial buildings, including installation, repair, and maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg?_wi=5", imageAlt: "Commercial rubber rooftops"
|
||||
},
|
||||
{
|
||||
id: 15,
|
||||
title: "Flat Roofing", description: "Expert flat roof installation and repair for residential and commercial properties with superior waterproofing.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=5", imageAlt: "Flat roofing service"
|
||||
},
|
||||
{
|
||||
id: 16,
|
||||
title: "Maintenance Prime", description: "Premium roofing maintenance plans to keep your roof in perfect condition and prevent expensive repairs.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=4", imageAlt: "Roof maintenance service"
|
||||
},
|
||||
{
|
||||
id: 17,
|
||||
title: "Re-Roofing", description: "Professional re-roofing services to replace old roofing materials while preserving your home's structure.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg?_wi=6", imageAlt: "Re-roofing service"
|
||||
},
|
||||
{
|
||||
id: 18,
|
||||
title: "Residential And Commercial Roofing", description: "Full-service roofing for both residential and commercial properties with expertise across all types.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=6", imageAlt: "Residential and commercial roofing"
|
||||
},
|
||||
{
|
||||
id: 19,
|
||||
title: "Roof Problems", description: "Diagnostic and repair services for all types of roof problems, from leaks to structural issues.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg?_wi=4", imageAlt: "Roof problem diagnosis"
|
||||
},
|
||||
{
|
||||
id: 20,
|
||||
title: "Roof Replacement", description: "Complete roof replacement services with premium materials and expert installation backed by warranties.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg?_wi=7", imageAlt: "Roof replacement service"
|
||||
},
|
||||
{
|
||||
id: 21,
|
||||
title: "Roofing Solution", description: "Comprehensive roofing solutions customized to your specific needs and budget requirements.", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg?_wi=7", imageAlt: "Custom roofing solution"
|
||||
},
|
||||
{
|
||||
id: 22,
|
||||
title: "Roofing System", description: "Complete roofing systems engineered for performance, durability, and protection from the elements.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=5", imageAlt: "Roofing system installation"
|
||||
},
|
||||
{
|
||||
id: 23,
|
||||
title: "Shingles", description: "Premium shingle options including asphalt, architectural, and metal shingles with professional installation.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg?_wi=8", imageAlt: "Shingle roofing service"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,9 +196,11 @@ export default function LandingPage() {
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "1,000+", title: "Roofs Completed", description: "Successful projects across the region", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=2", imageAlt: "Completed roofing projects"},
|
||||
id: "1", value: "1,000+", title: "Roofs Completed", description: "Successful projects across the region", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg?_wi=2", imageAlt: "Completed roofing projects"
|
||||
},
|
||||
{
|
||||
id: "2", value: "99%", title: "Customer Satisfaction", description: "Consistently high ratings and reviews", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg?_wi=2", imageAlt: "Customer satisfaction metrics"},
|
||||
id: "2", value: "99%", title: "Customer Satisfaction", description: "Consistently high ratings and reviews", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg?_wi=2", imageAlt: "Customer satisfaction metrics"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,20 +219,51 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "John Mitchell", handle: "@homeowner_john", testimonial: "LP Roofing did an outstanding job replacing our roof. Professional crew, fair pricing, and excellent communication throughout the project. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1", imageAlt: "John Mitchell"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1", imageAlt: "John Mitchell"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sarah Coleman", handle: "@sarah_coleman", testimonial: "After a terrible hail storm damaged our roof, LP Roofing worked with our insurance and got everything resolved quickly. Great service!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2", imageAlt: "Sarah Coleman"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2", imageAlt: "Sarah Coleman"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Michael Rodriguez", handle: "@mrodriguez_home", testimonial: "The inspection revealed issues I never would have caught. Their maintenance recommendations saved me thousands down the road.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=3", imageAlt: "Michael Rodriguez"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=3", imageAlt: "Michael Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Patricia Green", handle: "@patricia_g", testimonial: "Affordable, reliable, and they cleaned up perfectly after the work was done. LP Roofing is a true professional company.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=4", imageAlt: "Patricia Green"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=4", imageAlt: "Patricia Green"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hours" data-section="hours">
|
||||
<div className="w-full py-16 px-4">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<div className="flex items-center justify-center gap-2 mb-6">
|
||||
<Clock className="w-6 h-6" />
|
||||
<h2 className="text-3xl font-bold">Business Hours</h2>
|
||||
</div>
|
||||
<div className="bg-card rounded-lg p-8 shadow-lg">
|
||||
<div className="space-y-4">
|
||||
<div className="flex justify-between items-center pb-4 border-b border-accent">
|
||||
<span className="font-semibold">Monday - Friday</span>
|
||||
<span className="text-foreground">7:00 AM - 5:00 PM</span>
|
||||
</div>
|
||||
<div className="flex justify-between items-center pb-4 border-b border-accent">
|
||||
<span className="font-semibold">Saturday</span>
|
||||
<span className="text-foreground">Closed</span>
|
||||
</div>
|
||||
<div className="flex justify-between items-center">
|
||||
<span className="font-semibold">Sunday</span>
|
||||
<span className="text-foreground">Closed</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Local Businesses & Homeowners"
|
||||
@@ -157,7 +274,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Home Warranty Partners", "Insurance Preferred Vendors", "Local Builder Network", "Chamber of Commerce", "Community Contractors Alliance", "Quality Assurance Certified", "Better Business Bureau"]}
|
||||
"Home Warranty Partners", "Insurance Preferred Vendors", "Local Builder Network", "Chamber of Commerce", "Community Contractors Alliance", "Quality Assurance Certified", "Better Business Bureau"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -176,17 +294,23 @@ export default function LandingPage() {
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How long does a typical roof last?", content: "Most asphalt shingle roofs last 20-25 years with proper maintenance. Metal roofs can last 40-70 years. The lifespan depends on climate, ventilation, and maintenance."},
|
||||
id: "1", title: "How long does a typical roof last?", content: "Most asphalt shingle roofs last 20-25 years with proper maintenance. Metal roofs can last 40-70 years. The lifespan depends on climate, ventilation, and maintenance."
|
||||
},
|
||||
{
|
||||
id: "2", title: "When should I replace my roof?", content: "Consider replacement if your roof is over 20 years old, has multiple leaks, missing shingles, or visible sagging. We recommend a professional inspection every 5 years."},
|
||||
id: "2", title: "When should I replace my roof?", content: "Consider replacement if your roof is over 20 years old, has multiple leaks, missing shingles, or visible sagging. We recommend a professional inspection every 5 years."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Does insurance cover roof repairs?", content: "Many insurance policies cover storm damage and weather-related issues. We work directly with insurance companies to help you maximize your claim."},
|
||||
id: "3", title: "Does insurance cover roof repairs?", content: "Many insurance policies cover storm damage and weather-related issues. We work directly with insurance companies to help you maximize your claim."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What is your warranty on new roofs?", content: "We provide a 10-year workmanship warranty on all new installations, plus manufacturer warranties on materials. Details are included in your contract."},
|
||||
id: "4", title: "What is your warranty on new roofs?", content: "We provide a 10-year workmanship warranty on all new installations, plus manufacturer warranties on materials. Details are included in your contract."
|
||||
},
|
||||
{
|
||||
id: "5", title: "How much does a roof inspection cost?", content: "A comprehensive roof inspection typically costs $200-$500. If you hire us for work, we credit the inspection fee toward your project."},
|
||||
id: "5", title: "How much does a roof inspection cost?", content: "A comprehensive roof inspection typically costs $200-$500. If you hire us for work, we credit the inspection fee toward your project."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Do you provide emergency roof repairs?", content: "Yes, we offer 24/7 emergency response for urgent roof damage. Call our emergency line for immediate assistance with leaks or damage."},
|
||||
id: "6", title: "Do you provide emergency roof repairs?", content: "Yes, we offer 24/7 emergency response for urgent roof damage. Call our emergency line for immediate assistance with leaks or damage."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -218,6 +342,7 @@ export default function LandingPage() {
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Hours", href: "#hours" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user