Editing web page history

Content

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Signature Roofing Roof Repairs</title>
    <link rel="icon" href="https://service-jobs-images.s3.us-east-2.amazonaws.com/wj5fk47d8y19y47rhv2x4ht9r24i" type="image/x-icon">
    <link
        href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <style>
        body {
            font-family: 'Open Sans', sans-serif;
        }

.container {
            max-width: 1230px;
            padding-left: 15px;
            padding-right: 15px;
            margin-left: auto;
            margin-right: auto;
        }

.bgNavyBlue {
            background-color: #001f3f;
        }

.bgHoverNavyBlue:hover {
            background-color: #001f3f;
        }

.textNavyBlue {
            color: #001f3f;
        }

.textPrimary {
            color: #48A0D5;
        }

.textTitle {
            color: #001f3f;
        }

.hoverColorNavyBlue:hover {
            color: #001f3f;
        }

.hoverBg:hover {
            background-color: #48A0D5 !important;
        }

.hoverColor:hover {
            color: #48A0D5 !important;
        }

.bgPrimary {
            background-color: #48A0D5;
        }

h1,
        h2,
        h3,
        h4 {
            font-family: 'Manrope';
        }
    </style>

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16679922547"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

gtag('config', 'AW-16679922547');

// Function to report phone call conversion
    function gtag_report_conversion(url) {
        var callback = function () {
            if (typeof(url) != 'undefined') {
                window.location = url;
            }
        };
        gtag('event', 'conversion', {
            'send_to': 'AW-16679922547/83pLCOi2ntAZEPPWzZE-', // Updated phone call conversion ID
            'event_callback': callback
        });
        return false;
    }

// Function to report link click conversion
    function gtag_report_conversion_lead(url) {
        var callback = function () {
            if (typeof(url) != 'undefined') {
                window.location = url;
            }
        };
        gtag('event', 'conversion', {
            'send_to': 'AW-16679922547/O5uLCMy4ntAZEPPWzZE-', // Updated lead form conversion ID
            'event_callback': callback
        });
        return false;
    }
    </script>

</head>

<body>
    
    <header class="absolute top-0 left-0 w-full z-10">
        <div class="border-b border-solid" style="border-color: #ffffff24;">
            <div class="container mx-auto lg:flex justify-between items-center py-4">
                <div class="lg:w-6/12 text-center">
                    <a href="tel:+18016934770" class="text-white text-2xl font-semibold" onclick="gtag_report_conversion('tel:+18016934770')">Call (801) 693-4770</a>
                </div>
                <div class="lg:flex justify-between hidden">
                    <nav>
                        <ul class="flex space-x-8 text-white font-semibold">
                            <li><a href="#customer-jobs" class="text-sm">Our Work</a></li>
                            <li><a href="#about-us" class="text-sm">About</a></li>
                            <li><a href="#frequently-asked-questions" class="text-sm">FAQs</a></li>
                        </ul>
                    </nav>
                    <div class="ml-10">
                        <a href="https://app.fieldrocket.us/l/4279" class="text-white font-semibold py-2 px-4 rounded hover:bg-yellow-600"
                            style="background-color: #48A0D5;" 
                            onclick="gtag_report_conversion_lead('https://app.fieldrocket.us/l/4279'); return false;">
                            Free Consultation
                        </a>
                    </div>
                </div>
            </div>
        </div>

<nav>
                <ul class="hidden lg:flex space-x-8 text-white uppercase font-semibold">
                    <li><a href="#expertise" class="text-base">Insurance Claims</a></li>
                    <li><a href="#our-services" class="text-base">Roofing Services</a></li>
                    <li><a href="https://app.fieldrocket.us/l/4279" class="text-base" onclick="gtag_report_conversion_lead('https://app.fieldrocket.us/l/4279'); return false;">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

<section class="relative">
    <div class="absolute h-full w-full bg-no-repeat bg-cover bg-center"
        style="background-image: url(https://service-jobs-images.s3.us-east-2.amazonaws.com/85achbg26s0q0fgks5xp5f7i291y);"></div>
    <div class="absolute h-full w-full left-0 top-0x" style="background-color: #001f3f69;"></div>
    <div class="container mx-auto">
        <div class="relative z-10 lg:w-10/12 xl:w-8/12 mx-auto text-center pt-60 md:pt-72 pb-32 md:pb-48">
            <h2 class="text-white text-5xl xl:text-6xl font-bold mb-8 leading-tight">
                Signature Roofing Roof Repairs
            </h2>
            <p class="text-white text-lg font-medium mb-8">
                Does your roof need repair? Don't let a damaged or leaking roof leave you exposed. Get your roof repaired today!
            </p>
            <div class="md:flex items-center justify-center gap-10 text-center">
                <div>
                    <a href="https://app.fieldrocket.us/l/4279"
                        class="bgPrimary text-xl text-white font-semibold py-3 px-10 rounded-sm hover:bg-white hoverColorNavyBlue duration-200 transition-all" onclick="gtag_report_conversion_lead('https://app.fieldrocket.us/l/4279'); return false;">
                        Get a Free Consultation
                    </a>
                </div>

</div>
        </div>
    </div>
</section>

