Merge version_1_1781366710774 into main #1
@@ -11,216 +11,132 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
title="Three Generations of Roofing Excellence"
|
||||
description="Premium roofing solutions backed by 70 years of expertise. We protect your most valuable asset with unmatched precision and legacy quality."
|
||||
primaryButton={{
|
||||
text: "Schedule Inspection",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Legacy",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13093.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Three Generations of Roofing Excellence"
|
||||
description="Premium roofing solutions backed by 70 years of expertise. We protect your most valuable asset with unmatched precision and legacy quality."
|
||||
primaryButton={{
|
||||
text: "Schedule Inspection", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Our Legacy", href: "#about"}}
|
||||
avatarsSrc={[]}
|
||||
avatarText=""
|
||||
names={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13093.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Legacy"
|
||||
quote="Roofing isn't just a business for us; it's a family tradition. My grandfather taught me that every shingle placed is a promise kept."
|
||||
author="James Miller III"
|
||||
role="Founder, 3rd Generation"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-railroad-worker-standing-by-train-freight-car_342744-774.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Legacy"
|
||||
quote="Roofing isn't just a business for us; it's a family tradition. My grandfather taught me that every shingle placed is a promise kept."
|
||||
author="James Miller III"
|
||||
role="Founder, 3rd Generation"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-railroad-worker-standing-by-train-freight-car_342744-774.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Our Process"
|
||||
title="Precision in Every Layer"
|
||||
description="From inspection to final installation, we maintain the highest standards of the industry."
|
||||
steps={[
|
||||
{
|
||||
tag: "01",
|
||||
title: "In-Depth Inspection",
|
||||
subtitle: "Detailed Assessment",
|
||||
description: "We identify vulnerabilities with cutting-edge diagnostics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grain-blank-old-grunge-wooden_1232-3983.jpg",
|
||||
},
|
||||
{
|
||||
tag: "02",
|
||||
title: "Premium Materials",
|
||||
subtitle: "Lasting Quality",
|
||||
description: "Only the finest roofing materials for maximum longevity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg",
|
||||
},
|
||||
{
|
||||
tag: "03",
|
||||
title: "Master Installation",
|
||||
subtitle: "Generational Skill",
|
||||
description: "Crafted by experts with decades of hands-on experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384866.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Process"
|
||||
title="Precision in Every Layer"
|
||||
description="From inspection to final installation, we maintain the highest standards of the industry."
|
||||
steps={[
|
||||
{
|
||||
tag: "01", title: "In-Depth Inspection", subtitle: "Detailed Assessment", description: "We identify vulnerabilities with cutting-edge diagnostics.", imageSrc: "http://img.b2bpic.net/free-photo/grain-blank-old-grunge-wooden_1232-3983.jpg"},
|
||||
{
|
||||
tag: "02", title: "Premium Materials", subtitle: "Lasting Quality", description: "Only the finest roofing materials for maximum longevity.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg"},
|
||||
{
|
||||
tag: "03", title: "Master Installation", subtitle: "Generational Skill", description: "Crafted by experts with decades of hands-on experience.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384866.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesImageBento
|
||||
tag="Services"
|
||||
title="Comprehensive Roofing Portfolio"
|
||||
description="Tailored roofing solutions for diverse architectural requirements."
|
||||
items={[
|
||||
{
|
||||
title: "Residential Slate",
|
||||
description: "Classic aesthetic, ultimate durability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg",
|
||||
},
|
||||
{
|
||||
title: "Commercial Metal",
|
||||
description: "Industrial grade protection for businesses.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-metallic-wall-with-sky_23-2148106899.jpg",
|
||||
},
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Emergency services for peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1844.jpg",
|
||||
},
|
||||
{
|
||||
title: "Custom Shingles",
|
||||
description: "Bespoke design for your unique home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gutters & Drains",
|
||||
description: "Complete drainage system management.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",
|
||||
},
|
||||
{
|
||||
title: "Storm Damage",
|
||||
description: "Rapid restoration when you need it.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937902.jpg",
|
||||
},
|
||||
{
|
||||
title: "Maintenance",
|
||||
description: "Proactive care to prevent damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-160.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Services"
|
||||
title="Comprehensive Roofing Portfolio"
|
||||
description="Tailored roofing solutions for diverse architectural requirements."
|
||||
items={[
|
||||
{ title: "Residential Slate", description: "Classic aesthetic, ultimate durability.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg" },
|
||||
{ title: "Commercial Metal", description: "Industrial grade protection for businesses.", imageSrc: "http://img.b2bpic.net/free-photo/red-metallic-wall-with-sky_23-2148106899.jpg" },
|
||||
{ title: "Roof Repair", description: "Emergency services for peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1844.jpg" },
|
||||
{ title: "Custom Shingles", description: "Bespoke design for your unique home.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg" },
|
||||
{ title: "Gutters & Drains", description: "Complete drainage system management.", imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg" },
|
||||
{ title: "Storm Damage", description: "Rapid restoration when you need it.", imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937902.jpg" },
|
||||
{ title: "Maintenance", description: "Proactive care to prevent damage.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-building-ceiling_1359-160.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Trusted By Numbers"
|
||||
title="A Legacy of Trust"
|
||||
description="Proven results for thousands of satisfied homeowners."
|
||||
metrics={[
|
||||
{
|
||||
value: "70+",
|
||||
description: "Years in Business",
|
||||
},
|
||||
{
|
||||
value: "12K+",
|
||||
description: "Roofs Restored",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted By Numbers"
|
||||
title="A Legacy of Trust"
|
||||
description="Proven results for thousands of satisfied homeowners."
|
||||
metrics={[
|
||||
{ value: "70+", description: "Years in Business" },
|
||||
{ value: "12K+", description: "Roofs Restored" },
|
||||
{ value: "99%", description: "Client Satisfaction" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialTrustCard
|
||||
quote="JM Roofing completely transformed my property. Professional, clean, and the craftsmanship is simply unmatched. A true premium service."
|
||||
rating={5}
|
||||
author="Sarah D., Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
name: "Client 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-lengh-photo-handsome-businessman-british-quarter_197531-629.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-thumb-up-t-shirt-jacket-cap-looking-joyful-front-view_176474-57859.jpg",
|
||||
},
|
||||
{
|
||||
name: "Client 5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
quote="JM Roofing completely transformed my property. Professional, clean, and the craftsmanship is simply unmatched. A true premium service."
|
||||
rating={5}
|
||||
author="Sarah D., Homeowner"
|
||||
avatars={[
|
||||
{ name: "Client 1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
|
||||
{ name: "Client 2", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg" },
|
||||
{ name: "Client 3", imageSrc: "http://img.b2bpic.net/free-photo/full-lengh-photo-handsome-businessman-british-quarter_197531-629.jpg" },
|
||||
{ name: "Client 4", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-thumb-up-t-shirt-jacket-cap-looking-joyful-front-view_176474-57859.jpg" },
|
||||
{ name: "Client 5", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our roofing process."
|
||||
items={[
|
||||
{
|
||||
question: "What is the warranty period?",
|
||||
answer: "We offer a 25-year lifetime workmanship warranty.",
|
||||
},
|
||||
{
|
||||
question: "Are you fully insured?",
|
||||
answer: "We carry full general liability and workers' compensation insurance.",
|
||||
},
|
||||
{
|
||||
question: "Can I get a financing plan?",
|
||||
answer: "Yes, we offer flexible financing options for all projects.",
|
||||
},
|
||||
{
|
||||
question: "How long does a typical roof take?",
|
||||
answer: "Most residential roofs are completed within 2-3 business days.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our roofing process."
|
||||
items={[
|
||||
{ question: "What is the warranty period?", answer: "We offer a 25-year lifetime workmanship warranty." },
|
||||
{ question: "Are you fully insured?", answer: "We carry full general liability and workers' compensation insurance." },
|
||||
{ question: "Can I get a financing plan?", answer: "Yes, we offer flexible financing options for all projects." },
|
||||
{ question: "How long does a typical roof take?", answer: "Most residential roofs are completed within 2-3 business days." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get Started"
|
||||
text="Ready to protect your legacy? Contact our experts today."
|
||||
primaryButton={{
|
||||
text: "Book Consultation",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550199",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get Started"
|
||||
text="Ready to protect your legacy? Contact our experts today."
|
||||
primaryButton={{
|
||||
text: "Book Consultation", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Call Now", href: "tel:+15550199"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user