{"id":1231,"date":"2026-04-01T11:05:50","date_gmt":"2026-04-01T11:05:50","guid":{"rendered":"https:\/\/techsanswers.com\/printers\/?page_id=1231"},"modified":"2026-04-01T11:47:51","modified_gmt":"2026-04-01T11:47:51","slug":"roofing","status":"publish","type":"page","link":"https:\/\/techsanswers.com\/printers\/roofing\/","title":{"rendered":"Roofing"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nTechsanswers Header<\/title>\r\n\r\n<!-- Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Outfit:wght@600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.ta-header-wrap {\r\n --ta-green: #22C55E;\r\n --ta-bg: #05080F; \/* Darker background *\/\r\n --ta-glass: rgba(255, 255, 255, 0.05);\r\n font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\/* HEADER *\/\r\n#ta-header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 1000;\r\n padding: 20px 0;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n#ta-header.ta-scrolled {\r\n padding: 12px 0;\r\n background: rgba(5, 8, 15, 0.95); \/* Darker and more opaque *\/\r\n backdrop-filter: blur(20px);\r\n border-bottom: 1px solid var(--ta-glass);\r\n}\r\n\r\n\/* CONTAINER *\/\r\n.ta-header-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n\/* LOGO *\/\r\n.ta-logo {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: #fff;\r\n text-decoration: none;\r\n z-index: 1001;\r\n}\r\n.ta-logo span { color: var(--ta-green); }\r\n\r\n\/* NAV *\/\r\n.ta-nav-links {\r\n display: none;\r\n gap: 28px;\r\n align-items: center;\r\n}\r\n.ta-nav-links a, .ta-drop-trigger {\r\n color: #94A3B8;\r\n text-decoration: none;\r\n font-size: 14px;\r\n font-weight: 500;\r\n transition: 0.25s;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n}\r\n.ta-nav-links a:hover, .ta-drop-trigger:hover { color: var(--ta-green); }\r\n\r\n\/* DROPDOWN DESKTOP *\/\r\n.ta-dropdown {\r\n position: relative;\r\n}\r\n.ta-dropdown-menu {\r\n position: absolute;\r\n top: 100%;\r\n left: 50%;\r\n transform: translateX(-50%) translateY(10px);\r\n background: #0D1117;\r\n border: 1px solid var(--ta-glass);\r\n border-radius: 12px;\r\n padding: 12px;\r\n min-width: 200px;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n}\r\n.ta-dropdown:hover .ta-dropdown-menu {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: translateX(-50%) translateY(0);\r\n}\r\n.ta-dropdown-menu a {\r\n display: block;\r\n padding: 10px 16px;\r\n border-radius: 8px;\r\n font-size: 13px;\r\n white-space: nowrap;\r\n}\r\n.ta-dropdown-menu a:hover {\r\n background: rgba(255,255,255,0.05);\r\n}\r\n\r\n\/* CTA *\/\r\n.ta-header-cta {\r\n background: var(--ta-green);\r\n color: #05080F !important;\r\n padding: 10px 20px;\r\n border-radius: 10px;\r\n font-family: 'Outfit', sans-serif;\r\n font-weight: 700;\r\n}\r\n\r\n\/* HAMBURGER *\/\r\n.ta-hamburger {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n cursor: pointer;\r\n z-index: 10001;\r\n padding: 10px;\r\n margin-right: -10px;\r\n}\r\n.ta-hamburger span {\r\n width: 24px;\r\n height: 2px;\r\n background: #fff;\r\n transition: 0.3s;\r\n}\r\n.ta-hamburger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\r\n.ta-hamburger.active span:nth-child(2) { opacity: 0; }\r\n.ta-hamburger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\r\n\r\n\/* DESKTOP *\/\r\n@media (min-width: 1024px) {\r\n .ta-hamburger { display: none; }\r\n .ta-nav-links { display: flex; }\r\n}\r\n\r\n\/* MOBILE MENU *\/\r\n#ta-mobile-nav {\r\n position: fixed;\r\n inset: 0;\r\n background: #05080F;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 100px 40px;\r\n gap: 20px;\r\n transform: translateX(100%);\r\n transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);\r\n z-index: 10000;\r\n overflow-y: auto;\r\n}\r\n#ta-mobile-nav.ta-open {\r\n transform: translateX(0);\r\n}\r\n\r\n\/* MOBILE LINKS *\/\r\n.ta-mobile-link, .ta-mobile-drop-trigger {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 24px;\r\n color: #fff;\r\n text-decoration: none;\r\n font-weight: 700;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 10px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.ta-mobile-link:hover, .ta-mobile-drop-trigger:hover { color: var(--ta-green); }\r\n\r\n.ta-mobile-dropdown-content {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease;\r\n background: rgba(255,255,255,0.02);\r\n border-radius: 8px;\r\n}\r\n.ta-mobile-dropdown-content.active {\r\n max-height: 300px;\r\n margin-bottom: 10px;\r\n}\r\n.ta-mobile-dropdown-content a {\r\n display: block;\r\n padding: 12px 20px;\r\n color: #94A3B8;\r\n text-decoration: none;\r\n font-size: 16px;\r\n}\r\n\r\n\/* CLOSE BUTTON REMOVED IN FAVOR OF HAMBURGER TOGGLE *\/\r\n.ta-mobile-close { display: none; }\r\n<\/style>\r\n<\/head>\r\n\r\n<body style=\"background:#0B1220; min-height:200vh;\">\r\n\r\n<div class=\"ta-header-wrap\">\r\n\r\n<!-- HEADER -->\r\n<header id=\"ta-header\">\r\n <div class=\"ta-header-container\">\r\n\r\n <a href=\"#\" class=\"ta-logo\">Techs<span>answers<\/span><\/a>\r\n\r\n <nav class=\"ta-nav-links\">\r\n <div class=\"ta-dropdown\">\r\n <div class=\"ta-drop-trigger\">\r\n Services\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"ta-dropdown-menu\">\r\n <a href=\"#home-services\">Home Services<\/a>\r\n <a href=\"#tech-services\">Tech Services<\/a>\r\n <a href=\"#emergency\">Emergency Care<\/a>\r\n <a href=\"#consultation\">Consultation<\/a>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#why\">Why Us<\/a>\r\n <a href=\"#solutions\">Solutions<\/a>\r\n <a href=\"#cta\" class=\"ta-header-cta\">Get Quote<\/a>\r\n <\/nav>\r\n\r\n <div class=\"ta-hamburger\" id=\"ta-hamburger\" aria-label=\"Toggle Menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- MOBILE NAV -->\r\n<div id=\"ta-mobile-nav\">\r\n <div class=\"ta-mobile-dropdown\">\r\n <div class=\"ta-mobile-drop-trigger\">\r\n Services\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"ta-mobile-dropdown-content\">\r\n <a href=\"#home-services\">Home Services<\/a>\r\n <a href=\"#tech-services\">Tech Services<\/a>\r\n <a href=\"#emergency\">Emergency Care<\/a>\r\n <a href=\"#consultation\">Consultation<\/a>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#why\" class=\"ta-mobile-link\">Why Us<\/a>\r\n <a href=\"#solutions\" class=\"ta-mobile-link\">Solutions<\/a>\r\n <a href=\"#cta\" class=\"ta-mobile-link\" style=\"color:#22C55E;\">Get Quote<\/a>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n const header = document.getElementById('ta-header');\r\n const burger = document.getElementById('ta-hamburger');\r\n const mobile = document.getElementById('ta-mobile-nav');\r\n const mobileDropTrigger = document.querySelector('.ta-mobile-drop-trigger');\r\n const mobileDropContent = document.querySelector('.ta-mobile-dropdown-content');\r\n\r\n \/\/ Sticky effect\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 50) header.classList.add('ta-scrolled');\r\n else header.classList.remove('ta-scrolled');\r\n });\r\n\r\n \/\/ Toggle menu\r\n burger.addEventListener('click', () => {\r\n const isOpen = mobile.classList.toggle('ta-open');\r\n burger.classList.toggle('active');\r\n document.body.style.overflow = isOpen ? 'hidden' : '';\r\n });\r\n\r\n \/\/ Mobile Dropdown Toggle\r\n mobileDropTrigger.addEventListener('click', () => {\r\n mobileDropContent.classList.toggle('active');\r\n mobileDropTrigger.querySelector('svg').style.transform = \r\n mobileDropContent.classList.contains('active') ? 'rotate(180deg)' : 'rotate(0)';\r\n });\r\n\r\n \/\/ Close when clicking link\r\n document.querySelectorAll('.ta-mobile-link, .ta-mobile-dropdown-content a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobile.classList.remove('ta-open');\r\n burger.classList.remove('active');\r\n document.body.style.overflow = '';\r\n });\r\n });\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d07894a e-con-full e-flex e-con e-parent\" data-id=\"d07894a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-659876b elementor-widget elementor-widget-html\" data-id=\"659876b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n Roofing Service Landing Page \r\n Brand: Techsanswers Roofing\r\n Theme: Techsanswers Dark Premium (Deep Navy + Green Accent)\r\n-->\r\n\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Outfit:wght@700;800&display=swap');\r\n\r\n \/* Scoped Wrapper to match Techsanswers Theme *\/\r\n .rf-landing {\r\n --ta-green: #22C55E;\r\n --ta-bg: #05080F;\r\n --ta-card: #0D1117;\r\n --ta-text: #FFFFFF;\r\n --ta-muted: #94A3B8;\r\n --ta-glass: rgba(255, 255, 255, 0.05);\r\n --ta-font-head: 'Outfit', sans-serif;\r\n --ta-font-body: 'Inter', sans-serif;\r\n \r\n font-family: var(--ta-font-body);\r\n color: var(--ta-text);\r\n line-height: 1.6;\r\n background: var(--ta-bg);\r\n }\r\n\r\n .rf-landing * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n .rf-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n \/* Typography *\/\r\n .rf-h1 { font-family: var(--ta-font-head); font-size: clamp(38px, 7vw, 72px); line-height: 0.95; margin-bottom: 24px; letter-spacing: -0.03em; }\r\n .rf-h1 span { color: var(--ta-green); }\r\n .rf-h2 { font-family: var(--ta-font-head); font-size: clamp(32px, 5vw, 48px); margin-bottom: 15px; text-align: center; letter-spacing: -0.02em; }\r\n .rf-sub { font-size: clamp(18px, 2vw, 22px); margin-bottom: 40px; color: var(--ta-muted); max-width: 700px; margin-left: auto; margin-right: auto; }\r\n\r\n \/* Buttons *\/\r\n .rf-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 18px 36px;\r\n border-radius: 12px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n font-family: var(--ta-font-head);\r\n cursor: pointer;\r\n border: none;\r\n font-size: 16px;\r\n }\r\n .rf-btn-primary { background: var(--ta-green); color: #05080F; box-shadow: 0 10px 30px rgba(34, 197, 94, 0.2); }\r\n .rf-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(34, 197, 94, 0.4); filter: brightness(1.1); }\r\n \r\n .rf-btn-outline { background: var(--ta-glass); color: white; border: 1px solid rgba(255,255,255,0.1); margin-left: 15px; backdrop-filter: blur(10px); }\r\n .rf-btn-outline:hover { background: rgba(255,255,255,0.1); border-color: var(--ta-green); color: var(--ta-green); }\r\n\r\n \/* Hero Section *\/\r\n .rf-hero {\r\n position: relative;\r\n padding: 180px 0 140px;\r\n background: radial-gradient(circle at 50% -20%, rgba(34, 197, 94, 0.15), transparent 70%), var(--ta-bg);\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n .rf-hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: url('https:\/\/images.unsplash.com\/photo-1632759162353-194941ee24fd?q=80&w=1920') center\/cover no-repeat;\r\n opacity: 0.15;\r\n z-index: 0;\r\n }\r\n .rf-hero .rf-container { position: relative; z-index: 1; }\r\n\r\n \/* Services Section *\/\r\n .rf-section { padding: 120px 0; }\r\n .rf-bg-darker { background: #030509; }\r\n \r\n .rf-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 32px; margin-top: 60px; }\r\n \r\n .rf-card {\r\n background: var(--ta-card);\r\n padding: 48px 32px;\r\n border-radius: 24px;\r\n border: 1px solid var(--ta-glass);\r\n text-align: left;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .rf-card:hover { transform: translateY(-10px); border-color: rgba(34, 197, 94, 0.3); background: rgba(255,255,255,0.02); }\r\n .rf-card-icon { width: 56px; height: 56px; background: rgba(34, 197, 94, 0.1); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; color: var(--ta-green); }\r\n .rf-card h3 { font-family: var(--ta-font-head); font-size: 24px; margin-bottom: 16px; color: #fff; }\r\n .rf-card p { color: var(--ta-muted); font-size: 15px; }\r\n\r\n \/* Why Choose Us *\/\r\n .rf-why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; margin-top: 60px; }\r\n .rf-why-item { display: flex; align-items: center; gap: 16px; background: var(--ta-glass); padding: 24px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); transition: 0.3s; }\r\n .rf-why-item:hover { border-color: var(--ta-green); }\r\n .rf-why-item svg { color: var(--ta-green); flex-shrink: 0; }\r\n\r\n \/* Gallery *\/\r\n .rf-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 60px; }\r\n .rf-gallery img { width: 100%; height: 300px; object-fit: cover; border-radius: 20px; border: 1px solid var(--ta-glass); transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); }\r\n .rf-gallery img:hover { transform: scale(1.03); filter: brightness(1.2); border-color: var(--ta-green); }\r\n\r\n \/* Testimonials *\/\r\n .rf-testimonial-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 32px; margin-top: 60px; }\r\n .rf-testi-card { background: var(--ta-card); padding: 40px; border-radius: 24px; border: 1px solid var(--ta-glass); }\r\n .rf-testi-card p { color: var(--ta-muted); font-style: italic; margin-bottom: 24px; font-size: 16px; line-height: 1.8; }\r\n .rf-testi-name { font-family: var(--ta-font-head); font-weight: 700; color: var(--ta-green); font-size: 18px; }\r\n\r\n \/* Contact Form *\/\r\n .rf-form-container {\r\n background: #0D1117;\r\n padding: 80px;\r\n border-radius: 40px;\r\n border: 1px solid var(--ta-glass);\r\n max-width: 900px;\r\n margin: 0 auto;\r\n box-shadow: 0 30px 60px rgba(0,0,0,0.4);\r\n }\r\n .rf-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\r\n .rf-input-group { margin-bottom: 24px; }\r\n .rf-input-group label { display: block; margin-bottom: 10px; font-size: 14px; color: var(--ta-muted); font-weight: 500; }\r\n .rf-input, .rf-select, .rf-textarea {\r\n width: 100%;\r\n padding: 16px;\r\n border-radius: 12px;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n background: rgba(255,255,255,0.03);\r\n color: white;\r\n font-family: inherit;\r\n transition: 0.3s;\r\n }\r\n .rf-input:focus, .rf-select:focus, .rf-textarea:focus { outline: none; border-color: var(--ta-green); background: rgba(255,255,255,0.06); }\r\n .rf-textarea { height: 140px; resize: none; }\r\n .rf-full { grid-column: span 2; }\r\n\r\n \/* Final CTA *\/\r\n .rf-cta-banner {\r\n background: radial-gradient(circle at right, rgba(34, 197, 94, 0.2), transparent), #05080F;\r\n padding: 100px 0;\r\n text-align: center;\r\n border-top: 1px solid var(--ta-glass);\r\n }\r\n\r\n \/* Footer *\/\r\n .rf-footer { background: #030509; padding: 80px 0 40px; border-top: 1px solid var(--ta-glass); }\r\n .rf-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 48px; margin-bottom: 60px; }\r\n .rf-footer h4 { font-family: var(--ta-font-head); font-size: 20px; margin-bottom: 24px; color: var(--ta-green); }\r\n .rf-footer p { color: var(--ta-muted); font-size: 14px; }\r\n .rf-footer-bottom { border-top: 1px solid rgba(255,255,255,0.05); padding-top: 30px; text-align: center; font-size: 13px; color: var(--ta-muted); }\r\n\r\n @media (max-width: 768px) {\r\n .rf-btn-outline { margin-left: 0; margin-top: 16px; width: 100%; }\r\n .rf-btn-primary { width: 100%; }\r\n .rf-form-grid { grid-template-columns: 1fr; }\r\n .rf-full { grid-column: span 1; }\r\n .rf-form-container { padding: 40px 24px; border-radius: 30px; }\r\n .rf-section { padding: 80px 0; }\r\n }\r\n<\/style>\r\n\r\n<div class=\"rf-landing\">\r\n\r\n <!-- HERO SECTION -->\r\n <section class=\"rf-hero\">\r\n <div class=\"rf-container\">\r\n <h1 class=\"rf-h1\">Expert <span>Roofing<\/span> Services<br>Near You<\/h1>\r\n <p class=\"rf-sub\">Premium Repair, Replacement, and Installation for Homes & Businesses.<\/p>\r\n <div class=\"rf-hero-btns\">\r\n <a href=\"tel:+1234567890\" class=\"rf-btn rf-btn-primary\">\r\n <svg style=\"margin-right:10px\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n Call Now\r\n <\/a>\r\n <a href=\"#quote\" class=\"rf-btn rf-btn-outline\">Get Free Quote<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SERVICES SECTION -->\r\n <section class=\"rf-section rf-bg-darker\">\r\n <div class=\"rf-container\">\r\n <h2 class=\"rf-h2\">Our Roofing Solutions<\/h2>\r\n <p class=\"rf-sub\">Professional craftsmanship meets modern technology.<\/p>\r\n <div class=\"rf-grid-3\">\r\n <div class=\"rf-card\">\r\n <div class=\"rf-card-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg>\r\n <\/div>\r\n <h3>Roof Repair<\/h3>\r\n <p>Rapid response for leaks, storm damage, and shingle repairs to protect your home.<\/p>\r\n <\/div>\r\n <div class=\"rf-card\">\r\n <div class=\"rf-card-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\r\n <\/div>\r\n <h3>Roof Replacement<\/h3>\r\n <p>Full-scale tear-offs and high-performance system upgrades with lifetime warranties.<\/p>\r\n <\/div>\r\n <div class=\"rf-card\">\r\n <div class=\"rf-card-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n <\/div>\r\n <h3>New Installation<\/h3>\r\n <p>Architectural design and precision installation for new residential constructions.<\/p>\r\n <\/div>\r\n <div class=\"rf-card\">\r\n <div class=\"rf-card-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><\/svg>\r\n <\/div>\r\n <h3>Leak Detection<\/h3>\r\n <p>Non-invasive thermal scanning to identify moisture traps before they become costly.<\/p>\r\n <\/div>\r\n <div class=\"rf-card\">\r\n <div class=\"rf-card-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><\/svg>\r\n <\/div>\r\n <h3>Shingle Roofing<\/h3>\r\n <p>Premium asphalt, wood, and composite shingle options in a variety of modern styles.<\/p>\r\n <\/div>\r\n <div class=\"rf-card\">\r\n <div class=\"rf-card-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\r\n <\/div>\r\n <h3>Emergency Care<\/h3>\r\n <p>24\/7 priority support for structural failures and extreme weather emergencies.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- WHY CHOOSE US -->\r\n <section class=\"rf-section\">\r\n <div class=\"rf-container\">\r\n <h2 class=\"rf-h2\">Why Techsanswers?<\/h2>\r\n <div class=\"rf-why-grid\">\r\n <div class=\"rf-why-item\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Licensed & Insured<\/span>\r\n <\/div>\r\n <div class=\"rf-why-item\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Same-Day Response<\/span>\r\n <\/div>\r\n <div class=\"rf-why-item\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Transparent Pricing<\/span>\r\n <\/div>\r\n <div class=\"rf-why-item\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <span>Lifetime Warranty<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ABOUT US -->\r\n <section class=\"rf-section rf-bg-darker\">\r\n <div class=\"rf-container\" style=\"text-align: center; max-width: 850px;\">\r\n <h2 class=\"rf-h2\">The Techsanswers Standard<\/h2>\r\n <p style=\"font-size: 18px; color: var(--ta-muted); line-height: 1.8;\">With over 15 years of industry leadership, Techsanswers has redefined roofing through a commitment to reliability and customer-first service. Our certified specialists combine traditional craftsmanship with modern materials to ensure your home remains safe, efficient, and beautiful for decades to come.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- GALLERY -->\r\n <section class=\"rf-section\">\r\n <div class=\"rf-container\">\r\n <h2 class=\"rf-h2\">Our Portfolio<\/h2>\r\n <div class=\"rf-gallery\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?q=80&w=600\" alt=\"Roof 1\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1628744448840-55bdb2497bd4?q=80&w=600\" alt=\"Roof 2\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1505798577917-a65157d3320a?q=80&w=600\" alt=\"Roof 3\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516455590571-18256e5bb9ff?q=80&w=600\" alt=\"Roof 4\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TESTIMONIALS -->\r\n <section class=\"rf-section rf-bg-darker\">\r\n <div class=\"rf-container\">\r\n <h2 class=\"rf-h2\">Customer Trust<\/h2>\r\n <div class=\"rf-testimonial-grid\">\r\n <div class=\"rf-testi-card\">\r\n <p>\"The team was incredibly efficient. They finished our full replacement ahead of schedule and the cleanup was perfect.\"<\/p>\r\n <div class=\"rf-testi-name\">James Wilson<\/div>\r\n <\/div>\r\n <div class=\"rf-testi-card\">\r\n <p>\"After the storm, they were the only ones who showed up the same day. Saved us from thousands in water damage.\"<\/p>\r\n <div class=\"rf-testi-name\">Elena Rodriguez<\/div>\r\n <\/div>\r\n <div class=\"rf-testi-card\">\r\n <p>\"Professional, polite, and the best quote we received. The quality of the shingles is top-notch.\"<\/p>\r\n <div class=\"rf-testi-name\">Marcus Chen<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n<script>\r\n \/\/ Smooth Scroll\r\n document.querySelectorAll('.rf-landing a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n window.scrollTo({\r\n top: target.offsetTop - 80,\r\n behavior: 'smooth'\r\n });\r\n }\r\n });\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eddffec e-flex e-con-boxed e-con e-parent\" data-id=\"eddffec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9903725 e-con-full e-flex e-con e-child\" data-id=\"9903725\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5218630 elementor-widget elementor-widget-shortcode\" data-id=\"5218630\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class='fluentform ff-default fluentform_wrapper_4 ffs_default_wrap'><form data-form_id=\"4\" id=\"fluentform_4\" class=\"frm-fluent-form fluent_form_4 ff-el-form-top ff_form_instance_4_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_4_1\" method=\"POST\" ><fieldset style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Contact Form Demo (#4)<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='1231' \/><input type=\"hidden\" id=\"_fluentform_4_fluentformnonce\" name=\"_fluentform_4_fluentformnonce\" value=\"1721fe3081\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/printers\/wp-json\/wp\/v2\/pages\/1231\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_names_first_name_' id='label_ff_4_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_4_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_names_last_name_' id='label_ff_4_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_4_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_4_email' id='label_ff_4_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_4_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\" aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_input_text' id='label_ff_4_input_text' aria-label=\"Phone\">Phone<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" data-name=\"input_text\" id=\"ff_4_input_text\" aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_dropdown' id='label_ff_4_dropdown' aria-label=\"Type\">Type<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown\" id=\"ff_4_dropdown\" class=\"ff-el-form-control\" data-name=\"dropdown\" data-calc_value=\"0\" aria-invalid=\"false\" aria-required=\"false\" aria-labelledby=\"label_ff_4_dropdown\"><option value=\"\">Roof Repair<\/option><option value=\"Roof Repair\" >Roof Repair<\/option><option value=\"Roof Replacement\" >Roof Replacement<\/option><option value=\"New Roof Installation\" >New Roof Installation<\/option><option value=\"Emergency Roofing\" >Emergency Roofing<\/option><option value=\"Roof Inspection\" >Roof Inspection<\/option><option value=\"Roof Maintenance\" >Roof Maintenance<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_4_message' id='label_ff_4_message' aria-label=\"Your Message\">Your Message<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_4_message\" name=\"message\" id=\"ff_4_message\" class=\"ff-el-form-control\" placeholder=\"Your Message\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\" aria-label=\"Submit Form\">Submit Form<\/button><\/div><\/fieldset><\/form><div id='fluentform_4_errors' class='ff-errors-in-stack ff_form_instance_4_1 ff-form-loading_errors ff_form_instance_4_1_errors'><\/div><\/div> <script type=\"text\/javascript\">\n window.fluent_form_ff_form_instance_4_1 = {\"id\":\"4\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_4_1\",\"form_id_selector\":\"fluentform_4\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":true,\"global_message\":\"This field must contain a valid email\"}},\"input_text\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"dropdown\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"message\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"}}},\"debounce_time\":300};\n <\/script>\n <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8e0f02 e-con-full e-flex e-con e-child\" data-id=\"b8e0f02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52aced9 elementor-widget elementor-widget-html\" data-id=\"52aced9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n CTA Persuasion Section for Techsanswers\r\n Theme: Dark Premium (Deep Navy + Green Accent)\r\n Layout: Standalone Persuasion Block (No Form)\r\n Compatibility: Elementor HTML Widget\r\n-->\r\n\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Outfit:wght@600;700;800&display=swap');\r\n\r\n .ta-cta-persuasion-wrap {\r\n --ta-green: #22C55E;\r\n --ta-bg: #05080F;\r\n --ta-text: #FFFFFF;\r\n --ta-muted: #94A3B8;\r\n --ta-glass: rgba(255, 255, 255, 0.05);\r\n --ta-font-head: 'Outfit', sans-serif;\r\n --ta-font-body: 'Inter', sans-serif;\r\n \r\n background-color: var(--ta-bg);\r\n font-family: var(--ta-font-body);\r\n color: var(--ta-text);\r\n padding: 80px 0;\r\n }\r\n\r\n .ta-cta-persuasion-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n .ta-container {\r\n max-width: 800px; \/* Narrower for better readability without a side form *\/\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n \/* Persuasion Content *\/\r\n .ta-cta-content {\r\n text-align: center;\r\n }\r\n .ta-cta-content h2 {\r\n font-family: var(--ta-font-head);\r\n font-size: clamp(32px, 5vw, 48px);\r\n line-height: 1.1;\r\n margin-bottom: 24px;\r\n letter-spacing: -0.02em;\r\n }\r\n .ta-cta-content h2 span { color: var(--ta-green); }\r\n \r\n .ta-cta-content p {\r\n font-size: 18px;\r\n color: var(--ta-muted);\r\n margin-bottom: 50px;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .ta-benefit-list { \r\n list-style: none; \r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 30px;\r\n text-align: left;\r\n }\r\n .ta-benefit-item {\r\n display: flex;\r\n gap: 16px;\r\n padding: 24px;\r\n background: rgba(255, 255, 255, 0.02);\r\n border: 1px solid var(--ta-glass);\r\n border-radius: 20px;\r\n transition: all 0.3s ease;\r\n }\r\n .ta-benefit-item:hover {\r\n border-color: var(--ta-green);\r\n background: rgba(255, 255, 255, 0.04);\r\n transform: translateY(-5px);\r\n }\r\n .ta-benefit-icon {\r\n width: 44px;\r\n height: 44px;\r\n background: rgba(34, 197, 94, 0.1);\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--ta-green);\r\n flex-shrink: 0;\r\n }\r\n .ta-benefit-text h4 {\r\n font-family: var(--ta-font-head);\r\n font-size: 18px;\r\n margin-bottom: 6px;\r\n color: #fff;\r\n }\r\n .ta-benefit-text p {\r\n font-size: 14px;\r\n color: var(--ta-muted);\r\n margin-bottom: 0;\r\n line-height: 1.5;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .ta-cta-persuasion-wrap { padding: 60px 0; }\r\n .ta-benefit-list { grid-template-columns: 1fr; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"ta-cta-persuasion-wrap\" id=\"cts-form\">\r\n <div class=\"ta-container\">\r\n \r\n <div class=\"ta-cta-content\">\r\n <h2>Secure Your Home with <span>Expert Care<\/span><\/h2>\r\n \r\n <div class=\"ta-benefit-list\">\r\n <!-- Benefit 1 -->\r\n <div class=\"ta-benefit-item\">\r\n <div class=\"ta-benefit-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"ta-benefit-text\">\r\n <h4>Free Professional Estimate<\/h4>\r\n <p>No hidden fees, no obligations. Just honest expert advice.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Benefit 2 -->\r\n <div class=\"ta-benefit-item\">\r\n <div class=\"ta-benefit-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n <\/div>\r\n <div class=\"ta-benefit-text\">\r\n <h4>24-Hour Response Time<\/h4>\r\n <p>We value your time. Expect a callback within one business day.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Benefit 3 -->\r\n <div class=\"ta-benefit-item\">\r\n <div class=\"ta-benefit-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n <\/div>\r\n <div class=\"ta-benefit-text\">\r\n <h4>Licensed & Fully Insured<\/h4>\r\n <p>Peace of mind knowing your property is in certified hands.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dbdff2b e-con-full e-flex e-con e-parent\" data-id=\"dbdff2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48f87e3 elementor-widget elementor-widget-html\" data-id=\"48f87e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n Professional Footer for Techsanswers\r\n Theme: Dark Premium (Deep Navy + Green Accent)\r\n Compatibility: Elementor HTML Widget\r\n-->\r\n\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500&family=Outfit:wght@600;700;800&display=swap');\r\n\r\n .ta-footer-wrap {\r\n --ta-green: #22C55E;\r\n --ta-bg: #030509; \/* Deepest Navy *\/\r\n --ta-text: #FFFFFF;\r\n --ta-muted: #94A3B8;\r\n --ta-border: rgba(255, 255, 255, 0.06);\r\n \r\n background-color: var(--ta-bg);\r\n font-family: 'Inter', sans-serif;\r\n color: var(--ta-text);\r\n padding: 80px 0 30px;\r\n border-top: 1px solid var(--ta-border);\r\n }\r\n\r\n .ta-footer-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n .ta-footer-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n .ta-footer-grid {\r\n display: grid;\r\n grid-template-columns: 1.5fr 1fr 1fr 1.2fr;\r\n gap: 40px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n \/* Branding Column *\/\r\n .ta-footer-brand .ta-logo {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 26px;\r\n font-weight: 800;\r\n color: #fff;\r\n text-decoration: none;\r\n display: block;\r\n margin-bottom: 20px;\r\n }\r\n .ta-footer-brand .ta-logo span { color: var(--ta-green); }\r\n .ta-footer-brand p {\r\n color: var(--ta-muted);\r\n font-size: 15px;\r\n line-height: 1.6;\r\n margin-bottom: 25px;\r\n max-width: 300px;\r\n }\r\n\r\n \/* Social Icons *\/\r\n .ta-footer-socials { display: flex; gap: 12px; }\r\n .ta-social-link {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 10px;\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid var(--ta-border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--ta-muted);\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n }\r\n .ta-social-link:hover {\r\n background: rgba(34, 197, 94, 0.1);\r\n border-color: var(--ta-green);\r\n color: var(--ta-green);\r\n transform: translateY(-3px);\r\n }\r\n\r\n \/* Links Columns *\/\r\n .ta-footer-h4 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 16px;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: #fff;\r\n }\r\n .ta-footer-links { list-style: none; }\r\n .ta-footer-links li { margin-bottom: 12px; }\r\n .ta-footer-links a {\r\n color: var(--ta-muted);\r\n text-decoration: none;\r\n font-size: 15px;\r\n transition: color 0.2s ease;\r\n }\r\n .ta-footer-links a:hover { color: var(--ta-green); }\r\n\r\n \/* Contact Info *\/\r\n .ta-contact-item {\r\n display: flex;\r\n gap: 12px;\r\n margin-bottom: 18px;\r\n color: var(--ta-muted);\r\n font-size: 14px;\r\n }\r\n .ta-contact-item svg { color: var(--ta-green); flex-shrink: 0; }\r\n .ta-contact-item strong { color: #fff; display: block; margin-bottom: 2px; }\r\n\r\n \/* Bottom Section *\/\r\n .ta-footer-bottom {\r\n border-top: 1px solid var(--ta-border);\r\n padding-top: 40px;\r\n }\r\n .ta-disclaimer {\r\n font-size: 12px;\r\n color: #4b5563;\r\n line-height: 1.8;\r\n text-align: center;\r\n max-width: 900px;\r\n margin: 0 auto 25px;\r\n }\r\n .ta-copyright {\r\n font-size: 13px;\r\n color: #374151;\r\n text-align: center;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1024px) {\r\n .ta-footer-grid { grid-template-columns: 1fr 1fr; gap: 50px; }\r\n }\r\n @media (max-width: 600px) {\r\n .ta-footer-grid { grid-template-columns: 1fr; gap: 40px; }\r\n .ta-footer-wrap { padding: 60px 0 30px; }\r\n .ta-footer-h4 { margin-bottom: 15px; }\r\n }\r\n<\/style>\r\n\r\n<footer class=\"ta-footer-wrap\">\r\n <div class=\"ta-footer-container\">\r\n \r\n <div class=\"ta-footer-grid\">\r\n <!-- Column 1: Brand -->\r\n <div class=\"ta-footer-brand\">\r\n <a href=\"#\" class=\"ta-logo\">Techs<span>answers<\/span><\/a>\r\n <p>The definitive platform for integrated home and technology services. Professional, reliable, and innovative solutions for the modern world.<\/p>\r\n <div class=\"ta-footer-socials\">\r\n <a href=\"#\" class=\"ta-social-link\" aria-label=\"Facebook\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"ta-social-link\" aria-label=\"Twitter\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M23 3a10.9 10.9 0 0 1-3.14 1.53A4.48 4.48 0 0 0 22.43.36a9 9 0 0 1-2.88 1.1A4.52 4.52 0 0 0 16.11 0c-2.5 0-4.52 2.02-4.52 4.5 0 .35.04.7.11 1.03C7.69 5.37 4.07 3.6 1.64.96a4.48 4.48 0 0 0-.61 2.26c0 1.56.8 2.94 2 3.75A4.48 4.48 0 0 1 .96 6v.06a4.5 4.5 0 0 0 3.62 4.41 4.52 4.52 0 0 1-2.04.08 4.52 4.52 0 0 0 4.22 3.13A9.05 9.05 0 0 1 0 19.54a12.78 12.78 0 0 0 6.92 2.03c8.3 0 12.85-6.88 12.85-12.85 0-.2 0-.39-.01-.58A9.17 9.17 0 0 0 22 5.92l.01-.02L23 3z\"><\/path><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"ta-social-link\" aria-label=\"Instagram\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Column 2: Services -->\r\n <div>\r\n <h4 class=\"ta-footer-h4\">Roofing Services<\/h4>\r\n <ul class=\"ta-footer-links\">\r\n <li><a href=\"#\">Roof Repair<\/a><\/li>\r\n <li><a href=\"#\">Roof Replacement<\/a><\/li>\r\n <li><a href=\"#\">New Installation<\/a><\/li>\r\n <li><a href=\"#\">Leak Detection<\/a><\/li>\r\n <li><a href=\"#\">Emergency Care<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Column 3: Company -->\r\n <div>\r\n <h4 class=\"ta-footer-h4\">Company<\/h4>\r\n <ul class=\"ta-footer-links\">\r\n <li><a href=\"https:\/\/techsanswers.com\/printers\/bcd31-about-us\/\">About Us<\/a><\/li>\r\n <li><a href=\"https:\/\/techsanswers.com\/printers\/?page_id=3&preview=true\">Customer Reviews<\/a><\/li>\r\n <li><a href=\"#\">Service Areas<\/a><\/li>\r\n <li><a href=\"https:\/\/techsanswers.com\/printers\/?page_id=3&preview=true\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\">Terms of Service<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Column 4: Contact -->\r\n <div>\r\n <h4 class=\"ta-footer-h4\">Get In Touch<\/h4>\r\n <div class=\"ta-contact-item\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n <div>\r\n <strong>Phone Support<\/strong>\r\n 1 833 530 1728\r\n <\/div>\r\n <\/div>\r\n <div class=\"ta-contact-item\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\r\n <div>\r\n <strong>Email Us<\/strong>\r\n info@techsanswers.com\r\n <\/div>\r\n <\/div>\r\n <div class=\"ta-contact-item\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n <div>\r\n <strong>Working Hours<\/strong>\r\n Mon - Sat: 8AM - 6PM\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Bottom Section -->\r\n <div class=\"ta-footer-bottom\">\r\n <p class=\"ta-disclaimer\">\r\n Techsanswers is an independent professional service provider. We are not affiliated with, endorsed by, or a representative of any specific hardware manufacturer, software developer, or utility company. All service recommendations are based on professional expertise and industry standards.\r\n <\/p>\r\n <p class=\"ta-copyright\">\r\n © 2026 Techsanswers. All rights reserved.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Techsanswers Header Techsanswers Services Home Services Tech Services Emergency Care Consultation Why Us Solutions Get Quote Services Home Services Tech Services Emergency Care Consultation Why Us Solutions Get Quote Expert Roofing ServicesNear You Premium Repair, Replacement, and Installation for Homes & Businesses. Call Now Get Free Quote Our Roofing Solutions Professional craftsmanship meets modern technology. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1231","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/techsanswers.com\/printers\/wp-json\/wp\/v2\/pages\/1231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techsanswers.com\/printers\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techsanswers.com\/printers\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techsanswers.com\/printers\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techsanswers.com\/printers\/wp-json\/wp\/v2\/comments?post=1231"}],"version-history":[{"count":4,"href":"https:\/\/techsanswers.com\/printers\/wp-json\/wp\/v2\/pages\/1231\/revisions"}],"predecessor-version":[{"id":1236,"href":"https:\/\/techsanswers.com\/printers\/wp-json\/wp\/v2\/pages\/1231\/revisions\/1236"}],"wp:attachment":[{"href":"https:\/\/techsanswers.com\/printers\/wp-json\/wp\/v2\/media?parent=1231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}