<section id="about-us" class="py-20 relative">
    <div class="container mx-auto">
        <div class="md:flex flex-col gap-10">
            <div class="px-4 md:pl-20 mb-8">
                <h2 class="text-2xl font-bold mb-4">Enjoy peace of mind with Signature Roofing</h2>
                <ul class="list-disc pl-5 text-lg font-medium" style="color: rgba(0, 0, 0, 0.67);">
                    <li>Fully licensed, bonded, and insured</li>
                    <li>Three-year warranty on all roofing services</li>
                    <li>Proudly serving your roofing needs for over ten years</li>
                </ul>
                <div class="mt-4 flex justify-center space-x-4">
                    <a href="tel:+18016934770" class="bgPrimary text-white font-semibold py-3 px-10 rounded-sm hover:bg-white hover:text-black duration-200 transition-all" onclick="gtag_report_conversion('tel:+18016934770')">Call Now</a>
                    <a href="https://app.fieldrocket.us/l/4279" class="bgPrimary text-white font-semibold py-3 px-10 rounded-sm hover:bg-white hover:text-black duration-200 transition-all" onclick="gtag_report_conversion_lead('https://app.fieldrocket.us/l/4279'); return false;">Get a Quote</a>
                </div>
            </div>
            <div class="px-5">
                <h2 class="textTitle text-4xl md:text-5xl font-bold mb-4">Expert Roofing Solutions</h2>
                <p class="text-xl font-medium leading-normal" style="color: #1d1d1f;">
                    At Signature Roofing, we specialize in delivering top-tier roofing repair services across Provo, UT, and the Greater Salt Lake City Region. Whether you need a large roof repair, small leak repair, emergency roof repair, or a full roof replacement, our expert team is dedicated to repairing your home with high-quality craftsmanship and reliable solutions.
                </p>
            </div>
        </div>
    </div>
    <div class="flex justify-center mt-5 relative">
        <div class="relative w-10/12 mx-auto">
            <img class="w-full" src="https://service-jobs-images.s3.us-east-2.amazonaws.com/70hjsifytcs9lg3bzq9mimxv8pi0" alt="">
        </div>
    </div>
</section>

<section id="our-services" class="px-8 pt-10 md:pt-20 pb-20 md:pb-32 max-w-7xl mx-auto">
    <h1 class="text-4xl md:text-5xl font-bold mb-4 textTitle">
        Utah's premier <span class="text-[#48A0D5]">roofing repair</span> services
    </h1>

<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mt-10">
        
        <div class="mb-6">
            <div class="text-[#48A0D5] mb-2">
                
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" width="36" height="36" fill="#48A0D5">
                    <path d="M0 488V171.3c0-26.2 15.9-49.7 40.2-59.4L308.1 4.8c7.6-3.1 16.1-3.1 23.8 0L599.8 111.9c24.3 9.7 40.2 33.3 40.2 59.4V488c0 13.3-10.7 24-24 24H568c-13.3 0-24-10.7-24-24V224c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32V488c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24zM376 384H488c13.3 0 24 10.7 24 24v80c0 13.3-10.7 24-24 24H376c-13.3 0-24-10.7-24-24V408c0-13.3 10.7-24 24-24zM128 248c0-13.3 10.7-24 24-24H296c13.3 0 24 10.7 24 24v80c0 13.3-10.7 24-24 24H152c-13.3 0-24-10.7-24-24V248zm24 136H296c13.3 0 24 10.7 24 24v80c0 13.3-10.7 24-24 24H152c-13.3 0-24-10.7-24-24V408c0-13.3 10.7-24 24-24z"></path>
                </svg>
            </div>
            <h3 class="text-xl font-semibold textTitle mb-3">Roof Repairs</h3>
            <p class="text-base font-medium text-black text-opacity-70">
                Whether it’s a small leak, damaged siding, or an urgent repair, our expert team handles it all. From gutter fixes to garage roof repairs, metal roofing fixes to shingle replacements, and even emergency roof repairs, we restore your roof’s integrity with precision and care.
            </p>
        </div>

<div class="mb-6">
            <div class="text-[#48A0D5] mb-2">
                
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" width="36" height="36" fill="#48A0D5">
                    <path d="M335.5 4l288 160c15.4 8.6 21 28.1 12.4 43.5s-28.1 21-43.5 12.4L320 68.6 47.5 220c-15.4 8.6-34.9 3-43.5-12.4s-3-34.9 12.4-43.5L304.5 4c9.7-5.4 21.4-5.4 31.1 0zM320 160a40 40 0 1 1 0 80 40 40 0 1 1 0-80zM144 256a40 40 0 1 1 0 80 40 40 0 1 1 0-80zm312 40a40 40 0 1 1 80 0 40 40 0 1 1 -80 0zM226.9 491.4L200 441.5V480c0 17.7-14.3 32-32 32H120c-17.7 0-32-14.3-32-32V441.5L61.1 491.4c-6.3 11.7-20.8 16-32.5 9.8s-16-20.8-9.8-32.5l37.9-70.3c15.3-28.5 45.1-46.3 77.5-46.3h19.5c16.3 0 31.9 4.5 45.4 12.6l33.6-62.3c15.3-28.5 45.1-46.3 77.5-46.3h19.5c32.4 0 62.1 17.8 77.5 46.3l33.6 62.3c13.5-8.1 29.1-12.6 45.4-12.6h19.5c32.4 0 62.1 17.8 77.5 46.3l37.9 70.3c6.3 11.7 1.9 26.2-9.8 32.5s-26.2 1.9-32.5-9.8L552 441.5V480c0 17.7-14.3 32-32 32H472c-17.7 0-32-14.3-32-32V441.5l-26.9 49.9c-6.3 11.7-20.8 16-32.5 9.8s-16-20.8-9.8-32.5l36.3-67.5c-1.7-1.7-3.2-3.6-4.3-5.8L376 345.5V400c0 17.7-14.3 32-32 32H296c-17.7 0-32-14.3-32-32V345.5l-26.9 49.9c-1.2 2.2-2.6 4.1-4.3 5.8l36.3 67.5c6.3 11.7 1.9 26.2-9.8 32.5s-26.2 1.9-32.5-9.8z"></path>
                </svg>
            </div>
            <h3 class="text-xl font-semibold textTitle mb-3">Roof Installations</h3>
            <p class="text-base font-medium text-black text-opacity-70">
                Elevate your home's protection and curb appeal with our expert roof installations. Choose from a variety of styles and materials to fit your budget and aesthetic.
            </p>
        </div>

