{"id":2,"date":"2025-11-01T11:19:04","date_gmt":"2025-11-01T11:19:04","guid":{"rendered":"http:\/\/itsidealtech-001-site11.mtempurl.com\/?page_id=2"},"modified":"2026-01-13T16:56:00","modified_gmt":"2026-01-13T16:56:00","slug":"sample-page","status":"publish","type":"page","link":"http:\/\/www.beihvac.com\/","title":{"rendered":""},"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<title>Buchanan Electric Inc.<\/title>\n<style>\n    \/* =========================================\n       THE SKIN (CSS STYLING)\n       ========================================= *\/\n    :root {\n        --primary-red: #cc0000;      \/* Buchanan Red *\/\n        --primary-blue: #002855;     \/* Dark Blue *\/\n        --accent-gray: #f4f4f4;\n        --text-color: #333;\n        --white: #ffffff;\n        --gold: #FFD700;             \/* Star Rating Color *\/\n    }\n\n    html { scroll-behavior: smooth; }\n    \n    body { \n        margin: 0; \n        padding: 0; \n        font-family: 'Arial', sans-serif; \n        color: var(--text-color); \n        line-height: 1.6;\n        background-color: var(--white);\n    }\n\n    \/* Reset basic elements *\/\n    div, h1, h2, h3, p, ul, li, a { box-sizing: border-box; }\n    a { text-decoration: none; color: inherit; transition: 0.3s; }\n    ul { list-style: none; padding: 0; margin: 0; }\n    img { max-width: 100%; height: auto; display: block; }\n\n    \/* --- TOP BAR (CONTACT) --- *\/\n    .top-bar {\n        background-color: var(--primary-blue);\n        color: var(--white);\n        text-align: center;\n        padding: 8px 15px;\n        font-size: 14px;\n        font-weight: 600;\n    }\n    .top-bar a { color: var(--white); text-decoration: underline; }\n\n    \/* --- NAVIGATION --- *\/\n    .navbar {\n        background: var(--white);\n        box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        padding: 10px 5%;\n        position: sticky;\n        top: 0;\n        z-index: 1000;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .logo img {\n        height: 150px; \/* Large Logo Size *\/\n        width: auto;\n    }\n\n    .nav-links {\n        display: flex;\n        gap: 30px;\n        align-items: center;\n    }\n\n    .nav-links a {\n        color: var(--primary-blue);\n        font-weight: bold;\n        font-size: 16px;\n        text-transform: uppercase;\n    }\n\n    .nav-links a:hover { color: var(--primary-red); }\n\n    .btn-quote {\n        background-color: var(--primary-red);\n        color: var(--white) !important;\n        padding: 10px 20px;\n        border-radius: 4px;\n        text-transform: uppercase;\n        font-weight: bold;\n        text-decoration: none !important;\n    }\n    .btn-quote:hover { background-color: #a30000; }\n\n    \/* Mobile Menu Icon *\/\n    .hamburger { display: none; font-size: 28px; cursor: pointer; color: var(--primary-blue); }\n\n    \/* --- HERO SECTION --- *\/\n    .hero {\n        position: relative;\n        height: 60vh;\n        min-height: 500px;\n        \/* UPDATED: New Fast Loading JPG URL *\/\n        background-image: url('http:\/\/www.beihvac.com\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_su2loosu2loosu2l.jpg');\n        background-size: cover;\n        background-position: center;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n    }\n\n    .hero::before {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: linear-gradient(rgba(0,40,85,0.7), rgba(0,40,85,0.7)); \/* Blue Overlay *\/\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 2;\n        color: var(--white);\n        max-width: 800px;\n        padding: 20px;\n    }\n\n    .hero-content h1 {\n        font-size: 3rem;\n        margin-bottom: 20px;\n        line-height: 1.2;\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n    }\n    \n    .hero-content p { font-size: 1.3rem; margin-bottom: 30px; }\n\n    \/* --- INFO BANNER --- *\/\n    .info-banner {\n        background: var(--accent-gray);\n        padding: 40px 5%;\n        text-align: center;\n        border-bottom: 4px solid var(--primary-red);\n    }\n    .info-grid {\n        display: flex;\n        justify-content: space-around;\n        flex-wrap: wrap;\n        max-width: 1200px;\n        margin: 0 auto;\n        gap: 20px;\n    }\n    .info-item h3 { color: var(--primary-red); margin-bottom: 5px; font-size: 1.5rem; }\n\n    \/* --- SERVICES SECTION --- *\/\n    .section { padding: 80px 5%; }\n    .section-title {\n        text-align: center;\n        color: var(--primary-blue);\n        font-size: 2.5rem;\n        margin-bottom: 60px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .service-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 40px;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .service-card {\n        background: var(--white);\n        border: 1px solid #ddd;\n        border-radius: 8px;\n        overflow: hidden;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        transition: transform 0.3s ease;\n    }\n\n    .service-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }\n\n    .service-img {\n        height: 250px;\n        width: 100%;\n        object-fit: cover;\n    }\n\n    .service-body { padding: 30px; }\n    .service-body h3 { color: var(--primary-blue); margin-top: 0; }\n    .service-body ul { padding-left: 20px; list-style-type: square; color: #555; }\n    .service-body li { margin-bottom: 8px; }\n\n    \/* --- BRANDS --- *\/\n    .brands-section { background-color: var(--primary-blue); color: var(--white); text-align: center; }\n    .brands-section h2 { color: var(--white); border-bottom: 2px solid var(--primary-red); display: inline-block; padding-bottom: 10px; }\n    \n    .brands-container {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 40px;\n        margin-top: 40px;\n        align-items: center;\n    }\n\n    .brand-box {\n        background: var(--white);\n        padding: 20px 40px;\n        border-radius: 4px;\n        font-weight: bold;\n        color: var(--primary-blue);\n        font-size: 1.2rem;\n        width: 200px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 100px;\n    }\n    .brand-box img { max-height: 80px; width: auto; }\n\n    \/* --- REVIEWS SECTION --- *\/\n    .reviews { background-color: var(--accent-gray); padding: 60px 5%; text-align: center; }\n    .review-grid {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 30px;\n    }\n    .review-card {\n        background: var(--white);\n        padding: 30px;\n        border-radius: 8px;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n        max-width: 450px;\n        text-align: left;\n    }\n    .stars { color: var(--gold); font-size: 1.5rem; margin-bottom: 15px; }\n    .review-text { font-style: italic; color: #555; font-size: 1.1rem; }\n    .review-author { margin-top: 20px; font-weight: bold; color: var(--primary-blue); text-align: right; }\n\n    \/* --- FOOTER --- *\/\n    .footer {\n        background-color: #111;\n        color: #bbb;\n        padding: 60px 5% 20px;\n        font-size: 0.95rem;\n    }\n    .footer-container {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 40px;\n        max-width: 1200px;\n        margin: 0 auto;\n        margin-bottom: 40px;\n    }\n    .footer h4 { color: var(--white); margin-bottom: 20px; font-size: 1.2rem; border-left: 3px solid var(--primary-red); padding-left: 10px; }\n    .footer a { color: #bbb; text-decoration: none; }\n    .footer a:hover { color: var(--white); }\n    \n    .copyright { text-align: center; border-top: 1px solid #333; padding-top: 20px; font-size: 0.8rem; }\n\n    \/* --- MOBILE RESPONSIVENESS --- *\/\n    @media (max-width: 768px) {\n        .hamburger { display: block; }\n        .nav-links {\n            display: none; \/* Hidden by default on mobile *\/\n            flex-direction: column;\n            width: 100%;\n            position: absolute;\n            top: 100%;\n            left: 0;\n            background: var(--white);\n            padding: 20px 0;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        }\n        .nav-links.active { display: flex; } \/* JavaScript toggles this *\/\n        .hero h1 { font-size: 2rem; }\n        .info-grid { flex-direction: column; }\n    }\n<\/style>\n<\/head>\n<body>\n\n    <div class=\"top-bar\">\n        <span>Serving Norton, VA &#038; Southwest Virginia | Call Now: <a href=\"tel:2766794182\">276-679-4182<\/a><\/span>\n    <\/div>\n\n    <nav class=\"navbar\">\n        <div class=\"logo\">\n            <img decoding=\"async\" src=\"http:\/\/itsidealtech-001-site11.mtempurl.com\/wp-content\/uploads\/2026\/01\/BEILogo.png\" alt=\"Buchanan Electric Logo\">\n        <\/div>\n        \n        <div class=\"hamburger\" onclick=\"toggleMenu()\">\u2630<\/div>\n\n        <div class=\"nav-links\" id=\"navLinks\">\n            <a href=\"#services\">Services<\/a>\n            <a href=\"#brands\">Brands<\/a>\n            <a href=\"#reviews\">Reviews<\/a>\n            <a href=\"tel:2766794182\" class=\"btn-quote\">Call for Service<\/a>\n        <\/div>\n    <\/nav>\n\n    <section class=\"hero\">\n        <div class=\"hero-content\">\n            <h1>Expert Heating, Cooling &#038; Electrical Solutions<\/h1>\n            <p>Reliable service for your home and business. Family owned since 2001.<\/p>\n            <a href=\"tel:2766794182\" class=\"btn-quote\" style=\"font-size: 1.2rem; padding: 15px 30px;\">Get a Quote<\/a>\n        <\/div>\n    <\/section>\n\n    <div class=\"info-banner\" id=\"about\">\n        <div class=\"info-grid\">\n            <div class=\"info-item\">\n                <h3>Established 2001<\/h3>\n                <p>Over two decades of local trust<\/p>\n            <\/div>\n            <div class=\"info-item\">\n                <h3>Fully Licensed<\/h3>\n                <p>Class A Contractor<\/p>\n            <\/div>\n            <div class=\"info-item\">\n                <h3>Residential &#038; Commercial<\/h3>\n                <p>No job too big or small<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <section class=\"section\" id=\"services\">\n        <h2 class=\"section-title\">Our Services<\/h2>\n        <div class=\"service-grid\">\n            \n            <div class=\"service-card\">\n                <img decoding=\"async\" src=\"http:\/\/www.beihvac.com\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_su2loosu2loosu2l.jpg\" alt=\"HVAC Services\" class=\"service-img\">\n                <div class=\"service-body\">\n                    <h3>Heating &#038; Cooling<\/h3>\n                    <ul>\n                        <li>Furnace &#038; AC Installation<\/li>\n                        <li>Heat Pump Repair<\/li>\n                        <li>Ductless Mini-Splits<\/li>\n                        <li>Seasonal Maintenance<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"service-card\">\n                <img decoding=\"async\" src=\"http:\/\/www.beihvac.com\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_qkratsqkratsqkra.jpg\" alt=\"Electrical Services\" class=\"service-img\">\n                <div class=\"service-body\">\n                    <h3>Electrical<\/h3>\n                    <ul>\n                        <li>Panel Upgrades &#038; Troubleshooting<\/li>\n                        <li>Home Wiring &#038; Rewiring<\/li>\n                        <li>Generators &#038; Surge Protection<\/li>\n                        <li>Lighting Installation<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"service-card\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?auto=format&#038;fit=crop&#038;w=500&#038;q=80\" alt=\"Commercial Services\" class=\"service-img\">\n                <div class=\"service-body\">\n                    <h3>Commercial Services<\/h3>\n                    <ul>\n                        <li>Commercial Wiring &#038; Lighting<\/li>\n                        <li>System Troubleshooting<\/li>\n                        <li>New Construction<\/li>\n                        <li>Safety Inspections<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <section class=\"section brands-section\" id=\"brands\">\n        <h2>Brands We Carry<\/h2>\n        <div class=\"brands-container\">\n            \n            <a href=\"https:\/\/www.colemanac.com\" target=\"_blank\" class=\"brand-box\">\n                Coleman\n            <\/a>\n            \n            <a href=\"https:\/\/www.mitsubishicomfort.com\" target=\"_blank\" class=\"brand-box\">\n                Mitsubishi\n            <\/a>\n            \n            <a href=\"https:\/\/www.carrier.com\" target=\"_blank\" class=\"brand-box\">\n                Carrier\n            <\/a>\n            \n            <a href=\"https:\/\/www.trane.com\" target=\"_blank\" class=\"brand-box\">\n                Trane\n            <\/a>\n\n        <\/div>\n    <\/section>\n\n    <section class=\"reviews\" id=\"reviews\">\n        <h2 class=\"section-title\">What Our Neighbors Say<\/h2>\n        <div class=\"review-grid\">\n            \n            <div class=\"review-card\">\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <div class=\"review-text\">&#8220;Very good service. They were here when I called them and the price was fair.&#8221;<\/div>\n                <div class=\"review-author\">&#8211; Local Customer<\/div>\n            <\/div>\n            \n            <div class=\"review-card\">\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <div class=\"review-text\">&#8220;Excellent electrical service. Highly professional and knowledgeable team.&#8221;<\/div>\n                <div class=\"review-author\">&#8211; Online Reviewer<\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <footer class=\"footer\">\n        <div class=\"footer-container\">\n            <div>\n                <h4>Buchanan Electric Inc.<\/h4>\n                <p>Your local experts in Norton, VA for all things heating, cooling, and electrical.<\/p>\n                <br>\n                <a href=\"tel:2766794182\" class=\"btn-quote\" style=\"background:#fff; color:var(--primary-red)!important;\">Call 276-679-4182<\/a>\n            <\/div>\n\n            <div>\n                <h4>Contact Info<\/h4>\n                <p>445 Hawthorne Dr NE<br>Norton, VA 24273<\/p>\n                <p style=\"margin-top: 10px;\">\n                    <strong>Hours:<\/strong><br>\n                    Mon-Fri: 7:30 AM &#8211; 5:00 PM<br>\n                    Sat-Sun: Closed\n                <\/p>\n            <\/div>\n\n            <div>\n                <h4>Quick Links<\/h4>\n                <ul style=\"line-height: 2;\">\n                    <li><a href=\"#services\">Our Services<\/a><\/li>\n                    <li><a href=\"#brands\">Brands<\/a><\/li>\n                    <li><a href=\"#reviews\">Reviews<\/a><\/li>\n                    <li><a href=\"https:\/\/maps.google.com\/?q=445+Hawthorne+Dr+NE,+Norton,+VA+24273\" target=\"_blank\">Get Directions<\/a><\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n        <div class=\"copyright\">\n            \u00a9 2026 Buchanan Electric INC. All Rights Reserved.\n        <\/div>\n    <\/footer>\n\n    <script>\n        function toggleMenu() {\n            var nav = document.getElementById(\"navLinks\");\n            nav.classList.toggle(\"active\");\n        }\n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Buchanan Electric Inc. Serving Norton, VA &#038; Southwest Virginia | Call Now: 276-679-4182 \u2630 Services Brands Reviews Call for Service Expert Heating, Cooling &#038; Electrical Solutions Reliable service for your home and business. Family owned since 2001. Get a Quote Established 2001 Over two decades of local trust Fully Licensed Class A Contractor Residential &#038; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.beihvac.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.beihvac.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.beihvac.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.beihvac.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.beihvac.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":7,"href":"http:\/\/www.beihvac.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":34,"href":"http:\/\/www.beihvac.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/34"}],"wp:attachment":[{"href":"http:\/\/www.beihvac.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}