{"id":2,"date":"2026-02-11T18:56:35","date_gmt":"2026-02-11T18:56:35","guid":{"rendered":"https:\/\/trockroofingce.wpenginepowered.com\/?page_id=2"},"modified":"2026-02-12T22:26:14","modified_gmt":"2026-02-12T22:26:14","slug":"homepage","status":"publish","type":"page","link":"https:\/\/cedarcreekroofer.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"description\" content=\"T Rock Roofing &#038; Contracting - Cedar Creek Lake's premier roofing contractor specializing in architectural shingles for luxury vacation homes. Serving Gun Barrel City, Mabank, Athens, and all of Cedar Creek Lake. Fast response times. Call 469-484-ROOF.\">\n    <meta name=\"keywords\" content=\"cedar creek lake roofing, gun barrel city roofer, mabank roofing contractor, architectural shingles, luxury roofing, vacation home roofing, lakefront roofing, athens tx roofer, trinidad roofing, seven points roofer\">\n    <meta name=\"author\" content=\"T Rock Roofing &#038; Contracting\">\n    <meta name=\"robots\" content=\"index, follow\">\n    \n    <!-- Open Graph \/ Social Media -->\n    <meta property=\"og:title\" content=\"T Rock Roofing &#038; Contracting | Premium Architectural Shingles - Cedar Creek Lake\">\n    <meta property=\"og:description\" content=\"Luxury roofing solutions for Cedar Creek Lake vacation homes. Fast response times. Expert installation of architectural shingles.\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/cedarcreekroofing.com\">\n    \n    <!-- Local Business Schema -->\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"RoofingContractor\",\n      \"name\": \"T Rock Roofing & Contracting - Cedar Creek\",\n      \"image\": \"logo-placeholder.png\",\n      \"telephone\": \"469-484-7663\",\n      \"email\": \"info@trockcontracting.com\",\n      \"address\": {\n        \"@type\": \"PostalAddress\",\n        \"addressLocality\": \"Cedar Creek Lake\",\n        \"addressRegion\": \"TX\",\n        \"addressCountry\": \"US\"\n      },\n      \"geo\": {\n        \"@type\": \"GeoCoordinates\",\n        \"latitude\": \"32.2688\",\n        \"longitude\": \"-96.0514\"\n      },\n      \"url\": \"https:\/\/cedarcreekroofing.com\",\n      \"priceRange\": \"$$$$\",\n      \"areaServed\": [\n        \"Gun Barrel City, TX\",\n        \"Mabank, TX\",\n        \"Trinidad, TX\",\n        \"Seven Points, TX\",\n        \"Tool, TX\",\n        \"Enchanted Oaks, TX\",\n        \"Log Cabin, TX\",\n        \"Caney City, TX\",\n        \"Star Harbor, TX\",\n        \"Cedar Creek Lake, TX\",\n        \"Malakoff, TX\",\n        \"Athens, TX\"\n      ]\n    }\n    <\/script>\n    \n    <title>T Rock Roofing &#038; Contracting | Premium Cedar Creek Lake Roofing | Architectural Shingles<\/title>\n    \n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;900&#038;family=Montserrat:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* Force remove any header\/nav white space *\/\n        body {\n            padding-top: 0 !important;\n            margin-top: 0 !important;\n        }\n        \n        header, nav, .site-header, .main-navigation, #masthead, #site-navigation {\n            display: none !important;\n            height: 0 !important;\n            min-height: 0 !important;\n            padding: 0 !important;\n            margin: 0 !important;\n            visibility: hidden !important;\n        }\n        \n        \/* Reset and Base Styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        :root {\n            --primary-red: #8B0000;\n            --dark-gray: #0a0a0a;\n            --medium-gray: #1a1a1a;\n            --light-gray: #f8f8f8;\n            --white: #ffffff;\n            --accent-gold: #D4AF37;\n            --light-gold: #E8D5A1;\n            --charcoal: #2C2C2C;\n        }\n        \n        body {\n            font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\n            color: #2C2C2C;\n            line-height: 1.8;\n            overflow-x: hidden;\n            background: var(--dark-gray);\n            letter-spacing: 0.3px;\n        }\n        \n        h1, h2, h3, h4, h5, h6 {\n            font-family: 'Playfair Display', serif;\n            font-weight: 600;\n            letter-spacing: 0.5px;\n        }\n        \n        \/* Header Styles *\/\n        .top-bar {\n            background: linear-gradient(135deg, var(--dark-gray) 0%, var(--charcoal) 100%);\n            color: var(--light-gold);\n            padding: 12px 0;\n            font-size: 13px;\n            font-weight: 300;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            border-bottom: 1px solid rgba(212, 175, 55, 0.2);\n        }\n        \n        .top-bar-content {\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 0 40px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .top-bar a {\n            color: var(--light-gold);\n            text-decoration: none;\n            margin-left: 30px;\n            transition: all 0.3s ease;\n            position: relative;\n        }\n        \n        .top-bar a::after {\n            content: '';\n            position: absolute;\n            width: 0;\n            height: 1px;\n            bottom: -3px;\n            left: 0;\n            background: var(--accent-gold);\n            transition: width 0.3s ease;\n        }\n        \n        .top-bar a:hover {\n            color: var(--accent-gold);\n        }\n        \n        .top-bar a:hover::after {\n            width: 100%;\n        }\n        \n        header {\n            background: rgba(255, 255, 255, 0.98);\n            backdrop-filter: blur(10px);\n            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n            border-bottom: 1px solid rgba(212, 175, 55, 0.1);\n            display: none !important;\n            height: 0 !important;\n            overflow: hidden !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n        \n        nav {\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 25px 40px;\n            display: none !important;\n            justify-content: space-between;\n            align-items: center;\n            height: 0 !important;\n            overflow: hidden !important;\n        }\n        \n        .logo {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n        }\n        \n        .logo img {\n            height: 70px;\n            width: auto;\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));\n        }\n        \n        .logo-text {\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .logo-text .company-name {\n            font-size: 28px;\n            font-weight: 700;\n            color: var(--dark-gray);\n            letter-spacing: 2px;\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .logo-text .tagline {\n            font-size: 11px;\n            color: var(--accent-gold);\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            font-weight: 300;\n        }\n        \n        .nav-links {\n            display: flex;\n            gap: 45px;\n            list-style: none;\n        }\n        \n        .nav-links a {\n            color: var(--charcoal);\n            text-decoration: none;\n            font-weight: 400;\n            font-size: 14px;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            transition: all 0.3s ease;\n            position: relative;\n        }\n        \n        .nav-links a::after {\n            content: '';\n            position: absolute;\n            width: 0;\n            height: 2px;\n            bottom: -5px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: var(--accent-gold);\n            transition: width 0.3s ease;\n        }\n        \n        .nav-links a:hover {\n            color: var(--primary-red);\n        }\n        \n        .nav-links a:hover::after {\n            width: 100%;\n        }\n        \n        .cta-button {\n            background: linear-gradient(135deg, var(--primary-red) 0%, #6B0000 100%);\n            color: var(--white);\n            padding: 14px 35px;\n            border-radius: 0;\n            text-decoration: none;\n            font-weight: 500;\n            font-size: 13px;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            transition: all 0.4s ease;\n            display: inline-block;\n            box-shadow: 0 4px 15px rgba(139, 0, 0, 0.3);\n            border: 1px solid var(--primary-red);\n        }\n        \n        .cta-button:hover {\n            background: linear-gradient(135deg, #6B0000 0%, var(--primary-red) 100%);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 25px rgba(139, 0, 0, 0.4);\n        }\n        \n        .phone-header {\n            font-size: 22px;\n            color: var(--primary-red);\n            font-weight: 600;\n            text-decoration: none;\n            letter-spacing: 1px;\n            transition: all 0.3s ease;\n            font-family: 'Playfair Display', serif;\n        }\n        \n        .phone-header:hover {\n            color: var(--accent-gold);\n            transform: scale(1.05);\n        }\n        \n        \/* Mobile Menu *\/\n        .mobile-menu-toggle {\n            display: none;\n            background: var(--primary-red);\n            color: white;\n            border: none;\n            padding: 12px 18px;\n            font-size: 20px;\n            cursor: pointer;\n            border-radius: 0;\n            transition: all 0.3s ease;\n        }\n        \n        .mobile-menu-toggle:hover {\n            background: var(--accent-gold);\n        }\n        \n        \/* Hero Section *\/\n        .hero {\n            background: linear-gradient(135deg, rgba(10, 10, 10, 0.85) 0%, rgba(44, 44, 44, 0.75) 100%), \n                        url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 600\"><rect fill=\"%230a0a0a\" width=\"1200\" height=\"600\"\/><\/svg>');\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n            color: var(--white);\n            text-align: center;\n            padding: 180px 40px 150px;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, 0.1) 0%, transparent 50%);\n            pointer-events: none;\n        }\n        \n        .hero::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 2px;\n            background: linear-gradient(90deg, transparent 0%, var(--accent-gold) 50%, transparent 100%);\n        }\n        \n        .hero h1 {\n            font-size: 64px;\n            margin-bottom: 30px;\n            text-shadow: 0 4px 20px rgba(0,0,0,0.5);\n            line-height: 1.2;\n            font-weight: 600;\n            letter-spacing: 1px;\n            position: relative;\n            z-index: 1;\n            color: var(--white);\n        }\n        \n        .hero .subtitle {\n            font-size: 16px;\n            margin-bottom: 20px;\n            color: var(--accent-gold);\n            font-weight: 300;\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            font-family: 'Montserrat', sans-serif;\n        }\n        \n        .hero .subtitle::before,\n        .hero .subtitle::after {\n            content: '\u2014';\n            margin: 0 20px;\n            color: var(--light-gold);\n        }\n        \n        .hero p {\n            font-size: 20px;\n            margin-bottom: 50px;\n            margin-left: auto;\n            margin-right: auto;\n            font-weight: 300;\n            line-height: 1.8;\n            letter-spacing: 0.5px;\n        }\n        \n        .hero-buttons {\n            display: flex;\n            gap: 25px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n        \n        .cta-primary {\n            background: linear-gradient(135deg, var(--primary-red) 0%, #6B0000 100%);\n            color: var(--white);\n            padding: 20px 50px;\n            font-size: 16px;\n            border-radius: 0;\n            text-decoration: none;\n            font-weight: 500;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            transition: all 0.4s ease;\n            display: inline-block;\n            box-shadow: 0 8px 30px rgba(139, 0, 0, 0.4);\n            border: 2px solid var(--primary-red);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .cta-primary::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n            transition: left 0.5s ease;\n        }\n        \n        .cta-primary:hover::before {\n            left: 100%;\n        }\n        \n        .cta-primary:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 40px rgba(139, 0, 0, 0.5);\n            border-color: var(--accent-gold);\n        }\n        \n        .cta-secondary {\n            background: transparent;\n            color: var(--white);\n            padding: 20px 50px;\n            font-size: 16px;\n            border: 2px solid var(--accent-gold);\n            border-radius: 0;\n            text-decoration: none;\n            font-weight: 500;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .cta-secondary::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 0;\n            height: 100%;\n            background: var(--accent-gold);\n            transition: width 0.4s ease;\n            z-index: -1;\n        }\n        \n        .cta-secondary:hover::before {\n            width: 100%;\n        }\n        \n        .cta-secondary:hover {\n            color: var(--dark-gray);\n            border-color: var(--accent-gold);\n        }\n        \n        \/* Trust Bar *\/\n        .trust-bar {\n            background: linear-gradient(135deg, var(--medium-gray) 0%, var(--charcoal) 100%);\n            color: var(--white);\n            padding: 60px 40px;\n            text-align: center;\n            border-top: 1px solid rgba(212, 175, 55, 0.2);\n            border-bottom: 1px solid rgba(212, 175, 55, 0.2);\n        }\n        \n        .trust-items {\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 0 40px;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 60px;\n        }\n        \n        .trust-item {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 20px;\n            padding: 30px;\n            transition: all 0.4s ease;\n            position: relative;\n        }\n        \n        .trust-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n        \n        .trust-item:hover::before {\n            opacity: 1;\n        }\n        \n        .trust-icon {\n            font-size: 56px;\n            color: var(--accent-gold);\n            transition: all 0.4s ease;\n            filter: drop-shadow(0 4px 10px rgba(212, 175, 55, 0.3));\n        }\n        \n        .trust-item:hover .trust-icon {\n            transform: scale(1.1) translateY(-5px);\n            color: var(--light-gold);\n        }\n        \n        .trust-item h3 {\n            font-size: 18px;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--light-gold);\n            font-weight: 500;\n            font-family: 'Montserrat', sans-serif;\n        }\n        \n        .trust-item p {\n            font-size: 15px;\n            color: #ccc;\n            line-height: 1.8;\n            font-weight: 300;\n        }\n        \n        \/* About Section *\/\n        .about-section {\n            padding: 120px 40px;\n            background: linear-gradient(135deg, var(--dark-gray) 0%, var(--charcoal) 100%);\n            color: var(--white);\n            position: relative;\n        }\n        \n        .about-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80%;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n        \n        .container {\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 0 40px;\n        }\n        \n        .section-title {\n            text-align: center;\n            font-size: 48px;\n            margin-bottom: 25px;\n            color: var(--white);\n            font-weight: 600;\n            letter-spacing: 1px;\n            font-family: 'Playfair Display', serif;\n            position: relative;\n            display: inline-block;\n            width: 100%;\n        }\n        \n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, var(--primary-red), var(--accent-gold));\n        }\n        \n        .section-subtitle {\n            text-align: center;\n            font-size: 18px;\n            color: #ccc;\n            margin-bottom: 80px;\n            margin-left: auto;\n            margin-right: auto;\n            font-weight: 300;\n            line-height: 1.8;\n            letter-spacing: 0.5px;\n        }\n        \n        .about-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: center;\n            width: 100%;\n        }\n        \n        .about-text h3 {\n            font-size: 36px;\n            margin-bottom: 30px;\n            color: var(--accent-gold);\n            font-family: 'Playfair Display', serif;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n        \n        .about-text p {\n            margin-bottom: 20px;\n            line-height: 2;\n            color: #ccc;\n            font-weight: 300;\n            font-size: 16px;\n            letter-spacing: 0.3px;\n        }\n        \n        .about-features {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 25px;\n            margin-top: 40px;\n        }\n        \n        .feature-box {\n            background: rgba(255, 255, 255, 0.05);\n            padding: 35px;\n            border-radius: 0;\n            border-left: 3px solid var(--accent-gold);\n            transition: all 0.4s ease;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.3);\n            backdrop-filter: blur(10px);\n        }\n        \n        .feature-box:hover {\n            transform: translateX(10px);\n            border-left-color: var(--primary-red);\n            box-shadow: 0 8px 30px rgba(212, 175, 55, 0.2);\n            background: rgba(255, 255, 255, 0.08);\n        }\n        \n        .feature-box h4 {\n            color: var(--accent-gold);\n            margin-bottom: 15px;\n            font-size: 20px;\n            font-family: 'Playfair Display', serif;\n            font-weight: 600;\n        }\n        \n        .feature-box p {\n            color: #ccc;\n            font-size: 14px;\n            line-height: 1.8;\n            font-weight: 300;\n        }\n        \n        \/* Services Section *\/\n        .services-section {\n            padding: 120px 40px;\n            background: linear-gradient(180deg, #0a0a0a 0%, var(--dark-gray) 50%, var(--charcoal) 100%);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .services-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n        \n        .services-section::after {\n            content: '';\n            position: absolute;\n            top: 30%;\n            right: -200px;\n            width: 500px;\n            height: 500px;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, transparent 70%);\n            border-radius: 50%;\n            pointer-events: none;\n        }\n        \n        .about-section::after {\n            content: '';\n            position: absolute;\n            bottom: 20%;\n            right: -150px;\n            width: 400px;\n            height: 400px;\n            background: radial-gradient(circle, rgba(139, 0, 0, 0.08) 0%, transparent 70%);\n            border-radius: 50%;\n            pointer-events: none;\n        }\n        \n        .services-section .section-title {\n            color: var(--white);\n        }\n        \n        .services-section .section-subtitle {\n            color: #ccc;\n        }\n        \n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 40px;\n            margin-top: 80px;\n            position: relative;\n            z-index: 1;\n            width: 100%;\n        }\n        \n        .service-card {\n            background: rgba(255, 255, 255, 0.05);\n            padding: 60px 45px;\n            border-radius: 0;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.3);\n            transition: all 0.5s ease;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            backdrop-filter: blur(10px);\n        }\n        \n        .service-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 0;\n            background: linear-gradient(135deg, var(--primary-red) 0%, var(--accent-gold) 100%);\n            transition: height 0.5s ease;\n            z-index: 0;\n        }\n        \n        .service-card:hover::before {\n            height: 100%;\n        }\n        \n        .service-card > * {\n            position: relative;\n            z-index: 1;\n            transition: all 0.5s ease;\n        }\n        \n        .service-card:hover {\n            transform: translateY(-15px);\n            box-shadow: 0 20px 60px rgba(212, 175, 55, 0.3);\n            border-color: var(--accent-gold);\n        }\n        \n        .service-card:hover h3,\n        .service-card:hover p,\n        .service-card:hover .service-link {\n            color: var(--white);\n        }\n        \n        .service-card:hover .service-icon {\n            color: var(--white);\n            transform: scale(1.15);\n            filter: drop-shadow(0 4px 20px rgba(255, 255, 255, 0.4));\n        }\n        \n        .service-icon {\n            font-size: 72px;\n            color: var(--accent-gold);\n            margin-bottom: 30px;\n            transition: all 0.5s ease;\n            filter: drop-shadow(0 4px 10px rgba(212, 175, 55, 0.3));\n        }\n        \n        .service-card h3 {\n            font-size: 28px;\n            margin-bottom: 20px;\n            color: var(--accent-gold);\n            font-family: 'Playfair Display', serif;\n            font-weight: 600;\n            letter-spacing: 0.5px;\n        }\n        \n        .service-card p {\n            color: #ccc;\n            margin-bottom: 30px;\n            line-height: 1.9;\n            font-weight: 300;\n            font-size: 15px;\n        }\n        \n        .service-link {\n            color: var(--light-gold);\n            text-decoration: none;\n            font-weight: 500;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            font-size: 13px;\n            transition: all 0.3s ease;\n        }\n        \n        .service-link:hover {\n            gap: 15px;\n        }\n        \n        \/* Why Choose Section *\/\n        .why-choose-section {\n            padding: 120px 40px;\n            background: linear-gradient(135deg, var(--dark-gray) 0%, #0a0a0a 100%);\n            color: var(--white);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .why-choose-section::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -20%;\n            width: 600px;\n            height: 600px;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 70%);\n            border-radius: 50%;\n        }\n        \n        .why-choose-section::after {\n            content: '';\n            position: absolute;\n            bottom: -50%;\n            left: -20%;\n            width: 600px;\n            height: 600px;\n            background: radial-gradient(circle, rgba(139, 0, 0, 0.05) 0%, transparent 70%);\n            border-radius: 50%;\n        }\n        \n        .why-choose-section .section-title {\n            color: var(--white);\n        }\n        \n        .why-choose-section .section-title::after {\n            background: linear-gradient(90deg, var(--accent-gold), var(--primary-red));\n        }\n        \n        .why-choose-section .section-subtitle {\n            color: #ccc;\n        }\n        \n        .why-choose-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 60px;\n            margin-top: 80px;\n            position: relative;\n            z-index: 1;\n            width: 100%;\n        }\n        \n        .why-item {\n            text-align: center;\n            padding: 40px;\n            background: rgba(255, 255, 255, 0.03);\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            transition: all 0.5s ease;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .why-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 0;\n            background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(139, 0, 0, 0.1) 100%);\n            transition: height 0.5s ease;\n        }\n        \n        .why-item:hover::before {\n            height: 100%;\n        }\n        \n        .why-item:hover {\n            transform: translateY(-10px);\n            border-color: var(--accent-gold);\n            background: rgba(255, 255, 255, 0.05);\n        }\n        \n        .why-number {\n            font-size: 56px;\n            color: var(--accent-gold);\n            font-weight: 700;\n            margin-bottom: 25px;\n            font-family: 'Playfair Display', serif;\n            transition: all 0.5s ease;\n            filter: drop-shadow(0 4px 15px rgba(212, 175, 55, 0.3));\n        }\n        \n        .why-item:hover .why-number {\n            transform: scale(1.15);\n            color: var(--light-gold);\n        }\n        \n        .why-item h3 {\n            font-size: 24px;\n            margin-bottom: 20px;\n            color: var(--light-gold);\n            font-family: 'Playfair Display', serif;\n            font-weight: 600;\n            letter-spacing: 1px;\n        }\n        \n        .why-item p {\n            color: #ccc;\n            line-height: 2;\n            font-weight: 300;\n            font-size: 15px;\n            letter-spacing: 0.3px;\n        }\n        \n        \/* Service Area Section *\/\n        .service-area-section {\n            padding: 120px 40px;\n            background: linear-gradient(135deg, var(--charcoal) 0%, var(--dark-gray) 100%);\n            color: var(--white);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .service-area-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80%;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\n        }\n        \n        .service-area-section::after {\n            content: '';\n            position: absolute;\n            bottom: 20%;\n            left: -200px;\n            width: 500px;\n            height: 500px;\n            background: radial-gradient(circle, rgba(139, 0, 0, 0.06) 0%, transparent 70%);\n            border-radius: 50%;\n            pointer-events: none;\n        }\n        \n        .service-area-section .section-title {\n            color: var(--white);\n        }\n        \n        .service-area-section .section-subtitle {\n            color: #ccc;\n        }\n        \n        .service-area-content {\n            text-align: center;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .cities-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n            margin-top: 60px;\n            width: 100%;\n        }\n        \n        .city-item {\n            background: rgba(255, 255, 255, 0.05);\n            padding: 30px 25px;\n            border-radius: 0;\n            font-size: 16px;\n            font-weight: 400;\n            color: #ccc;\n            transition: all 0.4s ease;\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            letter-spacing: 0.5px;\n            position: relative;\n            overflow: hidden;\n            backdrop-filter: blur(10px);\n        }\n        \n        .city-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 0;\n            height: 100%;\n            background: linear-gradient(135deg, var(--primary-red) 0%, var(--accent-gold) 100%);\n            transition: width 0.4s ease;\n            z-index: 0;\n        }\n        \n        .city-item:hover::before {\n            width: 100%;\n        }\n        \n        .city-item:hover {\n            color: var(--white);\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n            border-color: var(--accent-gold);\n        }\n        \n        .city-item span {\n            position: relative;\n            z-index: 1;\n        }\n        \n        \/* CTA Section *\/\n        .cta-section {\n            padding: 140px 40px;\n            background: linear-gradient(135deg, rgba(10, 10, 10, 0.95) 0%, rgba(139, 0, 0, 0.9) 100%), \n                        url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 400\"><rect fill=\"%238B0000\" width=\"1200\" height=\"400\"\/><\/svg>');\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n            text-align: center;\n            color: var(--white);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .cta-section::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 50%);\n            animation: pulse 15s ease-in-out infinite;\n        }\n        \n        @keyframes pulse {\n            0%, 100% { transform: scale(1) rotate(0deg); }\n            50% { transform: scale(1.1) rotate(5deg); }\n        }\n        \n        .cta-section h2 {\n            font-size: 52px;\n            margin-bottom: 30px;\n            font-family: 'Playfair Display', serif;\n            font-weight: 600;\n            letter-spacing: 1px;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .cta-section p {\n            font-size: 22px;\n            margin-bottom: 50px;\n            margin-left: auto;\n            margin-right: auto;\n            font-weight: 300;\n            line-height: 1.8;\n            position: relative;\n            z-index: 1;\n            letter-spacing: 0.5px;\n        }\n        \n        .cta-phone {\n            font-size: 56px;\n            font-weight: 700;\n            color: var(--accent-gold);\n            text-decoration: none;\n            display: inline-block;\n            margin-bottom: 40px;\n            transition: all 0.4s ease;\n            font-family: 'Playfair Display', serif;\n            letter-spacing: 2px;\n            position: relative;\n            z-index: 1;\n            filter: drop-shadow(0 4px 20px rgba(212, 175, 55, 0.4));\n        }\n        \n        .cta-phone:hover {\n            transform: scale(1.08);\n            color: var(--light-gold);\n            filter: drop-shadow(0 6px 30px rgba(212, 175, 55, 0.6));\n        }\n        \n        \/* Footer *\/\n        footer {\n            background: linear-gradient(135deg, var(--dark-gray) 0%, #0a0a0a 100%);\n            color: var(--white);\n            padding: 80px 40px 40px;\n            border-top: 2px solid var(--accent-gold);\n            position: relative;\n        }\n        \n        footer::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, var(--accent-gold), transparent);\n        }\n        \n        .footer-content {\n            max-width: 100%;\n            margin: 0 auto;\n            padding: 0 40px;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 60px;\n            margin-bottom: 60px;\n        }\n        \n        .footer-section h3 {\n            font-size: 22px;\n            margin-bottom: 30px;\n            color: var(--accent-gold);\n            font-family: 'Playfair Display', serif;\n            font-weight: 600;\n            letter-spacing: 1px;\n        }\n        \n        .footer-section p,\n        .footer-section a {\n            color: #ccc;\n            text-decoration: none;\n            display: block;\n            margin-bottom: 15px;\n            line-height: 1.9;\n            font-weight: 300;\n            font-size: 15px;\n            transition: all 0.3s ease;\n            letter-spacing: 0.3px;\n        }\n        \n        .footer-section a:hover {\n            color: var(--accent-gold);\n            padding-left: 10px;\n        }\n        \n        .footer-bottom {\n            text-align: center;\n            padding-top: 40px;\n            border-top: 1px solid rgba(212, 175, 55, 0.2);\n            color: #999;\n            font-size: 14px;\n            font-weight: 300;\n            letter-spacing: 0.5px;\n        }\n        \n        .footer-bottom a {\n            color: #999;\n            text-decoration: none;\n            transition: color 0.3s ease;\n        }\n        \n        .footer-bottom a:hover {\n            color: var(--accent-gold);\n        }\n        \n        .social-links {\n            display: flex;\n            gap: 20px;\n            margin-top: 25px;\n        }\n        \n        .social-icon {\n            color: var(--white);\n            font-size: 28px;\n            transition: all 0.3s ease;\n            filter: drop-shadow(0 2px 8px rgba(212, 175, 55, 0.2));\n        }\n        \n        .social-icon:hover {\n            color: var(--accent-gold);\n            transform: translateY(-5px);\n            filter: drop-shadow(0 4px 15px rgba(212, 175, 55, 0.4));\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .mobile-menu-toggle {\n                display: block;\n            }\n            \n            .nav-links {\n                display: none;\n            }\n            \n            .hero {\n                padding: 120px 30px 100px;\n            }\n            \n            .hero h1 {\n                font-size: 36px;\n                line-height: 1.3;\n            }\n            \n            .hero .subtitle {\n                font-size: 13px;\n                letter-spacing: 3px;\n            }\n            \n            .hero p {\n                font-size: 17px;\n            }\n            \n            .about-content {\n                grid-template-columns: 1fr;\n                gap: 50px;\n            }\n            \n            .about-features {\n                grid-template-columns: 1fr;\n            }\n            \n            .services-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .why-choose-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .cities-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .hero-buttons {\n                flex-direction: column;\n            }\n            \n            .cta-primary,\n            .cta-secondary {\n                width: 100%;\n                text-align: center;\n            }\n            \n            .footer-content {\n                grid-template-columns: 1fr;\n            }\n            \n            .section-title {\n                font-size: 36px;\n            }\n            \n            .cta-section h2 {\n                font-size: 36px;\n            }\n            \n            .cta-phone {\n                font-size: 42px;\n            }\n            \n            nav {\n                padding: 20px 30px;\n            }\n            \n            .logo img {\n                height: 50px;\n            }\n            \n            .logo-text .company-name {\n                font-size: 22px;\n            }\n            \n            .top-bar-content {\n                flex-direction: column;\n                gap: 10px;\n                text-align: center;\n            }\n        }\n        \n        \/* Accessibility *\/\n        .skip-link {\n            position: absolute;\n            top: -40px;\n            left: 0;\n            background: var(--primary-red);\n            color: white;\n            padding: 10px 15px;\n            text-decoration: none;\n            z-index: 100;\n            font-weight: 500;\n            letter-spacing: 1px;\n        }\n        \n        .skip-link:focus {\n            top: 0;\n        }\n        \n        \/* Smooth Animations *\/\n        * {\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n        \n        \/* Custom Scrollbar *\/\n        ::-webkit-scrollbar {\n            width: 12px;\n        }\n        \n        ::-webkit-scrollbar-track {\n            background: var(--dark-gray);\n        }\n        \n        ::-webkit-scrollbar-thumb {\n            background: var(--accent-gold);\n            border-radius: 0;\n        }\n        \n        ::-webkit-scrollbar-thumb:hover {\n            background: var(--primary-red);\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Skip Link for Accessibility -->\n    <a href=\"#main-content\" class=\"skip-link\">Skip to main content<\/a>\n    \n    <!-- Top Bar -->\n    <div class=\"top-bar\">\n        <div class=\"top-bar-content\">\n            <div>\n                <strong>T Rock Roofing &#038; Contracting &#8211; Cedar Creek Lake&#8217;s Premier Roofing Contractor<\/strong>\n            <\/div>\n            <div>\n                <a href=\"\/cdn-cgi\/l\/email-protection#3851565e57784c4a575b535b57564c4a595b4c51565f165b5755\"><span class=\"__cf_email__\" data-cfemail=\"660f08000926121409050d05090812140705120f08014805090b\">[email&#160;protected]<\/span><\/a>\n                <a href=\"tel:469-484-7663\"><strong>469-484-ROOF<\/strong><\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Header \/ Navigation -->\n    <header style=\"display: none;\">\n        <nav>\n            <div class=\"logo\">\n                <img decoding=\"async\" src=\"logo-placeholder.png\" alt=\"T Rock Roofing &#038; Contracting Logo\">\n                <div class=\"logo-text\">\n                    <span class=\"company-name\">T ROCK ROOFING<\/span>\n                    <span class=\"tagline\">Cedar Creek Lake<\/span>\n                <\/div>\n            <\/div>\n            <ul class=\"nav-links\" style=\"display: none;\">\n                <li><a href=\"#services\">Services<\/a><\/li>\n                <li><a href=\"#about\">About<\/a><\/li>\n                <li><a href=\"#service-area\">Service Area<\/a><\/li>\n                <li><a href=\"#contact\">Contact<\/a><\/li>\n            <\/ul>\n            <a href=\"tel:469-484-7663\" class=\"phone-header\">469-484-ROOF<\/a>\n            <button class=\"mobile-menu-toggle\" aria-label=\"Toggle menu\">\u2630<\/button>\n        <\/nav>\n    <\/header>\n    \n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"container\">\n            <p class=\"subtitle\">T Rock Roofing &#038; Contracting &#8211; Luxury Roofing for Cedar Creek Lake<\/p>\n            <h1>Protecting Your Lakefront Investment<\/h1>\n            <p>Fast response times. Expert craftsmanship. Trusted by Cedar Creek Lake&#8217;s most discerning homeowners.<\/p>\n            <div class=\"hero-buttons\">\n                <a href=\"tel:469-484-7663\" class=\"cta-primary\">Call 469-484-ROOF<\/a>\n                <a href=\"#contact\" class=\"cta-secondary\">Request Free Inspection<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Trust Bar -->\n    <section class=\"trust-bar\">\n        <div class=\"trust-items\">\n            <div class=\"trust-item\">\n                <div class=\"trust-icon\">\u2713<\/div>\n                <h3>Lake Area Experts<\/h3>\n                <p>Specialized experience with lakefront properties and vacation homes<\/p>\n            <\/div>\n            <div class=\"trust-item\">\n                <div class=\"trust-icon\">\u26a1<\/div>\n                <h3>Fast Response<\/h3>\n                <p>Quick turnaround times for Cedar Creek Lake area homeowners<\/p>\n            <\/div>\n            <div class=\"trust-item\">\n                <div class=\"trust-icon\">\u2605<\/div>\n                <h3>Premium Materials<\/h3>\n                <p>Top-tier architectural shingles from industry-leading manufacturers<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- About Section -->\n    <section id=\"about\" class=\"about-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">T Rock Roofing &#038; Contracting: Cedar Creek Lake&#8217;s Trusted Roofing Partner<\/h2>\n            <p class=\"section-subtitle\">Bringing decades of roofing excellence to your lakefront property<\/p>\n            \n            <div class=\"about-content\">\n                <div class=\"about-text\">\n                    <h3>Luxury Roofing Solutions for Discerning Homeowners<\/h3>\n                    <p>Your Cedar Creek Lake vacation home deserves the finest roofing protection available. At <strong>T Rock Roofing &#038; Contracting<\/strong>, we specialize in premium architectural shingle installations that combine exceptional durability with elegant aesthetics.<\/p>\n                    <p>We understand the unique challenges of lakefront properties\u2014from humidity and severe weather to the need for minimal disruption to your valuable leisure time. That&#8217;s why we&#8217;ve built our reputation on rapid response times and meticulous craftsmanship.<\/p>\n                    <p>With decades of experience serving the DFW Metroplex and now extending our expertise to Cedar Creek Lake, <strong>T Rock Roofing &#038; Contracting<\/strong> delivers the same world-class service that has made us Dallas-Fort Worth&#8217;s most trusted roofing contractor.<\/p>\n                <\/div>\n                <div class=\"about-features\">\n                    <div class=\"feature-box\">\n                        <h4>\ud83c\udfc6 Premium Quality<\/h4>\n                        <p>We work exclusively with top-tier architectural shingles designed to withstand lake climate conditions while enhancing your home&#8217;s luxury appeal.<\/p>\n                    <\/div>\n                    <div class=\"feature-box\">\n                        <h4>\u23f1\ufe0f Quick Response<\/h4>\n                        <p>We know your time at the lake is precious. Our team responds quickly and works efficiently to minimize any disruption to your schedule.<\/p>\n                    <\/div>\n                    <div class=\"feature-box\">\n                        <h4>\ud83d\udee1\ufe0f Comprehensive Protection<\/h4>\n                        <p>From storm damage repair to complete roof replacements, we provide comprehensive solutions tailored to lakefront properties.<\/p>\n                    <\/div>\n                    <div class=\"feature-box\">\n                        <h4>\ud83d\udcbc Professional Service<\/h4>\n                        <p>Our team maintains the highest standards of professionalism, ensuring your property is treated with the respect it deserves.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Services Section -->\n    <section id=\"services\" class=\"services-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Our Roofing Services<\/h2>\n            <p class=\"section-subtitle\">Comprehensive roofing solutions for Cedar Creek Lake properties<\/p>\n            \n            <div class=\"services-grid\">\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83c\udfe0<\/div>\n                    <h3>Architectural Shingles<\/h3>\n                    <p>Premium architectural shingle installation featuring superior wind resistance, dimensional beauty, and long-lasting durability perfect for lakefront homes.<\/p>\n                    <a href=\"tel:469-484-7663\" class=\"service-link\">Learn More \u2192<\/a>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83d\udd28<\/div>\n                    <h3>Roof Repair<\/h3>\n                    <p>Expert repair services for storm damage, leaks, and general wear. Fast response times to protect your investment from further damage.<\/p>\n                    <a href=\"tel:469-484-7663\" class=\"service-link\">Learn More \u2192<\/a>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83c\udfd8\ufe0f<\/div>\n                    <h3>Roof Replacement<\/h3>\n                    <p>Complete roof replacement services using premium materials and expert installation techniques designed for lake climate conditions.<\/p>\n                    <a href=\"tel:469-484-7663\" class=\"service-link\">Learn More \u2192<\/a>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\u26a1<\/div>\n                    <h3>Storm Damage Restoration<\/h3>\n                    <p>Comprehensive storm damage assessment and restoration services. We work directly with your insurance company to streamline the claims process.<\/p>\n                    <a href=\"tel:469-484-7663\" class=\"service-link\">Learn More \u2192<\/a>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83d\udd0d<\/div>\n                    <h3>Free Roof Inspections<\/h3>\n                    <p>Complimentary professional roof inspections to assess condition, identify potential issues, and provide detailed recommendations.<\/p>\n                    <a href=\"tel:469-484-7663\" class=\"service-link\">Schedule Inspection \u2192<\/a>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83c\udfe0<\/div>\n                    <h3>Metal Roofing<\/h3>\n                    <p>Premium metal roofing systems offering exceptional durability, energy efficiency, and modern aesthetics perfect for lakefront properties.<\/p>\n                    <a href=\"tel:469-484-7663\" class=\"service-link\">Learn More \u2192<\/a>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83c\udfe1<\/div>\n                    <h3>Tile Roofing<\/h3>\n                    <p>Elegant tile roofing solutions that provide timeless beauty, superior weather resistance, and lasting value for luxury vacation homes.<\/p>\n                    <a href=\"tel:469-484-7663\" class=\"service-link\">Learn More \u2192<\/a>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\ud83c\udfd8\ufe0f<\/div>\n                    <h3>Slate Roofing<\/h3>\n                    <p>Sophisticated slate roofing installations delivering unmatched elegance, longevity, and distinguished character to high-end lake properties.<\/p>\n                    <a href=\"tel:469-484-7663\" class=\"service-link\">Learn More \u2192<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Why Choose Section -->\n    <section class=\"why-choose-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Why Cedar Creek Lake Homeowners Choose Us<\/h2>\n            <p class=\"section-subtitle\">Experience, quality, and service that sets us apart<\/p>\n            \n            <div class=\"why-choose-grid\">\n                <div class=\"why-item\">\n                    <div class=\"why-number\">65+<\/div>\n                    <h3>Years Combined Experience<\/h3>\n                    <p>Decades of roofing expertise now serving the Cedar Creek Lake community with the same excellence that built our reputation.<\/p>\n                <\/div>\n                \n                <div class=\"why-item\">\n                    <div class=\"why-number\">\u26a1<\/div>\n                    <h3>Rapid Response Times<\/h3>\n                    <p>We understand the urgency of roofing issues at vacation properties. Our team responds quickly to protect your investment.<\/p>\n                <\/div>\n                \n                <div class=\"why-item\">\n                    <div class=\"why-number\">\ud83c\udfc6<\/div>\n                    <h3>Premium Materials Only<\/h3>\n                    <p>We exclusively use top-tier architectural shingles from industry leaders, ensuring maximum durability and aesthetic appeal.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Service Area Section -->\n    <section id=\"service-area\" class=\"service-area-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Proudly Serving the Cedar Creek Lake Area<\/h2>\n            <p class=\"section-subtitle\">Fast, reliable roofing services throughout the Cedar Creek Lake region<\/p>\n            \n            <div class=\"cities-grid\">\n                <div class=\"city-item\"><span>Gun Barrel City, TX<\/span><\/div>\n                <div class=\"city-item\"><span>Mabank, TX<\/span><\/div>\n                <div class=\"city-item\"><span>Trinidad, TX<\/span><\/div>\n                <div class=\"city-item\"><span>Seven Points, TX<\/span><\/div>\n                <div class=\"city-item\"><span>Tool, TX<\/span><\/div>\n                <div class=\"city-item\"><span>Enchanted Oaks, TX<\/span><\/div>\n                <div class=\"city-item\"><span>Log Cabin, TX<\/span><\/div>\n                <div class=\"city-item\"><span>Caney City, TX<\/span><\/div>\n                <div class=\"city-item\"><span>Star Harbor, TX<\/span><\/div>\n                <div class=\"city-item\"><span>Cedar Creek Lake, TX<\/span><\/div>\n                <div class=\"city-item\"><span>Malakoff, TX<\/span><\/div>\n                <div class=\"city-item\"><span>Athens, TX<\/span><\/div>\n            <\/div>\n            \n            <div style=\"text-align: center; margin-top: 40px;\">\n                <p style=\"font-size: 18px; color: #666;\">Don&#8217;t see your location? <a href=\"tel:469-484-7663\" style=\"color: #D32F2F; font-weight: bold;\">Call us at 469-484-ROOF<\/a> \u2013 we may still serve your area!<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- CTA Section -->\n    <section id=\"contact\" class=\"cta-section\">\n        <div class=\"container\">\n            <h2>Ready to Protect Your Lakefront Investment?<\/h2>\n            <p>Schedule your free inspection today and experience the T Rock difference<\/p>\n            <a href=\"tel:469-484-7663\" class=\"cta-phone\">469-484-ROOF<\/a>\n            <div class=\"hero-buttons\">\n                <a href=\"tel:469-484-7663\" class=\"cta-secondary\" style=\"background: white; color: #D32F2F; border-color: white;\">Call Now for Free Inspection<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Footer -->\n    <footer>\n        <div class=\"footer-content\">\n            <div class=\"footer-section\">\n                <h3>T Rock Roofing &#038; Contracting<\/h3>\n                <p>Cedar Creek Lake&#8217;s trusted partner for premium roofing solutions. Bringing decades of excellence to your lakefront property.<\/p>\n                <div class=\"social-links\">\n                    <a href=\"#\" class=\"social-icon\" aria-label=\"Facebook\">\ud83d\udcd8<\/a>\n                    <a href=\"#\" class=\"social-icon\" aria-label=\"Instagram\">\ud83d\udcf7<\/a>\n                    <a href=\"#\" class=\"social-icon\" aria-label=\"LinkedIn\">\ud83d\udcbc<\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"footer-section\">\n                <h3>Contact Information<\/h3>\n                <p><strong>Phone:<\/strong> <a href=\"tel:469-484-7663\">469-484-ROOF (7663)<\/a><\/p>\n                <p><strong>Email:<\/strong> <a href=\"\/cdn-cgi\/l\/email-protection#6900070f06291d1b060a020a06071d1b080a1d00070e470a0604\"><span class=\"__cf_email__\" data-cfemail=\"422b2c242d0236302d2129212d2c36302321362b2c256c212d2f\">[email&#160;protected]<\/span><\/a><\/p>\n                <p><strong>Service Area:<\/strong> Cedar Creek Lake &#038; Surrounding Communities<\/p>\n            <\/div>\n            \n            <div class=\"footer-section\">\n                <h3>Our Services<\/h3>\n                <a href=\"#services\">Architectural Shingles<\/a>\n                <a href=\"#services\">Roof Repair<\/a>\n                <a href=\"#services\">Roof Replacement<\/a>\n                <a href=\"#services\">Storm Damage Restoration<\/a>\n                <a href=\"#services\">Free Inspections<\/a>\n                <a href=\"#services\">Insurance Claims<\/a>\n            <\/div>\n            \n            <div class=\"footer-section\">\n                <h3>Service Area<\/h3>\n                <p>Gun Barrel City \u2022 Mabank \u2022 Trinidad \u2022 Seven Points \u2022 Tool \u2022 Enchanted Oaks \u2022 Log Cabin \u2022 Caney City \u2022 Star Harbor \u2022 Cedar Creek Lake \u2022 Malakoff \u2022 Athens<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"footer-bottom\">\n            <p>&copy; 2026 T Rock Roofing &#038; Contracting, LLC. All rights reserved. | <a href=\"#\" style=\"color: #999;\">Privacy Policy<\/a> | <a href=\"#\" style=\"color: #999;\">Terms of Service<\/a><\/p>\n        <\/div>\n    <\/footer>\n    \n    <script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script>\n        \/\/ Mobile menu toggle\n        document.querySelector('.mobile-menu-toggle').addEventListener('click', function() {\n            const navLinks = document.querySelector('.nav-links');\n            navLinks.style.display = navLinks.style.display === 'flex' ? 'none' : 'flex';\n        });\n        \n        \/\/ Smooth scrolling for anchor links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                const href = this.getAttribute('href');\n                if (href !== '#') {\n\n\n\n<pre class=\"wp-block-code\" style=\"border-style:none;border-width:0px;margin-top:0;margin-bottom:0\"><code><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>T Rock Roofing &#038; Contracting | Premium Cedar Creek Lake Roofing | Architectural Shingles Skip to main content T Rock Roofing &#038; Contracting &#8211; Cedar Creek Lake&#8217;s Premier Roofing Contractor [email&#160;protected] 469-484-ROOF T ROCK ROOFING Cedar Creek Lake Services About Service Area Contact 469-484-ROOF \u2630 T Rock Roofing &#038; Contracting &#8211; Luxury Roofing for Cedar &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/full-width.php","meta":{"_genesis_block_theme_hide_title":true,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry","post","without-featured-image"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/cedarcreekroofer.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cedarcreekroofer.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cedarcreekroofer.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cedarcreekroofer.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cedarcreekroofer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":0,"href":"https:\/\/cedarcreekroofer.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"wp:attachment":[{"href":"https:\/\/cedarcreekroofer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}