<div class="mb-6">
            <div class="text-[#48A0D5] mb-2">
                
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="36" height="36" fill="#48A0D5">
                    <path d="M224 480H448c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H384V160h64c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64V384h32v64c0 17.7 14.3 32 32 32zM64 320H288c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H64C46.3 32 32 46.3 32 64V288c0 17.7 14.3 32 32 32zm224 32H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0H288c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64zm-32-96V96H96V256H256zm32 0c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32H256c17.7 0 32 14.3 32 32V256z"></path>
                </svg>
            </div>
            <h3 class="text-xl font-semibold textTitle mb-3">Roof Replacements</h3>
            <p class="text-base font-medium text-black text-opacity-70">
                Is your roof showing signs of wear? Our replacement services provide a fresh start, using long-lasting materials to enhance both beauty and functionality.
            </p>
        </div>

<div class="mb-6">
            <div class="text-[#48A0D5] mb-2">
                
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="36" height="36" fill="#48A0D5">
                    <path d="M0 488V171.3c0-26.2 15.9-49.7 40.2-59.4L308.1 4.8c7.6-3.1 16.1-3.1 23.8 0L599.8 111.9c24.3 9.7 40.2 33.3 40.2 59.4V488c0 13.3-10.7 24-24 24H568c-13.3 0-24-10.7-24-24V224c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32V488c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24zM376 384H488c13.3 0 24 10.7 24 24v80c0 13.3-10.7 24-24 24H376c-13.3 0-24-10.7-24-24V408c0-13.3 10.7-24 24-24zM128 248c0-13.3 10.7-24 24-24H296c13.3 0 24 10.7 24 24v80c0 13.3-10.7 24-24 24H152c-13.3 0-24-10.7-24-24V248zm24 136H296c13.3 0 24 10.7 24 24v80c0 13.3-10.7 24-24 24H152c-13.3 0-24-10.7-24-24V408c0-13.3 10.7-24 24-24z"></path>
                </svg>
            </div>
            <h3 class="text-xl font-semibold textTitle mb-3">Weatherproofing</h3>
            <p class="text-base font-medium text-black text-opacity-70">
                Safeguard your home from Utah’s harsh weather conditions with our specialized weatherproofing solutions, designed to keep your roof strong all year round.
            </p>
        </div>
    </div>
    <div class="mt-4 flex justify-center space-x-4">
        <a href="tel:+18016934770" class="bgPrimary text-white font-semibold py-3 px-10 rounded-sm hover:bg-white hover:text-black duration-200 transition-all" onclick="gtag_report_conversion('tel:+18016934770')">(801) 693-4770</a>
        <a href="https://app.fieldrocket.us/l/4279" class="bgPrimary text-white font-semibold py-3 px-10 rounded-sm hover:bg-white hover:text-black duration-200 transition-all" onclick="gtag_report_conversion_lead('https://app.fieldrocket.us/l/4279'); return false;">Get a Quote</a>
    </div>
</section>

