Merge version_1_1781991591055 into main #1
@@ -11,231 +11,128 @@ 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="Premium Metal Roofing in Markham"
|
||||
description="Expert steel roofing solutions tailored for the Canadian climate. Durable, energy-efficient, and long-lasting protection for your home."
|
||||
primaryButton={{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Premium Metal Roofing in Markham"
|
||||
description="Expert steel roofing solutions tailored for the Canadian climate. Durable, energy-efficient, and long-lasting protection for your home."
|
||||
primaryButton={{ text: "Get a Free Quote", href: "#contact" }}
|
||||
secondaryButton={{ text: "Learn More", href: "#about" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg"
|
||||
avatarsSrc={[]}
|
||||
avatarText=""
|
||||
names={[]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Built to Last in Canada's Climate"
|
||||
primaryButton={{
|
||||
text: "Our Process",
|
||||
href: "#features",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Built to Last in Canada's Climate"
|
||||
primaryButton={{ text: "Our Process", href: "#features" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesMediaCards
|
||||
tag="Why Choose Metal"
|
||||
title="Superior Roofing Technology"
|
||||
description="Metal roofing provides unmatched longevity and performance, outlasting traditional shingles."
|
||||
items={[
|
||||
{
|
||||
title: "Weather Resistant",
|
||||
description: "Designed to withstand heavy snowfall and extreme temperature fluctuations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13917.jpg",
|
||||
},
|
||||
{
|
||||
title: "Energy Efficient",
|
||||
description: "Reflective surfaces help keep your home cooler in summer and warmer in winter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-stone-building-with-large-windows_23-2148252828.jpg",
|
||||
},
|
||||
{
|
||||
title: "Expert Installation",
|
||||
description: "Our certified professionals ensure every panel is installed to perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Why Choose Metal"
|
||||
title="Superior Roofing Technology"
|
||||
description="Metal roofing provides unmatched longevity and performance, outlasting traditional shingles."
|
||||
items={[
|
||||
{
|
||||
title: "Weather Resistant", description: "Designed to withstand heavy snowfall and extreme temperature fluctuations.", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13917.jpg"},
|
||||
{
|
||||
title: "Energy Efficient", description: "Reflective surfaces help keep your home cooler in summer and warmer in winter.", imageSrc: "http://img.b2bpic.net/free-photo/view-stone-building-with-large-windows_23-2148252828.jpg"},
|
||||
{
|
||||
title: "Expert Installation", description: "Our certified professionals ensure every panel is installed to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<FeaturesImageBento
|
||||
tag="Our Work"
|
||||
title="Recent Projects"
|
||||
description="See the quality and beauty of our installations in Markham and the surrounding area."
|
||||
items={[
|
||||
{
|
||||
title: "Modern Markham Home",
|
||||
description: "Custom steel panels.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-chimney-blue-sky_23-2149627194.jpg",
|
||||
},
|
||||
{
|
||||
title: "Suburban Estate",
|
||||
description: "Durable metal roofing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg",
|
||||
},
|
||||
{
|
||||
title: "Classic Design",
|
||||
description: "High-quality installation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sleek Finish",
|
||||
description: "Modern home exterior.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-ny-usa-october-20-2020-vessel-hudson-yards-staircase-designed-by-architect-thomas-heatherwick-midtown-manhattan-west_1321-2491.jpg",
|
||||
},
|
||||
{
|
||||
title: "Standard Residential",
|
||||
description: "Long-lasting durability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
||||
},
|
||||
{
|
||||
title: "Urban Project",
|
||||
description: "Professional craftsmanship.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg",
|
||||
},
|
||||
{
|
||||
title: "Premium Upgrade",
|
||||
description: "Professional residential.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-roof_23-2149343669.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Work"
|
||||
title="Recent Projects"
|
||||
description="See the quality and beauty of our installations in Markham and the surrounding area."
|
||||
items={[
|
||||
{ title: "Modern Markham Home", description: "Custom steel panels.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-house-with-chimney-blue-sky_23-2149627194.jpg" },
|
||||
{ title: "Suburban Estate", description: "Durable metal roofing.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg" },
|
||||
{ title: "Classic Design", description: "High-quality installation.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg" },
|
||||
{ title: "Sleek Finish", description: "Modern home exterior.", imageSrc: "http://img.b2bpic.net/free-photo/new-york-city-ny-usa-october-20-2020-vessel-hudson-yards-staircase-designed-by-architect-thomas-heatherwick-midtown-manhattan-west_1321-2491.jpg" },
|
||||
{ title: "Standard Residential", description: "Long-lasting durability.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
{ title: "Urban Project", description: "Professional craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg" },
|
||||
{ title: "Premium Upgrade", description: "Professional residential.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-roof_23-2149343669.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Our Impact"
|
||||
title="Roofing in Numbers"
|
||||
description="Delivering excellence consistently."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
description: "Homes Protected",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="Roofing in Numbers"
|
||||
description="Delivering excellence consistently."
|
||||
metrics={[
|
||||
{ value: "15+", description: "Years of Experience" },
|
||||
{ value: "500+", description: "Homes Protected" },
|
||||
{ value: "100%", description: "Client Satisfaction" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Testimonials"
|
||||
title="What Our Clients Say"
|
||||
description="Quality service that speaks for itself."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark R.",
|
||||
role: "Homeowner",
|
||||
quote: "Excellent work on my metal roof. Highly professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-amazed-front-view_176474-57861.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah L.",
|
||||
role: "Homeowner",
|
||||
quote: "Very satisfied with the installation. Worth every penny.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-project-together_23-2148920574.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David W.",
|
||||
role: "Homeowner",
|
||||
quote: "The team was efficient and kept the site clean.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily C.",
|
||||
role: "Homeowner",
|
||||
quote: "Great communication throughout the process.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-woman-sunglasses-look-camera_197531-33795.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Paul S.",
|
||||
role: "Homeowner",
|
||||
quote: "Highly recommended for any roofing needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-winner-gesture-shirt-vest-hat-looking-happy-front-view_176474-30662.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Testimonials"
|
||||
title="What Our Clients Say"
|
||||
description="Quality service that speaks for itself."
|
||||
testimonials={[
|
||||
{ name: "Mark R.", role: "Homeowner", quote: "Excellent work on my metal roof. Highly professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-amazed-front-view_176474-57861.jpg" },
|
||||
{ name: "Sarah L.", role: "Homeowner", quote: "Very satisfied with the installation. Worth every penny.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-project-together_23-2148920574.jpg" },
|
||||
{ name: "David W.", role: "Homeowner", quote: "The team was efficient and kept the site clean.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg" },
|
||||
{ name: "Emily C.", role: "Homeowner", quote: "Great communication throughout the process.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-woman-sunglasses-look-camera_197531-33795.jpg" },
|
||||
{ name: "Paul S.", role: "Homeowner", quote: "Highly recommended for any roofing needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-showing-winner-gesture-shirt-vest-hat-looking-happy-front-view_176474-30662.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Help"
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions regarding steel roofs."
|
||||
categories={[
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
{
|
||||
question: "Why metal roofing?",
|
||||
answer: "Longevity and durability.",
|
||||
},
|
||||
{
|
||||
question: "Is it noisy?",
|
||||
answer: "Proper installation makes it quiet.",
|
||||
},
|
||||
{
|
||||
question: "Does it rust?",
|
||||
answer: "Modern steel roofs have protective coatings.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Help"
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions regarding steel roofs."
|
||||
categories={[
|
||||
{
|
||||
name: "General", items: [
|
||||
{ question: "Why metal roofing?", answer: "Longevity and durability." },
|
||||
{ question: "Is it noisy?", answer: "Proper installation makes it quiet." },
|
||||
{ question: "Does it rust?", answer: "Modern steel roofs have protective coatings." },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contact Us"
|
||||
text="Ready to upgrade your roof?"
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@metalroofcanada.ca",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:+14165550123",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Contact Us"
|
||||
text="Ready to upgrade your roof?"
|
||||
primaryButton={{ text: "Contact Us", href: "mailto:info@metalroofcanada.ca" }}
|
||||
secondaryButton={{ text: "Call Now", href: "tel:+14165550123" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user