1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/__l5e/assets-v1/e1d9b692-5665-4fe2-90d7-ef63dfe35079/champion-logo.jpg"/><link rel="preload" as="image" href="/assets/hero-roof-mRgy5Dy-.jpg"/><link rel="preload" as="image" href="/__l5e/assets-v1/7aa0129e-e588-49a6-bb34-c5a9095433ff/job3-before.jpg"/><link rel="preload" as="image" href="/assets/hail-damage-BKF4t-eY.jpg"/><link rel="preload" as="image" href="/__l5e/assets-v1/8106c3d5-2d65-4b38-9036-9bf16c3032c0/champion-working.jpg"/><link rel="preload" as="image" href="/assets/metal-roof-2uj7egat.jpg"/><link rel="preload" as="image" href="/assets/tile-roof-e2x2u23A.jpg"/><link rel="preload" as="image" href="/assets/flat-roof-X2o4CyQn.jpg"/><link rel="stylesheet" href="/assets/styles-D9Cqv-QX.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&display=swap" data-precedence="default"/><title>Roofing Contractor San Antonio TX | Champion Roofing and Construction</title><meta name="theme-color" content="#1a2547"/><meta name="author" content="Champion Roofing and Construction"/><meta property="og:site_name" content="Champion Roofing and Construction"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Roofing Contractor San Antonio TX | Champion Roofing and Construction"/><meta name="twitter:description" content="Champion Roofing and Construction provides roof repair, roof replacement, hail damage repairs, metal & tile roofing, insurance claim help, and solar panels in San Antonio, TX."/><meta property="og:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/76bcb074-6030-4755-8e18-3911e261da15/id-preview-bd6fc711--75964d02-edfb-45c8-9440-843b2db299d1.lovable.app-1782149076067.png"/><meta name="twitter:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/76bcb074-6030-4755-8e18-3911e261da15/id-preview-bd6fc711--75964d02-edfb-45c8-9440-843b2db299d1.lovable.app-1782149076067.png"/><meta name="description" content="Champion Roofing and Construction provides roof repair, roof replacement, hail damage repairs, roofing maintenance, metal roofing, flat roofing, concrete tile roofing, shingles, insurance claim assistance, and solar panel services in San Antonio, TX."/><meta property="og:title" content="Roofing Contractor San Antonio TX | Champion Roofing and Construction"/><meta property="og:description" content="20+ years of roofing experience. Storm & hail damage specialists. Insurance claim assistance. Serving San Antonio and Bexar County."/><meta property="og:url" content="/"/><meta property="og:type" content="website"/><link rel="modulepreload" href="/assets/index-C2Ktp8cm.js"/><link rel="modulepreload" href="/assets/site-Cmi1Lc1h.js"/><link rel="modulepreload" href="/assets/routes-wgRpxoql.js"/><link rel="modulepreload" href="/assets/phone-CMR0AoU6.js"/><link rel="modulepreload" href="/assets/check-CKZh9ekV.js"/><link rel="modulepreload" href="/assets/SiteLayout-DynO8LcI.js"/><link rel="modulepreload" href="/assets/file-check-corner-COurwNcz.js"/><link rel="modulepreload" href="/assets/shield-check-CvCy-vbt.js"/><link rel="modulepreload" href="/assets/Testimonials-DLqlcort.js"/><link rel="modulepreload" href="/assets/Faq-DHdjOx63.js"/><link rel="modulepreload" href="/assets/concrete-img_4578.jpg.asset-DJ6dARbn.js"/><link rel="modulepreload" href="/assets/flat-roof-CLkvrwHC.js"/><link rel="modulepreload" href="/assets/hail-damage-KOya4jVt.js"/><link rel="modulepreload" href="/assets/hero-roof-CHen1EHp.js"/><link rel="modulepreload" href="/assets/job3-before.jpg.asset-DzGnK2pt.js"/><link rel="modulepreload" href="/assets/metal-roof-lCQ2KXQy.js"/><link rel="modulepreload" href="/assets/siding-new-construction.jpg.asset-C6ksJ2fG.js"/><link rel="modulepreload" href="/assets/solar-panels-O193xvJQ.js"/><link rel="modulepreload" href="/assets/tile-roof-GjL6OCsh.js"/><link rel="modulepreload" href="/assets/window-siding-exterior.jpg.asset-ByhyQ-Km.js"/>
1<link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="canonical" href="/"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":["LocalBusiness","RoofingContractor"],"name":"Champion Roofing and Construction","image":"https://championroofingsa.com/og-image.jpg","telephone":"(210) 685-3876","email":"[email protected]","url":"https://championroofingsa.com","priceRange":"$$","address":{"@type":"PostalAddress","streetAddress":"15410 Kid Run","addressLocality":"San Antonio","addressRegion":"TX","postalCode":"78232","addressCountry":"US"},"geo":{"@type":"GeoCoordinates","latitude":29.5874,"longitude":-98.4779},"areaServed":[{"@type":"City","name":"San Antonio"},{"@type":"AdministrativeArea","name":"Bexar County"},{"@type":"GeoCircle","geoMidpoint":{"@type":"GeoCoordinates","latitude":29.4252,"longitude":-98.4946},"geoRadius":"160934"}],"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"opens":"08:00","closes":"20:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"Sunday","opens":"12:00","closes":"17:00"}],"sameAs":["https://www.facebook.com/championroofingsa/","https://www.instagram.com/champion.roofing.construction/"],"founder":"Alonzo Esparza","foundingDate":"2017","knowsLanguage":["en","es"],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Roofing Services","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Roof Replacement"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Roof Repair"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Hail Damage Repair"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Roof Insurance Claims"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Metal Roofing"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Concrete Tile Roofing"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Flat Roofing"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Shingle Roofing"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Roof Maintenance"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Solar Panels"}}]}}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Do you provide roof repair in San Antonio?","acceptedAnswer":{"@type":"Answer","text":"Yes. Champion Roofing and Construction provides roof repair throughout San Antonio and Bexar County â from small leaks and missing shingles to storm and hail damage repairs."}},{"@type":"Question","name":"Do you offer roof replacement services?","acceptedAnswer":{"@type":"Answer","text":"We offer full roof replacement for homes and commercial properties. We'll inspect your roof, walk you through your options, and complete the job with professional workmanship."}},{"@type":"Question","name":"Can you help with hail damage roof repairs?","acceptedAnswer":{"@type":"Answer","text":"Absolutely. Hail damage is one of our specialties. We document the damage, work on shingles, tile, metal, and flat systems, and help you through the insurance process."}},{"@type":"Question","name":"Do you help with roof insurance claims?","acceptedA
1nswer":{"@type":"Answer","text":"Yes. We assist San Antonio property owners through the entire insurance claim process â inspection, documentation, and working directly with your adjuster."}},{"@type":"Question","name":"What types of roofing do you work on?","acceptedAnswer":{"@type":"Answer","text":"Asphalt shingle, metal, concrete tile, and flat roofing systems â for residential and commercial properties."}},{"@type":"Question","name":"Do you offer roofing maintenance?","acceptedAnswer":{"@type":"Answer","text":"Yes. Routine inspections and maintenance help extend the life of your roof and catch problems before they become costly repairs."}},{"@type":"Question","name":"Do you serve areas outside San Antonio?","acceptedAnswer":{"@type":"Answer","text":"We serve San Antonio, Bexar County, and surrounding communities within roughly a 100-mile radius â including New Braunfels, Boerne, Seguin, Schertz, Cibolo, Bulverde, and more."}},{"@type":"Question","name":"Do you speak Spanish?","acceptedAnswer":{"@type":"Answer","text":"Yes â our team speaks both English and Spanish."}},{"@type":"Question","name":"Are you open on weekends?","acceptedA
1nswer":{"@type":"Answer","text":"Yes. We're open Monday through Saturday 8AMâ8PM and Sunday 12PMâ5PM."}},{"@type":"Question","name":"How do I request a roofing estimate?","acceptedAnswer":{"@type":"Answer","text":"Call (210) 685-3876 or use the contact form on any page. Estimates are free and we'll schedule a time that works for you."}}]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"RoofingContractor","name":"Champion Roofing and Construction","url":"https://championroofingsa.com","telephone":"(210) 685-3876","address":{"@type":"PostalAddress","streetAddress":"15410 Kid Run","addressLocality":"San Antonio","addressRegion":"TX","postalCode":"78232","addressCountry":"US"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"5","reviewCount":"15","bestRating":"5","worstRating":"1"},"review":[{"@type":"Review","author":{"@type":"Person","name":"Gabriel Valdez"},"reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"reviewBody":"I highly recommend Alonzo and the Champion Roofing Team. During the sale of our home, a roof replacement quickly became a critical part of the negotiation process, and Alonzo stepped up immediately. His crew was professional, punctual, took great pride in their work, and finished ahead of schedule."},{"@type":"Review","author":{"@type":"Person","name":"Cyndi Juarez"},"reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"reviewBody":"I really needed someone who actually knew what they were doing and wasn't going to overcharge me. Alonzo's team came out the same day, found the problem, and fixed it right away. The price was more than fair. When I say this is the company I've been looking for, I mean it."},{"@type":"Review","author":{"@type":"Person","name":"Lydia Jaramillo"},"reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"reviewBody":"We are so grateful to Champion Roofing and Construction for replacing all three of our roofs. From start to finish, the process was smooth, professional, and well-organized. Alonzo and his crew were reliable, efficient, and paid great attention to detail."}]}</script>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1</head><body><!--$--><div class="flex min-h-screen flex-col"><div class="hidden md:block bg-[var(--navy-deep)] text-white text-xs"><div class="container-x flex items-center justify-between py-2"><div class="flex items-center gap-4 opacity-90"><span>BBB A+ Accredited ⢠Licensed & Insured</span><span class="opacity-60">|</span><span>MonâSat 8AMâ8PM ⢠Sun 12PMâ5PM</span></div><div class="flex items-center gap-4 opacity-90"><span>English ⢠Español</span><a href="https://www.facebook.com/championroofingsa/" target="_blank" rel="noreferrer" aria-label="Facebook" class="hover:text-[var(--brand-red)] inline-flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-4 w-4" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="https://www.instagram.com/champion.roofing.construction/" target="_blank" rel="noreferrer" aria-label="Instagram" class="hover:text-[var(--brand-red)] inline-flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-4 w-4" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://www.google.com/maps/search/?api=1&query=Champion+Roofing+%26+Construction+San+Antonio&query_place_id=ChIJCWEh7JSLXIYRIOq-SXF_2a4" target="_blank" rel="noreferrer" aria-label="Google Business Profile" class="hover:text-[var(--brand-red)] inline-flex items-center"><svg viewBox="0 0 24 24" class="h-4 w-4" aria-hidden="true"><path fill="#EA4335" d="M12 10.2v3.9h5.5c-.2 1.4-1.6 4-5.5 4-3.3 0-6-2.7-6-6.1s2.7-6.1 6-6.1c1.9 0 3.1.8 3.8 1.5l2.6-2.5C16.7 3.3 14.6 2.4 12 2.4 6.7 2.4 2.4 6.7 2.4 12s4.3 9.6 9.6 9.6c5.5 0 9.2-3.9 9.2-9.4 0-.6-.1-1.1-.2-1.6H12z"></path></svg></a></div></div></div><header class="sticky top-0 z-50 bg-white border-b border-border shadow-sm"><div class="container-x flex items-center justify-between gap-4 py-3"><a aria-label="Champion Roofing and Construction â Home" class="flex items-center gap-3 active" href="/" data-status="active" aria-current="page"><img src="/__l5e/assets-v1/e1d9b692-5665-4fe2-90d7-ef63dfe35079/champion-logo.jpg" alt="Champion Roofing and Construction logo" width="180" height="110" class="h-12 md:h-14 w-auto"/></a><nav class="hidden lg:flex items-center gap-7 text-sm font-semibold text-[var(--navy-deep)]"><a class="hover:text-[var(--brand-red)] text-[var(--brand-red)]" href="/" data-status="active" aria-current="page">Home</a><div class="relative group"><a href="/services" class="flex items-center gap-1 hover:text-[var(--brand-red)]">Services<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></a><div class="invisible opacity-0 translate-y-1 group-hover:visible group-hover:opacity-100 group-hover:translate-y-0 transition duration-200 ease-out absolute left-1/2 -translate-x-1/2 top-full pt-3 w-[860px]"><div class="relative overflow-hidden bg-white border border-border rounded-2xl shadow-[var(--shadow-elegant)]"><div class="absolute inset-x-0 top-0 h-1 bg-[var(--brand-red)]"></div><div class="grid grid-cols-[1fr_1fr_0.9fr]"><div class="p-5 border-r border-border/70"><p class="px-2 pb-3 text-[11px] font-bold uppercase tracking-widest text-[var(--brand-red)]">Roofing Services</p><div class="flex flex-col"><a href="/services/roof-replacement" class="group/link flex items-center justify-between gap-2 px-2 py-2 rounded-lg text-sm font-medium text-[var(--navy-deep)] hover:bg-secondary hover:text-[var(--brand-red)] transition"><span class="flex items-center gap-2"><span class="h-1.5 w-1.5 rounded-full bg-border group-hover/link:bg-[var(--brand-red)] transition"></span>Roof Replacement</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 opacity-0 -translate-x-1 group-hover/link:opacity-100 group-hover/link:translate-x-0 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/services/roof-repair" class="group/link flex items-center justify-between gap-2 px-2 py-2 rounded-lg text-sm font-medium text-[var(--navy-deep)] hover:bg-secondary hover:text-[var(--brand-red)] transition"><span class="flex items-center gap-2"><span class="h-1.5 w-1.5 rounded-full bg-border group-hover/link:bg-[var(--brand-red)] transition"></span>Roof Repair</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 opacity-0 -translate-x-1 group-hover/link:opacity-100 group-hover/link:translate-x-0 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/services/hail-damage-insurance-claims" class="group/link flex items-center justify-between gap-2 px-2 py-2 rounded-lg text-sm font-medium text-[var(--navy-deep)] hover:bg-secondary hover:text-[var(--brand-red)] transition"><span class="flex items-center gap-2"><span class="h-1.5 w-1.5 rounded-full bg-border group-hover/link:bg-[var(--brand-red)] transition"></span>Hail Damage & Insurance Claims</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 opacity-0 -translate-x-1 group-hover/link:opacity-100 group-hover/link:translate-x-0 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/services/metal-roofing" class="group/link flex items-center justify-between gap-2 px-2 py-2 rounded-lg text-sm font-medium text-[var(--navy-deep)] hover:bg-secondary hover:text-[var(--brand-red)] transition"><span class="flex items-center gap-2"><span class="h-1.5 w-1.5 rounded-full bg-border group-hover/link:bg-[var(--brand-red)] transition"></span>Metal Roofing</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 opacity-0 -translate-x-1 group-hover/link:opacity-100 group-hover/link:translate-x-0 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/services/concrete-tile-roofing" class="group/link flex items-center justify-between gap-2 px-2 py-2 rounded-lg text-sm font-medium text-[var(--navy-deep)] hover:bg-secondary hover:text-[var(--brand-red)] transition"><span class="flex items-center gap-2"><span class="h-1.5 w-1.5 rounded-full bg-border group-hover/link:bg-[var(--brand-red)] transition"></span>Concrete Tile Roofing</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 opacity-0 -translate-x-1 group-hover/link:opacity-100 group-hover/link:translate-x-0 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/services/flat-roofing" class="group/link flex items-center justify-between gap-2 px-2 py-2 rounded-lg text-sm font-medium text-[var(--navy-deep)] hover:bg-secondary hover:text-[var(--brand-red)] transition"><span class="flex items-center gap-2"><span class="h-1.5 w-1.5 rounded-full bg-border group-hover/link:bg-[var(--brand-red)] transition"></span>Flat Roofing</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 opacity-0 -translate-x-1 group-hover/link:opacity-100 group-hover/link:translate-x-0 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/services/roof-maintenance" class="group/link flex items-center justify-between gap-2 px-2 py-2 rounded-lg text-sm font-medium text-[var(--navy-deep)] hover:bg-secondary hover:text-[var(--brand-red)] transition"><span class="flex items-center gap-2"><span class="h-1.5 w-1.5 rounded-full bg-border group-hover/link:bg-[var(--brand-red)] transition"></span>Roof Maintenance</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 opacity-0 -translate-x-1 group-hover/link:opacity-100 group-hover/link:translate-x-0 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><a href="/services" class="mt-3 inline-flex items-center gap-1.5 px-2 text-xs font-bold uppercase tracking-wider text-[var(--navy-deep)] hover:text-[var(--brand-red)]">View All <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="p-5 border-r border-border/70"><p class="px-2 pb-3 text-[11px] font-bold uppercase tracking-widest text-[var(--brand-red)]">Construction Services</p><div class="flex flex-col"><a href="/services/window-replacement" class="group/link flex items-center justify-between gap-2 px-2 py-2 rounded-lg text-sm font-medium text-[var(--navy-deep)] hover:bg-secondary hover:text-[var(--brand-red)] transition"><span class="flex items-center gap-2"><span class="h-1.5 w-1.5 rounded-full bg-border group-hover/link:bg-[var(--brand-red)] transition"></span>Window Replacement</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 opacity-0 -translate-x-1 group-hover/link:opacity-100 group-hover/link:translate-x-0 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/services/siding" class="group/link flex items-center justify-between gap-2 px-2 py-2 rounded-lg text-sm font-medium text-[var(--navy-deep)] hover:bg-secondary hover:text-[var(--brand-red)] transition"><span class="flex items-center gap-2"><span class="h-1.5 w-1.5 rounded-full bg-border group-hover/link:bg-[var(--brand-red)] transition"></span>Siding</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 opacity-0 -translate-x-1 group-hover/link:opacity-100 group-hover/link:translate-x-0 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/services/concrete" class="group/link flex items-center justify-between gap-2 px-2 py-2 rounded-lg text-sm font-medium text-[var(--navy-deep)] hover:bg-secondary hover:text-[var(--brand-red)] transition"><span class="flex items-center gap-2"><span class="h-1.5 w-1.5 rounded-full bg-border group-hover/link:bg-[var(--brand-red)] transition"></span>Concrete</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 opacity-0 -translate-x-1 group-hover/link:opacity-100 group-hover/link:translate-x-0 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/services/solar-panels" class="group/link flex items-center justify-between gap-2 px-2 py-2 rounded-lg text-sm font-medium text-[var(--navy-deep)] hover:bg-secondary hover:text-[var(--brand-red)] transition"><span class="flex items-center gap-2"><span class="h-1.5 w-1.5 rounded-full bg-border group-hover/link:bg-[var(--brand-red)] transition"></span>Solar Panels</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 opacity-0 -translate-x-1 group-hover/link:opacity-100 group-hover/link:translate-x-0 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><a href="/services" class="mt-3 inline-flex items-center gap-1.5 px-2 text-xs font-bold uppercase tracking-wider text-[var(--navy-deep)] hover:text-[var(--brand-red)]">View All <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="p-6 bg-[var(--navy-deep)] text-white flex flex-col justify-center"><span class="text-[11px] font-bold uppercase tracking-widest text-[var(--brand-red)]">Free Estimate</span><p class="mt-2 text-lg leading-snug font-semibold">Storm damage or aging roof? We'll inspect it free.</p><p class="mt-2 text-xs text-white/70 leading-relaxed">Licensed, insured & BBB A+ â serving San Antonio and Bexar County.</p><a href="/contact" class="btn-primary mt-4 w-full justify-center">Get a Free Estimate</a><a href="tel:+12106853876" class="mt-3 inline-flex items-center justify-center gap-2 text-sm font-bold hover:text-[var(--brand-red)] transition"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4" aria-hidden="true">
1<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg> <!-- -->(210) 685-3876</a></div></div></div></div></div><a href="/service-areas" class="hover:text-[var(--brand-red)]">Service Areas</a><a href="/financing" class="hover:text-[var(--brand-red)]">Financing</a><a href="/gallery" class="hover:text-[var(--brand-red)]">Gallery</a><a href="/about" class="hover:text-[var(--brand-red)]">About</a><a href="/contact" class="hover:text-[var(--brand-red)]">Contact</a></nav><div class="hidden md:flex items-center gap-3"><a href="tel:+12106853876" class="btn-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg>(210) 685-3876</a></div><button class="lg:hidden p-2" aria-label="Open menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></header><main class="flex-1 pb-16 lg:pb-0"><section class="relative isolate overflow-hidden text-white"><img src="/assets/hero-roof-mRgy5Dy-.jpg" alt="Sharp dark shingle roof line on a San Antonio home at golden hour" width="1920" height="1280" class="absolute inset-0 h-full w-full object-cover -z-10"/><div class="absolute inset-0 -z-10" style="background:var(--gradient-overlay)"></div><div class="absolute inset-0 -z-10 bg-dot-grid opacity-30"></div><div class="container-x relative pt-16 pb-32 md:pt-28 md:pb-44"><span class="eyebrow text-[var(--brand-red)]">San Antonio, TX ⢠Bexar County</span><h1 class="text-5xl md:text-7xl mt-3 max-w-4xl">San Antonio Roofing Contractor <span class="text-[var(--brand-red)]">You Can Count On</span></h1><p class="text-white/85 mt-6 text-lg max-w-2xl leading-relaxed">Roof repair, roof replacement, storm and hail damage restoration, metal, flat, concrete tile, shingle, and solar panel services across San Antonio, Bexar County, and surrounding areas.</p><div class="flex flex-wrap gap-3 mt-8"><a href="tel:+12106853876" class="btn-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg>Call <!-- -->(210) 685-3876</a><a href="/contact" class="btn-outline bg-white text-[var(--navy-deep)] hover:bg-white/90 hover:text-[var(--navy-deep)] border-white">Request a Free Estimate</a></div></div><div class="absolute bottom-0 left-0 right-0 leading-[0]"><svg viewBox="0 0 1440 80" preserveAspectRatio="none" aria-hidden="true" class="block w-full h-[40px] md:h-[70px] "><polygon points="0,80 1440,0 1440,80" fill="white"></polygon></svg></div></section><div class="relative"><div class="container-x -mt-14 md:-mt-20 relative z-10"><div class="bg-white rounded-2xl shadow-[var(--shadow-elegant)] border border-border/60 grid grid-cols-2 md:grid-cols-4 divide-x divide-y md:divide-y-0 divide-border/70"><div class="flex items-center gap-3 p-5 md:p-6"><span class="h-12 w-12 rounded-xl bg-[var(--brand-red)]/10 text-[var(--brand-red)] grid place-items-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hammer h-6 w-6" aria-hidden="true"><path d="m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9"></path><path d="m18 15 4-4"></path><path d="m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5"></path></svg></span><div class="min-w-0"><div class="font-display text-xl md:text-2xl text-[var(--navy-deep)] leading-none">20+ Years</div><div class="text-xs text-muted-foreground mt-1">Roofing Experience</div></div></div><div class="flex items-center gap-3 p-5 md:p-6"><span class="h-12 w-12 rounded-xl bg-[var(--brand-red)]/10 text-[var(--brand-red)] grid place-items-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud-lightning h-6 w-6" aria-hidden="true"><path d="M6 16.326A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 .5 8.973"></path><path d="m13 12-3 5h4l-3 5"></path></svg></span><div class="min-w-0"><div class="font-display text-xl md:text-2xl text-[var(--navy-deep)] leading-none">Storm & Hail</div><div class="text-xs text-muted-foreground mt-1">Damage Specialists</div></div></div><div class="flex items-center gap-3 p-5 md:p-6"><span class="h-12 w-12 rounded-xl bg-[var(--brand-red)]/10 text-[var(--brand-red)] grid place-items-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-check-corner h-6 w-6" aria-hidden="true"><path d="M10.5 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v6"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="m14 20 2 2 4-4"></path></svg></span><div class="min-w-0"><div class="font-display text-xl md:text-2xl text-[var(--navy-deep)] leading-none">Insurance Claim</div><div class="text-xs text-muted-foreground mt-1">Assistance</div></div></div><div class="flex items-center gap-3 p-5 md:p-6"><span class="h-12 w-12 rounded-xl bg-[var(--brand-red)]/10 text-[var(--brand-red)] grid place-items-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-6 w-6" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></span><div class="min-w-0"><div class="font-display text-xl md:text-2xl text-[var(--navy-deep)] leading-none">English & Español</div><div class="text-xs text-muted-foreground mt-1">Bilingual Team</div></div></div></div></div></div><section class="relative pt-24 md:pt-32 pb-20 md:pb-28 bg-white"><div class="absolute inset-0 bg-dot-grid opacity-50 pointer-events-none"></div><div class="container-x relative"><div class="grid md:grid-cols-[1.3fr_1fr] gap-8 items-end mb-12"><div><span class="eyebrow">Roofing Services</span><h2 class="text-3xl md:text-5xl text-[var(--navy-deep)] mt-2">Built for Texas Weather. Backed by 20 Years.</h2></div><p class="text-muted-foreground leading-relaxed">From small repairs to full replacements, hail restoration to specialty materials â Champion Roofing handles every job with the same standards.</p></div>
1<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-5"><a href="/services/roof-replacement" class="hover-lift group relative rounded-2xl border border-border bg-white p-6 shadow-card overflow-hidden 2 "><span class="absolute -top-6 -right-6 h-24 w-24 rounded-full bg-[var(--brand-red)]/8 group-hover:bg-[var(--brand-red)]/14 transition-colors"></span><span class="relative h-12 w-12 rounded-xl bg-[var(--navy-deep)] text-white grid place-items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house h-6 w-6" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg></span><h3 class="relative text-xl text-[var(--navy-deep)] mt-5">Roof Replacement</h3><p class="relative text-sm text-muted-foreground mt-2 leading-relaxed">Full residential & commercial replacement.</p><span class="relative mt-5 inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider text-[var(--brand-red)]">Learn more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a><a href="/services/roof-repair" class="hover-lift group relative rounded-2xl border border-border bg-white p-6 shadow-card overflow-hidden 3 lg:translate-y-6"><span class="absolute -top-6 -right-6 h-24 w-24 rounded-full bg-[var(--brand-red)]/8 group-hover:bg-[var(--brand-red)]/14 transition-colors"></span><span class="relative h-12 w-12 rounded-xl bg-[var(--navy-deep)] text-white grid place-items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-6 w-6" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg></span><h3 class="relative text-xl text-[var(--navy-deep)] mt-5">Roof Repair</h3><p class="relative text-sm text-muted-foreground mt-2 leading-relaxed">Leaks, shingles, storm damage â fast.</p><span class="relative mt-5 inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider text-[var(--brand-red)]">Learn more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a><a href="/services/hail-damage-insurance-claims" class="hover-lift group relative rounded-2xl border border-border bg-white p-6 shadow-card overflow-hidden 4 "><span class="absolute -top-6 -right-6 h-24 w-24 rounded-full bg-[var(--brand-red)]/8 group-hover:bg-[var(--brand-red)]/14 transition-colors"></span><span class="relative h-12 w-12 rounded-xl bg-[var(--navy-deep)] text-white grid place-items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud-lightning h-6 w-6" aria-hidden="true"><path d="M6 16.326A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 .5 8.973"></path><path d="m13 12-3 5h4l-3 5"></path></svg></span><h3 class="relative text-xl text-[var(--navy-deep)] mt-5">Hail Damage & Claims</h3><p class="relative text-sm text-muted-foreground mt-2 leading-relaxed">Inspections + insurance claim help.</p><span class="relative mt-5 inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider text-[var(--brand-red)]">Learn more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a><a href="/services/metal-roofing" class="hover-lift group relative rounded-2xl border border-border bg-white p-6 shadow-card overflow-hidden 5 lg:translate-y-6"><span class="absolute -top-6 -right-6 h-24 w-24 rounded-full bg-[var(--brand-red)]/8 group-hover:bg-[var(--brand-red)]/14 transition-colors"></span><span class="relative h-12 w-12 rounded-xl bg-[var(--navy-deep)] text-white grid place-items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-6
5w-6" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></span><h3 class="relative text-xl text-[var(--navy-deep)] mt-5">Metal Roofing</h3><p class="relative text-sm text-muted-foreground mt-2 leading-relaxed">Durable, energy-efficient systems.</p><span class="relative mt-5 inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider text-[var(--brand-red)]">Learn more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a><a href="/services/concrete-tile-roofing" class="hover-lift group relative rounded-2xl border border-border bg-white p-6 shadow-card overflow-hidden 6 "><span class="absolute -top-6 -right-6 h-24 w-24 rounded-full bg-[var(--brand-red)]/8 group-hover:bg-[var(--brand-red)]/14 transition-colors"></span><span class="relative h-12 w-12 rounded-xl bg-[var(--navy-deep)] text-white grid place-items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check h-6 w-6" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></span><h3 class="relative text-xl text-[var(--navy-deep)] mt-5">Concrete Tile Roofing</h3><p class="relative text-sm text-muted-foreground mt-2 leading-relaxed">Long-lasting tile installation & repair.</p><span class="relative mt-5 inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider text-[var(--brand-red)]">Learn more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a><a href="/services/flat-roofing" class="hover-lift group relative rounded-2xl border border-border bg-white p-6 shadow-card overflow-hidden 7 lg:translate-y-6"><span class="absolute -top-6 -right-6 h-24 w-24 rounded-full bg-[var(--brand-red)]/8 group-hover:bg-[var(--brand-red)]/14 transition-colors"></span><span class="relative h-12 w-12 rounded-xl bg-[var(--navy-deep)] text-white grid place-items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-check-corner h-6 w-6" aria-hidden="true"><path d="M10.5 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v6"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="m14 20 2 2 4-4"></path></svg></span><h3 class="relative text-xl text-[var(--navy-deep)] mt-5">Flat Roofing</h3><p class="relative text-sm text-muted-foreground mt-2 leading-relaxed">Flat & low-slope for any property.</p><span class="relative mt-5 inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider text-[var(--brand-red)]">Learn more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a><a href="/services/roof-maintenance" class="hover-lift group relative rounded-2xl border border-border bg-white p-6 shadow-card overflow-hidden 8 "><span class="absolute -top-6 -right-6 h-24 w-24 rounded-full bg-[var(--brand-red)]/8 group-hover:bg-[var(--brand-red)]/14 transition-colors"></span><span class="relative h-12 w-12 rounded-xl bg-[var(--navy-deep)] text-white grid place-items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check h-6 w-6" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></span>
8<h3 class="relative text-xl text-[var(--navy-deep)] mt-5">Roof Maintenance</h3><p class="relative text-sm text-muted-foreground mt-2 leading-relaxed">Inspections that extend roof life.</p><span class="relative mt-5 inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider text-[var(--brand-red)]">Learn more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a><a href="/services/solar-panels" class="hover-lift group relative rounded-2xl border border-border bg-white p-6 shadow-card overflow-hidden 9 lg:translate-y-6"><span class="absolute -top-6 -right-6 h-24 w-24 rounded-full bg-[var(--brand-red)]/8 group-hover:bg-[var(--brand-red)]/14 transition-colors"></span><span class="relative h-12 w-12 rounded-xl bg-[var(--navy-deep)] text-white grid place-items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun h-6 w-6" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></span><h3 class="relative text-xl text-[var(--navy-deep)] mt-5">Solar Panels</h3><p class="relative text-sm text-muted-foreground mt-2 leading-relaxed">Solar paired with quality roofing.</p><span class="relative mt-5 inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider text-[var(--brand-red)]">Learn more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div><div class="mt-12 lg:mt-16 flex justify-center"><a href="/services" class="btn-dark">View All Services <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><section class="relative bg-cream overflow-hidden"><svg viewBox="0 0 1440 80" preserveAspectRatio="none" aria-hidden="true" class="block w-full h-[40px] md:h-[70px] absolute top-0 left-0 right-0"><polygon points="0,80 1440,0 1440,80" fill="white"></polygon></svg><div class="container-x relative pt-24 md:pt-32 pb-20 md:pb-28"><div class="grid lg:grid-cols-2 gap-12 lg:gap-16 items-center"><div class="relative order-2 lg:order-1"><div class="absolute -inset-4 md:-inset-6 bg-[var(--brand-red)] rounded-3xl rotate-[-3deg] -z-10"></div><img src="/__l5e/assets-v1/7aa0129e-e588-49a6-bb34-c5a9095433ff/job3-before.jpg" alt="Aging San Antonio shingle roof before Champion replacement" class="relative rounded-2xl w-full aspect-[4/5] sm:aspect-[4/3] object-cover shadow-[var(--shadow-elegant)]"/><div class="absolute bottom-4 right-4 md:-bottom-6 md:-right-6 bg-white text-[var(--navy-deep)] p-5 rounded-2xl shadow-lg max-w-[220px]"><div class="font-display text-3xl leading-none text-[var(--brand-red)]">20+</div><div class="text-xs uppercase tracking-widest mt-1 font-bold">Years roofing experience</div></div></div><div class="order-1 lg:order-2"><span class="eyebrow">Repair or Replace</span><h2 class="text-3xl md:text-5xl text-[var(--navy-deep)] mt-2">Roof Repair or <em class="text-[var(--brand-red)] not-italic">Roof Replacement?</em></h2><p class="text-muted-foreground mt-4 leading-relaxed">Not sure which one you need? We'll inspect, explain your options honestly, and only recommend what your roof actually needs.</p><div class="grid sm:grid-cols-2 gap-4 mt-7"><a href="/services/roof-repair" class="hover-lift block rounded-xl bg-white border border-border p-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-6 w-6 text-[var(--brand-red)]" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg><h3 class="text-lg text-[var(--navy-deep)] mt-3">Roof Repair</h3><p class="text-sm text-muted-foreground mt-1.5">Leaks, shingles, flashing, and storm patches.</p></a><a href="/services/roof-replacement" class="hover-lift block rounded-xl bg-[var(--navy-deep)] text-white p-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house h-6 w-6 text-[var(--brand-red)]" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg><h3 class="text-lg mt-3">Roof Replacement</h3><p class="text-sm text-white/80 mt-1.5">Shingle, metal, tile & flat â done right.</p></a></div><div class="mt-7 flex flex-wrap gap-3"><a href="tel:+12106853876" class="btn-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4" aria-hidden="true">
9<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg>Free Estimate</a><a href="/services" class="btn-dark">All Services</a></div></div></div></div></section><section class="relative isolate overflow-hidden text-white bg-storm"><img src="/assets/hail-damage-BKF4t-eY.jpg" alt="" aria-hidden="true" class="absolute inset-0 h-full w-full object-cover opacity-20 mix-blend-luminosity -z-10"/><div class="absolute inset-0 bg-dot-grid opacity-30 -z-10"></div><div class="container-x relative py-20 md:py-28"><div class="grid lg:grid-cols-[1.2fr_1fr] gap-12 items-center"><div><span class="eyebrow text-[var(--brand-red)]">Storm & Hail Damage</span><h2 class="text-4xl md:text-6xl mt-3 leading-[1.05]">Storm or Hail Damage? <span class="text-[var(--brand-red)]">We Can Help.</span></h2><p class="text-white/85 mt-5 max-w-xl leading-relaxed">Texas weather is rough on roofs. We document hail and wind damage, work directly with your insurance adjuster, and rebuild your roof the right way â start to finish.</p><div class="grid grid-cols-2 gap-3 mt-7 max-w-lg"><div class="flex items-center gap-2.5 bg-white/8 backdrop-blur-sm rounded-lg p-3 border border-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-check-corner h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M10.5 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v6"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="m14 20 2 2 4-4"></path></svg><span class="text-sm font-semibold">Free Storm Inspection</span></div><div class="flex items-center gap-2.5 bg-white/8 backdrop-blur-sm rounded-lg p-3 border border-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg><span class="text-sm font-semibold">Claim Documentation</span></div><div class="flex items-center gap-2.5 bg-white/8 backdrop-blur-sm rounded-lg p-3 border border-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg><span class="text-sm font-semibold">Adjuster Coordination</span></div><div class="flex items-center gap-2.5 bg-white/8 backdrop-blur-sm rounded-lg p-3 border border-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hammer h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9"></path><path d="m18 15 4-4"></path><path d="m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5"></path></svg><span class="text-sm font-semibold">Quality Repairs</span></div></div><div class="mt-8 flex flex-wrap gap-3"><a href="/services/hail-damage-insurance-claims" class="btn-primary">Get Storm Help <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="tel:+12106853876" class="btn-outline"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4" aria-hidden="true">
9<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg>(210) 685-3876</a></div></div><div class="relative hidden lg:block"><div class="absolute -inset-3 bg-[var(--brand-red)]/40 rounded-3xl rotate-3 -z-10 blur-md"></div><img src="/assets/hail-damage-BKF4t-eY.jpg" alt="Hail damage on asphalt shingles" class="rounded-2xl w-full aspect-[4/5] object-cover shadow-[var(--shadow-elegant)] border border-white/10"/></div></div></div></section><section class="relative bg-white py-20 md:py-28 overflow-hidden"><div class="container-x grid lg:grid-cols-[1fr_1.1fr] gap-12 lg:gap-16 items-center"><div class="relative"><div class="absolute -inset-5 bg-[var(--cream)] rounded-3xl rotate-[2deg] -z-10"></div><img src="/__l5e/assets-v1/8106c3d5-2d65-4b38-9036-9bf16c3032c0/champion-working.jpg" alt="Champion crew on a San Antonio job site" class="rounded-2xl w-full aspect-[4/5] sm:aspect-square object-cover shadow-[var(--shadow-elegant)]"/><div class="absolute -bottom-6 -right-6 bg-[var(--brand-red)] text-white p-5 rounded-2xl shadow-lg max-w-[220px] hidden sm:block"><div class="font-display text-4xl leading-none">A+</div><div class="text-xs uppercase tracking-widest mt-1 opacity-90">BBB Accredited Business</div></div></div><div><span class="eyebrow">Why Champion</span><h2 class="text-3xl md:text-5xl text-[var(--navy-deep)] mt-2">Why San Antonio Chooses Champion Roofing</h2><p class="text-muted-foreground mt-4 leading-relaxed">Founded by Alonzo Esparza in 2017 and built on two decades of roofing experience, Champion is a local, family-run contractor homeowners across Bexar County trust to get the job done right.</p><div class="grid grid-cols-2 gap-5 mt-8"><div class="rounded-xl border border-border bg-white p-5 shadow-card"><div class="font-display text-4xl text-[var(--brand-red)] leading-none">20+</div><div class="text-sm text-[var(--navy-deep)] font-semibold mt-1.5">Years of Experience</div></div><div class="rounded-xl border border-border bg-white p-5 shadow-card"><div class="font-display text-4xl text-[var(--brand-red)] leading-none">2017</div><div class="text-sm text-[var(--navy-deep)] font-semibold mt-1.5">Established in SA</div></div><div class="rounded-xl border border-border bg-white p-5 shadow-card"><div class="font-display text-4xl text-[var(--brand-red)] leading-none">100mi</div><div class="text-sm text-[var(--navy-deep)] font-semibold mt-1.5">Service Radius</div></div><div class="rounded-xl border border-border bg-white p-5 shadow-card"><div class="font-display text-4xl text-[var(--brand-red)] leading-none">A+</div><div class="text-sm text-[var(--navy-deep)] font-semibold mt-1.5">BBB Accredited</div></div></div><ul class="mt-7 grid sm:grid-cols-2 gap-2.5"><li class="flex gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-[var(--brand-red)] shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="font-medium">Roof repairs, replacements & maintenance</span></li><li class="flex gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-[var(--brand-red)] shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="font-medium">Hail damage & insurance claim support</span></li><li class="flex gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-[var(--brand-red)] shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="font-medium">English and Spanish spoken</span></li><li class="flex gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-[var(--brand-red)] shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="font-medium">Licensed & insured</span></li><li class="flex gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-[var(--brand-red)] shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="font-medium">Local across Bexar County & beyond</span></li><li class="flex gap-2.5 text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4 text-[var(--brand-red)] shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="font-medium">Open 7 days a week</span></li></ul><div class="mt-8 flex flex-wrap gap-3"><a href="/about" class="btn-dark">About Champion</a><a href="/contact" class="btn-primary">Free Estimate</a></div></div></div></section><section class="relative bg-white pb-20 md:pb-28 overflow-hidden"><div class="container-x relative"><div class="rounded-3xl border border-border bg-cream p-8 md:p-12"><div class="max-w-2xl"><span class="eyebrow">Beyond the Roof</span><h2 class="text-3xl md:text-5xl text-[var(--navy-deep)] mt-2 leading-[1.08]">Construction Services for Your Whole Property</h2><p class="text-muted-foreground mt-4 leading-relaxed">Champion is a full construction company. Windows, siding, concrete, and solar â same crew, same standards, one point of contact from estimate to final walkthrough.</p></div>
9<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-5 mt-10"><a href="/services/window-replacement" class="group rounded-2xl overflow-hidden bg-white border border-border hover:border-[var(--brand-red)] hover-lift transition block"><div class="aspect-[16/11] overflow-hidden bg-secondary"><img src="/__l5e/assets-v1/1d6d9d13-ec2f-4416-a7d6-c5cf87089720/window-siding-exterior.jpg" alt="Window Replacement" loading="lazy" width="1280" height="800" class="h-full w-full object-cover group-hover:scale-105 transition duration-500"/></div><div class="p-5"><h3 class="text-lg text-[var(--navy-deep)]">Window Replacement</h3><p class="text-sm text-muted-foreground mt-2 leading-relaxed">Energy-efficient double-pane windows that cut cooling costs in Texas heat.</p><span class="inline-flex items-center gap-1.5 text-xs font-bold text-[var(--brand-red)] mt-4 uppercase tracking-wider">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a href="/services/siding" class="group rounded-2xl overflow-hidden bg-white border border-border hover:border-[var(--brand-red)] hover-lift transition block"><div class="aspect-[16/11] overflow-hidden bg-secondary"><img src="/__l5e/assets-v1/12c0ad7e-66fb-44ee-b609-e6b7c5967ed1/siding-new-construction.jpg" alt="Siding" loading="lazy" width="1280" height="800" class="h-full w-full object-cover group-hover:scale-105 transition duration-500"/></div><div class="p-5"><h3 class="text-lg text-[var(--navy-deep)]">Siding</h3><p class="text-sm text-muted-foreground mt-2 leading-relaxed">Fiber cement, vinyl, and wood siding â installation, replacement, and storm repair.</p><span class="inline-flex items-center gap-1.5 text-xs font-bold text-[var(--brand-red)] mt-4 uppercase tracking-wider">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a href="/services/concrete" class="group rounded-2xl overflow-hidden bg-white border border-border hover:border-[var(--brand-red)] hover-lift transition block"><div class="aspect-[16/11] overflow-hidden bg-secondary"><img src="/__l5e/assets-v1/a068fe96-00d0-43b2-aa79-c2e688de552c/concrete-img_4578.jpg" alt="Concrete" loading="lazy" width="1280" height="800" class="h-full w-full object-cover group-hover:scale-105 transition duration-500"/></div><div class="p-5"><h3 class="text-lg text-[var(--navy-deep)]">Concrete</h3><p class="text-sm text-muted-foreground mt-2 leading-relaxed">Driveways, patios, walkways, and slabs poured for Bexar County soil.</p><span class="inline-flex items-center gap-1.5 text-xs font-bold text-[var(--brand-red)] mt-4 uppercase tracking-wider">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a><a href="/services/solar-panels" class="group rounded-2xl overflow-hidden bg-white border border-border hover:border-[var(--brand-red)] hover-lift transition block"><div class="aspect-[16/11] overflow-hidden bg-secondary"><img src="/assets/solar-panels-B0K3sgsl.jpg" alt="Solar Panels" loading="lazy" width="1280" height="800" class="h-full w-full object-cover group-hover:scale-105 transition duration-500"/></div><div class="p-5"><h3 class="text-lg text-[var(--navy-deep)]">Solar Panels</h3><p class="text-sm text-muted-foreground mt-2 leading-relaxed">Solar installation done right â by the same team that handles your roof.</p><span class="inline-flex items-center gap-1.5 text-xs font-bold text-[var(--brand-red)] mt-4 uppercase tracking-wider">Learn More <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></a></div><div class="mt-10 flex flex-wrap gap-3"><a href="/contact" class="btn-primary">Get a Free Estimate</a><a href="/financing" class="btn-dark">See Monthly Payments</a></div></div></div></section><section class="relative bg-[var(--navy-deep)] text-white overflow-hidden"><svg viewBox="0 0 1440 60" preserveAspectRatio="none" aria-hidden="true" class="block w-full h-[36px] md:h-[56px] absolute top-0 left-0 right-0"><polygon points="0,60 360,15 720,55 1080,10 1440,60" fill="white"></polygon></svg><div class="container-x relative pt-24 md:pt-32 pb-20 md:pb-28"><div class="max-w-2xl"><span class="eyebrow text-[var(--brand-red)]">Roofing Materials</span><h2 class="text-3xl md:text-5xl mt-2">Choose the Right Roof for Your Home</h2><p class="text-white/75 mt-4 leading-relaxed">We install and repair every major roofing material across San Antonio â built for our Texas climate.</p></div>
9<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-5 mt-10"><a href="/services/roof-replacement" class="group relative block rounded-2xl overflow-hidden aspect-[4/5] hover-lift 10 "><img src="/assets/hero-roof-mRgy5Dy-.jpg" alt="Shingle Roofing" class="absolute inset-0 h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/85 via-black/30 to-transparent"></div><div class="absolute inset-x-0 bottom-0 p-5"><div class="text-xs uppercase tracking-widest text-[var(--brand-red)] font-bold">Architectural & 3-tab shingles</div><div class="font-display text-2xl mt-1">Shingle Roofing</div><div class="mt-3 inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider">Explore <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a><a href="/services/metal-roofing" class="group relative block rounded-2xl overflow-hidden aspect-[4/5] hover-lift 11 lg:translate-y-8"><img src="/assets/metal-roof-2uj7egat.jpg" alt="Metal Roofing" class="absolute inset-0 h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/85 via-black/30 to-transparent"></div><div class="absolute inset-x-0 bottom-0 p-5"><div class="text-xs uppercase tracking-widest text-[var(--brand-red)] font-bold">Standing seam & R-panel</div><div class="font-display text-2xl mt-1">Metal Roofing</div><div class="mt-3 inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider">Explore <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a><a href="/services/concrete-tile-roofing" class="group relative block rounded-2xl overflow-hidden aspect-[4/5] hover-lift 12 "><img src="/assets/tile-roof-e2x2u23A.jpg" alt="Concrete Tile" class="absolute inset-0 h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/85 via-black/30 to-transparent"></div><div class="absolute inset-x-0 bottom-0 p-5"><div class="text-xs uppercase tracking-widest text-[var(--brand-red)] font-bold">Classic Texas tile systems</div><div class="font-display text-2xl mt-1">Concrete Tile</div><div class="mt-3 inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider">Explore <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a><a href="/services/flat-roofing" class="group relative block rounded-2xl overflow-hidden aspect-[4/5] hover-lift 13 lg:translate-y-8"><img src="/assets/flat-roof-X2o4CyQn.jpg" alt="Flat Roofing" class="absolute inset-0 h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="absolute inset-0 bg-gradient-to-t from-black/85 via-black/30 to-transparent"></div><div class="absolute inset-x-0 bottom-0 p-5"><div class="text-xs uppercase tracking-widest text-[var(--brand-red)] font-bold">TPO, modified bitumen & more</div><div class="font-display text-2xl mt-1">Flat Roofing</div><div class="mt-3 inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider">Explore <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a></div></div></section><section class="relative bg-cream overflow-hidden"><div class="absolute inset-0 bg-dot-grid opacity-60 pointer-events-none"></div><div class="absolute -right-10 -bottom-20 font-display text-[18rem] md:text-[24rem] leading-none text-[var(--navy-deep)]/5 select-none pointer-events-none">TX</div><div class="container-x relative py-20 md:py-28"><div class="grid lg:grid-cols-[1.1fr_1fr] gap-12 items-start"><div><span class="eyebrow">Service Areas</span><h2 class="text-3xl md:text-5xl text-[var(--navy-deep)] mt-2">Proudly Local. Texas-Wide Reach.</h2><p class="text-muted-foreground mt-4 leading-relaxed max-w-xl">Based in San Antonio and serving Bexar County plus surrounding communities within a 100-mile radius.</p><div class="mt-7"><div class="text-xs uppercase tracking-widest font-bold text-[var(--navy-deep)]/70">Counties We Serve</div><div class="mt-3 flex flex-wrap gap-2"><span class="inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-border text-sm font-semibold text-[var(--navy-deep)] shadow-card"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-3.5 w-3.5 text-[var(--brand-red)]" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg>Bexar<!-- --> County</span><span class="inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-border text-sm font-semibold text-[var(--navy-deep)] shadow-card"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-3.5 w-3.5 text-[var(--brand-red)]" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg>Comal<!-- --> County</span><span class="inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-border text-sm font-semibold text-[var(--navy-deep)] shadow-card"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-3.5 w-3.5 text-[var(--brand-red)]" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg>Guadalupe<!-- --> County</span><span class="inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-border text-sm font-semibold text-[var(--navy-deep)] shadow-card"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-3.5 w-3.5 text-[var(--brand-red)]" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg>Kendall<!-- --> County</span><span class="inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-border text-sm font-semibold text-[var(--navy-deep)] shadow-card"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-3.5 w-3.5 text-[var(--brand-red)]" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg>Medina<!-- --> County</span><span class="inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-border text-sm font-semibold text-[var(--navy-deep)] shadow-card"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-3.5 w-3.5 text-[var(--brand-red)]" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg>Atascosa<!-- --> County</span><span class="inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-full bg-white border border-border text-sm font-semibold text-[var(--navy-deep)] shadow-card"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-3.5 w-3.5 text-[var(--brand-red)]" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg>Wilson<!-- --> County</span></div></div><div class="mt-6"><div class="text-xs uppercase tracking-widest font-bold text-[var(--navy-deep)]/70">Cities & Towns</div><div class="mt-3 flex flex-wrap gap-2"><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">San Antonio</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">Stone Oak</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">Alamo Heights</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">Leon Valley</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">Helotes</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">
13Converse</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">Universal City</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">Schertz</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">Cibolo</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">New Braunfels</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">Boerne</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">Seguin</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">Bulverde</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">Floresville</span><span class="px-3 py-1.5 rounded-full bg-white/70 border border-border/60 text-sm font-medium text-[var(--navy-deep)]">Castroville</span></div></div><div class="mt-8 flex flex-wrap gap-3"><a href="/service-areas" class="btn-dark">All Service Areas <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://www.google.com/maps/search/?api=1&query=Champion+Roofing+%26+Construction+San+Antonio&query_place_id=ChIJCWEh7JSLXIYRIOq-SXF_2a4" target="_blank" rel="noreferrer" class="btn-primary">View on Google</a></div></div><div class="rounded-2xl overflow-hidden border border-border shadow-[var(--shadow-elegant)] bg-white"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d444671.2450880039!2d-98.45544104999999!3d29.45818255!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x865c8b94ec216109%3A0xaed97f7149beea20!2sChampion%20Roofing%20%26%20Construction!5e0!3m2!1sen!2sus!4v1782144312682!5m2!1sen!2sus" title="Champion Roofing and Construction â service map" width="100%" height="420" style="border:0" allowFullScreen="" loading="lazy" referrerPolicy="no-referrer-when-downgrade"></iframe></div></div></div></section><section class="relative bg-white py-20 md:py-28 overflow-hidden"><div class="container-x grid lg:grid-cols-[1.1fr_1fr] gap-10 items-center"><div><span class="eyebrow">Financing Available</span><h2 class="text-3xl md:text-5xl text-[var(--navy-deep)] mt-2 leading-[1.08]">Any Project. Pay Monthly.</h2><p class="text-muted-foreground mt-5 leading-relaxed max-w-xl">Don't let cost delay the work your home needs â roofing, windows, siding, concrete, or solar. Estimate your monthly payment with our calculator, pre-qualify in minutes with no impact to your credit, and we'll get started right away.</p><div class="mt-8 flex flex-wrap gap-3"><a href="/financing" class="btn-primary">See Monthly Payments <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="tel:+12106853876" class="btn-dark"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg>Call <!-- -->(210) 685-3876</a></div></div><div class="rounded-xl bg-cream border border-border p-8"><ul class="space-y-4 text-sm"><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-[var(--brand-red)] shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Fixed monthly payments â choose your term</span></li><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-[var(--brand-red)] shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Checking your options won't affect your credit</span></li><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-[var(--brand-red)] shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Use it for your insurance deductible or upgrades</span></li><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-5 w-5 text-[var(--brand-red)] shrink-0 mt-0.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span>Roofing, windows, siding, concrete & solar projects</span></li></ul></div></div></section><section class="section bg-secondary"><div class="container-x"><div class="flex flex-wrap items-end justify-between gap-6"><div><span class="eyebrow">Reviews</span><h2 class="text-3xl md:text-5xl text-[var(--navy-deep)] mt-2 max-w-2xl">What Our Customers Say</h2><p class="text-muted-foreground mt-3 max-w-2xl">Real reviews from San Antonio homeowners and property owners on Google.</p></div><div class="flex items-center gap-2 text-sm font-semibold text-[var(--navy-deep)]"><svg viewBox="0 0 24 24" class="h-6 w-6" aria-label="Google review" role="img"><path fill="#4285F4" d="M21.6 12.23c0-.66-.06-1.3-.17-1.91H12v3.61h5.39a4.6 4.6 0 0 1-2 3.02v2.5h3.23c1.89-1.74 2.98-4.3 2.98-7.22z"></path><path fill="#34A853" d="M12 22c2.7 0 4.96-.9 6.62-2.45l-3.23-2.5c-.9.6-2.05.96-3.39.96-2.6 0-4.81-1.76-5.6-4.12H3.06v2.59A10 10 0 0 0 12 22z"></path><path fill="#FBBC05" d="M6.4 13.89A6 6 0 0 1 6.07 12c0-.66.11-1.3.32-1.89V7.52H3.06A10 10 0 0 0 2 12c0 1.61.39 3.14 1.06 4.48l3.34-2.59z"></path><path fill="#EA4335" d="M12 5.94c1.47 0 2.78.51 3.82 1.5l2.86-2.86C16.95 2.99 14.7 2 12 2A10 10 0 0 0 3.06 7.52L6.4 10.11C7.19 7.75 9.4 5.94 12 5.94z"></path></svg><span>Verified Google Reviews</span></div></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-5 mt-10"><figure class="relative rounded-2xl bg-white border border-border p-6 shadow-sm flex flex-col"><div class="flex gap-1 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><blockquote class="text-foreground leading-relaxed text-sm flex-1">"<!-- -->I highly recommend Alonzo and the Champion Roofing Team. During the sale of our home, a roof replacement quickly became a critical part of the negotiation process, and Alonzo stepped up immediately. He came out on short notice â over a weekend â to provide an estimate. His crew was professional, punctual, took great pride in their work, and finished ahead of schedule. Responsive, reliable, and delivers results when it matters most.<!-- -->"</blockquote><figcaption class="mt-5 pt-4 border-t border-border text-sm flex items-center justify-between gap-3"><div><div class="font-bold text-[var(--navy-deep)]">Gabriel Valdez</div><div class="text-xs text-muted-foreground">8 reviews ⢠<!-- -->2 months ago</div></div><a href="https://share.google/KVxOSgUe4vXtr6UNX" target="_blank" rel="noreferrer" aria-label="View on Google" class="shrink-0"><svg viewBox="0 0 24 24" class="h-6 w-6" aria-label="Google review" role="img"><path fill="#4285F4" d="M21.6 12.23c0-.66-.06-1.3-.17-1.91H12v3.61h5.39a4.6 4.6 0 0 1-2 3.02v2.5h3.23c1.89-1.74 2.98-4.3 2.98-7.22z"></path><path fill="#34A853" d="M12 22c2.7 0 4.96-.9 6.62-2.45l-3.23-2.5c-.9.6-2.05.96-3.39.96-2.6 0-4.81-1.76-5.6-4.12H3.06v2.59A10 10 0 0 0 12 22z"></path><path fill="#FBBC05" d="M6.4 13.89A6 6 0 0 1 6.07 12c0-.66.11-1.3.32-1.89V7.52H3.06A10 10 0 0 0 2 12c0 1.61.39 3.14 1.06 4.48l3.34-2.59z"></path><path fill="#EA4335" d="M12 5.94c1.47 0 2.78.51 3.82 1.5l2.86-2.86C16.95 2.99 14.7 2 12 2A10 10 0 0 0 3.06 7.52L6.4 10.11C7.19 7.75 9.4 5.94 12 5.94z"></path></svg></a></figcaption></figure><figure class="relative rounded-2xl bg-white border border-border p-6 shadow-sm flex flex-col"><div class="flex gap-1 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><blockquote class="text-foreground leading-relaxed text-sm flex-1">"<!-- -->I've had a nightmare dealing with my roof for a while. I really needed someone who actually knew what they were doing and wasn't going to overcharge me. Alonzo'
13s team came out the same day, found the problem, and fixed it right away. The price was more than fair. When I say this is the company I've been looking for, I mean it.<!-- -->"</blockquote><figcaption class="mt-5 pt-4 border-t border-border text-sm flex items-center justify-between gap-3"><div><div class="font-bold text-[var(--navy-deep)]">Cyndi Juarez</div><div class="text-xs text-muted-foreground">5 reviews ⢠<!-- -->7 months ago</div></div><a href="https://share.google/KVxOSgUe4vXtr6UNX" target="_blank" rel="noreferrer" aria-label="View on Google" class="shrink-0"><svg viewBox="0 0 24 24" class="h-6 w-6" aria-label="Google review" role="img"><path fill="#4285F4" d="M21.6 12.23c0-.66-.06-1.3-.17-1.91H12v3.61h5.39a4.6 4.6 0 0 1-2 3.02v2.5h3.23c1.89-1.74 2.98-4.3 2.98-7.22z"></path><path fill="#34A853" d="M12 22c2.7 0 4.96-.9 6.62-2.45l-3.23-2.5c-.9.6-2.05.96-3.39.96-2.6 0-4.81-1.76-5.6-4.12H3.06v2.59A10 10 0 0 0 12 22z"></path><path fill="#FBBC05" d="M6.4 13.89A6 6 0 0 1 6.07 12c0-.66.11-1.3.32-1.89V7.52H3.06A10 10 0 0 0 2 12c0 1.61.39 3.14 1.06 4.48l3.34-2.59z"></path><path fill="#EA4335" d="M12 5.94c1.47 0 2.78.51 3.82 1.5l2.86-2.86C16.95 2.99 14.7 2 12 2A10 10 0 0 0 3.06 7.52L6.4 10.11C7.19 7.75 9.4 5.94 12 5.94z"></path></svg></a></figcaption></figure><figure class="relative rounded-2xl bg-white border border-border p-6 shadow-sm flex flex-col"><div class="flex gap-1 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-[var(--brand-red)] text-[var(--brand-red)]" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><blockquote class="text-foreground leading-relaxed text-sm flex-1">"<!-- -->We are so grateful to Champion Roofing and Construction for replacing all three of our roofs. From start to finish, the process was smooth, professional, and well-organized. Alonzo and his crew were reliable, eff
13icient, and paid great attention to detail. Outstanding experience!<!-- -->"</blockquote><figcaption class="mt-5 pt-4 border-t border-border text-sm flex items-center justify-between gap-3"><div><div class="font-bold text-[var(--navy-deep)]">Lydia Jaramillo</div><div class="text-xs text-muted-foreground">3 months ago</div></div><a href="https://share.google/KVxOSgUe4vXtr6UNX" target="_blank" rel="noreferrer" aria-label="View on Google" class="shrink-0"><svg viewBox="0 0 24 24" class="h-6 w-6" aria-label="Google review" role="img"><path fill="#4285F4" d="M21.6 12.23c0-.66-.06-1.3-.17-1.91H12v3.61h5.39a4.6 4.6 0 0 1-2 3.02v2.5h3.23c1.89-1.74 2.98-4.3 2.98-7.22z"></path><path fill="#34A853" d="M12 22c2.7 0 4.96-.9 6.62-2.45l-3.23-2.5c-.9.6-2.05.96-3.39.96-2.6 0-4.81-1.76-5.6-4.12H3.06v2.59A10 10 0 0 0 12 22z"></path><path fill="#FBBC05" d="M6.4 13.89A6 6 0 0 1 6.07 12c0-.66.11-1.3.32-1.89V7.52H3.06A10 10 0 0 0 2 12c0 1.61.39 3.14 1.06 4.48l3.34-2.59z"></path><path fill="#EA4335" d="M12 5.94c1.47 0 2.78.51 3.82 1.5l2.86-2.86C16.95 2.99 14.7 2 12 2A10 10 0 0 0 3.06 7.52L6.4 10.11C7.19 7.75 9.4 5.94 12 5.94z"></path></svg></a></figcaption></figure></div><div class="mt-10 flex flex-wrap items-center justify-center gap-3"><button type="button" class="btn-dark">View More <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><a href="https://share.google/KVxOSgUe4vXtr6UNX" target="_blank" rel="noreferrer" class="btn-primary"><svg viewBox="0 0 24 24" class="h-4 w-4" aria-label="Google review" role="img"><path fill="#4285F4" d="M21.6 12.23c0-.66-.06-1.3-.17-1.91H12v3.61h5.39a4.6 4.6 0 0 1-2 3.02v2.5h3.23c1.89-1.74 2.98-4.3 2.98-7.22z"></path><path fill="#34A853" d="M12 22c2.7 0 4.96-.9 6.62-2.45l-3.23-2.5c-.9.6-2.05.96-3.39.96-2.6 0-4.81-1.76-5.6-4.12H3.06v2.59A10 10 0 0 0 12 22z"></path><path fill="#FBBC05" d="M6.4 13.89A6 6 0 0 1 6.07 12c0-.66.11-1.3.32-1.89V7.52H3.06A10 10 0 0 0 2 12c0 1.61.39 3.14 1.06 4.48l3.34-2.59z"></path><path fill="#EA4335" d="M12 5.94c1.47 0 2.78.51 3.82 1.5l2.86-2.86C16.95 2.99 14.7 2 12 2A10 10 0 0 0 3.06 7.52L6.4 10.11C7.19 7.75 9.4 5.94 12 5.94z"></path></svg> Write a Review on Google</a></div></div></section><section class="relative bg-cream py-20 md:py-28"><div class="container-x grid lg:grid-cols-[1fr_1.4fr] gap-10"><div><span class="eyebrow">FAQ</span><h2 class="text-3xl md:text-5xl text-[var(--navy-deep)] mt-2">Roofing Questions, Answered</h2><p class="text-muted-foreground mt-4 leading-relaxed">Common questions San Antonio homeowners ask about repairs, replacement, hail damage, and insurance claims.</p><a href="/contact" class="btn-dark mt-6">Ask a Question</a></div><div class="divide-y divide-border rounded-xl border border-border bg-white"><div><button class="w-full flex items-center justify-between gap-4 px-5 md:px-6 py-4 text-left" aria-expanded="true"><span class="font-semibold text-[var(--navy-deep)]">Do you provide roof repair in San Antonio?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-minus h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M5 12h14"></path></svg></button><div class="px-5 md:px-6 pb-5 text-muted-foreground leading-relaxed">Yes. Champion Roofing and Construction provides roof repair throughout San Antonio and Bexar County â from small leaks and missing shingles to storm and hail damage repairs.</div></div><div><button class="w-full flex items-center justify-between gap-4 px-5 md:px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold text-[var(--navy-deep)]">Do you offer roof replacement services?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></div><div><button class="w-full flex items-center justify-between gap-4 px-5 md:px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold text-[var(--navy-deep)]">Can you help with hail damage roof repairs?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></div><div><button class="w-full flex items-center justify-between gap-4 px-5 md:px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold text-[var(--navy-deep)]">
13Do you help with roof insurance claims?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></div><div><button class="w-full flex items-center justify-between gap-4 px-5 md:px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold text-[var(--navy-deep)]">What types of roofing do you work on?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></div><div><button class="w-full flex items-center justify-between gap-4 px-5 md:px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold text-[var(--navy-deep)]">Do you offer roofing maintenance?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></div><div><button class="w-full flex items-center justify-between gap-4 px-5 md:px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold text-[var(--navy-deep)]">Do you serve areas outside San Antonio?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></div><div><button class="w-full flex items-center justify-between gap-4 px-5 md:px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold text-[var(--navy-deep)]">Do you speak Spanish?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></div><div><button class="w-full flex items-center justify-between gap-4 px-5 md:px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold text-[var(--navy-deep)]">Are you open on weekends?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></div><div><button class="w-full flex items-center justify-between gap-4 px-5 md:px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold text-[var(--navy-deep)]">How do I request a roofing estimate?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-5 w-5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></div></div></div></section><section class="relative isolate overflow-hidden text-white"><img src="/assets/hero-roof-mRgy5Dy-.jpg" alt="" class="absolute inset-0 h-full w-full object-cover -z-10" aria-hidden="true"/><div class="absolute inset-0 -z-10" style="background:linear-gradient(135deg, oklch(0.12 0.04 255 / 0.92), oklch(0.16 0.05 255 / 0.85))"></div><div class="absolute inset-0 bg-dot-grid opacity-25 -z-10"></div><div class="container-x relative py-20 md:py-28 text-center"><span class="eyebrow text-[var(--brand-red)]">Ready When You Are</span><h2 class="text-4xl md:text-6xl mt-3 max-w-3xl mx-auto leading-[1.05]">Get Your Free Roofing Estimate Today</h2><p class="text-white/85 mt-5 max-w-2xl mx-auto">20 years of experience. Locally owned. Serving San Antonio and surrounding areas with honest work and clear answers.</p><div class="mt-9 flex flex-wrap gap-4 justify-center"><a href="tel:+12106853876" class="btn-primary text-base px-7 py-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-5 w-5" aria-hidden="true">
13<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg>Call <!-- -->(210) 685-3876</a><a href="/contact" class="btn-outline text-base px-7 py-4">Request Free Estimate <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section></main><footer class="bg-[var(--navy-deep)] text-white"><div class="container-x py-14 grid gap-10 md:grid-cols-2 lg:grid-cols-4"><div><div class="font-display text-2xl tracking-wide">CHAMPION</div><div class="text-xs uppercase tracking-[0.18em] text-white/70 mb-4">Roofing & Construction</div><p class="text-sm text-white/80 leading-relaxed">San Antonio's trusted roofing contractor â 20 years of experience serving Bexar County and South Texas. BBB A+ Accredited. Licensed & Insured.</p><div class="flex gap-3 mt-5"><a href="https://www.facebook.com/championroofingsa/" target="_blank" rel="noreferrer" class="bg-white/10 hover:bg-[var(--brand-red)] p-2 rounded transition" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-4 w-4" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="https://www.instagram.com/champion.roofing.construction/" target="_blank" rel="noreferrer" class="bg-white/10 hover:bg-[var(--brand-red)] p-2 rounded transition" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-4 w-4" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://www.google.com/maps/search/?api=1&query=Champion+Roofing+%26+Construction+San+Antonio&query_place_id=ChIJCWEh7JSLXIYRIOq-SXF_2a4" target="_blank" rel="noreferrer" class="bg-white/10 hover:bg-[var(--brand-red)] p-2 rounded transition" aria-label="Google Business Profile"><svg viewBox="0 0 24 24" class="h-4 w-4" aria-hidden="true"><path fill="currentColor" d="M12 10.2v3.9h5.5c-.2 1.4-1.6 4-5.5 4-3.3 0-6-2.7-6-6.1s2.7-6.1 6-6.1c1.9 0 3.1.8 3.8 1.5l2.6-2.5C16.7 3.3 14.6 2.4 12 2.4 6.7 2.4 2.4 6.7 2.4 12s4.3 9.6 9.6 9.6c5.5 0 9.2-3.9 9.2-9.4 0-.6-.1-1.1-.2-1.6H12z"></path></svg></a></div></div><div><h3 class="text-sm uppercase tracking-widest text-[var(--brand-red)] mb-4">Services</h3><ul class="space-y-2 text-sm"><li><a href="/services/roof-replacement" class="text-white/85 hover:text-white">Roof Replacement</a></li><li><a href="/services/roof-repair" class="text-white/85 hover:text-white">Roof Repair</a></li><li><a href="/services/hail-damage-insurance-claims" class="text-white/85 hover:text-white">Hail Damage & Insurance Claims</a></li><li><a href="/services/metal-roofing" class="text-white/85 hover:text-white">Metal Roofing</a></li><li><a href="/services/concrete-tile-roofing" class="text-white/85 hover:text-white">Concrete Tile Roofing</a></li><li><a href="/services/flat-roofing" class="text-white/85 hover:text-white">Flat Roofing</a></li><li><a href="/services/roof-maintenance" class="text-white/85 hover:text-white">Roof Maintenance</a></li><li><a href="/services/solar-panels" class="text-white/85 hover:text-white">Solar Panels</a></li></ul></div><div><h3 class="text-sm uppercase tracking-widest text-[var(--brand-red)] mb-4">Company</h3><ul class="space-y-2 text-sm"><li><a href="/about" class="text-white/85 hover:text-white">About Us</a></li><li><a href="/service-areas" class="text-white/85 hover:text-white">Service Areas</a></li><li><a href="/financing" class="text-white/85 hover:text-white">Financing</a></li><li><a href="/services" class="text-white/85 hover:text-white">All Services</a></li><li><a href="/contact" class="text-white/85 hover:text-white">Contact</a></li></ul></div><div><h3 class="text-sm uppercase tracking-widest text-[var(--brand-red)] mb-4">Contact</h3><ul class="space-y-3 text-sm text-white/85"><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4 mt-0.5 text-[var(--brand-red)] shrink-0" aria-hidden="true">
13<path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><a href="tel:+12106853876" class="hover:text-white">(210) 685-3876</a></li><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4 mt-0.5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><a href="mailto:[email protected]" class="hover:text-white break-all">[email protected]</a></li><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-4 w-4 mt-0.5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span>15410 Kid Run<br/>San Antonio<!-- -->, <!-- -->TX<!-- --> <!-- -->78232</span></li><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock h-4 w-4 mt-0.5 text-[var(--brand-red)] shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg><span>MonâSat 8AMâ8PM ⢠Sun 12PMâ5PM</span></li></ul></div></div><div class="border-t border-white/10"><div class="container-x py-5 flex flex-col md:flex-row gap-3 items-center justify-between text-xs text-white/60"><div>© <!-- -->2026<!-- --> Champion Roofing and Construction. All rights reserved.</div><div>Roofing Contractor ⢠San Antonio, TX ⢠Bexar County ⢠Serving South Texas within 100 miles</div></div></div></footer><div class="lg:hidden fixed bottom-0 inset-x-0 z-40 bg-[var(--navy-deep)] border-t border-white/10 shadow-[0_-8px_24px_-12px_rgba(0,0,0,0.4)]"><div class="grid grid-cols-2"><a href="tel:+12106853876" class="flex items-center justify-center gap-2 py-3 text-white font-bold text-sm uppercase tracking-wider"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-4 w-4" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg> Call Now</a><a href="/contact" class="flex items-center justify-center gap-2 py-3 bg-[var(--brand-red)] text-white font-bold text-sm uppercase tracking-wider">Free Estimate</a></div></div></div>
13<script>(function(t){let s;try{s=JSON.parse(sessionStorage.getItem(t.storageKey)||"{}")}catch(e){console.error(e);return}const c=t.key||window.history.state?.__TSR_key,r=c?s[c]:void 0;if(t.shouldScrollRestoration&&r&&typeof r=="object"&&Object.keys(r).length>0){for(const e in r){const o=r[e];if(!o||typeof o!="object")continue;const l=o.scrollX,i=o.scrollY;if(!(!Number.isFinite(l)||!Number.isFinite(i))){if(e==="window")window.scrollTo({top:i,left:l,behavior:t.behavior});else if(e){let n;try{n=document.querySelector(e)}catch{continue}n&&(n.scrollLeft=l,n.scrollTop=i)}}}return}const a=window.location.hash.split("#",2)[1];if(a){const e=window.history.state?.__hashScrollIntoViewOptions??!0;if(e){const o=document.getElementById(a);o&&o.scrollIntoView(e)}return}window.scrollTo({top:0,left:0,behavior:t.behavior})})({"storageKey":"tsr-scroll-restoration-v1_3","shouldScrollRestoration":true});document.currentScript.remove()</script>
13<!--/$-->
13<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-C2Ktp8cm.js","/assets/site-Cmi1Lc1h.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/index-C2Ktp8cm.js\")"}]},"/":$R[8]={preloads:$R[9]=["/assets/routes-wgRpxoql.js","/assets/phone-CMR0AoU6.js","/assets/check-CKZh9ekV.js","/assets/SiteLayout-DynO8LcI.js","/assets/file-check-corner-COurwNcz.js","/assets/shield-check-CvCy-vbt.js","/assets/Testimonials-DLqlcort.js","/assets/Faq-DHdjOx63.js","/assets/concrete-img_4578.jpg.asset-DJ6dARbn.js","/assets/flat-roof-CLkvrwHC.js","/assets/hail-damage-KOya4jVt.js","/assets/hero-roof-CHen1EHp.js","/assets/job3-before.jpg.asset-DzGnK2pt.js","/assets/metal-roof-lCQ2KXQy.js","/assets/siding-new-construction.jpg.asset-C6ksJ2fG.js","/assets/solar-panels-O193xvJQ.js","/assets/tile-roof-GjL6OCsh.js","/assets/window-siding-exterior.jpg.asset-ByhyQ-Km.js"]}}}
13,matches:$R[10]=[$R[11]={i:"__root__�",u:1791453216298,s:"success",ssr:!0},$R[12]={i:"��",u:1791453216298,s:"success",ssr:!0}],lastMatchId:"��"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
13<script type="module" async="">import("/assets/index-C2Ktp8cm.js")</script>
13</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.