<section id="expertise" class="bg-cover bg-center bg-repeat"
    style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(brick-wall.png), radial-gradient(at center top, #777777, #000000);">
    <div class="pb-10 md:pb-20 bg-center bg-repeat" style="background-image: url(./img/brick-wall-dark.webp);">
        <div class="container">
            <div class="flex flex-col lg:flex-row items-center">
                
                <div class="lg:w-1/2 px-4 mb-6">
                    <h2 class="text-4xl md:text-5xl font-bold mb-4 text-white pt-20">Utah Expertise</h2>
                    <p class="text-white text-xl font-medium leading-normal">
                        Unmatched Craftsmanship: Why Signature Roofing is Your Go-To for Exterior Transformations.
                    </p>
                </div>
                
                <div class="lg:w-1/2 px-4 lg:-mt-20">
                    <div class="pl-20">
                        <img src="https://service-jobs-images.s3.us-east-2.amazonaws.com/tbyl2qnqyvb2u8kvxfbpdthiw4ka" alt="Utah Home"
                            class="rounded-lg shadow-lg w-full h-auto">
                    </div>
                </div>
            </div>

<div class="mt-12 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 px-4">
                <div class="bg-white text-gray-900 p-6 rounded-lg shadow-lg">
                    <h3 class="text-xl font-semibold mb-2">Insurance Claim Experts</h3>
                    <p class="text-base font-medium text-black text-opacity-70 mb-4">
                        We navigate the complexities of insurance claims, ensuring you get the coverage you deserve.
                    </p>
                    <div class="text-right">
                        <a href="#" class="textPrimary text-2xl ml-auto">
                            <i class="fas fa-arrow-right ml-2"></i>
                        </a>
                    </div>
                </div>

<div class="bg-white text-gray-900 p-6 rounded-lg shadow-lg">
                    <h3 class="text-xl font-semibold mb-2">Contractor-Led Expertise</h3>
                    <p class="mb-4">
                        Led by actual roofing contractors, not salespeople. 
                        Our founder, AJ Gonzalez, is a 2nd generation roofer with 15+ years of hands-on experience.
                    </p>
                    <div class="text-right">
                        <a href="#" class="textPrimary text-2xl ml-auto">
                            <i class="fas fa-arrow-right ml-2"></i>
                        </a>
                    </div>
                </div>

<div class="bg-white text-gray-900 p-6 rounded-lg shadow-lg">
                    <h3 class="text-xl font-semibold mb-2">In-House Roofing Talent</h3>
                    <p class="mb-4">
                        45+ years of combined roofing experience. 
                        Our management and installation teams are all expert roofers, ensuring top-quality work and superior customer support.
                    </p>
                    <div class="text-right">
                        <a href="#" class="textPrimary text-2xl ml-auto">
                            <i class="fas fa-arrow-right ml-2"></i>
                        </a>
                    </div>
                </div>

<div class="bg-white text-gray-900 p-6 rounded-lg shadow-lg">
                    <h3 class="text-xl font-semibold mb-2">Exceptional Value</h3>
                    <p class="mb-4">
                        Get up to $1500 off your project in cash or material upgrades!
                    </p>
                    <div class="text-right">
                        <a href="#" class="textPrimary text-2xl ml-auto">
                            <i class="fas fa-arrow-right ml-2"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="showcase" class="py-20">
    <div class="mx-auto">
        <div class="lg:w-6/12 w-10/12 mx-auto text-center mb-16">
            <h2 class="textTitle text-4xl md:text-5xl font-bold mb-8">Showcase</h2>
            <p class="text-xl font-medium leading-normal mb-8" style="color: #1d1d1f;">
                Below, you'll discover a collection of examples showcasing how our expert roofing team 
                and innovative design strategies have transformed home exteriors, 
                elevating both their visual appeal and practical functionality.
            </p>

<div class="flex items-center justify-center gap-4">
                <div class="mt-4 flex justify-center space-x-4">
                    <a href="tel:+18016934770" class="bgPrimary text-white font-semibold py-3 px-10 rounded-sm hover:bg-white hover:text-black duration-200 transition-all" onclick="gtag_report_conversion('tel:+18016934770')">Call Now</a>
                    <a href="https://app.fieldrocket.us/l/4279" class="bgPrimary text-white font-semibold py-3 px-10 rounded-sm hover:bg-white hover:text-black duration-200 transition-all" onclick="gtag_report_conversion_lead('https://app.fieldrocket.us/l/4279'); return false;">Get a Quote</a>
                </div>
            </div>
        </div>

<section id="frequently-asked-questions" class="bg-cover bg-center bg-repeat"
    style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(brick-wall.png), radial-gradient(at center top, #777777, #000000);">
    <div class="py-20 bg-center bg-repeat" style="background-image: url(./img/brick-wall-dark.webp);">
        <div class="container">
            <h2 class="text-white text-3xl font-bold mb-8">Frequently Asked Questions</h2>
            <div class="grid md:grid-cols-2 gap-x-8 gap-y-2 mb-10">
                <div class="border border-gray-700 rounded-lg flex flex-col">
                    <button
                        class="text-xl text-white w-full text-left p-4 flex justify-between items-center focus:outline-none hoverBg hover:text-black hover:text-opacity-70"
                        onclick="toggleAccordion(1)" style="background-color: rgba(0, 0, 0, 0.18);">
                        <span>What services do you offer?</span>
                        <span class="text-2xl">
                            <i class="fas fa-plus"></i>
                        </span>
                    </button>
                    <div id="accordion1" class="overflow-hidden max-h-0 transition-all duration-500">
                        <p class="p-4 text-white">
                            We specialize in a wide range of roofing services, including new roof installations, 
                            roof repairs, roof replacements, and maintenance. We also offer services like gutter installation, 
                            siding, and other exterior improvements to enhance the durability and appearance of your home.
                        </p>
                    </div>
                </div>
                <div class="border border-gray-700 rounded-lg flex flex-col">
                    <button
                        class="text-xl text-white w-full text-left p-4 flex justify-between items-center focus:outline-none hoverBg hover:text-black hover:text-opacity-70"
                        onclick="toggleAccordion(2)" style="background-color: rgba(0, 0, 0, 0.18);">
                        <span>What types of roofing materials do you work with?</span>
                        <span class="text-2xl">
                            <i class="fas fa-plus"></i>
                        </span>
                    </button>
                    <div id="accordion2" class="overflow-hidden max-h-0 transition-all duration-500">
                        <p class="p-4 text-white">
                            We work with a variety of roofing materials, including asphalt shingles, metal roofing, 
                            tile, and flat roofing systems. Our team will help you choose the best material based on your budget, 
                            style preferences, and the specific needs of your home.
                        </p>
                    </div>
                </div>
                <div class="border border-gray-700 rounded-lg">
                    <button
                        class="text-xl text-white w-full text-left p-4 flex justify-between items-center focus:outline-none hoverBg hover:text-black hover:text-opacity-70"
                        onclick="toggleAccordion(3)" style="background-color: rgba(0, 0, 0, 0.18);">
                        <span>How long does a roof replacement take?</span>
                        <span class="text-2xl">
                            <i class="fas fa-plus"></i>
                        </span>
                    </button>
                    <div id="accordion3" class="overflow-hidden max-h-0 transition-all duration-500">
                        <p class="p-4 text-white">
                            The timeline for a roof replacement depends on factors such as the size of your roof, 
                            the type of materials used, and the weather conditions. Generally, most roof replacements can be completed 
                            within a few days to a week.
                        </p>
                    </div>
                </div>
                <div class="border border-gray-700 rounded-lg">
                    <button
                        class="text-xl text-white w-full text-left p-4 flex justify-between items-center focus:outline-none hoverBg hover:text-black hover:text-opacity-70"
                        onclick="toggleAccordion(4)" style="background-color: rgba(0, 0, 0, 0.18);">
                        <span>Do you offer warranties on your roofing services?</span>
                        <span class="text-2xl">
                            <i class="fas fa-plus"></i>
                        </span>
                    </button>
                    <div id="accordion4" class="overflow-hidden max-h-0 transition-all duration-500">
                        <p class="p-4 text-white">
                            Yes, we offer comprehensive warranties on both materials and workmanship. The length and coverage of the 
                            warranty will vary depending on the materials used and the specific service provided. 
                            We will discuss all warranty details with you before the project begins.
                        </p>
                    </div>
                </div>
                <div class="border border-gray-700 rounded-lg">
                    <button
                        class="text-xl text-white w-full text-left p-4 flex justify-between items-center focus:outline-none hoverBg hover:text-black hover:text-opacity-70"
                        onclick="toggleAccordion(5)" style="background-color: rgba(0, 0, 0, 0.18);">
                        <span>Which areas do you serve?</span>
                        <span class="text-2xl">
                            <i class="fas fa-plus"></i>
                        </span>
                    </button>
                    <div id="accordion5" class="overflow-hidden max-h-0 transition-all duration-500">
                        <p class="p-4 text-white">
                            We cover all of Provo, UT and the Greater Salt Lake City Region.
                        </p>
                    </div>
                </div>
                <div class="border border-gray-700 rounded-lg">
                    <button
                        class="text-xl text-white w-full text-left p-4 flex justify-between items-center focus:outline-none hoverBg hover:text-black hover:text-opacity-70"
                        onclick="toggleAccordion(5)" style="background-color: rgba(0, 0, 0, 0.18);">
                        <span>How much does a new roof cost?</span>
                        <span class="text-2xl">
                            <i class="fas fa-plus"></i>
                        </span>
                    </button>
                    <div id="accordion5" class="overflow-hidden max-h-0 transition-all duration-500">
                        <p class="p-4 text-white">
                            The cost of a new roof varies depending on factors like the size of your roof, the materials chosen, 
                            and the complexity of the installation. We provide free, detailed estimates so you can understand the 
                            costs upfront without any surprises.
                        </p>
                    </div>
                </div>
                <div class="border border-gray-700 rounded-lg">
                    <button
                        class="text-xl text-white w-full text-left p-4 flex justify-between items-center focus:outline-none hoverBg hover:text-black hover:text-opacity-70"
                        onclick="toggleAccordion(6)" style="background-color: rgba(0, 0, 0, 0.18);">
                        <span>Can you help with insurance claims for roof damage?</span>
                        <span class="text-2xl">
                            <i class="fas fa-plus"></i>
                        </span>
                    </button>
                    <div id="accordion6" class="overflow-hidden max-h-0 transition-all duration-500">
                        <p class="p-4 text-white">
                            Absolutely! We have experience working with insurance companies and can assist you throughout 
                            the claims process. Our team will provide the necessary documentation and help you navigate the 
                            steps to ensure you receive the coverage you're entitled to.
                        </p>
                    </div>
                </div>
            </div>
            <a href="https://app.fieldrocket.us/l/4279" class="inline-block bgPrimary text-white font-bold py-3 px-8 rounded-md hover:bg-white duration-200 transition-all" onclick="gtag_report_conversion_lead('https://app.fieldrocket.us/l/4279'); return false;">
                Ask us a question
            </a>
        </div>
    </div>
</section>

<section class="pt-10 md:pt-20">
    <div class="container">
        <div class="text-center md:w-6/12 mx-auto mb-10">
            <h1 class="textTitle text-4xl md:text-5xl font-bold mb-8 leading-tight">Transforming the Ordinary</h1>
            <p class="text-xl font-medium leading-normal mb-8" style="color: #1d1d1f;">
                Experience how our expert roofing services breathe new life into outdated exteriors, creating bold, modern designs that stand out.
            </p>
        </div>
        <div class="relative">
            <div>
                <img class="w-full" src="https://service-jobs-images.s3.us-east-2.amazonaws.com/79wzr9vut3a9mgfdrbcitg54jovk" alt="After"
                    class="absolute inset-0 w-full h-auto pointer-events-none">
            </div>
        </div>
    </div>
</section>

<section id="reviews" class="py-20">
    <div class="mx-auto">
        <div class="lg:w-6/12 w-10/12 mx-auto text-center mb-16">
            <h2 class="textTitle text-4xl md:text-5xl font-bold mb-8">Our Clients Speak for Us</h2>
            <p class="text-xl font-medium leading-normal mb-8" style="color: #1d1d1f;">
                At Signature Roofing, we pride ourselves on delivering exceptional roofing repair services that exceed
                our clients' expectations. But don’t just take our word for it—hear directly from the homeowners 
                we’ve had the pleasure of working with.
            </p>
        </div>

<div class="owl-carousel owl-theme">
            <div class="item">
                <img src="https://service-jobs-images.s3.us-east-2.amazonaws.com/kg2shg7c7hoxkjm5fp6qpjrm2xp3" alt="Image 1" class="w-full h-auto">
            </div>
            <div class="item">
                <img src="https://service-jobs-images.s3.us-east-2.amazonaws.com/duywwqfv626ekg68smgzba8qlnfa" alt="Image 2" class="w-full h-auto">
            </div>
            <div class="item">
                <img src="https://service-jobs-images.s3.us-east-2.amazonaws.com/ebgaxupv0ecfljzgqkg8m9uk85v5" alt="Image 3" class="w-full h-auto">
            </div>
            <div class="item">
                <img src="https://service-jobs-images.s3.us-east-2.amazonaws.com/esq8ritltmtrrqp163c4uxrc1bnk" alt="Image 4" class="w-full h-auto">
            </div>
            <div class="item">
                <img src="https://service-jobs-images.s3.us-east-2.amazonaws.com/852fp4qr5x31r3fffagiao1aqf9a" alt="Image 5" class="w-full h-auto">
            </div>
            <div class="item">
                <img src="https://service-jobs-images.s3.us-east-2.amazonaws.com/4x95omx9xcs0tbm4kxngr2gq8ghw" alt="Image 6" class="w-full h-auto">
            </div>
            <div class="item">
                <img src="https://service-jobs-images.s3.us-east-2.amazonaws.com/30mkov0312xavyqd6zw28466cqv5" alt="Image 7" class="w-full h-auto">
            </div>
        </div>
    </div>
    <div class="mt-4 flex justify-center space-x-4">
        <a href="tel:+18016934770" class="bgPrimary text-white font-semibold py-3 px-10 rounded-sm hover:bg-white hover:text-black duration-200 transition-all" onclick="gtag_report_conversion('tel:+18016934770')">Call Now</a>
        <a href="https://app.fieldrocket.us/l/4279" class="bgPrimary text-white font-semibold py-3 px-10 rounded-sm hover:bg-white hover:text-black duration-200 transition-all" onclick="gtag_report_conversion_lead('https://app.fieldrocket.us/l/4279'); return false;">Get a Quote</a>
    </div>
</section>

<section id="customer-jobs" class="pt-10 md:pt-20 pb-5">
    <div class="container">
        
        <div class="text-center mb-12">
            <h2 class="textTitle text-4xl md:text-5xl font-bold mb-8 leading-tight">Customer Jobs</h2>
            <p class="text-xl font-medium leading-normal mb-8" style="color: #1d1d1f;">Explore some of our recent jobs.</p>
        </div>
        
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
            
            <div class="bg-white shadow-md rounded-lg overflow-hidden">
                <img src="https://service-jobs-images.s3.us-east-2.amazonaws.com/sehozhz1lfrpgwv7eqspswww6311"
                    alt="Job 1" class="w-full h-48 object-cover">
                <div class="p-4">
                    <h3 class="text-lg font-bold text-black text-opacity-90 mb-3">Affordable Utah Roofing & Restoration: Get Free Consult Now!</h3>
                    <p class="text-black text-opacity-50 mb-5">How Signature Roofing Revitalized Leesa's Home with Expert Utah Roofing Services. Roofing and gutter restoration of a Utah...</p>
                    <div class="flex items-center text-gray-700">
                        <i class="fas fa-user text-md"></i>
                        <span class="ml-2 text-black text-base">Chris</span>
                    </div>
                </div>
            </div>

<div class="bg-white shadow-md rounded-lg overflow-hidden">
                <img src="https://fieldrocket-seo-optimized-images.s3.amazonaws.com/Salt-lake-city,-UT-IKO-brand-Dynasty-Shingle--Utah-Roofing--Insurance-Restoration-Roofing-Utah--Wind-Damage-Roofing-3753.jpg"
                    alt="Job 2" class="w-full h-48 object-cover">
                <div class="p-4">
                    <h3 class="text-lg font-bold text-black text-opacity-90 mb-3">
                        Affordable IKO Dynasty Roofing Solutions in Salt Lake City
                    </h3>
                    <p class="text-black text-opacity-50 mb-5">
                        Summary: Discover how Signature Roofing, led by skilled contractor Chris, 
                        skillfully restored Jill's home in Salt Lake City...
                    </p>
                    <div class="flex items-center text-gray-700">
                        <i class="fas fa-user text-md"></i>
                        <span class="ml-2 text-black text-base">Chris</span>
                    </div>
                </div>
            </div>

<div class="bg-white shadow-md rounded-lg overflow-hidden">
                <img src="https://fieldrocket-seo-optimized-images.s3.amazonaws.com/Sugarhouse-Salt-Lake-City--Sugarhouse-Salt-Lake-City--893.jpg"
                    alt="Job 3" class="w-full h-48 object-cover">
                <div class="p-4">
                    <h3 class="text-lg font-bold text-black text-opacity-90 mb-3">Signature Roofing Fixes Leaks in Sugarhouse: Affordable & Warrantied</h3>
                    <p class="text-black text-opacity-50 mb-5">The Story of Our Roof Repair in Sugarhouse Salt Lake City
                        Discover how Signature Roofing brought peace of mind...</p>
                    <div class="flex items-center text-gray-700">
                        <i class="fas fa-user text-md"></i>
                        <span class="ml-2 text-black text-base">Chris</span>
                    </div>
                </div>
            </div>

<div class="bg-white shadow-md rounded-lg overflow-hidden">
                <img src="https://fieldrocket-seo-optimized-images.s3.amazonaws.com/South-Salt-Lake,-Utah-IKO-class-3-Dynasty-Shingle--Utah-Roofing--Insurance-Roofing-Renewal-Requirement--ridge-venting-system-by-Lomanco-3904.jpg"
                    alt="Job 3" class="w-full h-48 object-cover">
                <div class="p-4">
                    <h3 class="text-lg font-bold text-black text-opacity-90 mb-3">Affordable Roof Installations in South Salt Lake | Signature Roofing</h3>
                    <p class="text-black text-opacity-50 mb-5">Transforming Rooftops in South Salt Lake, Utah: A Signature Roofing Story
                        How Signature Roofing Elevated Chris's Home...</p>
                    <div class="flex items-center text-gray-700">
                        <i class="fas fa-user text-md"></i>
                        <span class="ml-2 text-black text-base">Chris</span>
                    </div>
                </div>
            </div>

<div class="bg-white shadow-md rounded-lg overflow-hidden">
                <img src="https://fieldrocket-seo-optimized-images.s3.amazonaws.com/Layton,-UT-IKO-brand---Nordic-Shingles--Utah-Roofing-Installation--HOA-Roof-Replacement-142.jpg"
                    alt="Job 3" class="w-full h-48 object-cover">
                <div class="p-4">
                    <h3 class="text-lg font-bold text-black text-opacity-90 mb-3">Roofing Installation Experts in Layton, UT | Signature Roofing</h3>
                    <p class="text-black text-opacity-50 mb-5">Transforming Layton One Roof at a Time: Signature Roofing's Mission
                        An in-depth look at how Signature Roofing is changing the...</p>
                    <div class="flex items-center text-gray-700">
                        <i class="fas fa-user text-md"></i>
                        <span class="ml-2 text-black text-base">Chris</span>
                    </div>
                </div>
            </div>

<div class="bg-white shadow-md rounded-lg overflow-hidden">
                <img src="https://fieldrocket-seo-optimized-images.s3.amazonaws.com/Herriman,-UT-IKO-brand-Dynasty-Shingle--Utah-Roofing--Insurance-Restoration-Roofing-Utah--Wind-Damage-Roofing---5957.jpg"
                    alt="Job 3" class="w-full h-48 object-cover">
                <div class="p-4">
                    <h3 class="text-lg font-bold text-black text-opacity-90 mb-3">Windproof Your Roof: Save Big in Herriman with Signature Roofing</h3>
                    <p class="text-black text-opacity-50 mb-5">Transforming Homes in Herriman, UT with Signature Roofing
                        An in-depth look into...</p>
                    <div class="flex items-center text-gray-700">
                        <i class="fas fa-user text-md"></i>
                        <span class="ml-2 text-black text-base">Chris</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="py-10 md:py-20">
    <div class="px-4 md:px-10">
        <img class="w-full h-full" src="https://service-jobs-images.s3.us-east-2.amazonaws.com/aliv4fruxdlyovt6j2lzg9gytsqt" style="max-height: 600px;"
            alt="Contact Image" class="object-cover w-full h-full">
    </div>
    <div class="container">
        <div class="md:w-10/12 mx-auto flex flex-col md:flex-row p-4 md:p-8 rounded-sm bg-white -mt-20 relative ">
            <div class="flex flex-col md:flex-row">
                <div class="w-full md:w-4/12">
                    <h2 class="text-2xl font-bold mb-4 text-gray-800">Get in touch</h2>
                    <div class="flex items-center gap-3 mb-3">
                        <span class="textNavyBlue">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" width="24" height="24"
                                fill="#001f3f">
                                <path
                                    d="M496 160A80 80 0 1 0 496 0a80 80 0 1 0 0 160zm16 224V190.9c-5.2 .7-10.6 1.1-16 1.1c-22.5 0-43.5-6.6-61-18.1L291.5 291.7c-20.7 17-50.4 17-71.1 0L48 150.1V128c0-8.8 7.2-16 16-16H388.6c-3-10.1-4.6-20.9-4.6-32c0-5.4 .4-10.8 1.1-16H64C28.7 64 0 92.7 0 128V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64zM48 212.2L190 328.8c38.4 31.5 93.7 31.5 132 0L464 212.2V384c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V212.2z">
                                </path>
                            </svg>
                        </span>
                        <p class="text-gray-600 mb-2">
                            <span class="text-lg font-semibold textNavyBlue block mb-1">Email:</span> <a
                                href="mailto:chris@signatureroofingut.com"
                                class="text-base font-normal textNavyBlue block">chris@signatureroofingut.com</a>
                        </p>
                    </div>

<div class="text-gray-600 mb-4 flex items-center gap-2">
                        <span class="textNavyBlue">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="24" height="24"
                                fill="#001f3f">
                                <path
                                    d="M256 48V64c0 8.8-7.2 16-16 16H144c-8.8 0-16-7.2-16-16V48H96C78.3 48 64 62.3 64 80V432c0 17.7 14.3 32 32 32H288c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32H256zM16 80C16 35.8 51.8 0 96 0H288c44.2 0 80 35.8 80 80V432c0 44.2-35.8 80-80 80H96c-44.2 0-80-35.8-80-80V80z">
                                </path>
                            </svg>
                        </span>
                        <p>
                            <span class="text-lg font-semibold textNavyBlue block mb-1">Phone:</span>
                            <a href="tel:+18016934770" class="text-base font-normal textNavyBlue block" onclick="gtag_report_conversion('tel:+18016934770')">(801) 693-4770</a>
                        </p>
                    </div>
                    <div class="flex space-x-4 px-6">
                        <a href="https://www.facebook.com/signatureroofingslc/" class="text-xl">
                            <i class="fab fa-facebook-f textNavyBlue hoverColor"></i>
                        </a>
                    </div>
                </div>

<div class="w-full md:w-8/12 mt-6 md:mt-0">
                    <div class="md:pl-10">
                        <h2 class="text-2xl font-bold mb-4 text-gray-800">Contact form</h2>
                        <p class="text-gray-600 mb-4">Please fill out the form below and let us know how we
                            can help. We'll respond the same day.</p>
                        <a href="https://app.fieldrocket.us/l/4279" class="bgNavyBlue text-white px-4 py-2 rounded" onclick="gtag_report_conversion_lead('https://app.fieldrocket.us/l/4279'); return false;">Use online form</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<footer class="text-white" style="background-color: #1d1d1d;">
    <div class="container mx-auto py-10 md:py-20">
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
            
            <div>
                <h3 class="text-xl font-bold mb-6">
                    Locations
                    <span class="block border-b-4 border-solid pb-3 w-10" style="border-color: #3b3b3b;"></span>
                </h3>

<p class="text-xl font-semibold textPrimary mb-3">Location</p>
                <p class="text-base font-normal mb-4">1641 West 1320 North, Provo, Utah 84604</p>
                <p class="text-base font-normal mb-8">Serving Northern Utah from Ogden to Utah County.</p>
                <p class="text-xl font-semibold textPrimary mb-4">Signature Roofing</p>
                <p class="text-base font-normal mb-6">Bartlett Roofing is a division of Signature Roofing.</p>
            </div>

<div>
                <h3 class="text-lg font-semibold mb-6">
                    Contact
                    <span class="block border-b-4 border-solid pb-3 w-10" style="border-color: #3b3b3b;"></span>
                </h3>
                <p class="mb-8">
                    <span class="text-xl font-semibold textPrimary block mb-3">Call Today</span>
                    <a href="tel:+18016934770" class="text-base font-normal" onclick="gtag_report_conversion('tel:+18016934770')">(801) 693-4770</a>
                </p>
                <p>
                    <span class="text-xl font-semibold textPrimary block mb-3">Email Us</span>
                    <a href="mailto:chris@signatureroofingut.com"
                        class="text-base font-normal">chris@signatureroofingut.com</a>
                </p>
            </div>

<div>
                <h3 class="text-lg font-semibold mb-4">
                    Menus
                    <span class="block border-b-4 border-solid pb-3 w-10" style="border-color: #3b3b3b;"></span>
                </h3>

<ul class="grid grid-cols-2 gap-4">
                    <li><a href="#our-services" class="text-base font-normal mb-2">Roofing Services</a></li>
                    <li><a href="https://app.fieldrocket.us/l/4279" class="text-base font-normal mb-2" onclick="gtag_report_conversion_lead('https://app.fieldrocket.us/l/4279'); return false;">Contact</a></li>
                    <li><a href="#customer-jobs" class="text-base font-normal mb-2">Our Work</a></li>
                    <li><a href="#about-us" class="text-base font-normal mb-2">About Us</a></li>
                    <li><a href="#frequently-asked-questions" class="text-base font-normal mb-2">FAQs</a></li>
                </ul>
            </div>
        </div>
    </div>
    
    <div class="border-t border-solid py-8" style="border-color: #ffffff24;">
        <div class="container mx-auto">
            <div class="flex flex-col sm:flex-row justify-between items-center">
                <a href="#" class="mb-6 md:mb-0 inline-block"><img class="h-24 w-full" src="https://service-jobs-images.s3.us-east-2.amazonaws.com/wj5fk47d8y19y47rhv2x4ht9r24i"
                        alt=""></a>
                <div class="text-base font-medium mb-6 md:mb-0 inline-block">&copy; 2024 Signature Roofing</div>
                <div class="mt-4 sm:mt-0 flex space-x-4">
                    <a href="#" class="text-gray-500 hover:text-white">
                        <svg xmlns="http://www.w3.org/2000/svg"
                            viewBox="0 0 320 512">
                            <path
                                d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z">
                            </path>
                        </svg>
                    </a>
                    <div class="flex items-center gap-3">
                        <a href="https://www.facebook.com/signatureroofingslc/"
                            class="h-8 w-8 flex items-center justify-center hoverBg transition-all duration-150"
                            style="background-color: #242424;">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 320 512">
                                <path fill="#FFFFFF"
                                    d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5 16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0 129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z" />
                            </svg>
                        </a>
                    </div>

</div>
            </div>
        </div>
    </div>
    
</footer>

</html>

Web page

Show this web page history Back to web page histories

Editing web page history

Chat History