Smart Links \u2013 Connect Smarter<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <style>\n \/* --------------------\n GLOBAL STYLES\n --------------------- *\/\n :root {\n --primary: #0e98a8;\n --primary-dark: #066776;\n --accent: #ffb44d;\n --bg: #f5fbfd;\n --text: #0b2436;\n --muted: #64758b;\n --white: #ffffff;\n --shadow-soft: 0 18px 40px rgba(15, 23, 42, 0.16);\n --radius-lg: 18px;\n --radius-xl: 24px;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n sans-serif;\n background: radial-gradient(circle at top left, #e0f7ff, #f5fbfd 45%, #edf2ff);\n color: var(--text);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n img {\n max-width: 100%;\n display: block;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n button {\n cursor: pointer;\n border: none;\n font: inherit;\n }\n\n .container {\n width: min(1120px, 100% - 2.5rem);\n margin: 0 auto;\n }\n\n \/* --------------------\n HEADER \/ NAV\n --------------------- *\/\n header {\n position: sticky;\n top: 0;\n z-index: 40;\n background: rgba(245, 251, 253, 0.9);\n backdrop-filter: blur(14px);\n border-bottom: 1px solid rgba(148, 163, 184, 0.15);\n }\n\n .nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.85rem 0;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--primary-dark);\n }\n\n .logo-icon {\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .logo-icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n font-size: 0.95rem;\n }\n\n .nav-links a {\n color: var(--muted);\n position: relative;\n }\n\n .nav-links a::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: -0.25rem;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--primary), #22c55e);\n transition: width 0.2s ease-out;\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n .nav-phone {\n font-weight: 600;\n font-size: 0.95rem;\n padding: 0.3rem 0.75rem;\n border-radius: 999px;\n background: rgba(14, 152, 168, 0.08);\n border: 1px solid rgba(14, 152, 168, 0.25);\n display: flex;\n align-items: center;\n gap: 0.4rem;\n color: var(--primary-dark);\n }\n\n .nav-phone svg {\n width: 15px;\n height: 15px;\n }\n\n \/* --------------------\n HERO\n --------------------- *\/\n #hero {\n padding: 3.5rem 0 2.5rem;\n }\n\n .hero-inner {\n display: grid;\n grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);\n gap: 2.75rem;\n align-items: center;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 0.45rem;\n font-size: 0.8rem;\n padding: 0.25rem 0.7rem;\n border-radius: 999px;\n background: rgba(34, 197, 94, 0.08);\n border: 1px solid rgba(34, 197, 94, 0.2);\n color: #166534;\n margin-bottom: 0.85rem;\n }\n\n .badge-dot {\n width: 8px;\n height: 8px;\n border-radius: 999px;\n background: #22c55e;\n box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.35);\n animation: pulseDot 1.6s infinite;\n }\n\n @keyframes pulseDot {\n 0% {\n transform: scale(0.95);\n opacity: 1;\n }\n 70% {\n transform: scale(1.25);\n opacity: 0;\n }\n 100% {\n transform: scale(0.95);\n opacity: 0;\n }\n }\n\n .hero-title {\n font-size: clamp(2.2rem, 3.1vw + 1.2rem, 3.1rem);\n line-height: 1.1;\n margin-bottom: 0.8rem;\n color: #0f172a;\n }\n\n .hero-highlight {\n background-image: linear-gradient(90deg, #0e98a8, #22c55e);\n -webkit-background-clip: text;\n color: transparent;\n }\n\n .hero-sub {\n font-size: 1rem;\n color: var(--muted);\n max-width: 32rem;\n margin-bottom: 1.4rem;\n }\n\n .hero-price-tag {\n display: inline-flex;\n align-items: baseline;\n gap: 0.3rem;\n padding: 0.55rem 0.85rem;\n border-radius: 12px;\n background: rgba(14, 152, 168, 0.08);\n border: 1px dashed rgba(14, 152, 168, 0.35);\n margin-bottom: 1.25rem;\n animation: floatUp 3s ease-in-out infinite;\n }\n\n .hero-price-tag span:first-child {\n font-weight: 600;\n color: #0f172a;\n }\n\n .hero-price-tag span:last-child {\n font-size: 0.8rem;\n color: var(--muted);\n }\n\n @keyframes floatUp {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-6px);\n }\n }\n\n .hero-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 0.9rem;\n margin-bottom: 1.15rem;\n }\n\n .btn-primary {\n padding: 0.75rem 1.5rem;\n border-radius: 999px;\n background: linear-gradient(135deg, #0e98a8, #22c55e);\n color: var(--white);\n font-weight: 600;\n font-size: 0.98rem;\n display: inline-flex;\n align-items: center;\n gap: 0.45rem;\n box-shadow: 0 16px 30px rgba(14, 152, 168, 0.34);\n transition: transform 0.16s ease-out, box-shadow 0.16s ease-out;\n }\n\n .btn-primary:hover {\n transform: translateY(-1px);\n box-shadow: 0 22px 40px rgba(14, 152, 168, 0.4);\n }\n\n .btn-outline {\n padding: 0.75rem 1.3rem;\n border-radius: 999px;\n border: 1px solid rgba(148, 163, 184, 0.6);\n background: rgba(255, 255, 255, 0.7);\n color: var(--text);\n font-weight: 500;\n font-size: 0.95rem;\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n transition: background 0.15s ease-out, border-color 0.15s ease-out;\n }\n\n .btn-outline:hover {\n background: var(--white);\n border-color: var(--primary);\n }\n\n .hero-footnote {\n font-size: 0.85rem;\n color: var(--muted);\n }\n\n .hero-footnote span {\n font-weight: 600;\n color: var(--primary-dark);\n }\n\n \/* HERO GRAPHIC PANEL *\/\n .hero-graphic {\n position: relative;\n border-radius: var(--radius-xl);\n background: radial-gradient(circle at top right, #14b8a6 0, #0e7490 40%, #020617 100%);\n padding: 1.5rem;\n color: #e5f5ff;\n box-shadow: var(--shadow-soft);\n overflow: hidden;\n min-height: 290px;\n }\n\n .hero-graphic::before {\n content: \"\";\n position: absolute;\n width: 180%;\n height: 200%;\n background: conic-gradient(from 190deg, rgba(45, 212, 191, 0.15), transparent, rgba(59, 130, 246, 0.18), transparent);\n left: -30%;\n top: -70%;\n opacity: 0.8;\n animation: rotateGlow 22s linear infinite;\n pointer-events: none;\n }\n\n @keyframes rotateGlow {\n to {\n transform: rotate(360deg);\n }\n }\n\n .hero-graphic-inner {\n position: relative;\n z-index: 2;\n display: grid;\n gap: 1.3rem;\n }\n\n .hero-devices {\n display: flex;\n gap: 0.75rem;\n }\n\n .device-card {\n flex: 1;\n border-radius: 16px;\n padding: 0.75rem;\n background: rgba(15, 23, 42, 0.8);\n border: 1px solid rgba(148, 163, 184, 0.28);\n box-shadow: 0 14px 26px rgba(15, 23, 42, 0.7);\n display: grid;\n gap: 0.4rem;\n transform-origin: center;\n animation: floatAlt 6s ease-in-out infinite;\n }\n\n .device-card:nth-child(2) {\n animation-delay: 0.9s;\n }\n\n .device-icon {\n width: 32px;\n height: 32px;\n border-radius: 999px;\n background: rgba(34, 197, 94, 0.12);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.3rem;\n }\n\n .device-icon svg {\n width: 18px;\n height: 18px;\n fill: #a5f3fc;\n }\n\n .device-label {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: #9ca3af;\n }\n\n .device-value {\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .device-price {\n color: #bbf7d0;\n font-weight: 600;\n }\n\n .savings-pill {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.4rem 0.8rem;\n border-radius: 999px;\n background: rgba(59, 130, 246, 0.12);\n font-size: 0.75rem;\n color: #bfdbfe;\n }\n\n .spark {\n width: 8px;\n height: 8px;\n border-radius: 999px;\n background: #facc15;\n box-shadow: 0 0 12px rgba(250, 204, 21, 0.9);\n animation: pulseSpark 1.8s ease-out infinite;\n }\n\n @keyframes pulseSpark {\n 0%,\n 100% {\n transform: scale(1);\n opacity: 0.9;\n }\n 50% {\n transform: scale(1.4);\n opacity: 0.4;\n }\n }\n\n .hero-meter {\n margin-top: 0.3rem;\n padding: 0.6rem;\n border-radius: 12px;\n background: rgba(15, 23, 42, 0.7);\n border: 1px solid rgba(51, 65, 85, 0.7);\n }\n\n .meter-label {\n font-size: 0.75rem;\n color: #9ca3af;\n margin-bottom: 0.25rem;\n display: flex;\n justify-content: space-between;\n }\n\n .meter-bar {\n position: relative;\n width: 100%;\n height: 7px;\n border-radius: 999px;\n background: rgba(30, 64, 175, 0.85);\n overflow: hidden;\n }\n\n .meter-fill {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 78%;\n border-radius: inherit;\n background: linear-gradient(90deg, #22c55e, #a3e635);\n box-shadow: 0 0 16px rgba(34, 197, 94, 0.65);\n animation: sweep 2.3s ease-out infinite;\n transform-origin: left;\n }\n\n @keyframes sweep {\n 0% {\n transform: scaleX(0.2);\n }\n 50% {\n transform: scaleX(1);\n }\n 100% {\n transform: scaleX(0.78);\n }\n }\n\n @keyframes floatAlt {\n 0%,\n 100% {\n transform: translateY(0) rotate(0.2deg);\n }\n 50% {\n transform: translateY(-8px) rotate(-0.4deg);\n }\n }\n\n \/* --------------------\n GENERIC SECTION\n --------------------- *\/\n section {\n padding: 2.6rem 0;\n }\n\n .section-title {\n font-size: 1.6rem;\n margin-bottom: 0.75rem;\n }\n\n .section-sub {\n color: var(--muted);\n font-size: 0.96rem;\n max-width: 32rem;\n }\n\n .section-header {\n margin-bottom: 1.8rem;\n }\n\n \/* Scroll animation helper *\/\n .fade-section {\n opacity: 0;\n transform: translateY(22px);\n transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n }\n\n .fade-section.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* --------------------\n ABOUT \/ PURPOSE\n --------------------- *\/\n .grid-two {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 1.7rem;\n }\n\n .card {\n background: rgba(255, 255, 255, 0.86);\n border-radius: var(--radius-lg);\n padding: 1.3rem 1.4rem;\n box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06);\n border: 1px solid rgba(148, 163, 184, 0.3);\n position: relative;\n overflow: hidden;\n }\n\n .card::after {\n content: \"\";\n position: absolute;\n right: -30px;\n top: -25px;\n width: 80px;\n height: 80px;\n border-radius: 999px;\n background: radial-gradient(circle at 30% 30%, rgba(14, 152, 168, 0.07), transparent 65%);\n }\n\n .card h3 {\n font-size: 1.05rem;\n margin-bottom: 0.4rem;\n }\n\n .card p {\n font-size: 0.95rem;\n color: var(--muted);\n }\n\n .pill-label {\n display: inline-flex;\n padding: 0.15rem 0.6rem;\n border-radius: 999px;\n background: rgba(15, 23, 42, 0.04);\n font-size: 0.72rem;\n text-transform: uppercase;\n letter-spacing: 0.09em;\n color: #475569;\n margin-bottom: 0.35rem;\n }\n\n \/* --------------------\n VALUES\n --------------------- *\/\n .values-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 1.3rem;\n }\n\n .value-card {\n background: rgba(255, 255, 255, 0.9);\n border-radius: 18px;\n padding: 1rem 1.1rem;\n border: 1px solid rgba(148, 163, 184, 0.35);\n position: relative;\n overflow: hidden;\n }\n\n .value-icon {\n width: 32px;\n height: 32px;\n border-radius: 12px;\n background: rgba(14, 152, 168, 0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.6rem;\n animation: subtlePop 2.3s ease-in-out infinite;\n }\n\n .value-icon svg {\n width: 18px;\n height: 18px;\n fill: #0e98a8;\n }\n\n .value-card h4 {\n margin-bottom: 0.35rem;\n font-size: 0.98rem;\n }\n\n .value-card p {\n font-size: 0.9rem;\n color: var(--muted);\n }\n\n @keyframes subtlePop {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-4px);\n }\n }\n\n \/* --------------------\n HOW IT WORKS\n --------------------- *\/\n .steps-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 1rem;\n }\n\n .step {\n background: rgba(15, 23, 42, 0.96);\n color: #e5e7eb;\n border-radius: 18px;\n padding: 1rem 0.9rem;\n box-shadow: 0 16px 40px rgba(15, 23, 42, 0.55);\n border: 1px solid rgba(71, 85, 105, 0.8);\n position: relative;\n overflow: hidden;\n }\n\n .step-number {\n width: 26px;\n height: 26px;\n border-radius: 999px;\n background: rgba(14, 152, 168, 0.35);\n border: 1px solid rgba(45, 212, 191, 0.6);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.82rem;\n margin-bottom: 0.4rem;\n }\n\n .step h4 {\n font-size: 0.96rem;\n margin-bottom: 0.3rem;\n }\n\n .step p {\n font-size: 0.85rem;\n color: #cbd5f5;\n }\n\n .step-graphic-lines {\n position: absolute;\n bottom: -40px;\n right: -15px;\n width: 82px;\n height: 82px;\n border-radius: 999px;\n border: 1px dashed rgba(148, 163, 184, 0.5);\n box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.9);\n opacity: 0.45;\n }\n\n \/* --------------------\n REWARDS SECTION\n --------------------- *\/\n .rewards {\n display: grid;\n grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);\n gap: 1.6rem;\n align-items: center;\n }\n\n .rewards-list {\n list-style: none;\n margin-top: 0.8rem;\n }\n\n .rewards-list li {\n display: flex;\n gap: 0.5rem;\n font-size: 0.94rem;\n color: var(--muted);\n margin-bottom: 0.4rem;\n }\n\n .rewards-list span {\n margin-top: 0.18rem;\n }\n\n .qr-card {\n border-radius: 20px;\n background: #020617;\n padding: 1.1rem;\n color: #e5e7eb;\n border: 1px solid rgba(51, 65, 85, 0.9);\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.85);\n position: relative;\n overflow: hidden;\n }\n\n .qr-card::before {\n content: \"\";\n position: absolute;\n inset: -40%;\n background: radial-gradient(circle at 10% 0, rgba(56, 189, 248, 0.25), transparent 55%),\n radial-gradient(circle at 100% 100%, rgba(45, 212, 191, 0.3), transparent 55%);\n opacity: 0.8;\n }\n\n .qr-inner {\n position: relative;\n z-index: 2;\n display: grid;\n grid-template-columns: minmax(0, 5fr) minmax(0, 4fr);\n gap: 1rem;\n align-items: center;\n }\n\n .fake-qr {\n width: 110px;\n height: 110px;\n border-radius: 16px;\n background-image: linear-gradient(135deg, #020617 0, #020617 40%, #0369a1 100%);\n position: relative;\n overflow: hidden;\n display: grid;\n place-items: center;\n }\n\n .fake-qr::before,\n .fake-qr::after {\n content: \"\";\n position: absolute;\n inset: 16%;\n background-image: linear-gradient(90deg, #e5e7eb 8px, transparent 8px),\n linear-gradient(180deg, #e5e7eb 8px, transparent 8px);\n background-size: 14px 14px;\n mix-blend-mode: screen;\n opacity: 0.92;\n }\n\n .fake-qr::after {\n inset: 26%;\n opacity: 0.6;\n }\n\n .qr-caption {\n font-size: 0.8rem;\n color: #cbd5f5;\n }\n\n \/* --------------------\n PRICING COMPARISON\n --------------------- *\/\n .comparison {\n margin-top: 0.9rem;\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: 0.85rem;\n }\n\n .compare-box {\n border-radius: 14px;\n padding: 0.75rem;\n background: rgba(255, 255, 255, 0.9);\n border: 1px solid rgba(148, 163, 184, 0.45);\n font-size: 0.9rem;\n }\n\n .compare-box.bad {\n border-color: rgba(248, 113, 113, 0.8);\n background: #fef2f2;\n color: #991b1b;\n }\n\n .compare-box.good {\n border-color: rgba(34, 197, 94, 0.85);\n background: #ecfdf3;\n color: #166534;\n }\n\n .compare-label {\n font-size: 0.78rem;\n text-transform: uppercase;\n letter-spacing: 0.09em;\n margin-bottom: 0.2rem;\n }\n\n .compare-price {\n font-weight: 700;\n font-size: 1rem;\n }\n\n \/* --------------------\n REGISTER FORM\n --------------------- *\/\n #register {\n scroll-margin-top: 80px;\n }\n\n .form-layout {\n display: grid;\n grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);\n gap: 1.8rem;\n align-items: start;\n }\n\n .form-card {\n background: rgba(255, 255, 255, 0.95);\n border-radius: 22px;\n padding: 1.5rem 1.4rem 1.7rem;\n box-shadow: 0 22px 50px rgba(15, 23, 42, 0.16);\n border: 1px solid rgba(148, 163, 184, 0.45);\n }\n\n form {\n display: grid;\n gap: 0.9rem;\n }\n\n .field {\n display: grid;\n gap: 0.22rem;\n }\n\n .field label {\n font-size: 0.85rem;\n color: #4b5563;\n }\n\n .field input,\n .field select,\n .field textarea {\n border-radius: 9px;\n border: 1px solid rgba(148, 163, 184, 0.7);\n padding: 0.55rem 0.65rem;\n font-size: 0.9rem;\n outline: none;\n background: rgba(248, 250, 252, 0.9);\n transition: border 0.16s ease-out, box-shadow 0.16s ease-out, background 0.16s ease-out;\n }\n\n .field input:focus,\n .field select:focus,\n .field textarea:focus {\n border-color: var(--primary);\n background: #ffffff;\n box-shadow: 0 0 0 1px rgba(14, 152, 168, 0.4);\n }\n\n .field-row {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 0.75rem;\n }\n\n textarea {\n min-height: 70px;\n resize: vertical;\n }\n\n .service-options {\n display: flex;\n flex-wrap: wrap;\n gap: 0.6rem;\n font-size: 0.86rem;\n }\n\n .chip {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.25rem 0.65rem;\n border-radius: 999px;\n border: 1px solid rgba(148, 163, 184, 0.8);\n background: rgba(248, 250, 252, 0.9);\n cursor: pointer;\n transition: background 0.15s ease-out, border 0.15s ease-out;\n }\n\n .chip input {\n accent-color: var(--primary);\n }\n\n .chip:hover {\n background: #ffffff;\n }\n\n .form-footer-note {\n font-size: 0.78rem;\n color: var(--muted);\n margin-top: 0.3rem;\n }\n\n .trust-card {\n border-radius: 20px;\n padding: 1.2rem 1.1rem;\n background: radial-gradient(circle at top, #eff6ff, #f9fafb);\n border: 1px solid rgba(148, 163, 184, 0.55);\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);\n display: grid;\n gap: 0.8rem;\n }\n\n .trust-row {\n display: flex;\n flex-direction: column;\n gap: 0.35rem;\n font-size: 0.9rem;\n color: var(--muted);\n }\n\n .trust-row strong {\n color: #111827;\n }\n\n .pill-stat {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.25rem 0.6rem;\n border-radius: 999px;\n background: rgba(22, 163, 74, 0.08);\n border: 1px solid rgba(22, 163, 74, 0.4);\n color: #166534;\n font-size: 0.8rem;\n width: fit-content;\n }\n\n \/* --------------------\n WHY SECTION\n --------------------- *\/\n .why-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 1rem;\n }\n\n .why-card {\n border-radius: 18px;\n padding: 1rem;\n background: rgba(255, 255, 255, 0.96);\n border: 1px solid rgba(148, 163, 184, 0.6);\n font-size: 0.9rem;\n }\n\n .why-title {\n font-weight: 600;\n margin-bottom: 0.25rem;\n }\n\n \/* --------------------\n FOOTER\n --------------------- *\/\n footer {\n padding: 2rem 0 2.4rem;\n background: #020617;\n color: #9ca3af;\n margin-top: 1.5rem;\n }\n\n .footer-inner {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n gap: 1rem;\n font-size: 0.85rem;\n }\n\n .footer-inner span {\n display: block;\n }\n\n .footer-phone {\n color: #e5e7eb;\n font-weight: 600;\n }\n\n \/* --------------------\n CONSULTATION MODAL\n --------------------- *\/\n .modal-backdrop {\n position: fixed;\n inset: 0;\n background: rgba(15, 23, 42, 0.7);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 60;\n }\n\n .modal-backdrop.active {\n display: flex;\n }\n\n .modal {\n width: min(420px, 90%);\n border-radius: 20px;\n background: #f9fafb;\n padding: 1.4rem 1.3rem 1.5rem;\n box-shadow: 0 24px 60px rgba(15, 23, 42, 0.6);\n position: relative;\n animation: modalUp 0.22s ease-out;\n }\n\n @keyframes modalUp {\n from {\n opacity: 0;\n transform: translateY(20px) scale(0.98);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n .modal-close {\n position: absolute;\n right: 0.7rem;\n top: 0.6rem;\n background: transparent;\n font-size: 1.1rem;\n color: #6b7280;\n }\n\n .modal h3 {\n margin-bottom: 0.25rem;\n font-size: 1.1rem;\n }\n\n .modal p {\n font-size: 0.9rem;\n color: var(--muted);\n margin-bottom: 0.8rem;\n }\n\n .modal .field input {\n background: #ffffff;\n }\n\n .toast {\n position: fixed;\n right: 1.1rem;\n bottom: 1.2rem;\n background: #022c22;\n color: #ccfbf1;\n padding: 0.7rem 0.9rem;\n font-size: 0.82rem;\n border-radius: 999px;\n box-shadow: 0 16px 36px rgba(15, 23, 42, 0.75);\n display: none;\n align-items: center;\n gap: 0.45rem;\n z-index: 70;\n }\n\n .toast.show {\n display: inline-flex;\n animation: toastSlide 0.25s ease-out;\n }\n\n @keyframes toastSlide {\n from {\n opacity: 0;\n transform: translateY(16px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .toast-dot {\n width: 10px;\n height: 10px;\n border-radius: 999px;\n background: #22c55e;\n box-shadow: 0 0 10px rgba(34, 197, 94, 0.9);\n }\n\n \/* --------------------\n RESPONSIVE\n --------------------- *\/\n @media (max-width: 960px) {\n .hero-inner,\n .rewards,\n .form-layout {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .hero-inner {\n gap: 2rem;\n }\n\n .hero-graphic {\n order: -1;\n }\n\n .steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .why-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n \/* Fix form overflow on tablets *\/\n .field input,\n .field select,\n .field textarea {\n font-size: 16px; \/* Prevents iOS zoom *\/\n }\n\n .form-card {\n padding: 1.2rem 1rem;\n }\n\n .trust-card {\n padding: 1rem 0.9rem;\n }\n }\n\n @media (max-width: 720px) {\n .nav-links {\n display: none;\n }\n\n .nav-phone span {\n display: none;\n }\n\n .nav-phone {\n padding: 0.4rem;\n }\n\n .hero-title {\n font-size: 1.8rem;\n }\n\n .badge {\n font-size: 0.72rem;\n }\n\n .grid-two {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .steps-grid {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .values-grid {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .why-grid {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .hero-graphic {\n padding: 1rem;\n }\n\n \/* Mobile form optimizations *\/\n .field-row {\n grid-template-columns: minmax(0, 1fr);\n gap: 0.9rem;\n }\n\n .form-card {\n padding: 1rem 0.8rem;\n border-radius: 16px;\n }\n\n .field input,\n .field select,\n .field textarea {\n font-size: 16px; \/* Prevents iOS zoom *\/\n padding: 0.65rem 0.75rem;\n }\n\n .btn-primary {\n width: 100%;\n justify-content: center;\n }\n\n .hero-actions {\n flex-direction: column;\n }\n\n .btn-outline {\n width: 100%;\n justify-content: center;\n }\n\n .service-options {\n flex-direction: column;\n }\n\n .chip {\n width: 100%;\n justify-content: flex-start;\n }\n\n .section-title {\n font-size: 1.4rem;\n }\n\n .device-card {\n padding: 0.6rem;\n }\n\n .hero-devices {\n flex-direction: column;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <header>\n <div class=\"container nav\">\n <div class=\"logo\">\n <div class=\"logo-icon\">\n <img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/application-2-payment.appspot.com\/SMART%20LINKS%20SERVICES%20(3).png\" alt=\"Smart Links Logo\" \/>\n <\/div>\n <span>Smart Links<\/span>\n <\/div>\n\n <nav class=\"nav-links\">\n <a href=\"#about\">About<\/a>\n <a href=\"#how\">How it works<\/a>\n <a href=\"#rewards\">Rewards<\/a>\n <a href=\"#register\">Register<\/a>\n <\/nav>\n\n <div class=\"nav-phone\">\n \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M6.6 3.2 5 4.8a2.5 2.5 0 0 0-.5 2.9 31 31 0 0 0 11.8 11.8 2.5 2.5 0 0 0 2.9-.5l1.6-1.6a1 1 0 0 0 0-1.4l-3-3a1 1 0 0 0-1.4 0l-1.5 1.5a1 1 0 0 1-1.1.2 18 18 0 0 1-6.7-6.7 1 1 0 0 1 .2-1.1L9 6.6a1 1 0 0 0 0-1.4l-3-3a1 1 0 0 0-1.4 0Z\"\/>\n <\/svg>\n <span>470-312-6428<\/span>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"hero\">\n <div class=\"container hero-inner fade-section\">\n <div>\n <div class=\"badge\">\n <span class=\"badge-dot\"><\/span>\n <span>TV \u00b7 Internet \u00b7 Phone from just $29.99\/mo<\/span>\n <\/div>\n\n <h1 class=\"hero-title\">\n Stop overpaying. <span class=\"hero-highlight\">Connect smarter<\/span> with Smart Links.\n <\/h1>\n\n <p class=\"hero-sub\">\n We help tenants and families get TV, high-speed internet, and phone\n service for a fraction of the price \u2014 without the headache of long calls,\n confusing plans, or surprise fees.\n <\/p>\n\n <div class=\"hero-price-tag\">\n <span>Plans starting at $29.99\/mo<\/span>\n <span>Pay less, get more.<\/span>\n <\/div>\n\n <div class=\"hero-actions\">\n <button class=\"btn-primary\" data-scroll=\"#register\">\n Register Now\n <span>\u2192<\/span>\n <\/button>\n <button class=\"btn-outline\" id=\"open-consult\">\n Free 2-Minute Consultation\n <\/button>\n <\/div>\n\n <p class=\"hero-footnote\">\n Or call us directly at <span>470-312-6428<\/span> to get connected today.\n <\/p>\n <\/div>\n\n \n <div class=\"hero-graphic\">\n <div class=\"hero-graphic-inner\">\n <div class=\"hero-devices\">\n <div class=\"device-card\">\n <div class=\"device-icon\">\n \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M20 6H13.4l2.3-2.3a1 1 0 1 0-1.4-1.4L12 4.6 9.7 2.3a1 1 0 0 0-1.4 1.4L10.6 6H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h6v1H8a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2h-2v-1h6a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2Zm0 11H4V8h16v9Z\"\/>\n <\/svg>\n <\/div>\n <div class=\"device-label\">TV + Stream<\/div>\n <div class=\"device-value\">HD & sports ready<\/div>\n <div class=\"device-price\">$29.99 \/ mo<\/div>\n <\/div>\n\n <div class=\"device-card\">\n <div class=\"device-icon\">\n \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 18a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm0-4a5.2 5.2 0 0 0-3.7 1.6 1 1 0 1 0 1.5 1.4 3.2 3.2 0 0 1 4.4 0 1 1 0 1 0 1.5-1.4A5.2 5.2 0 0 0 12 14Zm0-4.5a9 9 0 0 0-6.5 2.7 1 1 0 0 0 1.4 1.4 7 7 0 0 1 10.2 0 1 1 0 1 0 1.4-1.4A9 9 0 0 0 12 9.5Zm0-4.5A13 13 0 0 0 2.4 8.3a1 1 0 0 0 1.2 1.6A11 11 0 0 1 12 7a11 11 0 0 1 8.4 2.9 1 1 0 1 0 1.2-1.6A13 13 0 0 0 12 5Z\"\/>\n <\/svg>\n <\/div>\n <div class=\"device-label\">High-Speed Internet<\/div>\n <div class=\"device-value\">Work, stream & game<\/div>\n <div class=\"device-price\">Bundle & save<\/div>\n <\/div>\n <\/div>\n\n <div class=\"savings-pill\">\n <div class=\"spark\"><\/div>\n <span>Families save an average of 30\u201360% monthly with Smart Links.<\/span>\n <\/div>\n\n <div class=\"hero-meter\">\n <div class=\"meter-label\">\n <span>Smart Savings Meter<\/span>\n <span>78% optimized<\/span>\n <\/div>\n <div class=\"meter-bar\">\n <div class=\"meter-fill\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"register\">\n <div class=\"container fade-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Get Connected Today<\/h2>\n <p class=\"section-sub\">\n Complete this form and a Smart Links specialist will contact you to finalize installation and confirm your discounts. No obligations, just great service at great prices.\n <\/p>\n <\/div>\n\n <div class=\"form-layout\">\n <div class=\"form-card\">\n <form id=\"registration-form\">\n <div class=\"field-row\">\n <div class=\"field\">\n <label for=\"fullName\">Full Name<\/label>\n <input id=\"fullName\" name=\"fullName\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"phone\">Phone Number<\/label>\n <input id=\"phone\" name=\"phone\" type=\"tel\" required \/>\n <\/div>\n <\/div>\n\n <div class=\"field-row\">\n <div class=\"field\">\n <label for=\"email\">Email<\/label>\n <input id=\"email\" name=\"email\" type=\"email\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"bestTime\">Best Time to Call<\/label>\n <select id=\"bestTime\" name=\"bestTime\">\n <option value=\"\">Select<\/option>\n <option>Morning<\/option>\n <option>Afternoon<\/option>\n <option>Evening<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label for=\"address\">Street Address<\/label>\n <input id=\"address\" name=\"address\" required \/>\n <\/div>\n\n <div class=\"field-row\">\n <div class=\"field\">\n <label for=\"city\">City<\/label>\n <input id=\"city\" name=\"city\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"state\">State<\/label>\n <input id=\"state\" name=\"state\" maxlength=\"2\" placeholder=\"GA\" required \/>\n <\/div>\n <\/div>\n\n <div class=\"field-row\">\n <div class=\"field\">\n <label for=\"zip\">ZIP Code<\/label>\n <input id=\"zip\" name=\"zip\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"activationDate\">Desired Activation Date<\/label>\n <input id=\"activationDate\" name=\"activationDate\" type=\"date\" \/>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label>Services You’re Interested In<\/label>\n <div class=\"service-options\">\n <label class=\"chip\">\n <input type=\"checkbox\" name=\"services\" value=\"TV\" \/> TV\n <\/label>\n <label class=\"chip\">\n <input type=\"checkbox\" name=\"services\" value=\"Internet\" \/> Internet\n <\/label>\n <label class=\"chip\">\n <input type=\"checkbox\" name=\"services\" value=\"Phone\" \/> Phone\n <\/label>\n <label class=\"chip\">\n <input type=\"checkbox\" name=\"services\" value=\"Bundle\" \/> Bundle & Save\n <\/label>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label for=\"notes\">Notes \/ Special Instructions<\/label>\n <textarea id=\"notes\" name=\"notes\" placeholder=\"Tell us if you work from home, stream a lot, or have any special needs.\"><\/textarea>\n <\/div>\n\n <div class=\"field\">\n <label class=\"consent-label\">\n <input type=\"checkbox\" name=\"consent\" id=\"consent\" required \/>\n <span class=\"consent-text\">By checking this box and clicking “SUBMIT” I represent that I am the line subscriber or primary user of the phone number above (including my wireless number if provided) and provide my express consent authorizing “comlink.com aka Comlink Total Solutions Corp” to contact me by telephone (including text messages), delivered via automated technology to the phone number above regarding phone carrier and internet service products and\/or offerings even if I am on a Federal, State or Do-Not-Call registry. I understand that my consent is not required to continue with my inquiry or as a condition to search for phone carrier and internet products and\/or offerings. I understand and agree that this site uses third-party visit recording technology, including, but not limited to, Trusted Form and Jornaya. I understand I can revoke consent at any time. To skip and continue without sharing your information with our phone and internet service providers\/partners, call (866) 260-9473 or email support@gocomlink.com. Message & data rates may apply. Text HELP to (866) 640-3667 for assistance. You can reply STOP to unsubscribe at any time.<\/span>\n <\/label>\n <\/div>\n\n <button class=\"btn-primary\" type=\"submit\">\n Complete Registration\n <\/button>\n <p class=\"form-footer-note\">\n By submitting this form, you agree to be contacted by Smart Links\n at the phone number or email provided for the purpose of setting\n up your services.\n <\/p>\n <\/form>\n <\/div>\n\n <aside class=\"trust-card\">\n <div class=\"trust-row\">\n <span class=\"pill-stat\">\n <span>\u2605<\/span> Over 1,000+ homes connected\n <\/span>\n <div>\n <strong>Why Smart Links?<\/strong><br \/>\n We handle the research, the calls, and the setup \u2014 so you don’t\n have to. One simple registration, multiple service options.\n <\/div>\n <\/div>\n\n <div class=\"trust-row\">\n <strong>Real savings you can feel.<\/strong>\n <div>\n Our customers regularly save 30\u201360% compared to their previous\n bills by bundling and choosing smarter plans.\n <\/div>\n <\/div>\n\n <div class=\"trust-row\">\n <strong>Prefer to talk to a person?<\/strong>\n <div>\n Call <span class=\"footer-phone\">470-312-6428<\/span> and we’ll walk\n you through the options in real time.\n <\/div>\n <\/div>\n <\/aside>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\">\n <div class=\"container fade-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Business Declaration<\/h2>\n <p class=\"section-sub\">\n Smart Links exists to simplify how people connect their homes to the\n services they rely on \u2014 TV, internet, and phone \u2014 at fair prices\n with real support.\n <\/p>\n <\/div>\n\n <div class=\"grid-two\">\n <div class=\"card\">\n <span class=\"pill-label\">Declaration of Purpose<\/span>\n <h3>Why we exist<\/h3>\n <p>\n Smart Links creates innovative, reliable, customer-first solutions\n that connect people to what matters most. We deliver high-quality\n services that simplify life, strengthen connections, and provide\n long-term value to tenants, families, and community partners.\n <\/p>\n <\/div>\n\n <div class=\"card\">\n <span class=\"pill-label\">Mission Statement<\/span>\n <h3>What we do<\/h3>\n <p>\n Our mission is to empower individuals, tenants, and property owners\n with smart technology and digital tools that bridge the gap between\n convenience, accessibility, and affordability.\n <\/p>\n <\/div>\n\n <div class=\"card\">\n <span class=\"pill-label\">Vision Statement<\/span>\n <h3>Where we\u2019re going<\/h3>\n <p>\n We envision a world where every home enjoys seamless, stress-free\n connections \u2014 where innovation and simplicity meet to improve the\n way people live, work, and connect.\n <\/p>\n <\/div>\n\n <div class=\"card\">\n <span class=\"pill-label\">Commitment<\/span>\n <h3>What we stand by<\/h3>\n <p>\n Smart Links is committed to fostering meaningful connections,\n dependable service, and transparent pricing \u2014 while constantly\n evolving to meet the needs of our customers and the communities\n we serve.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"container fade-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Core Values<\/h2>\n <p class=\"section-sub\">\n Everything we do is shaped by innovation, integrity, and excellence.\n <\/p>\n <\/div>\n\n <div class=\"values-grid\">\n <div class=\"value-card\">\n <div class=\"value-icon\">\n \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M15 2.3A8.8 8.8 0 0 0 8.7 5L4 9.7A3 3 0 0 0 3.2 11l-.9 3.3a1 1 0 0 0 1.2 1.2L6.8 14a3 3 0 0 0 1.3-.8L13 8.3a3 3 0 1 1 4.2 4.2l-5 5a3 3 0 0 1-.9.6l-4.7 2a1 1 0 0 0 .2 1.9l3.3-.9a3 3 0 0 0 1.3-.7l4.7-4.7A8.8 8.8 0 0 0 21.7 9L21 8.3A8.8 8.8 0 0 0 15 2.3Z\"\/>\n <\/svg>\n <\/div>\n <h4>Innovation<\/h4>\n <p>\n We embrace forward-thinking solutions that push boundaries and\n make getting connected easier than ever.\n <\/p>\n <\/div>\n\n <div class=\"value-card\">\n <div class=\"value-icon\">\n \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 2 4.5 4.5v6.7c0 4.3 2.9 8.3 7.1 9.8a1 1 0 0 0 .8 0c4.2-1.5 7.1-5.5 7.1-9.8V4.5L12 2Zm5.5 9.2c0 3.4-2.2 6.6-5.5 7.9-3.3-1.3-5.5-4.5-5.5-7.9V5.7L12 4.2l5.5 1.5v5.5Z\"\/>\n <\/svg>\n <\/div>\n <h4>Integrity<\/h4>\n <p>\n We operate with transparency and honesty. No surprise fees, just\n clear options and the best deal we can find for you.\n <\/p>\n <\/div>\n\n <div class=\"value-card\">\n <div class=\"value-icon\">\n \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M11.1 3.2a1 1 0 0 1 1.8 0l2.1 4.4 4.9.7a1 1 0 0 1 .55 1.7l-3.6 3.5.8 4.9a1 1 0 0 1-1.45 1.05L12 17.8l-4.3 2.3a1 1 0 0 1-1.45-1.05l.8-4.9-3.6-3.5A1 1 0 0 1 4.1 8.3l4.9-.7 2.1-4.4Z\"\/>\n <\/svg>\n <\/div>\n <h4>Excellence<\/h4>\n <p>\n We\u2019re committed to superior products, strong provider partnerships,\n and responsive support from real people.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"how\">\n <div class=\"container fade-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">How Smart Links Works<\/h2>\n <p class=\"section-sub\">\n We turn confusing service menus into one simple, guided experience.\n <\/p>\n <\/div>\n\n <div class=\"steps-grid\">\n <div class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h4>Tell us what you need<\/h4>\n <p>\n Choose TV, internet, phone or a bundle. Share your address so we\n can see what\u2019s available in your area.\n <\/p>\n <div class=\"step-graphic-lines\"><\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h4>We compare providers<\/h4>\n <p>\n We scan multiple partners to find the best speeds, channels, and\n pricing \u2014 customized to your household.\n <\/p>\n <div class=\"step-graphic-lines\"><\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h4>We handle setup & activation<\/h4>\n <p>\n We coordinate installation and setup. No more spending hours on\n hold with different companies.\n <\/p>\n <div class=\"step-graphic-lines\"><\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">4<\/div>\n <h4>You enjoy the savings<\/h4>\n <p>\n Sit back and enjoy reliable service at a price that makes sense \u2014\n starting at just $29.99 per month.\n <\/p>\n <div class=\"step-graphic-lines\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"rewards\">\n <div class=\"container rewards fade-section\">\n <div>\n <div class=\"section-header\">\n <h2 class=\"section-title\">Tenant Rewards Program<\/h2>\n <p class=\"section-sub\">\n Help tenants get connected faster and earn rewards for every\n successful sign-up.\n <\/p>\n <\/div>\n\n <ul class=\"rewards-list\">\n <li>\n <span>\u2022<\/span>\n <span><strong>$25 gift card<\/strong> for every 3 tenants referred.<\/span>\n <\/li>\n <li>\n <span>\u2022<\/span>\n <span>\n <strong>Quarterly prize<\/strong> for top referrers — AirPods,\n $200 gift card, and more.\n <\/span>\n <\/li>\n <li>\n <span>\u2022<\/span>\n <span>\n Easy tracking and QR code sharing so tenants can sign up in\n seconds.\n <\/span>\n <\/li>\n <\/ul>\n\n <div class=\"comparison\">\n <div class=\"compare-box bad\">\n <div class=\"compare-label\">Typical Bill<\/div>\n <div class=\"compare-price\">$145 \/ month<\/div>\n <div>Separate providers, hidden fees, no guidance.<\/div>\n <\/div>\n <div class=\"compare-box good\">\n <div class=\"compare-label\">With Smart Links<\/div>\n <div class=\"compare-price\">From $29.99 \/ month<\/div>\n <div>Bundled savings, simple setup, real support.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"qr-card\">\n <div class=\"qr-inner\">\n <div>\n <h3>Share. Scan. Earn.<\/h3>\n <p class=\"qr-caption\">\n Tenants scan your Smart Links QR code, register in seconds, and\n you earn automatic rewards.\n <\/p>\n <\/div>\n <div>\n <div class=\"fake-qr\"><\/div>\n <p class=\"qr-caption\" style=\"margin-top: 0.4rem;\">\n Example referral QR \u00b7 Custom codes available for partners.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"container fade-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Why Customers Choose Smart Links<\/h2>\n <\/div>\n\n <div class=\"why-grid\">\n <div class=\"why-card\">\n <div class=\"why-title\">Multiple providers, one simple experience.<\/div>\n <p>\n Instead of calling three different companies, you talk to one\n Smart Links specialist who handles everything for you.\n <\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-title\">Clear, honest pricing.<\/div>\n <p>\n We show you the real numbers up front so you can compare and\n choose the best plan without guesswork.\n <\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-title\">Human support for every step.<\/div>\n <p>\n From your first question to installation day and beyond, our team\n is here to help you stay connected.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer>\n <div class=\"container footer-inner\">\n <div>\n <span>Smart Links Company<\/span>\n <span>Connecting homes with TV, internet & phone for less.<\/span>\n <\/div>\n <div>\n <span>Call us: <span class=\"footer-phone\">470-312-6428<\/span><\/span>\n <span>\u00a9 <span id=\"year\"><\/span> Smart Links. All rights reserved.<\/span>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <div class=\"modal-backdrop\" id=\"consult-modal\">\n <div class=\"modal\">\n <button class=\"modal-close\" id=\"close-consult\" aria-label=\"Close consultation form\">\u00d7<\/button>\n <h3>Request a Free Consultation<\/h3>\n <p>\n Not ready to register? Leave your name and phone number and a Smart\n Links specialist will call you shortly.\n <\/p>\n <form id=\"consultation-form\">\n <div class=\"field\">\n <label for=\"consult-name\">Name<\/label>\n <input id=\"consult-name\" name=\"name\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"consult-phone\">Phone Number<\/label>\n <input id=\"consult-phone\" name=\"phone\" type=\"tel\" required \/>\n <\/div>\n <button class=\"btn-primary\" type=\"submit\" style=\"width: 100%; justify-content: center;\">\n Request My Call\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n\n \n <div class=\"toast\" id=\"toast\">\n <div class=\"toast-dot\"><\/div>\n <span id=\"toast-text\">Form submitted successfully.<\/span>\n <\/div>\n\n \n <script>\n \/\/ Smooth scroll for hero\/nav buttons\n document.querySelectorAll(\"[data-scroll]\").forEach((btn) => {\n btn.addEventListener(\"click\", (e) => {\n const target = document.querySelector(btn.dataset.scroll);\n if (target) {\n e.preventDefault();\n window.scrollTo({\n top: target.offsetTop - 70,\n behavior: \"smooth\",\n });\n }\n });\n });\n\n \/\/ Consultation modal\n const consultModal = document.getElementById(\"consult-modal\");\n const openConsult = document.getElementById(\"open-consult\");\n const closeConsult = document.getElementById(\"close-consult\");\n\n openConsult.addEventListener(\"click\", () => {\n consultModal.classList.add(\"active\");\n });\n\n closeConsult.addEventListener(\"click\", () => {\n consultModal.classList.remove(\"active\");\n });\n\n consultModal.addEventListener(\"click\", (e) => {\n if (e.target === consultModal) {\n consultModal.classList.remove(\"active\");\n }\n });\n\n \/\/ Toast helper\n const toast = document.getElementById(\"toast\");\n const toastText = document.getElementById(\"toast-text\");\n let toastTimeout;\n\n function showToast(message) {\n toastText.textContent = message;\n toast.classList.add(\"show\");\n clearTimeout(toastTimeout);\n toastTimeout = setTimeout(() => {\n toast.classList.remove(\"show\");\n }, 2800);\n }\n\n \/\/ Registration form handling\n document\n .getElementById(\"registration-form\")\n .addEventListener(\"submit\", function (e) {\n e.preventDefault();\n \n \/\/ Google Apps Script Web App URL\n const SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbyLcLkifR4lFuh5Mc933duk654ECeXsA8NkfGJyKIo1EODgEDv0HVwzwvLNHgzLfULa\/exec';\n \n \/\/ Gather form data\n const formData = {\n fullName: document.getElementById('fullName').value,\n phone: document.getElementById('phone').value,\n email: document.getElementById('email').value,\n bestTime: document.getElementById('bestTime').value,\n address: document.getElementById('address').value,\n city: document.getElementById('city').value,\n state: document.getElementById('state').value,\n zip: document.getElementById('zip').value,\n activationDate: document.getElementById('activationDate').value,\n notes: document.getElementById('notes').value,\n services: Array.from(document.querySelectorAll('input[name=\"services\"]:checked')).map(cb => cb.value)\n };\n \n \/\/ Show loading state\n const submitBtn = this.querySelector('button[type=\"submit\"]');\n const originalBtnText = submitBtn.textContent;\n submitBtn.textContent = 'Submitting...';\n submitBtn.disabled = true;\n \n \/\/ Send to Google Sheets\n fetch(SCRIPT_URL, {\n method: 'POST',\n mode: 'no-cors',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify(formData)\n })\n .then(() => {\n \/\/ Success - no-cors mode doesn't return readable response\n this.reset();\n showToast(\"Thank you! A Smart Links specialist will contact you shortly.\");\n submitBtn.textContent = originalBtnText;\n submitBtn.disabled = false;\n })\n .catch((error) => {\n console.error('Error:', error);\n showToast(\"Form submitted! We'll be in touch soon.\");\n this.reset();\n submitBtn.textContent = originalBtnText;\n submitBtn.disabled = false;\n });\n });\n\n \/\/ Consultation form handling\n document\n .getElementById(\"consultation-form\")\n .addEventListener(\"submit\", function (e) {\n e.preventDefault();\n \n \/\/ Google Apps Script Web App URL\n const SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbyLcLkifR4lFuh5Mc933duk654ECeXsA8NkfGJyKIo1EODgEDv0HVwzwvLNHgzLfULa\/exec';\n \n \/\/ Gather consultation form data\n const formData = {\n fullName: document.getElementById('consult-name').value,\n phone: document.getElementById('consult-phone').value,\n email: '',\n bestTime: '',\n address: '',\n city: '',\n state: '',\n zip: '',\n activationDate: '',\n notes: 'Quick consultation request',\n services: []\n };\n \n \/\/ Send to Google Sheets\n fetch(SCRIPT_URL, {\n method: 'POST',\n mode: 'no-cors',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify(formData)\n })\n .then(() => {\n this.reset();\n consultModal.classList.remove(\"active\");\n showToast(\"Consultation request received. We'll be calling you soon.\");\n })\n .catch((error) => {\n console.error('Error:', error);\n this.reset();\n consultModal.classList.remove(\"active\");\n showToast(\"Request submitted! We'll contact you shortly.\");\n });\n });\n\n \/\/ Scroll-in fade animations using IntersectionObserver\n const fadeSections = document.querySelectorAll(\".fade-section\");\n\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n entry.target.classList.add(\"visible\");\n observer.unobserve(entry.target);\n }\n });\n },\n { threshold: 0.16 }\n );\n\n fadeSections.forEach((section) => observer.observe(section));\n\n \/\/ Footer year\n document.getElementById(\"year\").textContent = new Date().getFullYear();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Smart Links \u2013 Connect Smarter Smart Links About How it works Rewards Register 470-312-6428 TV \u00b7 Internet \u00b7 Phone from just $29.99\/mo Stop overpaying. Connect smarter with Smart Links. We help tenants and families get TV, high-speed internet, and phone service for a fraction of the price \u2014 without the headache of long calls, confusing […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"sl","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":7,"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":10,"date":"2025-11-28T20:07:34","date_gmt":"2025-11-28T20:07:34","guid":{"rendered":"http:\/\/smartlinksservices.com\/?page_id=10"},"modified":"2026-03-02T23:12:56","modified_gmt":"2026-03-02T23:12:56","slug":"home","status":"publish","type":"page","link":"https:\/\/smartlinksservices.com\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n Smart Links \u2013 Connect Smarter<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <style>\n \/* --------------------\n GLOBAL STYLES\n --------------------- *\/\n :root {\n --primary: #0e98a8;\n --primary-dark: #066776;\n --accent: #ffb44d;\n --bg: #f5fbfd;\n --text: #0b2436;\n --muted: #64758b;\n --white: #ffffff;\n --shadow-soft: 0 18px 40px rgba(15, 23, 42, 0.16);\n --radius-lg: 18px;\n --radius-xl: 24px;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n sans-serif;\n background: radial-gradient(circle at top left, #e0f7ff, #f5fbfd 45%, #edf2ff);\n color: var(--text);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n img {\n max-width: 100%;\n display: block;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n button {\n cursor: pointer;\n border: none;\n font: inherit;\n }\n\n .container {\n width: min(1120px, 100% - 2.5rem);\n margin: 0 auto;\n }\n\n \/* --------------------\n HEADER \/ NAV\n --------------------- *\/\n header {\n position: sticky;\n top: 0;\n z-index: 40;\n background: rgba(245, 251, 253, 0.9);\n backdrop-filter: blur(14px);\n border-bottom: 1px solid rgba(148, 163, 184, 0.15);\n }\n\n .nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.85rem 0;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-weight: 700;\n letter-spacing: 0.02em;\n color: var(--primary-dark);\n }\n\n .logo-icon {\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .logo-icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n font-size: 0.95rem;\n }\n\n .nav-links a {\n color: var(--muted);\n position: relative;\n }\n\n .nav-links a::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: -0.25rem;\n width: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--primary), #22c55e);\n transition: width 0.2s ease-out;\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n .nav-phone {\n font-weight: 600;\n font-size: 0.95rem;\n padding: 0.3rem 0.75rem;\n border-radius: 999px;\n background: rgba(14, 152, 168, 0.08);\n border: 1px solid rgba(14, 152, 168, 0.25);\n display: flex;\n align-items: center;\n gap: 0.4rem;\n color: var(--primary-dark);\n }\n\n .nav-phone svg {\n width: 15px;\n height: 15px;\n }\n\n \/* --------------------\n HERO\n --------------------- *\/\n #hero {\n padding: 3.5rem 0 2.5rem;\n }\n\n .hero-inner {\n display: grid;\n grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);\n gap: 2.75rem;\n align-items: center;\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 0.45rem;\n font-size: 0.8rem;\n padding: 0.25rem 0.7rem;\n border-radius: 999px;\n background: rgba(34, 197, 94, 0.08);\n border: 1px solid rgba(34, 197, 94, 0.2);\n color: #166534;\n margin-bottom: 0.85rem;\n }\n\n .badge-dot {\n width: 8px;\n height: 8px;\n border-radius: 999px;\n background: #22c55e;\n box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.35);\n animation: pulseDot 1.6s infinite;\n }\n\n @keyframes pulseDot {\n 0% {\n transform: scale(0.95);\n opacity: 1;\n }\n 70% {\n transform: scale(1.25);\n opacity: 0;\n }\n 100% {\n transform: scale(0.95);\n opacity: 0;\n }\n }\n\n .hero-title {\n font-size: clamp(2.2rem, 3.1vw + 1.2rem, 3.1rem);\n line-height: 1.1;\n margin-bottom: 0.8rem;\n color: #0f172a;\n }\n\n .hero-highlight {\n background-image: linear-gradient(90deg, #0e98a8, #22c55e);\n -webkit-background-clip: text;\n color: transparent;\n }\n\n .hero-sub {\n font-size: 1rem;\n color: var(--muted);\n max-width: 32rem;\n margin-bottom: 1.4rem;\n }\n\n .hero-price-tag {\n display: inline-flex;\n align-items: baseline;\n gap: 0.3rem;\n padding: 0.55rem 0.85rem;\n border-radius: 12px;\n background: rgba(14, 152, 168, 0.08);\n border: 1px dashed rgba(14, 152, 168, 0.35);\n margin-bottom: 1.25rem;\n animation: floatUp 3s ease-in-out infinite;\n }\n\n .hero-price-tag span:first-child {\n font-weight: 600;\n color: #0f172a;\n }\n\n .hero-price-tag span:last-child {\n font-size: 0.8rem;\n color: var(--muted);\n }\n\n @keyframes floatUp {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-6px);\n }\n }\n\n .hero-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 0.9rem;\n margin-bottom: 1.15rem;\n }\n\n .btn-primary {\n padding: 0.75rem 1.5rem;\n border-radius: 999px;\n background: linear-gradient(135deg, #0e98a8, #22c55e);\n color: var(--white);\n font-weight: 600;\n font-size: 0.98rem;\n display: inline-flex;\n align-items: center;\n gap: 0.45rem;\n box-shadow: 0 16px 30px rgba(14, 152, 168, 0.34);\n transition: transform 0.16s ease-out, box-shadow 0.16s ease-out;\n }\n\n .btn-primary:hover {\n transform: translateY(-1px);\n box-shadow: 0 22px 40px rgba(14, 152, 168, 0.4);\n }\n\n .btn-outline {\n padding: 0.75rem 1.3rem;\n border-radius: 999px;\n border: 1px solid rgba(148, 163, 184, 0.6);\n background: rgba(255, 255, 255, 0.7);\n color: var(--text);\n font-weight: 500;\n font-size: 0.95rem;\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n transition: background 0.15s ease-out, border-color 0.15s ease-out;\n }\n\n .btn-outline:hover {\n background: var(--white);\n border-color: var(--primary);\n }\n\n .hero-footnote {\n font-size: 0.85rem;\n color: var(--muted);\n }\n\n .hero-footnote span {\n font-weight: 600;\n color: var(--primary-dark);\n }\n\n \/* HERO GRAPHIC PANEL *\/\n .hero-graphic {\n position: relative;\n border-radius: var(--radius-xl);\n background: radial-gradient(circle at top right, #14b8a6 0, #0e7490 40%, #020617 100%);\n padding: 1.5rem;\n color: #e5f5ff;\n box-shadow: var(--shadow-soft);\n overflow: hidden;\n min-height: 290px;\n }\n\n .hero-graphic::before {\n content: \"\";\n position: absolute;\n width: 180%;\n height: 200%;\n background: conic-gradient(from 190deg, rgba(45, 212, 191, 0.15), transparent, rgba(59, 130, 246, 0.18), transparent);\n left: -30%;\n top: -70%;\n opacity: 0.8;\n animation: rotateGlow 22s linear infinite;\n pointer-events: none;\n }\n\n @keyframes rotateGlow {\n to {\n transform: rotate(360deg);\n }\n }\n\n .hero-graphic-inner {\n position: relative;\n z-index: 2;\n display: grid;\n gap: 1.3rem;\n }\n\n .hero-devices {\n display: flex;\n gap: 0.75rem;\n }\n\n .device-card {\n flex: 1;\n border-radius: 16px;\n padding: 0.75rem;\n background: rgba(15, 23, 42, 0.8);\n border: 1px solid rgba(148, 163, 184, 0.28);\n box-shadow: 0 14px 26px rgba(15, 23, 42, 0.7);\n display: grid;\n gap: 0.4rem;\n transform-origin: center;\n animation: floatAlt 6s ease-in-out infinite;\n }\n\n .device-card:nth-child(2) {\n animation-delay: 0.9s;\n }\n\n .device-icon {\n width: 32px;\n height: 32px;\n border-radius: 999px;\n background: rgba(34, 197, 94, 0.12);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.3rem;\n }\n\n .device-icon svg {\n width: 18px;\n height: 18px;\n fill: #a5f3fc;\n }\n\n .device-label {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: #9ca3af;\n }\n\n .device-value {\n font-weight: 600;\n font-size: 0.95rem;\n }\n\n .device-price {\n color: #bbf7d0;\n font-weight: 600;\n }\n\n .savings-pill {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.4rem 0.8rem;\n border-radius: 999px;\n background: rgba(59, 130, 246, 0.12);\n font-size: 0.75rem;\n color: #bfdbfe;\n }\n\n .spark {\n width: 8px;\n height: 8px;\n border-radius: 999px;\n background: #facc15;\n box-shadow: 0 0 12px rgba(250, 204, 21, 0.9);\n animation: pulseSpark 1.8s ease-out infinite;\n }\n\n @keyframes pulseSpark {\n 0%,\n 100% {\n transform: scale(1);\n opacity: 0.9;\n }\n 50% {\n transform: scale(1.4);\n opacity: 0.4;\n }\n }\n\n .hero-meter {\n margin-top: 0.3rem;\n padding: 0.6rem;\n border-radius: 12px;\n background: rgba(15, 23, 42, 0.7);\n border: 1px solid rgba(51, 65, 85, 0.7);\n }\n\n .meter-label {\n font-size: 0.75rem;\n color: #9ca3af;\n margin-bottom: 0.25rem;\n display: flex;\n justify-content: space-between;\n }\n\n .meter-bar {\n position: relative;\n width: 100%;\n height: 7px;\n border-radius: 999px;\n background: rgba(30, 64, 175, 0.85);\n overflow: hidden;\n }\n\n .meter-fill {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 78%;\n border-radius: inherit;\n background: linear-gradient(90deg, #22c55e, #a3e635);\n box-shadow: 0 0 16px rgba(34, 197, 94, 0.65);\n animation: sweep 2.3s ease-out infinite;\n transform-origin: left;\n }\n\n @keyframes sweep {\n 0% {\n transform: scaleX(0.2);\n }\n 50% {\n transform: scaleX(1);\n }\n 100% {\n transform: scaleX(0.78);\n }\n }\n\n @keyframes floatAlt {\n 0%,\n 100% {\n transform: translateY(0) rotate(0.2deg);\n }\n 50% {\n transform: translateY(-8px) rotate(-0.4deg);\n }\n }\n\n \/* --------------------\n GENERIC SECTION\n --------------------- *\/\n section {\n padding: 2.6rem 0;\n }\n\n .section-title {\n font-size: 1.6rem;\n margin-bottom: 0.75rem;\n }\n\n .section-sub {\n color: var(--muted);\n font-size: 0.96rem;\n max-width: 32rem;\n }\n\n .section-header {\n margin-bottom: 1.8rem;\n }\n\n \/* Scroll animation helper *\/\n .fade-section {\n opacity: 0;\n transform: translateY(22px);\n transition: opacity 0.5s ease-out, transform 0.5s ease-out;\n }\n\n .fade-section.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* --------------------\n ABOUT \/ PURPOSE\n --------------------- *\/\n .grid-two {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 1.7rem;\n }\n\n .card {\n background: rgba(255, 255, 255, 0.86);\n border-radius: var(--radius-lg);\n padding: 1.3rem 1.4rem;\n box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06);\n border: 1px solid rgba(148, 163, 184, 0.3);\n position: relative;\n overflow: hidden;\n }\n\n .card::after {\n content: \"\";\n position: absolute;\n right: -30px;\n top: -25px;\n width: 80px;\n height: 80px;\n border-radius: 999px;\n background: radial-gradient(circle at 30% 30%, rgba(14, 152, 168, 0.07), transparent 65%);\n }\n\n .card h3 {\n font-size: 1.05rem;\n margin-bottom: 0.4rem;\n }\n\n .card p {\n font-size: 0.95rem;\n color: var(--muted);\n }\n\n .pill-label {\n display: inline-flex;\n padding: 0.15rem 0.6rem;\n border-radius: 999px;\n background: rgba(15, 23, 42, 0.04);\n font-size: 0.72rem;\n text-transform: uppercase;\n letter-spacing: 0.09em;\n color: #475569;\n margin-bottom: 0.35rem;\n }\n\n \/* --------------------\n VALUES\n --------------------- *\/\n .values-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 1.3rem;\n }\n\n .value-card {\n background: rgba(255, 255, 255, 0.9);\n border-radius: 18px;\n padding: 1rem 1.1rem;\n border: 1px solid rgba(148, 163, 184, 0.35);\n position: relative;\n overflow: hidden;\n }\n\n .value-icon {\n width: 32px;\n height: 32px;\n border-radius: 12px;\n background: rgba(14, 152, 168, 0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0.6rem;\n animation: subtlePop 2.3s ease-in-out infinite;\n }\n\n .value-icon svg {\n width: 18px;\n height: 18px;\n fill: #0e98a8;\n }\n\n .value-card h4 {\n margin-bottom: 0.35rem;\n font-size: 0.98rem;\n }\n\n .value-card p {\n font-size: 0.9rem;\n color: var(--muted);\n }\n\n @keyframes subtlePop {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-4px);\n }\n }\n\n \/* --------------------\n HOW IT WORKS\n --------------------- *\/\n .steps-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 1rem;\n }\n\n .step {\n background: rgba(15, 23, 42, 0.96);\n color: #e5e7eb;\n border-radius: 18px;\n padding: 1rem 0.9rem;\n box-shadow: 0 16px 40px rgba(15, 23, 42, 0.55);\n border: 1px solid rgba(71, 85, 105, 0.8);\n position: relative;\n overflow: hidden;\n }\n\n .step-number {\n width: 26px;\n height: 26px;\n border-radius: 999px;\n background: rgba(14, 152, 168, 0.35);\n border: 1px solid rgba(45, 212, 191, 0.6);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.82rem;\n margin-bottom: 0.4rem;\n }\n\n .step h4 {\n font-size: 0.96rem;\n margin-bottom: 0.3rem;\n }\n\n .step p {\n font-size: 0.85rem;\n color: #cbd5f5;\n }\n\n .step-graphic-lines {\n position: absolute;\n bottom: -40px;\n right: -15px;\n width: 82px;\n height: 82px;\n border-radius: 999px;\n border: 1px dashed rgba(148, 163, 184, 0.5);\n box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.9);\n opacity: 0.45;\n }\n\n \/* --------------------\n REWARDS SECTION\n --------------------- *\/\n .rewards {\n display: grid;\n grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);\n gap: 1.6rem;\n align-items: center;\n }\n\n .rewards-list {\n list-style: none;\n margin-top: 0.8rem;\n }\n\n .rewards-list li {\n display: flex;\n gap: 0.5rem;\n font-size: 0.94rem;\n color: var(--muted);\n margin-bottom: 0.4rem;\n }\n\n .rewards-list span {\n margin-top: 0.18rem;\n }\n\n .qr-card {\n border-radius: 20px;\n background: #020617;\n padding: 1.1rem;\n color: #e5e7eb;\n border: 1px solid rgba(51, 65, 85, 0.9);\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.85);\n position: relative;\n overflow: hidden;\n }\n\n .qr-card::before {\n content: \"\";\n position: absolute;\n inset: -40%;\n background: radial-gradient(circle at 10% 0, rgba(56, 189, 248, 0.25), transparent 55%),\n radial-gradient(circle at 100% 100%, rgba(45, 212, 191, 0.3), transparent 55%);\n opacity: 0.8;\n }\n\n .qr-inner {\n position: relative;\n z-index: 2;\n display: grid;\n grid-template-columns: minmax(0, 5fr) minmax(0, 4fr);\n gap: 1rem;\n align-items: center;\n }\n\n .fake-qr {\n width: 110px;\n height: 110px;\n border-radius: 16px;\n background-image: linear-gradient(135deg, #020617 0, #020617 40%, #0369a1 100%);\n position: relative;\n overflow: hidden;\n display: grid;\n place-items: center;\n }\n\n .fake-qr::before,\n .fake-qr::after {\n content: \"\";\n position: absolute;\n inset: 16%;\n background-image: linear-gradient(90deg, #e5e7eb 8px, transparent 8px),\n linear-gradient(180deg, #e5e7eb 8px, transparent 8px);\n background-size: 14px 14px;\n mix-blend-mode: screen;\n opacity: 0.92;\n }\n\n .fake-qr::after {\n inset: 26%;\n opacity: 0.6;\n }\n\n .qr-caption {\n font-size: 0.8rem;\n color: #cbd5f5;\n }\n\n \/* --------------------\n PRICING COMPARISON\n --------------------- *\/\n .comparison {\n margin-top: 0.9rem;\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n gap: 0.85rem;\n }\n\n .compare-box {\n border-radius: 14px;\n padding: 0.75rem;\n background: rgba(255, 255, 255, 0.9);\n border: 1px solid rgba(148, 163, 184, 0.45);\n font-size: 0.9rem;\n }\n\n .compare-box.bad {\n border-color: rgba(248, 113, 113, 0.8);\n background: #fef2f2;\n color: #991b1b;\n }\n\n .compare-box.good {\n border-color: rgba(34, 197, 94, 0.85);\n background: #ecfdf3;\n color: #166534;\n }\n\n .compare-label {\n font-size: 0.78rem;\n text-transform: uppercase;\n letter-spacing: 0.09em;\n margin-bottom: 0.2rem;\n }\n\n .compare-price {\n font-weight: 700;\n font-size: 1rem;\n }\n\n \/* --------------------\n REGISTER FORM\n --------------------- *\/\n #register {\n scroll-margin-top: 80px;\n }\n\n .form-layout {\n display: grid;\n grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);\n gap: 1.8rem;\n align-items: start;\n }\n\n .form-card {\n background: rgba(255, 255, 255, 0.95);\n border-radius: 22px;\n padding: 1.5rem 1.4rem 1.7rem;\n box-shadow: 0 22px 50px rgba(15, 23, 42, 0.16);\n border: 1px solid rgba(148, 163, 184, 0.45);\n }\n\n form {\n display: grid;\n gap: 0.9rem;\n }\n\n .field {\n display: grid;\n gap: 0.22rem;\n }\n\n .field label {\n font-size: 0.85rem;\n color: #4b5563;\n }\n\n .field input,\n .field select,\n .field textarea {\n border-radius: 9px;\n border: 1px solid rgba(148, 163, 184, 0.7);\n padding: 0.55rem 0.65rem;\n font-size: 0.9rem;\n outline: none;\n background: rgba(248, 250, 252, 0.9);\n transition: border 0.16s ease-out, box-shadow 0.16s ease-out, background 0.16s ease-out;\n }\n\n .field input:focus,\n .field select:focus,\n .field textarea:focus {\n border-color: var(--primary);\n background: #ffffff;\n box-shadow: 0 0 0 1px rgba(14, 152, 168, 0.4);\n }\n\n .field-row {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 0.75rem;\n }\n\n textarea {\n min-height: 70px;\n resize: vertical;\n }\n\n .service-options {\n display: flex;\n flex-wrap: wrap;\n gap: 0.6rem;\n font-size: 0.86rem;\n }\n\n .chip {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.25rem 0.65rem;\n border-radius: 999px;\n border: 1px solid rgba(148, 163, 184, 0.8);\n background: rgba(248, 250, 252, 0.9);\n cursor: pointer;\n transition: background 0.15s ease-out, border 0.15s ease-out;\n }\n\n .chip input {\n accent-color: var(--primary);\n }\n\n .chip:hover {\n background: #ffffff;\n }\n\n .form-footer-note {\n font-size: 0.78rem;\n color: var(--muted);\n margin-top: 0.3rem;\n }\n\n .trust-card {\n border-radius: 20px;\n padding: 1.2rem 1.1rem;\n background: radial-gradient(circle at top, #eff6ff, #f9fafb);\n border: 1px solid rgba(148, 163, 184, 0.55);\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);\n display: grid;\n gap: 0.8rem;\n }\n\n .trust-row {\n display: flex;\n flex-direction: column;\n gap: 0.35rem;\n font-size: 0.9rem;\n color: var(--muted);\n }\n\n .trust-row strong {\n color: #111827;\n }\n\n .pill-stat {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.25rem 0.6rem;\n border-radius: 999px;\n background: rgba(22, 163, 74, 0.08);\n border: 1px solid rgba(22, 163, 74, 0.4);\n color: #166534;\n font-size: 0.8rem;\n width: fit-content;\n }\n\n \/* --------------------\n WHY SECTION\n --------------------- *\/\n .why-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 1rem;\n }\n\n .why-card {\n border-radius: 18px;\n padding: 1rem;\n background: rgba(255, 255, 255, 0.96);\n border: 1px solid rgba(148, 163, 184, 0.6);\n font-size: 0.9rem;\n }\n\n .why-title {\n font-weight: 600;\n margin-bottom: 0.25rem;\n }\n\n \/* --------------------\n FOOTER\n --------------------- *\/\n footer {\n padding: 2rem 0 2.4rem;\n background: #020617;\n color: #9ca3af;\n margin-top: 1.5rem;\n }\n\n .footer-inner {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n gap: 1rem;\n font-size: 0.85rem;\n }\n\n .footer-inner span {\n display: block;\n }\n\n .footer-phone {\n color: #e5e7eb;\n font-weight: 600;\n }\n\n \/* --------------------\n CONSULTATION MODAL\n --------------------- *\/\n .modal-backdrop {\n position: fixed;\n inset: 0;\n background: rgba(15, 23, 42, 0.7);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 60;\n }\n\n .modal-backdrop.active {\n display: flex;\n }\n\n .modal {\n width: min(420px, 90%);\n border-radius: 20px;\n background: #f9fafb;\n padding: 1.4rem 1.3rem 1.5rem;\n box-shadow: 0 24px 60px rgba(15, 23, 42, 0.6);\n position: relative;\n animation: modalUp 0.22s ease-out;\n }\n\n @keyframes modalUp {\n from {\n opacity: 0;\n transform: translateY(20px) scale(0.98);\n }\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n }\n\n .modal-close {\n position: absolute;\n right: 0.7rem;\n top: 0.6rem;\n background: transparent;\n font-size: 1.1rem;\n color: #6b7280;\n }\n\n .modal h3 {\n margin-bottom: 0.25rem;\n font-size: 1.1rem;\n }\n\n .modal p {\n font-size: 0.9rem;\n color: var(--muted);\n margin-bottom: 0.8rem;\n }\n\n .modal .field input {\n background: #ffffff;\n }\n\n .toast {\n position: fixed;\n right: 1.1rem;\n bottom: 1.2rem;\n background: #022c22;\n color: #ccfbf1;\n padding: 0.7rem 0.9rem;\n font-size: 0.82rem;\n border-radius: 999px;\n box-shadow: 0 16px 36px rgba(15, 23, 42, 0.75);\n display: none;\n align-items: center;\n gap: 0.45rem;\n z-index: 70;\n }\n\n .toast.show {\n display: inline-flex;\n animation: toastSlide 0.25s ease-out;\n }\n\n @keyframes toastSlide {\n from {\n opacity: 0;\n transform: translateY(16px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .toast-dot {\n width: 10px;\n height: 10px;\n border-radius: 999px;\n background: #22c55e;\n box-shadow: 0 0 10px rgba(34, 197, 94, 0.9);\n }\n\n \/* --------------------\n RESPONSIVE\n --------------------- *\/\n @media (max-width: 960px) {\n .hero-inner,\n .rewards,\n .form-layout {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .hero-inner {\n gap: 2rem;\n }\n\n .hero-graphic {\n order: -1;\n }\n\n .steps-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .why-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n \/* Fix form overflow on tablets *\/\n .field input,\n .field select,\n .field textarea {\n font-size: 16px; \/* Prevents iOS zoom *\/\n }\n\n .form-card {\n padding: 1.2rem 1rem;\n }\n\n .trust-card {\n padding: 1rem 0.9rem;\n }\n }\n\n @media (max-width: 720px) {\n .nav-links {\n display: none;\n }\n\n .nav-phone span {\n display: none;\n }\n\n .nav-phone {\n padding: 0.4rem;\n }\n\n .hero-title {\n font-size: 1.8rem;\n }\n\n .badge {\n font-size: 0.72rem;\n }\n\n .grid-two {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .steps-grid {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .values-grid {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .why-grid {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .hero-graphic {\n padding: 1rem;\n }\n\n \/* Mobile form optimizations *\/\n .field-row {\n grid-template-columns: minmax(0, 1fr);\n gap: 0.9rem;\n }\n\n .form-card {\n padding: 1rem 0.8rem;\n border-radius: 16px;\n }\n\n .field input,\n .field select,\n .field textarea {\n font-size: 16px; \/* Prevents iOS zoom *\/\n padding: 0.65rem 0.75rem;\n }\n\n .btn-primary {\n width: 100%;\n justify-content: center;\n }\n\n .hero-actions {\n flex-direction: column;\n }\n\n .btn-outline {\n width: 100%;\n justify-content: center;\n }\n\n .service-options {\n flex-direction: column;\n }\n\n .chip {\n width: 100%;\n justify-content: flex-start;\n }\n\n .section-title {\n font-size: 1.4rem;\n }\n\n .device-card {\n padding: 0.6rem;\n }\n\n .hero-devices {\n flex-direction: column;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <header>\n <div class=\"container nav\">\n <div class=\"logo\">\n <div class=\"logo-icon\">\n <img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/application-2-payment.appspot.com\/SMART%20LINKS%20SERVICES%20(3).png\" alt=\"Smart Links Logo\" \/>\n <\/div>\n <span>Smart Links<\/span>\n <\/div>\n\n <nav class=\"nav-links\">\n <a href=\"#about\">About<\/a>\n <a href=\"#how\">How it works<\/a>\n <a href=\"#rewards\">Rewards<\/a>\n <a href=\"#register\">Register<\/a>\n <\/nav>\n\n <div class=\"nav-phone\">\n \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M6.6 3.2 5 4.8a2.5 2.5 0 0 0-.5 2.9 31 31 0 0 0 11.8 11.8 2.5 2.5 0 0 0 2.9-.5l1.6-1.6a1 1 0 0 0 0-1.4l-3-3a1 1 0 0 0-1.4 0l-1.5 1.5a1 1 0 0 1-1.1.2 18 18 0 0 1-6.7-6.7 1 1 0 0 1 .2-1.1L9 6.6a1 1 0 0 0 0-1.4l-3-3a1 1 0 0 0-1.4 0Z\"\/>\n <\/svg>\n <span>470-312-6428<\/span>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"hero\">\n <div class=\"container hero-inner fade-section\">\n <div>\n <div class=\"badge\">\n <span class=\"badge-dot\"><\/span>\n <span>TV \u00b7 Internet \u00b7 Phone from just $29.99\/mo<\/span>\n <\/div>\n\n <h1 class=\"hero-title\">\n Stop overpaying. <span class=\"hero-highlight\">Connect smarter<\/span> with Smart Links.\n <\/h1>\n\n <p class=\"hero-sub\">\n We help tenants and families get TV, high-speed internet, and phone\n service for a fraction of the price \u2014 without the headache of long calls,\n confusing plans, or surprise fees.\n <\/p>\n\n <div class=\"hero-price-tag\">\n <span>Plans starting at $29.99\/mo<\/span>\n <span>Pay less, get more.<\/span>\n <\/div>\n\n <div class=\"hero-actions\">\n <button class=\"btn-primary\" data-scroll=\"#register\">\n Register Now\n <span>\u2192<\/span>\n <\/button>\n <button class=\"btn-outline\" id=\"open-consult\">\n Free 2-Minute Consultation\n <\/button>\n <\/div>\n\n <p class=\"hero-footnote\">\n Or call us directly at <span>470-312-6428<\/span> to get connected today.\n <\/p>\n <\/div>\n\n \n <div class=\"hero-graphic\">\n <div class=\"hero-graphic-inner\">\n <div class=\"hero-devices\">\n <div class=\"device-card\">\n <div class=\"device-icon\">\n \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M20 6H13.4l2.3-2.3a1 1 0 1 0-1.4-1.4L12 4.6 9.7 2.3a1 1 0 0 0-1.4 1.4L10.6 6H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h6v1H8a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2h-2v-1h6a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2Zm0 11H4V8h16v9Z\"\/>\n <\/svg>\n <\/div>\n <div class=\"device-label\">TV + Stream<\/div>\n <div class=\"device-value\">HD & sports ready<\/div>\n <div class=\"device-price\">$29.99 \/ mo<\/div>\n <\/div>\n\n <div class=\"device-card\">\n <div class=\"device-icon\">\n \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 18a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm0-4a5.2 5.2 0 0 0-3.7 1.6 1 1 0 1 0 1.5 1.4 3.2 3.2 0 0 1 4.4 0 1 1 0 1 0 1.5-1.4A5.2 5.2 0 0 0 12 14Zm0-4.5a9 9 0 0 0-6.5 2.7 1 1 0 0 0 1.4 1.4 7 7 0 0 1 10.2 0 1 1 0 1 0 1.4-1.4A9 9 0 0 0 12 9.5Zm0-4.5A13 13 0 0 0 2.4 8.3a1 1 0 0 0 1.2 1.6A11 11 0 0 1 12 7a11 11 0 0 1 8.4 2.9 1 1 0 1 0 1.2-1.6A13 13 0 0 0 12 5Z\"\/>\n <\/svg>\n <\/div>\n <div class=\"device-label\">High-Speed Internet<\/div>\n <div class=\"device-value\">Work, stream & game<\/div>\n <div class=\"device-price\">Bundle & save<\/div>\n <\/div>\n <\/div>\n\n <div class=\"savings-pill\">\n <div class=\"spark\"><\/div>\n <span>Families save an average of 30\u201360% monthly with Smart Links.<\/span>\n <\/div>\n\n <div class=\"hero-meter\">\n <div class=\"meter-label\">\n <span>Smart Savings Meter<\/span>\n <span>78% optimized<\/span>\n <\/div>\n <div class=\"meter-bar\">\n <div class=\"meter-fill\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"register\">\n <div class=\"container fade-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Get Connected Today<\/h2>\n <p class=\"section-sub\">\n Complete this form and a Smart Links specialist will contact you to finalize installation and confirm your discounts. No obligations, just great service at great prices.\n <\/p>\n <\/div>\n\n <div class=\"form-layout\">\n <div class=\"form-card\">\n <form id=\"registration-form\">\n <div class=\"field-row\">\n <div class=\"field\">\n <label for=\"fullName\">Full Name<\/label>\n <input id=\"fullName\" name=\"fullName\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"phone\">Phone Number<\/label>\n <input id=\"phone\" name=\"phone\" type=\"tel\" required \/>\n <\/div>\n <\/div>\n\n <div class=\"field-row\">\n <div class=\"field\">\n <label for=\"email\">Email<\/label>\n <input id=\"email\" name=\"email\" type=\"email\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"bestTime\">Best Time to Call<\/label>\n <select id=\"bestTime\" name=\"bestTime\">\n <option value=\"\">Select<\/option>\n <option>Morning<\/option>\n <option>Afternoon<\/option>\n <option>Evening<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label for=\"address\">Street Address<\/label>\n <input id=\"address\" name=\"address\" required \/>\n <\/div>\n\n <div class=\"field-row\">\n <div class=\"field\">\n <label for=\"city\">City<\/label>\n <input id=\"city\" name=\"city\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"state\">State<\/label>\n <input id=\"state\" name=\"state\" maxlength=\"2\" placeholder=\"GA\" required \/>\n <\/div>\n <\/div>\n\n <div class=\"field-row\">\n <div class=\"field\">\n <label for=\"zip\">ZIP Code<\/label>\n <input id=\"zip\" name=\"zip\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"activationDate\">Desired Activation Date<\/label>\n <input id=\"activationDate\" name=\"activationDate\" type=\"date\" \/>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label>Services You’re Interested In<\/label>\n <div class=\"service-options\">\n <label class=\"chip\">\n <input type=\"checkbox\" name=\"services\" value=\"TV\" \/> TV\n <\/label>\n <label class=\"chip\">\n <input type=\"checkbox\" name=\"services\" value=\"Internet\" \/> Internet\n <\/label>\n <label class=\"chip\">\n <input type=\"checkbox\" name=\"services\" value=\"Phone\" \/> Phone\n <\/label>\n <label class=\"chip\">\n <input type=\"checkbox\" name=\"services\" value=\"Bundle\" \/> Bundle & Save\n <\/label>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label for=\"notes\">Notes \/ Special Instructions<\/label>\n <textarea id=\"notes\" name=\"notes\" placeholder=\"Tell us if you work from home, stream a lot, or have any special needs.\"><\/textarea>\n <\/div>\n\n <div class=\"field\">\n <label class=\"consent-label\">\n <input type=\"checkbox\" name=\"consent\" id=\"consent\" required \/>\n <span class=\"consent-text\">By checking this box and clicking “SUBMIT” I represent that I am the line subscriber or primary user of the phone number above (including my wireless number if provided) and provide my express consent authorizing “comlink.com aka Comlink Total Solutions Corp” to contact me by telephone (including text messages), delivered via automated technology to the phone number above regarding phone carrier and internet service products and\/or offerings even if I am on a Federal, State or Do-Not-Call registry. I understand that my consent is not required to continue with my inquiry or as a condition to search for phone carrier and internet products and\/or offerings. I understand and agree that this site uses third-party visit recording technology, including, but not limited to, Trusted Form and Jornaya. I understand I can revoke consent at any time. To skip and continue without sharing your information with our phone and internet service providers\/partners, call (866) 260-9473 or email support@gocomlink.com. Message & data rates may apply. Text HELP to (866) 640-3667 for assistance. You can reply STOP to unsubscribe at any time.<\/span>\n <\/label>\n <\/div>\n\n <button class=\"btn-primary\" type=\"submit\">\n Complete Registration\n <\/button>\n <p class=\"form-footer-note\">\n By submitting this form, you agree to be contacted by Smart Links\n at the phone number or email provided for the purpose of setting\n up your services.\n <\/p>\n <\/form>\n <\/div>\n\n <aside class=\"trust-card\">\n <div class=\"trust-row\">\n <span class=\"pill-stat\">\n <span>\u2605<\/span> Over 1,000+ homes connected\n <\/span>\n <div>\n <strong>Why Smart Links?<\/strong><br \/>\n We handle the research, the calls, and the setup \u2014 so you don’t\n have to. One simple registration, multiple service options.\n <\/div>\n <\/div>\n\n <div class=\"trust-row\">\n <strong>Real savings you can feel.<\/strong>\n <div>\n Our customers regularly save 30\u201360% compared to their previous\n bills by bundling and choosing smarter plans.\n <\/div>\n <\/div>\n\n <div class=\"trust-row\">\n <strong>Prefer to talk to a person?<\/strong>\n <div>\n Call <span class=\"footer-phone\">470-312-6428<\/span> and we’ll walk\n you through the options in real time.\n <\/div>\n <\/div>\n <\/aside>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"about\">\n <div class=\"container fade-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Business Declaration<\/h2>\n <p class=\"section-sub\">\n Smart Links exists to simplify how people connect their homes to the\n services they rely on \u2014 TV, internet, and phone \u2014 at fair prices\n with real support.\n <\/p>\n <\/div>\n\n <div class=\"grid-two\">\n <div class=\"card\">\n <span class=\"pill-label\">Declaration of Purpose<\/span>\n <h3>Why we exist<\/h3>\n <p>\n Smart Links creates innovative, reliable, customer-first solutions\n that connect people to what matters most. We deliver high-quality\n services that simplify life, strengthen connections, and provide\n long-term value to tenants, families, and community partners.\n <\/p>\n <\/div>\n\n <div class=\"card\">\n <span class=\"pill-label\">Mission Statement<\/span>\n <h3>What we do<\/h3>\n <p>\n Our mission is to empower individuals, tenants, and property owners\n with smart technology and digital tools that bridge the gap between\n convenience, accessibility, and affordability.\n <\/p>\n <\/div>\n\n <div class=\"card\">\n <span class=\"pill-label\">Vision Statement<\/span>\n <h3>Where we\u2019re going<\/h3>\n <p>\n We envision a world where every home enjoys seamless, stress-free\n connections \u2014 where innovation and simplicity meet to improve the\n way people live, work, and connect.\n <\/p>\n <\/div>\n\n <div class=\"card\">\n <span class=\"pill-label\">Commitment<\/span>\n <h3>What we stand by<\/h3>\n <p>\n Smart Links is committed to fostering meaningful connections,\n dependable service, and transparent pricing \u2014 while constantly\n evolving to meet the needs of our customers and the communities\n we serve.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"container fade-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Core Values<\/h2>\n <p class=\"section-sub\">\n Everything we do is shaped by innovation, integrity, and excellence.\n <\/p>\n <\/div>\n\n <div class=\"values-grid\">\n <div class=\"value-card\">\n <div class=\"value-icon\">\n \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M15 2.3A8.8 8.8 0 0 0 8.7 5L4 9.7A3 3 0 0 0 3.2 11l-.9 3.3a1 1 0 0 0 1.2 1.2L6.8 14a3 3 0 0 0 1.3-.8L13 8.3a3 3 0 1 1 4.2 4.2l-5 5a3 3 0 0 1-.9.6l-4.7 2a1 1 0 0 0 .2 1.9l3.3-.9a3 3 0 0 0 1.3-.7l4.7-4.7A8.8 8.8 0 0 0 21.7 9L21 8.3A8.8 8.8 0 0 0 15 2.3Z\"\/>\n <\/svg>\n <\/div>\n <h4>Innovation<\/h4>\n <p>\n We embrace forward-thinking solutions that push boundaries and\n make getting connected easier than ever.\n <\/p>\n <\/div>\n\n <div class=\"value-card\">\n <div class=\"value-icon\">\n \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 2 4.5 4.5v6.7c0 4.3 2.9 8.3 7.1 9.8a1 1 0 0 0 .8 0c4.2-1.5 7.1-5.5 7.1-9.8V4.5L12 2Zm5.5 9.2c0 3.4-2.2 6.6-5.5 7.9-3.3-1.3-5.5-4.5-5.5-7.9V5.7L12 4.2l5.5 1.5v5.5Z\"\/>\n <\/svg>\n <\/div>\n <h4>Integrity<\/h4>\n <p>\n We operate with transparency and honesty. No surprise fees, just\n clear options and the best deal we can find for you.\n <\/p>\n <\/div>\n\n <div class=\"value-card\">\n <div class=\"value-icon\">\n \n <svg viewBox=\"0 0 24 24\">\n <path d=\"M11.1 3.2a1 1 0 0 1 1.8 0l2.1 4.4 4.9.7a1 1 0 0 1 .55 1.7l-3.6 3.5.8 4.9a1 1 0 0 1-1.45 1.05L12 17.8l-4.3 2.3a1 1 0 0 1-1.45-1.05l.8-4.9-3.6-3.5A1 1 0 0 1 4.1 8.3l4.9-.7 2.1-4.4Z\"\/>\n <\/svg>\n <\/div>\n <h4>Excellence<\/h4>\n <p>\n We\u2019re committed to superior products, strong provider partnerships,\n and responsive support from real people.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"how\">\n <div class=\"container fade-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">How Smart Links Works<\/h2>\n <p class=\"section-sub\">\n We turn confusing service menus into one simple, guided experience.\n <\/p>\n <\/div>\n\n <div class=\"steps-grid\">\n <div class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h4>Tell us what you need<\/h4>\n <p>\n Choose TV, internet, phone or a bundle. Share your address so we\n can see what\u2019s available in your area.\n <\/p>\n <div class=\"step-graphic-lines\"><\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h4>We compare providers<\/h4>\n <p>\n We scan multiple partners to find the best speeds, channels, and\n pricing \u2014 customized to your household.\n <\/p>\n <div class=\"step-graphic-lines\"><\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h4>We handle setup & activation<\/h4>\n <p>\n We coordinate installation and setup. No more spending hours on\n hold with different companies.\n <\/p>\n <div class=\"step-graphic-lines\"><\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">4<\/div>\n <h4>You enjoy the savings<\/h4>\n <p>\n Sit back and enjoy reliable service at a price that makes sense \u2014\n starting at just $29.99 per month.\n <\/p>\n <div class=\"step-graphic-lines\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"rewards\">\n <div class=\"container rewards fade-section\">\n <div>\n <div class=\"section-header\">\n <h2 class=\"section-title\">Tenant Rewards Program<\/h2>\n <p class=\"section-sub\">\n Help tenants get connected faster and earn rewards for every\n successful sign-up.\n <\/p>\n <\/div>\n\n <ul class=\"rewards-list\">\n <li>\n <span>\u2022<\/span>\n <span><strong>$25 gift card<\/strong> for every 3 tenants referred.<\/span>\n <\/li>\n <li>\n <span>\u2022<\/span>\n <span>\n <strong>Quarterly prize<\/strong> for top referrers — AirPods,\n $200 gift card, and more.\n <\/span>\n <\/li>\n <li>\n <span>\u2022<\/span>\n <span>\n Easy tracking and QR code sharing so tenants can sign up in\n seconds.\n <\/span>\n <\/li>\n <\/ul>\n\n <div class=\"comparison\">\n <div class=\"compare-box bad\">\n <div class=\"compare-label\">Typical Bill<\/div>\n <div class=\"compare-price\">$145 \/ month<\/div>\n <div>Separate providers, hidden fees, no guidance.<\/div>\n <\/div>\n <div class=\"compare-box good\">\n <div class=\"compare-label\">With Smart Links<\/div>\n <div class=\"compare-price\">From $29.99 \/ month<\/div>\n <div>Bundled savings, simple setup, real support.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"qr-card\">\n <div class=\"qr-inner\">\n <div>\n <h3>Share. Scan. Earn.<\/h3>\n <p class=\"qr-caption\">\n Tenants scan your Smart Links QR code, register in seconds, and\n you earn automatic rewards.\n <\/p>\n <\/div>\n <div>\n <div class=\"fake-qr\"><\/div>\n <p class=\"qr-caption\" style=\"margin-top: 0.4rem;\">\n Example referral QR \u00b7 Custom codes available for partners.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"container fade-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Why Customers Choose Smart Links<\/h2>\n <\/div>\n\n <div class=\"why-grid\">\n <div class=\"why-card\">\n <div class=\"why-title\">Multiple providers, one simple experience.<\/div>\n <p>\n Instead of calling three different companies, you talk to one\n Smart Links specialist who handles everything for you.\n <\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-title\">Clear, honest pricing.<\/div>\n <p>\n We show you the real numbers up front so you can compare and\n choose the best plan without guesswork.\n <\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-title\">Human support for every step.<\/div>\n <p>\n From your first question to installation day and beyond, our team\n is here to help you stay connected.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer>\n <div class=\"container footer-inner\">\n <div>\n <span>Smart Links Company<\/span>\n <span>Connecting homes with TV, internet & phone for less.<\/span>\n <\/div>\n <div>\n <span>Call us: <span class=\"footer-phone\">470-312-6428<\/span><\/span>\n <span>\u00a9 <span id=\"year\"><\/span> Smart Links. All rights reserved.<\/span>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <div class=\"modal-backdrop\" id=\"consult-modal\">\n <div class=\"modal\">\n <button class=\"modal-close\" id=\"close-consult\" aria-label=\"Close consultation form\">\u00d7<\/button>\n <h3>Request a Free Consultation<\/h3>\n <p>\n Not ready to register? Leave your name and phone number and a Smart\n Links specialist will call you shortly.\n <\/p>\n <form id=\"consultation-form\">\n <div class=\"field\">\n <label for=\"consult-name\">Name<\/label>\n <input id=\"consult-name\" name=\"name\" required \/>\n <\/div>\n <div class=\"field\">\n <label for=\"consult-phone\">Phone Number<\/label>\n <input id=\"consult-phone\" name=\"phone\" type=\"tel\" required \/>\n <\/div>\n <button class=\"btn-primary\" type=\"submit\" style=\"width: 100%; justify-content: center;\">\n Request My Call\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n\n \n <div class=\"toast\" id=\"toast\">\n <div class=\"toast-dot\"><\/div>\n <span id=\"toast-text\">Form submitted successfully.<\/span>\n <\/div>\n\n \n <script>\n \/\/ Smooth scroll for hero\/nav buttons\n document.querySelectorAll(\"[data-scroll]\").forEach((btn) => {\n btn.addEventListener(\"click\", (e) => {\n const target = document.querySelector(btn.dataset.scroll);\n if (target) {\n e.preventDefault();\n window.scrollTo({\n top: target.offsetTop - 70,\n behavior: \"smooth\",\n });\n }\n });\n });\n\n \/\/ Consultation modal\n const consultModal = document.getElementById(\"consult-modal\");\n const openConsult = document.getElementById(\"open-consult\");\n const closeConsult = document.getElementById(\"close-consult\");\n\n openConsult.addEventListener(\"click\", () => {\n consultModal.classList.add(\"active\");\n });\n\n closeConsult.addEventListener(\"click\", () => {\n consultModal.classList.remove(\"active\");\n });\n\n consultModal.addEventListener(\"click\", (e) => {\n if (e.target === consultModal) {\n consultModal.classList.remove(\"active\");\n }\n });\n\n \/\/ Toast helper\n const toast = document.getElementById(\"toast\");\n const toastText = document.getElementById(\"toast-text\");\n let toastTimeout;\n\n function showToast(message) {\n toastText.textContent = message;\n toast.classList.add(\"show\");\n clearTimeout(toastTimeout);\n toastTimeout = setTimeout(() => {\n toast.classList.remove(\"show\");\n }, 2800);\n }\n\n \/\/ Registration form handling\n document\n .getElementById(\"registration-form\")\n .addEventListener(\"submit\", function (e) {\n e.preventDefault();\n \n \/\/ Google Apps Script Web App URL\n const SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbyLcLkifR4lFuh5Mc933duk654ECeXsA8NkfGJyKIo1EODgEDv0HVwzwvLNHgzLfULa\/exec';\n \n \/\/ Gather form data\n const formData = {\n fullName: document.getElementById('fullName').value,\n phone: document.getElementById('phone').value,\n email: document.getElementById('email').value,\n bestTime: document.getElementById('bestTime').value,\n address: document.getElementById('address').value,\n city: document.getElementById('city').value,\n state: document.getElementById('state').value,\n zip: document.getElementById('zip').value,\n activationDate: document.getElementById('activationDate').value,\n notes: document.getElementById('notes').value,\n services: Array.from(document.querySelectorAll('input[name=\"services\"]:checked')).map(cb => cb.value)\n };\n \n \/\/ Show loading state\n const submitBtn = this.querySelector('button[type=\"submit\"]');\n const originalBtnText = submitBtn.textContent;\n submitBtn.textContent = 'Submitting...';\n submitBtn.disabled = true;\n \n \/\/ Send to Google Sheets\n fetch(SCRIPT_URL, {\n method: 'POST',\n mode: 'no-cors',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify(formData)\n })\n .then(() => {\n \/\/ Success - no-cors mode doesn't return readable response\n this.reset();\n showToast(\"Thank you! A Smart Links specialist will contact you shortly.\");\n submitBtn.textContent = originalBtnText;\n submitBtn.disabled = false;\n })\n .catch((error) => {\n console.error('Error:', error);\n showToast(\"Form submitted! We'll be in touch soon.\");\n this.reset();\n submitBtn.textContent = originalBtnText;\n submitBtn.disabled = false;\n });\n });\n\n \/\/ Consultation form handling\n document\n .getElementById(\"consultation-form\")\n .addEventListener(\"submit\", function (e) {\n e.preventDefault();\n \n \/\/ Google Apps Script Web App URL\n const SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbyLcLkifR4lFuh5Mc933duk654ECeXsA8NkfGJyKIo1EODgEDv0HVwzwvLNHgzLfULa\/exec';\n \n \/\/ Gather consultation form data\n const formData = {\n fullName: document.getElementById('consult-name').value,\n phone: document.getElementById('consult-phone').value,\n email: '',\n bestTime: '',\n address: '',\n city: '',\n state: '',\n zip: '',\n activationDate: '',\n notes: 'Quick consultation request',\n services: []\n };\n \n \/\/ Send to Google Sheets\n fetch(SCRIPT_URL, {\n method: 'POST',\n mode: 'no-cors',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify(formData)\n })\n .then(() => {\n this.reset();\n consultModal.classList.remove(\"active\");\n showToast(\"Consultation request received. We'll be calling you soon.\");\n })\n .catch((error) => {\n console.error('Error:', error);\n this.reset();\n consultModal.classList.remove(\"active\");\n showToast(\"Request submitted! We'll contact you shortly.\");\n });\n });\n\n \/\/ Scroll-in fade animations using IntersectionObserver\n const fadeSections = document.querySelectorAll(\".fade-section\");\n\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n entry.target.classList.add(\"visible\");\n observer.unobserve(entry.target);\n }\n });\n },\n { threshold: 0.16 }\n );\n\n fadeSections.forEach((section) => observer.observe(section));\n\n \/\/ Footer year\n document.getElementById(\"year\").textContent = new Date().getFullYear();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Smart Links \u2013 Connect Smarter Smart Links About How it works Rewards Register 470-312-6428 TV \u00b7 Internet \u00b7 Phone from just $29.99\/mo Stop overpaying. Connect smarter with Smart Links. We help tenants and families get TV, high-speed internet, and phone service for a fraction of the price \u2014 without the headache of long calls, confusing […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"sl","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":7,"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/smartlinksservices.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}