{"id":6,"date":"2026-09-23T17:37:26","date_gmt":"2026-09-23T17:37:26","guid":{"rendered":"https:\/\/townsendcabins.wpengine.com\/?page_id=6"},"modified":"2026-09-23T18:26:23","modified_gmt":"2026-09-23T18:26:23","slug":"home","status":"publish","type":"page","link":"http:\/\/www.townsendcabins.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64d17cc e-con-full e-flex e-con e-parent\" data-id=\"64d17cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-666a4ef elementor-widget elementor-widget-shortcode\" data-id=\"666a4ef\" 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\">    <!-- Google Fonts: Poppins -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n    <!-- FontAwesome for Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n    \/* Header Variables *\/\n    :root {\n        --header-blue: #0091D2;\n        --header-blue-dark: #005F8C;\n        --header-navy: #0A1424;\n        --header-orange: #F26522;\n        --header-white: #FFFFFF;\n        --header-text-dark: #0F172A;\n    }\n\n    \/* 1. Top Utility Bar *\/\n    .top-utility-bar {\n        background-color: var(--header-navy);\n        color: var(--header-white);\n        padding: clamp(8px, 2vw, 12px) 0;\n        font-size: clamp(12px, 2vw, 14px);\n        font-weight: 500;\n        font-family: 'Poppins', sans-serif;\n    }\n    \n    .utility-container {\n        width: 94%;\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 10px;\n    }\n    \n    .utility-left {\n        display: flex;\n        gap: 20px;\n    }\n    \n    .utility-left a {\n        color: var(--header-white);\n        text-decoration: none;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        transition: color 0.3s ease;\n    }\n    \n    .utility-left a:hover { color: var(--header-orange); }\n    .utility-left i { color: var(--header-orange); }\n    \n    .utility-right {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        letter-spacing: 0.5px;\n    }\n\n    \/* 2. Main Header Container *\/\n    .tcs-site-header {\n        font-family: 'Poppins', sans-serif;\n        background-color: rgba(255, 255, 255, 0.98);\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        width: 100%;\n        position: sticky;\n        top: 0;\n        z-index: 1000;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n        border-bottom: 4px solid var(--header-orange);\n    }\n\n    .header-container {\n        width: 94%;\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* Top Row: Logo & Mobile Toggle *\/\n    .header-top {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: clamp(12px, 2vw, 20px) 0;\n    }\n\n    \/* Bottom Row: Menu & CTA Button beside each other *\/\n    .header-bottom {\n        border-top: 1px solid rgba(0, 0, 0, 0.05); \n        display: flex;\n        justify-content: space-between; \n        align-items: center;\n    }\n\n    \/* Logo Scaling *\/\n    .header-logo a {\n        font-size: clamp(15px, 4vw, 26px);\n        font-weight: 800;\n        color: var(--header-blue-dark);\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n        gap: clamp(8px, 2vw, 12px);\n        letter-spacing: -0.5px;\n        white-space: nowrap; \n    }\n    .header-logo span { color: var(--header-orange); }\n    \n    \/* Modern SVG Styling *\/\n    .header-logo svg { \n        width: clamp(28px, 6vw, 36px);\n        height: auto;\n        stroke: var(--header-orange); \n        stroke-width: 1.5;\n        fill: none;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        flex-shrink: 0;\n    }\n\n    \/* Desktop Navigation *\/\n    .main-nav ul {\n        list-style: none;\n        display: flex;\n        justify-content: flex-start;\n        gap: clamp(30px, 4vw, 50px); \n        margin: 0;\n        padding: 15px 0; \n    }\n    .main-nav a {\n        text-decoration: none;\n        color: var(--header-text-dark);\n        font-weight: 700;\n        font-size: 16px;\n        transition: color 0.3s ease;\n        position: relative;\n        padding: 5px 0;\n    }\n    .main-nav a:hover { color: var(--header-blue); }\n    .main-nav a::after {\n        content: '';\n        position: absolute;\n        width: 0;\n        height: 3px;\n        bottom: -4px;\n        left: 0;\n        background-color: var(--header-orange);\n        transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n        border-radius: 2px;\n    }\n    .main-nav a:hover::after { width: 100%; }\n\n    \/* Call To Action Buttons *\/\n    .header-cta-btn {\n        background-color: var(--header-orange);\n        color: var(--header-white);\n        text-decoration: none;\n        padding: 12px 24px;\n        font-size: 15px;\n        font-weight: 800;\n        border-radius: 8px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        transition: all 0.3s ease;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    .header-cta-btn:hover {\n        background-color: var(--header-blue-dark);\n        transform: translateY(-3px);\n        box-shadow: 0 10px 20px rgba(0, 95, 140, 0.2);\n        color: var(--header-white);\n    }\n    \n    .mobile-cta { display: none; } \n\n    \/* Mobile Menu Toggle Button *\/\n    .mobile-toggle {\n        display: none;\n        background: none;\n        border: none;\n        color: var(--header-blue-dark);\n        font-size: 28px;\n        cursor: pointer;\n        padding: 5px;\n        transition: color 0.3s ease;\n    }\n    .mobile-toggle:hover { color: var(--header-orange); }\n\n    \/* =========================================\n       Tablet & Mobile Responsive Design \n       ========================================= *\/\n    @media (max-width: 992px) {\n        .utility-container { justify-content: center; }\n        .utility-right { display: none; }\n        .utility-left { gap: 15px; }\n\n        .desktop-cta { display: none; }\n        .mobile-toggle { display: block; }\n        \n        .header-bottom { border-top: none; } \n\n        .main-nav {\n            position: absolute;\n            top: 100%;\n            left: 0;\n            width: 100%;\n            background-color: var(--header-white);\n            box-shadow: 0 15px 25px rgba(0,0,0,0.1);\n            border-top: 1px solid #E2E8F0;\n            \n            visibility: hidden;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n        }\n        \n        .main-nav.active {\n            visibility: visible;\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .main-nav ul {\n            flex-direction: column;\n            padding: 0;\n            gap: 0;\n        }\n        \n        .main-nav ul li {\n            width: 100%;\n            border-bottom: 1px solid #F1F5F9;\n        }\n        \n        .main-nav a {\n            display: block;\n            padding: 18px 5%;\n            font-size: 18px;\n        }\n        \n        .main-nav a::after { display: none; } \n        \n        .main-nav a:hover {\n            background-color: #F8FAFC;\n            color: var(--header-orange);\n            padding-left: 7%; \n        }\n        \n        .mobile-cta {\n            display: block;\n            padding: 25px 5%;\n            background-color: #F8FAFC;\n        }\n        .mobile-cta .header-cta-btn {\n            width: 100%;\n            padding: 16px;\n            font-size: 18px;\n        }\n    }\n    \n    @media (max-width: 576px) {\n        .utility-left { flex-direction: column; align-items: center; gap: 5px; }\n        .top-utility-bar { padding: 10px 0; }\n    }\n    <\/style>\n\n    <!-- Top Utility Bar -->\n    <div class=\"top-utility-bar\">\n        <div class=\"utility-container\">\n            <div class=\"utility-left\">\n                <a href=\"tel:+18658006090\"><i class=\"fa-solid fa-phone\"><\/i> +1 (865) 800-6090<\/a>\n                <a href=\"mailto:info@townsendcabins.com\"><i class=\"fa-solid fa-envelope\"><\/i> info@townsendcabins.com<\/a>\n            <\/div>\n            <div class=\"utility-right\">\n                <span><i class=\"fa-solid fa-shield-halved\" style=\"color:var(--header-orange);\"><\/i> Premium Townsend Cabin Rentals<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Main Header -->\n    <header class=\"tcs-site-header\">\n        <div class=\"header-container\">\n            \n            <!-- Top Section: Logo & Mobile Hamburger -->\n            <div class=\"header-top\">\n                <!-- Logo Area -->\n                <div class=\"header-logo\">\n                    <a href=\"\/\">\n                        <!-- Modern Mountain & Sun SVG -->\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n                            <path d=\"M3 20h18L15 9l-4 6-3-4-5 9z\" \/>\n                            <circle cx=\"16\" cy=\"6\" r=\"3\" \/>\n                        <\/svg>\n                        Townsend <span>Cabins<\/span>\n                    <\/a>\n                <\/div>\n\n                <!-- Mobile Menu Hamburger Button -->\n                <button class=\"mobile-toggle\" id=\"menuToggle\" aria-label=\"Toggle Menu\">\n                    <i class=\"fa-solid fa-bars\"><\/i>\n                <\/button>\n            <\/div>\n\n            <!-- Bottom Section: Navigation Menu & Desktop CTA Button -->\n            <div class=\"header-bottom\">\n                \n                <nav class=\"main-nav\" id=\"mobileNav\">\n                    <ul>\n                        <li><a href=\"\/\">Home<\/a><\/li>\n                        <li><a href=\"\/our-cabins\">Our Cabins<\/a><\/li>\n                        <li><a href=\"\/area-guide\">Area Guide<\/a><\/li>\n                        <li><a href=\"\/property-management\">Property Management<\/a><\/li>\n                        <li><a href=\"\/contact\">Contact<\/a><\/li>\n                    <\/ul>\n                    \n                    <!-- CTA Button strictly for Mobile Menu Dropdown -->\n                    <div class=\"mobile-cta\">\n                        <a href=\"\/our-cabins\" class=\"header-cta-btn\">\n                            <i class=\"fa-regular fa-calendar-check\"><\/i> Book Now\n                        <\/a>\n                    <\/div>\n                <\/nav>\n\n                <!-- CTA Button strictly for Desktop View (beside Contact) -->\n                <div class=\"header-cta desktop-cta\">\n                    <a href=\"\/our-cabins\" class=\"header-cta-btn\">\n                        <i class=\"fa-regular fa-calendar-check\"><\/i> Book Now\n                    <\/a>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- JavaScript for Mobile Menu Toggle -->\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const toggleBtn = document.getElementById(\"menuToggle\");\n            const mobileNav = document.getElementById(\"mobileNav\");\n            const toggleIcon = toggleBtn.querySelector(\"i\");\n\n            if(toggleBtn && mobileNav) {\n                toggleBtn.addEventListener(\"click\", function() {\n                    mobileNav.classList.toggle(\"active\");\n                    \n                    \/\/ Swap the hamburger icon with an 'X' close icon when opened\n                    if (mobileNav.classList.contains(\"active\")) {\n                        toggleIcon.classList.remove(\"fa-bars\");\n                        toggleIcon.classList.add(\"fa-xmark\");\n                    } else {\n                        toggleIcon.classList.remove(\"fa-xmark\");\n                        toggleIcon.classList.add(\"fa-bars\");\n                    }\n                });\n            }\n        });\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-8e83205 e-con-full e-flex e-con e-parent\" data-id=\"8e83205\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6ba7d5 elementor-widget elementor-widget-html\" data-id=\"a6ba7d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 1. ASSET OPTIMIZATION: Preconnects, Google Fonts & Async FontAwesome -->\n<link rel=\"preconnect\" href=\"https:\/\/cdnjs.cloudflare.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/images.unsplash.com\" crossorigin>\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=Poppins:ital,wght@0,300;0,500;0,700;0,800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" media=\"print\" onload=\"this.media='all'\">\n<noscript><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><\/noscript>\n\n<style>\n\/* Townsend Cabins Home Page Styles - Optimized & Fluid Design *\/\n:root {\n    --tc-primary: #2C4C3B; \/* Smoky Mountain Forest Green *\/\n    --tc-primary-dark: #1A2F24;\n    --tc-navy: #0F172A; \/* Deep Slate *\/\n    --tc-accent: #D97736; \/* Rustic Cabin Orange\/Brown *\/\n    --tc-white: #FFFFFF;\n    --tc-bg-light: #F8FAFC;\n    --tc-bg-slate: #F1F5F9;\n    --tc-text-dark: #1E293B;\n    --tc-text-muted: #475569;\n}\n\n.townsend-home-wrapper {\n    font-family: 'Poppins', sans-serif;\n    color: var(--tc-text-dark);\n    background-color: var(--tc-white);\n    line-height: 1.6;\n    overflow-x: hidden;\n}\n\n\/* Animations *\/\n@keyframes fadeInUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes float {\n    0% { transform: translateY(0px); }\n    50% { transform: translateY(-12px); }\n    100% { transform: translateY(0px); }\n}\n\n.animate-up {\n    animation: fadeInUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;\n}\n\n\/* Global Layout & Fluid Typography *\/\n.section-wrapper { padding: clamp(60px, 8vw, 110px) 0; width: 100%; }\n.home-container { width: 92%; max-width: 1200px; margin: 0 auto; }\n\n.section-title {\n    text-align: center; \n    font-size: clamp(32px, 5vw, 48px); \n    font-weight: 800; \n    margin-bottom: 24px;\n    line-height: 1.15; \n    color: var(--tc-primary-dark); \n    letter-spacing: -1px;\n}\n.section-title.text-left { text-align: left; }\n.text-accent { color: var(--tc-accent); display: inline-block; }\n\n.section-subtitle {\n    text-align: center; \n    font-size: clamp(16px, 3vw, 20px); \n    color: var(--tc-text-muted);\n    max-width: 800px; \n    margin: 0 auto 60px auto; \n    font-weight: 300;\n}\n\n\/* 0. Top Promo Bar *\/\n.tc-promo-bar {\n    background: var(--tc-navy); color: var(--tc-white); text-align: center;\n    padding: 16px 20px; font-weight: 500; font-size: clamp(13px, 2vw, 15px); letter-spacing: 0.5px;\n    position: relative; z-index: 10;\n}\n.tc-promo-bar a {\n    color: var(--tc-accent); text-decoration: none; font-weight: 800;\n    margin-left: 8px; transition: color 0.3s ease;\n}\n.tc-promo-bar a:hover { color: var(--tc-white); }\n\n\/* 1. Category Funnel Section *\/\n.funnel-section { background-color: var(--tc-bg-light); position: relative; }\n.funnel-section::after {\n    content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 100px;\n    background: linear-gradient(to bottom, transparent, var(--tc-white)); pointer-events: none;\n}\n\n.explore-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; }\n.explore-card {\n    background: var(--tc-white); border-radius: 20px; overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.04); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n    border-bottom: 5px solid transparent; display: flex; flex-direction: column;\n}\n.explore-card:hover {\n    transform: translateY(-12px); box-shadow: 0 25px 50px rgba(44, 76, 59, 0.12);\n    border-bottom: 5px solid var(--tc-accent);\n}\n\n.explore-img-wrapper { overflow: hidden; height: 250px; position: relative; background-color: var(--tc-bg-slate); }\n.explore-img {\n    width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.8s ease;\n}\n.explore-card:hover .explore-img { transform: scale(1.1); }\n\n\/* Optimized Auto-Formatting WebP Unsplash Backgrounds *\/\n.img-river { background-image: url('https:\/\/images.unsplash.com\/photo-1433086966358-54859d0ed716?auto=format&fit=crop&w=800&q=auto&fmt=auto'); }\n.img-secluded { background-image: url('https:\/\/images.unsplash.com\/photo-1542718610-a1d656d1884c?auto=format&fit=crop&w=800&q=auto&fmt=auto'); }\n.img-family { background-image: url('https:\/\/images.unsplash.com\/photo-1510798831971-661eb04b3739?auto=format&fit=crop&w=800&q=auto&fmt=auto'); }\n\n.explore-content { padding: clamp(25px, 4vw, 40px); flex-grow: 1; display: flex; flex-direction: column; background: var(--tc-white); }\n.explore-content h3 { font-size: 26px; color: var(--tc-primary-dark); margin-bottom: 12px; font-weight: 800; }\n.explore-content p { color: var(--tc-text-muted); margin-bottom: 30px; flex-grow: 1; font-size: 17px; }\n\n.btn-tc-outline {\n    display: inline-flex; align-items: center; justify-content: center; gap: 10px;\n    padding: 14px 28px; border: 2px solid #E2E8F0; color: var(--tc-primary-dark);\n    text-decoration: none; font-weight: 700; border-radius: 10px; transition: all 0.3s ease;\n}\n.btn-tc-outline:hover { background: var(--tc-accent); border-color: var(--tc-accent); color: var(--tc-white); gap: 15px; }\n\n\/* 2. Trust Signals *\/\n.trust-section { background: var(--tc-navy); color: var(--tc-white); position: relative; }\n.trust-section::before {\n    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1px); background-size: 40px 40px; opacity: 0.6;\n}\n.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center; position: relative; z-index: 2; }\n.trust-item {\n    padding: 30px 20px; border-radius: 16px; transition: all 0.4s ease;\n    border: 1px solid rgba(255,255,255,0.05); background: rgba(255,255,255,0.02);\n}\n.trust-item:hover { transform: translateY(-8px); background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.15); }\n.trust-icon-wrap {\n    width: 80px; height: 80px; margin: 0 auto 25px auto; display: flex; align-items: center; justify-content: center;\n    border-radius: 20px; background: rgba(217, 119, 54, 0.1); color: var(--tc-accent); font-size: 34px; transition: all 0.4s ease;\n}\n.trust-item:hover .trust-icon-wrap {\n    background: var(--tc-accent); color: var(--tc-white); transform: scale(1.1) rotate(5deg);\n    box-shadow: 0 15px 30px rgba(217, 119, 54, 0.3);\n}\n.trust-item h4 { font-size: 20px; color: var(--tc-white); font-weight: 800; margin-bottom: 12px; }\n.trust-item p { font-size: 15px; color: rgba(255,255,255,0.7); line-height: 1.6; }\n\n\/* 3. Info Section *\/\n.info-section { background: var(--tc-white); }\n.info-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(40px, 8vw, 80px); align-items: center; }\n.info-text p { font-size: clamp(16px, 3vw, 19px); color: var(--tc-text-muted); margin-bottom: 40px; font-weight: 300; }\n.amenities-list { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; }\n.amenities-list li { display: flex; align-items: center; gap: 15px; font-size: 17px; font-weight: 700; color: var(--tc-text-dark); transition: transform 0.2s ease; }\n.amenities-list li:hover { transform: translateX(5px); color: var(--tc-primary); }\n.amenities-list i {\n    color: var(--tc-white); font-size: 18px; background: var(--tc-primary); width: 45px; height: 45px; display: flex; align-items: center;\n    justify-content: center; border-radius: 12px; box-shadow: 0 4px 12px rgba(44, 76, 59, 0.2); flex-shrink: 0;\n}\n.info-image-wrapper { position: relative; border-radius: 24px; z-index: 2; background-color: var(--tc-bg-slate); }\n.info-image-wrapper::before {\n    content: ''; position: absolute; top: -25px; left: -25px; right: 25px; bottom: 25px;\n    background-color: var(--tc-bg-slate); border-radius: 24px; z-index: -1;\n}\n.info-image-wrapper img {\n    border-radius: 24px; box-shadow: 0 25px 50px rgba(0,0,0,0.15); width: 100%; height: auto;\n    display: block; object-fit: cover; animation: float 8s ease-in-out infinite;\n}\n\n\/* 4. PROMOTIONAL SECTION *\/\n.tc-promo-section { background-color: var(--tc-bg-slate); overflow: hidden; }\n.promo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 8vw, 80px); align-items: center; }\n.promo-image { position: relative; }\n.promo-image img { border-radius: 20px; width: 100%; box-shadow: 0 20px 40px rgba(0,0,0,0.1); display: block; background-color: var(--tc-primary-dark); min-height: 300px; object-fit: cover; }\n.experience-badge {\n    position: absolute; bottom: -20px; right: -20px; background: var(--tc-accent); color: var(--tc-white);\n    padding: 20px; border-radius: 15px; font-weight: 800; font-size: clamp(14px, 2vw, 18px); box-shadow: 0 10px 20px rgba(217, 119, 54, 0.3);\n    text-align: center; border: 4px solid var(--tc-bg-slate); z-index: 3;\n}\n.promo-content p { font-size: clamp(16px, 3vw, 18px); color: var(--tc-text-muted); margin-bottom: 25px; line-height: 1.7; }\n.promo-perks { list-style: none; padding: 0; margin-bottom: 35px; }\n.promo-perks li { font-size: 17px; font-weight: 700; color: var(--tc-primary-dark); margin-bottom: 15px; display: flex; align-items: center; gap: 12px; }\n.promo-perks i { color: var(--tc-accent); font-size: 20px; flex-shrink: 0; }\n\n\/* 5. Guest Reviews *\/\n.reviews-section { background-color: var(--tc-white); }\n.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }\n.review-card {\n    background: var(--tc-bg-light); padding: clamp(25px, 4vw, 40px); border-radius: 20px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.03); position: relative;\n}\n.stars { color: #FBBF24; font-size: 14px; margin-bottom: 20px; display: flex; gap: 4px; }\n.review-text { font-size: 17px; color: var(--tc-text-muted); font-style: italic; margin-bottom: 25px; line-height: 1.7; }\n.reviewer-name { font-weight: 800; color: var(--tc-primary-dark); font-size: 16px; }\n.reviewer-date { font-size: 14px; color: #94A3B8; }\n.quote-icon { position: absolute; top: 30px; right: 30px; font-size: 40px; color: #CBD5E1; opacity: 0.3;}\n\n\/* 6. Attractions Section *\/\n.attractions-section { background-color: var(--tc-bg-slate); border-top: 1px solid #E2E8F0; border-bottom: 1px solid #E2E8F0; }\n.attractions-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }\n.attraction-card {\n    position: relative; border-radius: 20px; overflow: hidden; height: 450px;\n    display: flex; align-items: flex-end; text-decoration: none; box-shadow: 0 15px 35px rgba(0,0,0,0.08); background-color: var(--tc-primary-dark);\n}\n.attraction-bg {\n    position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--tc-primary-dark);\n    background-size: cover; background-position: center; transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); z-index: 1;\n}\n.attraction-overlay {\n    position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n    background: linear-gradient(to top, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.1) 70%);\n    z-index: 2; transition: opacity 0.4s ease;\n}\n.attraction-card:hover .attraction-bg { transform: scale(1.1); }\n.attraction-card:hover .attraction-overlay { background: linear-gradient(to top, rgba(44, 76, 59, 0.95) 0%, rgba(0,0,0,0.2) 80%); }\n.attraction-content { position: relative; z-index: 3; padding: clamp(25px, 4vw, 40px); color: var(--tc-white); width: 100%; }\n.attraction-content h3 { font-size: 30px; font-weight: 800; margin-bottom: 10px; transition: transform 0.3s ease; }\n.attraction-content p { font-size: 16px; opacity: 0.9; margin-bottom: 0; transform: translateY(20px); opacity: 0; transition: all 0.4s ease; }\n.attraction-card:hover .attraction-content h3 { transform: translateY(-5px); }\n.attraction-card:hover .attraction-content p { transform: translateY(0); opacity: 1; }\n\n\/* 7. FAQ Section *\/\n.faq-section { background: var(--tc-white); }\n.faq-container { max-width: 850px; margin: 0 auto; }\n.faq-item {\n    background: var(--tc-white); border-radius: 12px; margin-bottom: 20px;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.02); border: 1px solid #E2E8F0; overflow: hidden; transition: all 0.3s ease;\n}\n.faq-item:hover { box-shadow: 0 10px 30px rgba(44, 76, 59, 0.08); border-color: #CBD5E1; }\n.faq-item details { width: 100%; }\n.faq-item summary {\n    padding: clamp(20px, 3vw, 25px) clamp(20px, 4vw, 35px); font-size: clamp(16px, 3vw, 19px); font-weight: 700; color: var(--tc-text-dark);\n    cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; transition: background-color 0.3s ease;\n}\n.faq-item summary::-webkit-details-marker { display: none; }\n.faq-item summary::after {\n    content: '\\f067'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--tc-primary);\n    transition: transform 0.4s ease; background: var(--tc-bg-slate); width: 40px; height: 40px;\n    display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0; margin-left: 15px;\n}\n.faq-item details[open] summary::after { transform: rotate(135deg); background: var(--tc-accent); color: var(--tc-white); }\n.faq-content { padding: 0 clamp(20px, 4vw, 35px) 35px clamp(20px, 4vw, 35px); color: var(--tc-text-muted); font-size: 17px; line-height: 1.7; border-top: 1px solid #F1F5F9; margin-top: 5px; padding-top: 25px; }\n\n\/* 8. Parallax CTA Banner *\/\n.cta-banner {\n    background: linear-gradient(rgba(15, 23, 42, 0.88), rgba(44, 76, 59, 0.88)), url('https:\/\/images.unsplash.com\/photo-1548625361-9c60e0a5c106?auto=format&fit=crop&w=1600&q=auto&fmt=auto');\n    background-size: cover; background-position: center; background-attachment: fixed;\n    color: var(--tc-white); text-align: center; padding: clamp(80px, 10vw, 140px) 20px; \n    border-top: 6px solid var(--tc-accent); position: relative; overflow: hidden;\n}\n.cta-content { position: relative; z-index: 2; max-width: 900px; margin: 0 auto; }\n.tc-badge {\n    display: inline-block; background: var(--tc-white); padding: 8px 24px; border-radius: 30px;\n    font-weight: 800; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--tc-primary-dark);\n    margin-bottom: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.3);\n}\n.cta-banner h2 { font-size: clamp(36px, 6vw, 52px); margin-bottom: 24px; font-weight: 800; letter-spacing: -1px; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }\n.cta-banner p { font-size: clamp(18px, 3vw, 22px); margin-bottom: 50px; font-weight: 300; opacity: 0.95; line-height: 1.6; text-shadow: 0 2px 5px rgba(0,0,0,0.5); }\n\n@keyframes pulseGlow {\n    0% { box-shadow: 0 0 0 0 rgba(217, 119, 54, 0.8); }\n    70% { box-shadow: 0 0 0 25px rgba(217, 119, 54, 0); }\n    100% { box-shadow: 0 0 0 0 rgba(217, 119, 54, 0); }\n}\n\n.btn-tc-pulse {\n    background: var(--tc-accent); color: var(--tc-white); padding: 20px 45px; font-size: clamp(16px, 3vw, 19px);\n    font-weight: 800; text-decoration: none; border-radius: 12px; display: inline-flex; align-items: center; gap: 15px;\n    transition: all 0.3s ease; animation: pulseGlow 2s infinite; text-transform: uppercase; letter-spacing: 1px;\n}\n.btn-tc-pulse:hover { background: var(--tc-white); color: var(--tc-accent); transform: translateY(-5px); animation: none; box-shadow: 0 20px 40px rgba(0,0,0,0.3); }\n\n\/* iPad & Tablet Responsiveness *\/\n@media (max-width: 992px) {\n    .trust-grid, .reviews-grid, .attractions-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }\n    .info-grid, .promo-grid { grid-template-columns: 1fr; text-align: center; gap: 50px; }\n    .amenities-list, .promo-perks { justify-content: center; text-align: left; max-width: 500px; margin: 0 auto; }\n    .section-title.text-left { text-align: center; }\n    .info-image-wrapper { order: -1; margin-bottom: 20px; }\n    .info-image-wrapper::before { display: none; }\n    .promo-image { width: 85%; margin: 0 auto; }\n    .experience-badge { right: -10px; }\n    .cta-banner { background-attachment: scroll; \/* Fixes iOS parallax bug *\/ }\n}\n\n\/* Mobile Phone Responsiveness *\/\n@media (max-width: 768px) {\n    .explore-grid, .trust-grid, .reviews-grid, .attractions-grid { grid-template-columns: 1fr; gap: 25px; }\n    .amenities-list { grid-template-columns: 1fr; }\n    .promo-image { width: 100%; }\n    .experience-badge { font-size: 14px; padding: 12px 20px; bottom: -15px; right: 10px; }\n    .btn-tc-pulse { width: 100%; justify-content: center; }\n}\n<\/style>\n\n<div class=\"townsend-home-wrapper\">\n\n    <!-- 0. CROSS-PROMO BAR -->\n    <div class=\"tc-promo-bar animate-up\">\n        Welcome to Townsend Cabins \u2022 The Peaceful Side of the Smokies <a href=\"\/our-cabins\">View Cabins <i class=\"fa-solid fa-chevron-right\" style=\"font-size:12px;\"><\/i><\/a>\n    <\/div>\n\n    <!-- 1. CATEGORY FUNNEL SECTION -->\n    <section class=\"section-wrapper funnel-section animate-up\" style=\"animation-delay: 0.2s;\">\n        <div class=\"home-container\">\n            <h2 class=\"section-title\">Find Your Perfect <span class=\"text-accent\">Townsend<\/span> Retreat<\/h2>\n            <p class=\"section-subtitle\">From serene riverfront properties to secluded cabins tucked into the mountainside, discover Townsend's finest vacation rentals for a truly peaceful getaway.<\/p>\n            \n            <div class=\"explore-grid\">\n                <div class=\"explore-card\">\n                    <div class=\"explore-img-wrapper\">\n                        <div class=\"explore-img img-river\"><\/div>\n                    <\/div>\n                    <div class=\"explore-content\">\n                        <h3>Riverfront Retreats<\/h3>\n                        <p>Wake up to the sounds of the Little River. Perfect for fishing, tubing, and enjoying your morning coffee by the water.<\/p>\n                        <a href=\"https:\/\/casagosmokymountains.com\/properties\/?guesty_amenity=&keyword=townsend&checkin=&checkout=&guests=&max_price=&city=&sort=\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-tc-outline\">\n                            View Properties <i class=\"fa-solid fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"explore-card\">\n                    <div class=\"explore-img-wrapper\">\n                        <div class=\"explore-img img-secluded\"><\/div>\n                    <\/div>\n                    <div class=\"explore-content\">\n                        <h3>Secluded Mountain Views<\/h3>\n                        <p>Escape the crowds and unwind in comfortable cabins nestled high in the trees with breathtaking Smoky Mountain vistas.<\/p>\n                        <a href=\"https:\/\/casagosmokymountains.com\/properties\/?guesty_amenity=&keyword=townsend&checkin=&checkout=&guests=&max_price=&city=&sort=\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-tc-outline\">\n                            View Properties <i class=\"fa-solid fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"explore-card\">\n                    <div class=\"explore-img-wrapper\">\n                        <div class=\"explore-img img-family\"><\/div>\n                    <\/div>\n                    <div class=\"explore-content\">\n                        <h3>Family Gatherings<\/h3>\n                        <p>Spacious cabins featuring wrap-around porches, game rooms, and plenty of space for the whole family to reconnect.<\/p>\n                        <a href=\"https:\/\/casagosmokymountains.com\/properties\/?guesty_amenity=&keyword=townsend&checkin=&checkout=&guests=&max_price=&city=&sort=\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-tc-outline\">\n                            View Properties <i class=\"fa-solid fa-arrow-right\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 2. TRUST SIGNALS SECTION -->\n    <section class=\"section-wrapper trust-section\">\n        <div class=\"home-container trust-grid\">\n            <div class=\"trust-item\">\n                <div class=\"trust-icon-wrap\"><i class=\"fa-solid fa-spray-can-sparkles\"><\/i><\/div>\n                <h4>Spotless Cleaning<\/h4>\n                <p>Meticulously sanitized cabins prepared with care prior to every guest arrival.<\/p>\n            <\/div>\n            <div class=\"trust-item\">\n                <div class=\"trust-icon-wrap\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div>\n                <h4>Local Experts<\/h4>\n                <p>Our dedicated Townsend team lives right here and is ready to assist you 24\/7.<\/p>\n            <\/div>\n            <div class=\"trust-item\">\n                <div class=\"trust-icon-wrap\"><i class=\"fa-solid fa-leaf\"><\/i><\/div>\n                <h4>Peaceful Location<\/h4>\n                <p>Avoid the heavy traffic. Enjoy the quiet, serene beauty of nature right outside your door.<\/p>\n            <\/div>\n            <div class=\"trust-item\">\n                <div class=\"trust-icon-wrap\"><i class=\"fa-solid fa-tags\"><\/i><\/div>\n                <h4>Book Direct & Save<\/h4>\n                <p>Booking direct with Townsend Cabins means no hidden third-party fees and the best rates guaranteed.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 3. INFORMATION & AMENITIES SECTION -->\n    <section class=\"section-wrapper info-section\">\n        <div class=\"home-container info-grid\">\n            <div class=\"info-text\">\n                <h2 class=\"section-title text-left\">The Peaceful Side of the <br><span class=\"text-accent\">Smoky Mountains<\/span><\/h2>\n                <p>Booking a cabin in Townsend means choosing relaxation over rush hour. Known as \"The Peaceful Side of the Smokies,\" you'll be just minutes away from the Cades Cove entrance to the Great Smoky Mountains National Park, scenic tubing on the Little River, and local artisan shops, all while enjoying premium cabin amenities.<\/p>\n                \n                <ul class=\"amenities-list\">\n                    <li><i class=\"fa-solid fa-hot-tub-person\"><\/i> Private Outdoor Hot Tubs<\/li>\n                    <li><i class=\"fa-solid fa-fire\"><\/i> Cozy Indoor Fireplaces<\/li>\n                    <li><i class=\"fa-solid fa-mug-hot\"><\/i> Wrap-Around Porches<\/li>\n                    <li><i class=\"fa-solid fa-wifi\"><\/i> Fast High-Speed Internet<\/li>\n                    <li><i class=\"fa-solid fa-paw\"><\/i> Pet-Friendly Options<\/li>\n                    <li><i class=\"fa-solid fa-kitchen-set\"><\/i> Fully Equipped Kitchens<\/li>\n                <\/ul>\n            <\/div>\n            \n            <div class=\"info-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1449156561113-d1f56be9e5a3?auto=format&fit=crop&w=1200&q=auto&fmt=auto\" loading=\"lazy\" alt=\"Beautiful Townsend Mountain Cabin\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 4. PROMOTIONAL SECTION -->\n    <section class=\"section-wrapper tc-promo-section\">\n        <div class=\"home-container promo-grid\">\n            <div class=\"promo-image\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1000&q=auto&fmt=auto\" loading=\"lazy\" alt=\"Professional Cabin Management\">\n                <div class=\"experience-badge\">Premium Local Team<\/div>\n            <\/div>\n            <div class=\"promo-content\">\n                <h2 class=\"section-title text-left\">Exceptional <br><span class=\"text-accent\">Property Management<\/span><\/h2>\n                <p>Townsend Cabins provides an exclusive portfolio of premier properties managed by trusted local experts. Whether you are looking for a weekend family vacation or need reliable management for your own property, we guarantee five-star service, immaculate cleaning standards, and a dedicated team ready to make everything seamless.<\/p>\n                \n                <ul class=\"promo-perks\">\n                    <li><i class=\"fa-solid fa-circle-check\"><\/i> Skip the high third-party service fees<\/li>\n                    <li><i class=\"fa-solid fa-circle-check\"><\/i> 100% verified, accurate property photos<\/li>\n                    <li><i class=\"fa-solid fa-circle-check\"><\/i> 24\/7 localized guest support<\/li>\n                <\/ul>\n                \n                <a href=\"https:\/\/casagosmokymountains.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-tc-outline\" style=\"margin-top: 15px;\">\n                    Visit Casago Smoky Mountains <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 5. GUEST REVIEWS SECTION -->\n    <section class=\"section-wrapper reviews-section\">\n        <div class=\"home-container\">\n            <h2 class=\"section-title\">The Townsend <span class=\"text-accent\">Experience<\/span><\/h2>\n            <p class=\"section-subtitle\">See what our recent guests have to say about their Smoky Mountain stays.<\/p>\n\n            <div class=\"reviews-grid\">\n                <div class=\"review-card\">\n                    <i class=\"fa-solid fa-quote-right quote-icon\"><\/i>\n                    <div class=\"stars\">\n                        <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n                    <\/div>\n                    <p class=\"review-text\">\"The cabin was incredibly peaceful and exactly what we needed to escape the city. We loved sipping coffee on the porch and being so close to Cades Cove!\"<\/p>\n                    <div class=\"reviewer-name\">Emily R.<\/div>\n                    <div class=\"reviewer-date\">Stayed in a Secluded Cabin<\/div>\n                <\/div>\n\n                <div class=\"review-card\">\n                    <i class=\"fa-solid fa-quote-right quote-icon\"><\/i>\n                    <div class=\"stars\">\n                        <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n                    <\/div>\n                    <p class=\"review-text\">\"An absolutely perfect family getaway. The kids loved tubing on the Little River during the day, and we all enjoyed the hot tub at night. The Townsend Cabins team was super helpful.\"<\/p>\n                    <div class=\"reviewer-name\">Mark & Sarah T.<\/div>\n                    <div class=\"reviewer-date\">Stayed near the Little River<\/div>\n                <\/div>\n\n                <div class=\"review-card\">\n                    <i class=\"fa-solid fa-quote-right quote-icon\"><\/i>\n                    <div class=\"stars\">\n                        <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n                    <\/div>\n                    <p class=\"review-text\">\"Five-star experience from start to finish. The views were breathtaking, and the cabin was impeccably clean. Skipping the third-party fees by booking direct was a huge plus.\"<\/p>\n                    <div class=\"reviewer-name\">Jessica W.<\/div>\n                    <div class=\"reviewer-date\">Stayed in a Luxury Cabin<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 6. EXPLORE ATTRACTIONS SECTION -->\n    <section class=\"section-wrapper attractions-section\">\n        <div class=\"home-container\">\n            <h2 class=\"section-title\">Explore <span class=\"text-accent\">Townsend<\/span><\/h2>\n            <p class=\"section-subtitle\">Discover stunning natural beauty, scenic drives, and outdoor adventures just minutes from your cabin door.<\/p>\n            \n            <div class=\"attractions-grid\">\n                <a href=\"\/area-guide\" class=\"attraction-card\">\n                    <div class=\"attraction-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1579899387441-2c0ebdf94bb5?auto=format&fit=crop&w=800&q=auto&fmt=auto');\"><\/div>\n                    <div class=\"attraction-overlay\"><\/div>\n                    <div class=\"attraction-content\">\n                        <h3>Cades Cove<\/h3>\n                        <p>Experience the most popular destination in the Smokies, featuring abundant wildlife and historic Appalachian structures.<\/p>\n                    <\/div>\n                <\/a>\n                \n                <a href=\"\/area-guide\" class=\"attraction-card\">\n                    <div class=\"attraction-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1433086966358-54859d0ed716?auto=format&fit=crop&w=800&q=auto&fmt=auto');\"><\/div>\n                    <div class=\"attraction-overlay\"><\/div>\n                    <div class=\"attraction-content\">\n                        <h3>Little River<\/h3>\n                        <p>Perfect for families looking to enjoy a relaxing afternoon of river tubing, swimming, or world-class trout fishing.<\/p>\n                    <\/div>\n                <\/a>\n                \n                <a href=\"\/area-guide\" class=\"attraction-card\">\n                    <div class=\"attraction-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1551524164-687a55dd1126?auto=format&fit=crop&w=800&q=auto&fmt=auto');\"><\/div>\n                    <div class=\"attraction-overlay\"><\/div>\n                    <div class=\"attraction-content\">\n                        <h3>National Park<\/h3>\n                        <p>Enjoy direct, low-traffic access to over 800 miles of hiking trails, hidden waterfalls, and breathtaking scenic drives.<\/p>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 7. FUNCTIONAL FAQ ACCORDION SECTION -->\n    <section class=\"section-wrapper faq-section\">\n        <div class=\"home-container\">\n            <h2 class=\"section-title\">Townsend Cabin <span class=\"text-accent\">FAQs<\/span><\/h2>\n            <p class=\"section-subtitle\">Everything you need to know before you go, provided by our local team.<\/p>\n            \n            <div class=\"faq-container\">\n                <div class=\"faq-item\">\n                    <details>\n                        <summary>Why should I book directly with Townsend Cabins?<\/summary>\n                        <div class=\"faq-content\">\n                            Booking directly through our website guarantees you the lowest possible rate by avoiding the high service fees charged by online travel agencies. You also get direct access to our local support team and verified property listings.\n                        <\/div>\n                    <\/details>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <details>\n                        <summary>How far is Townsend from Gatlinburg and Pigeon Forge?<\/summary>\n                        <div class=\"faq-content\">\n                            Townsend is conveniently located about 30-40 minutes from the heavy tourist areas of Gatlinburg and Pigeon Forge. You can easily drive in for a day of attractions and return to the peace and quiet of your Townsend cabin at night.\n                        <\/div>\n                    <\/details>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <details>\n                        <summary>Are the cabins close to the National Park entrance?<\/summary>\n                        <div class=\"faq-content\">\n                            Yes! Townsend boasts one of the main entrances to the Great Smoky Mountains National Park, often referred to as the \"peaceful\" entrance because it has significantly less traffic than the Gatlinburg entrance.\n                        <\/div>\n                    <\/details>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <details>\n                        <summary>What do I need to bring with me?<\/summary>\n                        <div class=\"faq-content\">\n                            We provide a starter supply of essentials (toilet paper, paper towels, dish soap, and basic toiletries) to get you through your first day. You will need to bring your own groceries, coffee, and specialty items.\n                        <\/div>\n                    <\/details>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 8. HEAVY CROSS-PROMO CTA (Parallax Design) -->\n    <section class=\"section-wrapper cta-banner\">\n        <div class=\"cta-content\">\n            <div class=\"tc-badge\">Experience the Peaceful Side<\/div>\n            <h2>Ready for Your Smoky Mountain Escape?<\/h2>\n            <p>Experience the perfect blend of natural beauty and serene mountain relaxation. Skip the third-party fees and book directly through Townsend Cabins for the ultimate getaway.<\/p>\n            \n            <a href=\"https:\/\/casagosmokymountains.com\/properties\/?guesty_amenity=&keyword=townsend&checkin=&checkout=&guests=&max_price=&city=&sort=\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-tc-pulse\">\n                <i class=\"fa-solid fa-magnifying-glass\"><\/i> Search Townsend Cabins\n            <\/a>\n            \n            <div style=\"margin-top: 30px; font-size: 16px; font-weight: 500;\">\n                <i class=\"fa-solid fa-phone\" style=\"margin-right: 8px;\"><\/i> <a href=\"tel:+18658006090\" style=\"color: var(--tc-white); text-decoration: none;\">+1 (865) 800-6090<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8d5d95 e-con-full e-flex e-con e-parent\" data-id=\"b8d5d95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e07813e elementor-widget elementor-widget-shortcode\" data-id=\"e07813e\" 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\">    <!-- Google Fonts: Poppins -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n    <!-- FontAwesome for Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n    \/* Footer Specific Styles - Optimized & Responsive *\/\n    :root {\n        --footer-bg: #0A1424; \n        --footer-text: #94A3B8; \n        --footer-white: #FFFFFF;\n        --footer-orange: #F26522;\n        --footer-blue: #0091D2;\n        --footer-bg-light: #111D32;\n    }\n\n    .tcs-site-footer {\n        font-family: 'Poppins', sans-serif;\n        background-color: var(--footer-bg);\n        color: var(--footer-text);\n        padding: clamp(60px, 8vw, 80px) 0 0 0;\n        line-height: 1.6;\n        border-top: 5px solid var(--footer-orange);\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Subtle background dot pattern *\/\n    .tcs-site-footer::before {\n        content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n        background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px);\n        background-size: 30px 30px; opacity: 0.8; pointer-events: none;\n    }\n\n    .footer-container {\n        width: 92%;\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 2;\n    }\n\n    .footer-grid {\n        display: grid;\n        grid-template-columns: 2fr 1fr 1.2fr 1.5fr;\n        gap: clamp(40px, 4vw, 60px);\n        margin-bottom: clamp(40px, 6vw, 60px);\n    }\n\n    .footer-col h4 {\n        color: var(--footer-white);\n        font-size: clamp(18px, 2vw, 20px);\n        font-weight: 700;\n        margin-bottom: 25px;\n        position: relative;\n        display: inline-block;\n        letter-spacing: 0.5px;\n    }\n\n    .footer-col h4::after {\n        content: '';\n        position: absolute;\n        left: 0;\n        bottom: -8px;\n        height: 3px;\n        width: 40px;\n        background-color: var(--footer-orange);\n        border-radius: 2px;\n        transition: all 0.3s ease;\n    }\n\n    \/* Brand Column & SVG Logo *\/\n    .footer-logo {\n        font-size: clamp(20px, 3vw, 24px);\n        font-weight: 800;\n        color: var(--footer-white);\n        text-decoration: none;\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 20px;\n        letter-spacing: -0.5px;\n        flex-wrap: wrap;\n    }\n    \n    .footer-logo span { color: var(--footer-orange); }\n    \n    .footer-logo svg {\n        width: clamp(28px, 6vw, 36px);\n        height: auto;\n        stroke: var(--footer-orange); \n        stroke-width: 1.5;\n        fill: none;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n        flex-shrink: 0;\n    }\n\n    .brand-desc {\n        font-size: clamp(15px, 2vw, 16px);\n        margin-bottom: 25px;\n        max-width: 380px;\n        line-height: 1.7;\n    }\n\n    .social-links {\n        display: flex;\n        gap: 15px;\n    }\n    \n    .social-links a {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 42px;\n        height: 42px;\n        background: rgba(255,255,255,0.05);\n        color: var(--footer-white);\n        border-radius: 50%;\n        text-decoration: none;\n        transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n        border: 1px solid rgba(255,255,255,0.1);\n    }\n    \n    .social-links a:hover {\n        background: var(--footer-orange);\n        border-color: var(--footer-orange);\n        transform: translateY(-5px);\n        box-shadow: 0 10px 20px rgba(242, 101, 34, 0.3);\n    }\n\n    \/* Links Column *\/\n    .footer-links {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n    \n    .footer-links li { margin-bottom: 15px; }\n    \n    .footer-links a {\n        color: var(--footer-text);\n        text-decoration: none;\n        font-size: clamp(15px, 2vw, 16px);\n        transition: all 0.3s ease;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n    }\n    \n    .footer-links a i {\n        font-size: 12px;\n        color: var(--footer-orange);\n        opacity: 0;\n        transform: translateX(-10px);\n        transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n    }\n    \n    .footer-links a:hover {\n        color: var(--footer-white);\n        transform: translateX(5px);\n    }\n    \n    .footer-links a:hover i {\n        opacity: 1;\n        transform: translateX(0);\n    }\n\n    \/* Contact Info *\/\n    .contact-info {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n    \n    .contact-info li {\n        display: flex;\n        align-items: flex-start;\n        gap: 15px;\n        margin-bottom: 25px;\n        font-size: clamp(15px, 2vw, 16px);\n    }\n    \n    .contact-info i {\n        color: var(--footer-orange);\n        font-size: 18px;\n        margin-top: 4px;\n        background: rgba(242, 101, 34, 0.1);\n        width: 32px;\n        height: 32px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        flex-shrink: 0;\n    }\n    \n    .contact-info strong {\n        display: block;\n        color: var(--footer-white);\n        font-weight: 600;\n        margin-bottom: 3px;\n        font-size: 16px;\n    }\n    \n    .contact-info a, .contact-info span {\n        color: var(--footer-text);\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n    \n    .contact-info a:hover { color: var(--footer-white); }\n\n    \/* Partner \/ CTA Column *\/\n    .partner-box {\n        background: linear-gradient(to bottom right, var(--footer-bg-light), rgba(255,255,255,0.01));\n        border: 1px solid rgba(255,255,255,0.08);\n        padding: 30px 25px;\n        border-radius: 16px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n    }\n    \n    .partner-box p {\n        font-size: 15px;\n        margin-bottom: 20px;\n        line-height: 1.6;\n    }\n    \n    .btn-footer {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        background-color: transparent;\n        color: var(--footer-white);\n        border: 2px solid var(--footer-orange);\n        padding: 12px 20px;\n        border-radius: 8px;\n        text-decoration: none;\n        font-weight: 700;\n        font-size: 14px;\n        transition: all 0.3s ease;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        width: 100%;\n    }\n    \n    .btn-footer:hover {\n        background-color: var(--footer-orange);\n        box-shadow: 0 10px 20px rgba(242, 101, 34, 0.2);\n    }\n\n    \/* Bottom Bar *\/\n    .footer-bottom {\n        background-color: rgba(0,0,0,0.4);\n        padding: 20px 0;\n        border-top: 1px solid rgba(255,255,255,0.05);\n        position: relative;\n        z-index: 2;\n    }\n    \n    .footer-bottom-container {\n        width: 92%;\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        font-size: 14px;\n        flex-wrap: wrap;\n        gap: 15px;\n    }\n    \n    .footer-bottom-links {\n        display: flex;\n        gap: 25px;\n    }\n    \n    .footer-bottom-links a {\n        color: var(--footer-text);\n        text-decoration: none;\n        transition: color 0.3s ease;\n    }\n    \n    .footer-bottom-links a:hover { color: var(--footer-white); }\n\n    \/* iPad & Tablet Responsiveness *\/\n    @media (max-width: 992px) {\n        .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 50px; }\n        .brand-desc { max-width: 100%; }\n        .partner-box { padding: 25px; }\n    }\n    \n    \/* Mobile Phone Responsiveness *\/\n    @media (max-width: 768px) {\n        .footer-grid { grid-template-columns: 1fr; gap: 45px; text-align: center; }\n        .footer-col h4::after { left: 50%; transform: translateX(-50%); }\n        .brand-desc { margin-left: auto; margin-right: auto; }\n        .social-links { justify-content: center; }\n        .footer-logo { justify-content: center; }\n        .footer-links a { justify-content: center; }\n        \n        .contact-info li { \n            flex-direction: column; \n            align-items: center; \n            gap: 10px; \n            text-align: center;\n            background: rgba(255,255,255,0.02);\n            padding: 15px;\n            border-radius: 12px;\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n        .contact-info i { margin-top: 0; width: 40px; height: 40px; font-size: 20px; }\n        \n        .footer-bottom-container { flex-direction: column; text-align: center; gap: 15px; }\n        .footer-bottom-links { justify-content: center; flex-wrap: wrap; width: 100%; }\n    }\n    <\/style>\n\n    <footer class=\"tcs-site-footer\">\n        <div class=\"footer-container\">\n            <div class=\"footer-grid\">\n                \n                <!-- Column 1: Brand Info -->\n                <div class=\"footer-col\">\n                    <a href=\"\/\" class=\"footer-logo\">\n                        <!-- Modern Mountain & Sun SVG (Matches Header) -->\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n                            <path d=\"M3 20h18L15 9l-4 6-3-4-5 9z\" \/>\n                            <circle cx=\"16\" cy=\"6\" r=\"3\" \/>\n                        <\/svg>\n                        Townsend <span>Cabins<\/span>\n                    <\/a>\n                    <p class=\"brand-desc\">Premium mountain cabins and family vacation rentals in Townsend, TN. Experience the peaceful side of the Smoky Mountains with our exceptional properties.<\/p>\n                    <div class=\"social-links\">\n                        <a href=\"#\" target=\"_blank\" aria-label=\"Facebook\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n                        <a href=\"#\" target=\"_blank\" aria-label=\"Instagram\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n                        <a href=\"#\" target=\"_blank\" aria-label=\"YouTube\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Column 2: Quick Navigation -->\n                <div class=\"footer-col\">\n                    <h4>Explore<\/h4>\n                    <ul class=\"footer-links\">\n                        <li><a href=\"\/\"><i class=\"fa-solid fa-chevron-right\"><\/i> Home<\/a><\/li>\n                        <li><a href=\"\/our-cabins\"><i class=\"fa-solid fa-chevron-right\"><\/i> Our Cabins<\/a><\/li>\n                        <li><a href=\"\/area-guide\"><i class=\"fa-solid fa-chevron-right\"><\/i> Area Guide<\/a><\/li>\n                        <li><a href=\"\/property-management\"><i class=\"fa-solid fa-chevron-right\"><\/i> Property Management<\/a><\/li>\n                        <li><a href=\"\/contact\"><i class=\"fa-solid fa-chevron-right\"><\/i> Contact Us<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Column 3: Contact Details -->\n                <div class=\"footer-col\">\n                    <h4>Guest Support<\/h4>\n                    <ul class=\"contact-info\">\n                        <li>\n                            <i class=\"fa-solid fa-phone\"><\/i>\n                            <div>\n                                <strong>Call Us 24\/7<\/strong>\n                                <a href=\"tel:+18658006090\">+1 (865) 800-6090<\/a>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <i class=\"fa-solid fa-envelope\"><\/i>\n                            <div>\n                                <strong>Email Us<\/strong>\n                                <a href=\"mailto:info@townsendcabins.com\">info@townsendcabins.com<\/a>\n                            <\/div>\n                        <\/li>\n                        <li>\n                            <i class=\"fa-solid fa-clock\"><\/i>\n                            <div>\n                                <strong>Office Hours<\/strong>\n                                <span>Mon - Sun: 8:00 AM - 8:00 PM<\/span>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Column 4: Book Direct Block -->\n                <div class=\"footer-col\">\n                    <h4>Book Direct & Save<\/h4>\n                    <div class=\"partner-box\">\n                        <p>Book directly through our website to guarantee the best rates and exceptional customer service for your Townsend getaway.<\/p>\n                        <a href=\"\/our-cabins\" class=\"btn-footer\">\n                            View All Cabins <i class=\"fa-solid fa-arrow-right\" style=\"font-size:12px;\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <!-- Bottom Sub-Footer Bar -->\n        <div class=\"footer-bottom\">\n            <div class=\"footer-bottom-container\">\n                <div class=\"copyright\">\n                    &copy; 2026 Townsend Cabins. All rights reserved.\n                <\/div>\n                <div class=\"footer-bottom-links\">\n                    <a href=\"\/privacy-policy\">Privacy Policy<\/a>\n                    <a href=\"\/terms-of-service\">Terms of Service<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n    <\/div>\n\t\t\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>Welcome to Townsend Cabins \u2022 The Peaceful Side of the Smokies View Cabins Find Your Perfect Townsend Retreat From serene riverfront properties to secluded cabins tucked into the mountainside, discover Townsend&#8217;s finest vacation rentals for a truly peaceful getaway. Riverfront Retreats Wake up to the sounds of the Little River. Perfect for fishing, tubing, and [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.townsendcabins.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.townsendcabins.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.townsendcabins.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.townsendcabins.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/www.townsendcabins.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":16,"href":"http:\/\/www.townsendcabins.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":47,"href":"http:\/\/www.townsendcabins.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/47"}],"wp:attachment":[{"href":"http:\/\/www.townsendcabins.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}