288 lines
14 KiB
TypeScript
288 lines
14 KiB
TypeScript
import NavbarCentered from "@/components/ui/NavbarCentered";
|
|
import { ReactLenis } from "lenis/react";
|
|
import { StyleProvider } from "@/components/ui/StyleProvider";
|
|
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit";
|
|
import FeaturesRevealCards from "@/components/sections/features/FeaturesRevealCards";
|
|
import MetricsMediaCards from "@/components/sections/metrics/MetricsMediaCards";
|
|
import FeaturesDetailedCards from "@/components/sections/features/FeaturesDetailedCards";
|
|
import TestimonialOverlayCards from "@/components/sections/testimonial/TestimonialOverlayCards";
|
|
import FaqTwoColumn from "@/components/sections/faq/FaqTwoColumn";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import "./theme.css";
|
|
|
|
export default function RoofingTemplate() {
|
|
return (
|
|
<ReactLenis root>
|
|
<StyleProvider siteBackground="none" buttonVariant="elastic">
|
|
<SiteBackgroundSlot />
|
|
|
|
<NavbarCentered
|
|
logo="Summit Roofing"
|
|
navItems={[
|
|
{ name: "About", href: "#about" },
|
|
{ name: "Services", href: "#services" },
|
|
{ name: "Testimonials", href: "#testimonials" },
|
|
{ name: "FAQ", href: "#faq" },
|
|
{ name: "Contact", href: "#contact" },
|
|
]}
|
|
ctaButton={{ text: "Free Estimate", href: "#contact" }}
|
|
/>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
avatarsSrc={[
|
|
"https://storage.googleapis.com/webild/default/templates/roofing/robert-thompson.webp",
|
|
"https://storage.googleapis.com/webild/default/templates/roofing/maria-gonzalez.webp",
|
|
"https://storage.googleapis.com/webild/default/templates/roofing/steve-amy-collins.webp",
|
|
"https://storage.googleapis.com/webild/default/templates/roofing/patricia-nguyen.webp",
|
|
]}
|
|
avatarsLabel="500+ Happy Customers"
|
|
title="Your Roof. Our Reputation."
|
|
description="Trusted by homeowners for over 25 years. From storm damage repairs to full roof replacements, Summit Roofing delivers quality craftsmanship you can count on."
|
|
primaryButton={{ text: "Get Free Estimate", href: "#contact" }}
|
|
secondaryButton={{ text: "Our Services", href: "#services" }}
|
|
imageSrc="https://storage.googleapis.com/webild/default/templates/roofing/hero-main.webp"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutFeaturesSplit
|
|
tag="About Us"
|
|
title="Built on Trust. Backed by Results."
|
|
description="Summit Roofing has been protecting homes since 1999. We combine old-school craftsmanship with modern materials and techniques to deliver roofs that last a lifetime."
|
|
items={[
|
|
{
|
|
icon: "Shield",
|
|
title: "Licensed & Insured",
|
|
description: "Fully licensed, bonded, and insured for your complete peace of mind.",
|
|
},
|
|
{
|
|
icon: "Wrench",
|
|
title: "Lifetime Warranty",
|
|
description: "Every installation backed by our industry-leading lifetime workmanship warranty.",
|
|
},
|
|
{
|
|
icon: "Search",
|
|
title: "Free Inspections",
|
|
description: "Complimentary roof inspections with honest assessments — no pressure, no hidden fees.",
|
|
},
|
|
]}
|
|
imageSrc="https://storage.googleapis.com/webild/default/templates/roofing/hero.webp"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeaturesRevealCards
|
|
tag="Our Services"
|
|
title="Our Roofing Services"
|
|
description="From new installations to emergency repairs, we have your roof covered."
|
|
items={[
|
|
{
|
|
title: "Roof Installation",
|
|
description: "Complete roof installations using premium materials from GAF, Owens Corning, and CertainTeed.",
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/roofing-installation.webp",
|
|
},
|
|
{
|
|
title: "Roof Repair",
|
|
description: "Fast, reliable repairs for leaks, missing shingles, flashing damage, and storm damage.",
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/roofing-repair.webp",
|
|
},
|
|
{
|
|
title: "Roof Inspection",
|
|
description: "Detailed inspections with photo documentation and transparent repair recommendations.",
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/roofing-inspection.webp",
|
|
},
|
|
{
|
|
title: "Emergency Services",
|
|
description: "24/7 emergency tarping and repairs when storms hit. We respond within hours, not days.",
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/emergency-services.webp",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricsMediaCards
|
|
tag="Our Track Record"
|
|
title="The Numbers Speak for Themselves"
|
|
description="Decades of experience and thousands of satisfied homeowners stand behind every Summit roof."
|
|
metrics={[
|
|
{
|
|
value: "500+",
|
|
title: "Roofs Completed",
|
|
description: "Over 500 residential and commercial roofing projects delivered on time and on budget.",
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/roofs-completed.webp",
|
|
},
|
|
{
|
|
value: "25+",
|
|
title: "Years Experience",
|
|
description: "A quarter century of protecting homes with quality materials and expert installation.",
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/years-experience.webp",
|
|
},
|
|
{
|
|
value: "98%",
|
|
title: "Customer Satisfaction",
|
|
description: "Nearly every homeowner we work with recommends Summit Roofing to their friends and neighbors.",
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/customer-satisfaction.webp",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeaturesDetailedCards
|
|
tag="How We Work"
|
|
title="Our Process"
|
|
description="From first call to final inspection, our process is designed to be simple, transparent, and stress-free."
|
|
items={[
|
|
{
|
|
title: "Free Inspection",
|
|
description: "We start with a thorough roof inspection and provide an honest assessment with photos — completely free, no obligations.",
|
|
tags: ["Schedule Online", "Photo Report", "Honest Recommendation"],
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/free-inspection.webp",
|
|
},
|
|
{
|
|
title: "Custom Proposal",
|
|
description: "You'll receive a clear, itemized proposal with material options, timeline, and pricing — no hidden fees or surprises.",
|
|
tags: ["Transparent Pricing", "Insurance Assistance", "Material Selection"],
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/custom-proposal.webp",
|
|
},
|
|
{
|
|
title: "Expert Installation",
|
|
description: "Our certified crew handles everything — from tear-off to cleanup. Most jobs are completed in just 1-2 days.",
|
|
tags: ["Certified Crew", "Premium Materials", "Full Cleanup"],
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/about.webp",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialOverlayCards
|
|
tag="Testimonials"
|
|
title="What Our Customers Say"
|
|
description="Don't just take our word for it — hear from homeowners who trust Summit with their roofs."
|
|
testimonials={[
|
|
{
|
|
name: "Robert Thompson",
|
|
role: "Homeowner",
|
|
company: "Dallas, TX",
|
|
rating: 5,
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/robert-thompson.webp",
|
|
},
|
|
{
|
|
name: "Maria Gonzalez",
|
|
role: "Homeowner",
|
|
company: "Arlington, TX",
|
|
rating: 5,
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/maria-gonzalez.webp",
|
|
},
|
|
{
|
|
name: "Steve & Amy Collins",
|
|
role: "Homeowners",
|
|
company: "Frisco, TX",
|
|
rating: 5,
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/steve-amy-collins.webp",
|
|
},
|
|
{
|
|
name: "Patricia Nguyen",
|
|
role: "Homeowner",
|
|
company: "McKinney, TX",
|
|
rating: 5,
|
|
imageSrc: "https://storage.googleapis.com/webild/default/templates/roofing/patricia-nguyen.webp",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqTwoColumn
|
|
tag="FAQ"
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about our roofing services, warranties, and process."
|
|
items={[
|
|
{
|
|
question: "How long does a typical roof replacement take?",
|
|
answer: "Most residential roof replacements are completed in 1-3 days depending on the size and complexity of the project. We'll provide an estimated timeline during your free consultation.",
|
|
},
|
|
{
|
|
question: "Do you help with insurance claims?",
|
|
answer: "Yes! We work directly with all major insurance companies and guide you through the entire claims process — from initial inspection to final paperwork. Our team ensures you get the coverage you deserve.",
|
|
},
|
|
{
|
|
question: "What roofing materials do you use?",
|
|
answer: "We use premium materials from trusted manufacturers like GAF, Owens Corning, and CertainTeed. We offer asphalt shingles, metal roofing, tile, and flat roof systems to match your home and budget.",
|
|
},
|
|
{
|
|
question: "What does your warranty cover?",
|
|
answer: "Our lifetime workmanship warranty covers all labor and installation defects. Additionally, manufacturer warranties cover the materials themselves — typically 25-50 years depending on the product.",
|
|
},
|
|
{
|
|
question: "How do I know if my roof needs replacing?",
|
|
answer: "Common signs include missing or curling shingles, granules in gutters, visible sagging, daylight through the attic, and a roof age over 20 years. We offer free inspections to assess your roof's condition.",
|
|
},
|
|
{
|
|
question: "Do you offer financing options?",
|
|
answer: "Yes, we offer flexible financing plans with competitive rates so you can protect your home without straining your budget. Ask about our 0% interest options during your free estimate.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
tag="Contact Us"
|
|
title="Get Your Free Estimate"
|
|
description="Fill out the form below and one of our roofing experts will get back to you within 24 hours."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Your Phone Number" },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your roofing needs...", rows: 5, required: true }}
|
|
buttonText="Request Free Estimate"
|
|
imageSrc="https://storage.googleapis.com/webild/default/templates/roofing/contact.webp"
|
|
/>
|
|
</div>
|
|
|
|
<FooterSimple
|
|
brand="Summit Roofing"
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Roof Installation", href: "#services" },
|
|
{ label: "Roof Repair", href: "#services" },
|
|
{ label: "Roof Inspection", href: "#services" },
|
|
{ label: "Emergency Services", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Free Estimate", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "(555) 123-4567", href: "tel:5551234567" },
|
|
{ label: "info@summitroofing.com", href: "mailto:info@summitroofing.com" },
|
|
{ label: "Dallas, TX" },
|
|
],
|
|
},
|
|
]}
|
|
copyright="© 2026 | Summit Roofing"
|
|
links={[{ label: "Privacy Policy" }, { label: "Terms of Service" }]}
|
|
/>
|
|
</StyleProvider>
|
|
</ReactLenis>
|
|
);
|
|
}
|