{"id":56,"date":"2025-11-28T00:19:55","date_gmt":"2025-11-28T00:19:55","guid":{"rendered":"http:\/\/tanyamatthewsdesigncom.local\/?page_id=56"},"modified":"2026-09-09T01:59:27","modified_gmt":"2026-09-09T01:59:27","slug":"home","status":"publish","type":"page","link":"https:\/\/tanyamatthews.com\/sandbox\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"56\" class=\"elementor elementor-56\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9986020 e-flex e-con-boxed e-con e-parent\" data-id=\"9986020\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/tanyamatthews.com\\\/sandbox\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/TopHeroTMD.mp4&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-8446a82 e-con-full e-flex e-con e-child\" data-id=\"8446a82\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e59ae81 e-con-full e-flex e-con e-child\" data-id=\"e59ae81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0508cc elementor-widget elementor-widget-text-editor\" data-id=\"b0508cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Distinctive by <em>design<\/em>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c59849 elementor-widget elementor-widget-text-editor\" data-id=\"7c59849\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Discoverable by <em>strategy<\/em>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9cefa8 elementor-widget elementor-widget-text-editor\" data-id=\"e9cefa8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Thoughtfully crafted websites and strategic SEO designed to strengthen<br \/>how your business looks, feels and gets found online.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ae3921 elementor-widget elementor-widget-button\" data-id=\"9ae3921\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View Selected Work<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-003878f elementor-widget elementor-widget-button\" data-id=\"003878f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Start a conversation.<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47a3c9a e-con-full e-flex e-con e-parent\" data-id=\"47a3c9a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c36c2a9 elementor-widget elementor-widget-spacer\" data-id=\"c36c2a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40ba6ba6 e-con-full e-flex e-con e-parent\" data-id=\"40ba6ba6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ef8696e animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2ef8696e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Core Offerings<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63b93f6f elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"63b93f6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Comprehensive digital solutions tailored to elevate your brand<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-689ee712 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"689ee712\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1bfcdaf6 e-con-full e-flex e-con e-child\" data-id=\"1bfcdaf6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fc3629 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"4fc3629\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-internet\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d58bb5 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1d58bb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Premium Website Development<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f43798b elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"3f43798b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">I create sophisticated, conversion-optimized websites designed for luxury brands who refuse to blend in. Every element is custom-crafted to reflect your premium positioning and drive the high-value clients you&#8217;re built to attract.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>Perfect for:<\/strong> Established businesses ready to match their online presence to the quality of their actual work.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70a995a9 e-con-full e-flex e-con e-child\" data-id=\"70a995a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebc2f8e elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"ebc2f8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-palette\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M204.3 5C104.9 24.4 24.8 104.3 5.2 203.4c-37 187 131.7 326.4 258.8 306.7 41.2-6.4 61.4-54.6 42.5-91.7-23.1-45.4 9.9-98.4 60.9-98.4h79.7c35.8 0 64.8-29.6 64.9-65.3C511.5 97.1 368.1-26.9 204.3 5zM96 320c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm32-128c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128-64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3eac0e07 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"3eac0e07\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Website Redesign &amp; Brand Elevation<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29db8dfb elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"29db8dfb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Outgrown your DIY site? Ready to compete at a higher level?<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">I transform existing websites into luxury digital experiences that command premium pricing. This isn&#8217;t just a facelift &#8211; it&#8217;s a complete reimagining of your online presence with strategic SEO foundation, elevated design, and conversion optimization built in from day one.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>Perfect for:<\/strong> Businesses scaling upmarket who need their website to finally match their ambition.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fe50659 e-con-full e-flex e-con e-child\" data-id=\"7fe50659\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48c0efc elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"48c0efc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chart-line\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2306e132 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2306e132\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Strategic Marketing &amp; SEO<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30701b59 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"30701b59\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">A beautiful website that nobody finds is just expensive art.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">I provide ongoing SEO optimization, content strategy, and digital marketing to ensure your premium website actually drives the clients you&#8217;re designed to attract. This is where your investment starts paying dividends &#8211; month after month.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>Perfect for:<\/strong> Businesses who understand that launch is just the beginning.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8c811d4 e-flex e-con-boxed e-con e-parent\" data-id=\"8c811d4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7faa4ae elementor-widget elementor-widget-spacer\" data-id=\"7faa4ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27804b8 e-flex e-con-boxed e-con e-parent\" data-id=\"27804b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b83293 elementor-widget elementor-widget-html\" data-id=\"1b83293\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>SEO Scanner Tool<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Montserrat:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --bg-primary: #f8f8ff;\r\n            --bg-secondary: #132043;\r\n            --bg-tertiary: #1a2d54;\r\n            --text-primary: #f5f5f5;\r\n            --text-secondary: #a8b2c1;\r\n            --accent-gold: #dcb268;\r\n            --accent-gold-dark: #b8941f;\r\n            --accent-navy: #1e3a5f;\r\n            --accent-navy-light: #2d5080;\r\n            --accent-green: #3fb950;\r\n            --accent-red: #f85149;\r\n            --border: #2d4870;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            background: var(--bg-primary);\r\n            color: var(--text-primary);\r\n            line-height: 1.6;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        .container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 3rem 1.5rem;\r\n        }\r\n\r\n        .header {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n            animation: fadeInDown 0.8s ease;\r\n        }\r\n\r\n        .header h1 {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 0.5rem;\r\n            background: linear-gradient(135deg, var(--accent-gold), var(--accent-gold-dark));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            letter-spacing: 0.05em;\r\n        }\r\n\r\n        .header p {\r\n            font-size: 1.5rem;\r\n            color: var(--text-secondary);\r\n            font-weight: 400;\r\n        }\r\n\r\n        .scan-form {\r\n            background: var(--bg-secondary);\r\n            border: 1px solid var(--border);\r\n            border-radius: 12px;\r\n            padding: 2rem;\r\n            margin-bottom: 2rem;\r\n            animation: fadeInUp 0.8s ease 0.2s backwards;\r\n        }\r\n\r\n        .input-group {\r\n            display: flex;\r\n            gap: 1rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        input[type=\"url\"] {\r\n            flex: 1;\r\n            padding: 1rem 1.25rem;\r\n            background: var(--bg-tertiary);\r\n            border: 1px solid var(--border);\r\n            border-radius: 8px;\r\n            color: var(--text-primary);\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-size: 0.95rem;\r\n            font-weight: 300;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        input[type=\"url\"]:focus {\r\n            outline: none;\r\n            border-color: var(--accent-gold);\r\n            box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);\r\n        }\r\n\r\n        input[type=\"url\"]::placeholder {\r\n            color: var(--text-secondary);\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .btn {\r\n            padding: 1rem 2rem;\r\n            background: var(--accent-gold);\r\n            border: none;\r\n            border-radius: 8px;\r\n            color: var(--bg-primary);\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 600;\r\n            font-size: 0.95rem;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.1em;\r\n        }\r\n\r\n        .btn:hover {\r\n            background: var(--accent-gold-dark);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4);\r\n        }\r\n\r\n        .btn:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .btn:disabled {\r\n            opacity: 0.5;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n\r\n        .loading {\r\n            display: none;\r\n            text-align: center;\r\n            padding: 2rem;\r\n            animation: fadeIn 0.3s ease;\r\n        }\r\n\r\n        .loading.active {\r\n            display: block;\r\n        }\r\n\r\n        .spinner {\r\n            width: 50px;\r\n            height: 50px;\r\n            margin: 0 auto 1rem;\r\n            border: 3px solid var(--border);\r\n            border-top-color: var(--accent-gold);\r\n            border-radius: 50%;\r\n            animation: spin 1s linear infinite;\r\n        }\r\n\r\n        .results {\r\n            display: none;\r\n            animation: fadeInUp 0.6s ease;\r\n        }\r\n\r\n        .results.active {\r\n            display: block;\r\n        }\r\n\r\n        .score-card {\r\n            background: var(--bg-secondary);\r\n            border: 1px solid var(--border);\r\n            border-radius: 12px;\r\n            padding: 2.5rem;\r\n            margin-bottom: 2rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .score-circle {\r\n            width: 180px;\r\n            height: 180px;\r\n            margin: 0 auto 1.5rem;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            background: var(--bg-tertiary);\r\n            border: 3px solid var(--border);\r\n        }\r\n\r\n        .score-circle::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: -3px;\r\n            border-radius: 50%;\r\n            padding: 3px;\r\n            background: conic-gradient(var(--score-color) var(--score-percent), transparent var(--score-percent));\r\n            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n            -webkit-mask-composite: xor;\r\n            mask-composite: exclude;\r\n        }\r\n\r\n        .score-value {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 4rem;\r\n            font-weight: 800;\r\n            line-height: 1;\r\n            color: var(--score-color);\r\n        }\r\n\r\n        .score-label {\r\n            font-size: 0.9rem;\r\n            color: var(--text-secondary);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.15em;\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 300;\r\n            margin-top: 0.5rem;\r\n        }\r\n\r\n        .score-description {\r\n            font-size: 1.1rem;\r\n            color: var(--text-secondary);\r\n            margin-top: 1rem;\r\n        }\r\n\r\n        .checks-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 1rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .check-item {\r\n            background: var(--bg-secondary);\r\n            border: 1px solid var(--border);\r\n            border-radius: 8px;\r\n            padding: 1.25rem;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 1rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .check-item:hover {\r\n            border-color: var(--accent-gold);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .check-icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: bold;\r\n            font-size: 1rem;\r\n            flex-shrink: 0;\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        .check-icon.pass {\r\n            background: rgba(63, 185, 80, 0.2);\r\n            color: var(--accent-green);\r\n        }\r\n\r\n        .check-icon.fail {\r\n            background: rgba(248, 81, 73, 0.2);\r\n            color: var(--accent-red);\r\n        }\r\n\r\n        .check-icon.warning {\r\n            background: rgba(212, 175, 55, 0.2);\r\n            color: var(--accent-gold);\r\n        }\r\n\r\n        .check-content {\r\n            flex: 1;\r\n        }\r\n\r\n        .check-title {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 600;\r\n            font-size: 0.95rem;\r\n            margin-bottom: 0.25rem;\r\n            color: var(--text-primary);\r\n        }\r\n\r\n        .check-description {\r\n            font-size: 0.9rem;\r\n            color: var(--text-secondary);\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .check-value {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-size: 0.85rem;\r\n            font-weight: 300;\r\n            color: var(--accent-gold);\r\n            margin-top: 0.5rem;\r\n            padding: 0.5rem;\r\n            background: var(--bg-tertiary);\r\n            border-radius: 4px;\r\n            word-break: break-all;\r\n        }\r\n\r\n        .recommendations {\r\n            background: var(--bg-secondary);\r\n            border: 1px solid var(--border);\r\n            border-radius: 12px;\r\n            padding: 2rem;\r\n        }\r\n\r\n        .recommendations h2 {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-size: 1.5rem;\r\n            margin-bottom: 1.5rem;\r\n            color: var(--accent-gold);\r\n        }\r\n\r\n        .recommendation-item {\r\n            padding: 1rem;\r\n            margin-bottom: 1rem;\r\n            background: var(--bg-tertiary);\r\n            border-left: 3px solid var(--accent-gold);\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .recommendation-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .recommendation-item strong {\r\n            font-family: 'Montserrat', sans-serif;\r\n            color: var(--text-primary);\r\n        }\r\n\r\n        .blur-content {\r\n            filter: blur(8px);\r\n            pointer-events: none;\r\n            user-select: none;\r\n        }\r\n\r\n        .email-gate {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: rgba(10, 22, 40, 0.95);\r\n            z-index: 1000;\r\n            align-items: center;\r\n            justify-content: center;\r\n            animation: fadeIn 0.3s ease;\r\n        }\r\n\r\n        .email-gate.active {\r\n            display: flex;\r\n        }\r\n\r\n        .email-gate-content {\r\n            background: var(--bg-secondary);\r\n            border: 2px solid var(--accent-gold);\r\n            border-radius: 12px;\r\n            padding: 3rem 2.5rem;\r\n            max-width: 500px;\r\n            width: 90%;\r\n            text-align: center;\r\n            animation: slideUp 0.4s ease;\r\n        }\r\n\r\n        .email-gate h2 {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-size: 2rem;\r\n            color: var(--accent-gold);\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .email-gate p {\r\n            font-size: 1.1rem;\r\n            color: var(--text-secondary);\r\n            margin-bottom: 2rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .email-form {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        input[type=\"email\"] {\r\n            padding: 1rem 1.25rem;\r\n            background: var(--bg-tertiary);\r\n            border: 1px solid var(--border);\r\n            border-radius: 8px;\r\n            color: var(--text-primary);\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-size: 0.95rem;\r\n            font-weight: 300;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        input[type=\"email\"]:focus {\r\n            outline: none;\r\n            border-color: var(--accent-gold);\r\n            box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);\r\n        }\r\n\r\n        input[type=\"email\"]::placeholder {\r\n            color: var(--text-secondary);\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .btn-full {\r\n            width: 100%;\r\n        }\r\n\r\n        .skip-link {\r\n            margin-top: 1rem;\r\n            color: var(--text-secondary);\r\n            font-size: 0.9rem;\r\n            cursor: pointer;\r\n            text-decoration: underline;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .skip-link:hover {\r\n            color: var(--accent-gold);\r\n        }\r\n\r\n        @keyframes slideUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .locked-section {\r\n            position: relative;\r\n        }\r\n\r\n        .locked-section::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(to bottom, transparent 0%, rgba(10, 22, 40, 0.8) 50%, rgba(10, 22, 40, 0.95) 100%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .unlock-badge {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            background: var(--accent-gold);\r\n            color: var(--bg-primary);\r\n            padding: 1rem 2rem;\r\n            border-radius: 50px;\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            letter-spacing: 0.05em;\r\n            z-index: 10;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3);\r\n        }\r\n\r\n        .unlock-badge:hover {\r\n            transform: translate(-50%, -50%) scale(1.05);\r\n            box-shadow: 0 6px 25px rgba(212, 175, 55, 0.5);\r\n        }\r\n\r\n        .unlock-badge svg {\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n\r\n        @keyframes fadeInDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        @keyframes spin {\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .header h1 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .input-group {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .checks-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .score-circle {\r\n                width: 150px;\r\n                height: 150px;\r\n            }\r\n\r\n            .score-value {\r\n                font-size: 3rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <div class=\"header\">\r\n            <h1>SEO SCANNER<\/h1>\r\n            <p>Comprehensive analysis of your website's search optimization<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"scan-form\">\r\n            <div class=\"input-group\">\r\n                <input type=\"url\" id=\"urlInput\" placeholder=\"https:\/\/example.com\" required>\r\n                <button class=\"btn\" onclick=\"scanSite()\">Scan Site<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"loading\" id=\"loading\">\r\n            <div class=\"spinner\"><\/div>\r\n            <p>Analyzing your website...<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"results\" id=\"results\">\r\n            <div class=\"score-card\">\r\n                <div class=\"score-circle\" id=\"scoreCircle\">\r\n                    <div class=\"score-value\" id=\"scoreValue\">--<\/div>\r\n                <\/div>\r\n                <div class=\"score-label\">SEO Score<\/div>\r\n                <div class=\"score-description\" id=\"scoreDescription\">--<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"checks-grid\" id=\"checksGrid\"><\/div>\r\n\r\n            <div class=\"locked-section\" id=\"lockedSection\">\r\n                <div class=\"unlock-badge\" onclick=\"showEmailGate()\">\r\n                    <svg fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n                        <path fill-rule=\"evenodd\" d=\"M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z\" clip-rule=\"evenodd\"\/>\r\n                    <\/svg>\r\n                    Unlock Full Report\r\n                <\/div>\r\n                <div class=\"blur-content\">\r\n                    <div class=\"recommendations\" id=\"recommendations\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"email-gate\" id=\"emailGate\">\r\n            <div class=\"email-gate-content\">\r\n                <h2>Get Your Full Report<\/h2>\r\n                <p>Enter your email to unlock detailed recommendations and insights to improve your SEO.<\/p>\r\n                <form class=\"email-form\" onsubmit=\"unlockReport(event)\">\r\n                    <input type=\"email\" id=[mc4wp_form id=279] placeholder=\"your@email.com\" required>\r\n                    <p style=\"font-size: 0.85rem; color: var(--text-secondary); margin: -0.5rem 0 0.5rem 0; text-align: left;\">\r\n                        By submitting, you agree to receive marketing emails. You can unsubscribe anytime.\r\n                    <\/p>\r\n                    <button type=\"submit\" class=\"btn btn-full\">Unlock Full Report<\/button>\r\n                <\/form>\r\n                <div class=\"skip-link\" onclick=\"unlockReport(event, true)\">Skip for now<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        async function scanSite() {\r\n            const urlInput = document.getElementById('urlInput');\r\n            const url = urlInput.value.trim();\r\n            \r\n            if (!url) {\r\n                alert('Please enter a URL');\r\n                return;\r\n            }\r\n\r\n            \/\/ Validate URL\r\n            try {\r\n                new URL(url);\r\n            } catch {\r\n                alert('Please enter a valid URL');\r\n                return;\r\n            }\r\n\r\n            \/\/ Show loading\r\n            document.getElementById('results').classList.remove('active');\r\n            document.getElementById('loading').classList.add('active');\r\n\r\n            \/\/ Simulate scanning delay\r\n            await new Promise(resolve => setTimeout(resolve, 2000));\r\n\r\n            \/\/ Perform SEO checks\r\n            const results = await performSEOChecks(url);\r\n\r\n            \/\/ Hide loading, show results\r\n            document.getElementById('loading').classList.remove('active');\r\n            displayResults(results);\r\n        }\r\n\r\n        async function performSEOChecks(url) {\r\n            try {\r\n                \/\/ Fetch the page\r\n                const response = await fetch(`https:\/\/api.allorigins.win\/raw?url=${encodeURIComponent(url)}`);\r\n                const html = await response.text();\r\n                \r\n                \/\/ Parse HTML\r\n                const parser = new DOMParser();\r\n                const doc = parser.parseFromString(html, 'text\/html');\r\n\r\n                \/\/ Perform checks\r\n                const checks = {\r\n                    title: checkTitle(doc),\r\n                    description: checkDescription(doc),\r\n                    headings: checkHeadings(doc),\r\n                    images: checkImages(doc),\r\n                    links: checkLinks(doc),\r\n                    mobile: checkMobile(doc),\r\n                    https: checkHTTPS(url),\r\n                    performance: checkPerformance(html),\r\n                    keywords: checkKeywords(doc),\r\n                    canonical: checkCanonical(doc)\r\n                };\r\n\r\n                \/\/ Calculate score\r\n                const score = calculateScore(checks);\r\n\r\n                return { checks, score, url };\r\n            } catch (error) {\r\n                console.error('Error fetching page:', error);\r\n                \/\/ Return demo results if fetch fails\r\n                return getDemoResults(url);\r\n            }\r\n        }\r\n\r\n        function checkTitle(doc) {\r\n            const title = doc.querySelector('title')?.textContent || '';\r\n            const length = title.length;\r\n            \r\n            if (!title) {\r\n                return { status: 'fail', title: 'Title Tag', description: 'No title tag found', value: 'Missing' };\r\n            }\r\n            \r\n            if (length < 30) {\r\n                return { status: 'warning', title: 'Title Tag', description: 'Title is too short (< 30 characters)', value: `${length} characters: \"${title}\"` };\r\n            }\r\n            \r\n            if (length > 60) {\r\n                return { status: 'warning', title: 'Title Tag', description: 'Title is too long (> 60 characters)', value: `${length} characters: \"${title}\"` };\r\n            }\r\n            \r\n            return { status: 'pass', title: 'Title Tag', description: 'Title length is optimal', value: `${length} characters: \"${title}\"` };\r\n        }\r\n\r\n        function checkDescription(doc) {\r\n            const meta = doc.querySelector('meta[name=\"description\"]');\r\n            const description = meta?.getAttribute('content') || '';\r\n            const length = description.length;\r\n            \r\n            if (!description) {\r\n                return { status: 'fail', title: 'Meta Description', description: 'No meta description found', value: 'Missing' };\r\n            }\r\n            \r\n            if (length < 120) {\r\n                return { status: 'warning', title: 'Meta Description', description: 'Description is too short (< 120 characters)', value: `${length} characters` };\r\n            }\r\n            \r\n            if (length > 160) {\r\n                return { status: 'warning', title: 'Meta Description', description: 'Description is too long (> 160 characters)', value: `${length} characters` };\r\n            }\r\n            \r\n            return { status: 'pass', title: 'Meta Description', description: 'Description length is optimal', value: `${length} characters` };\r\n        }\r\n\r\n        function checkHeadings(doc) {\r\n            const h1s = doc.querySelectorAll('h1');\r\n            \r\n            if (h1s.length === 0) {\r\n                return { status: 'fail', title: 'H1 Heading', description: 'No H1 heading found', value: '0 H1 tags' };\r\n            }\r\n            \r\n            if (h1s.length > 1) {\r\n                return { status: 'warning', title: 'H1 Heading', description: 'Multiple H1 headings found', value: `${h1s.length} H1 tags` };\r\n            }\r\n            \r\n            return { status: 'pass', title: 'H1 Heading', description: 'Single H1 heading found', value: h1s[0].textContent.substring(0, 50) };\r\n        }\r\n\r\n        function checkImages(doc) {\r\n            const images = doc.querySelectorAll('img');\r\n            const imagesWithoutAlt = Array.from(images).filter(img => !img.hasAttribute('alt'));\r\n            \r\n            if (imagesWithoutAlt.length === 0) {\r\n                return { status: 'pass', title: 'Image Alt Text', description: 'All images have alt text', value: `${images.length} images checked` };\r\n            }\r\n            \r\n            return { status: 'warning', title: 'Image Alt Text', description: `${imagesWithoutAlt.length} images missing alt text`, value: `${imagesWithoutAlt.length}\/${images.length} need alt text` };\r\n        }\r\n\r\n        function checkLinks(doc) {\r\n            const links = doc.querySelectorAll('a[href]');\r\n            const externalLinks = Array.from(links).filter(link => {\r\n                const href = link.getAttribute('href');\r\n                return href && (href.startsWith('http:\/\/') || href.startsWith('https:\/\/'));\r\n            });\r\n            \r\n            return { status: 'pass', title: 'Links', description: 'Link structure analyzed', value: `${links.length} total, ${externalLinks.length} external` };\r\n        }\r\n\r\n        function checkMobile(doc) {\r\n            const viewport = doc.querySelector('meta[name=\"viewport\"]');\r\n            \r\n            if (!viewport) {\r\n                return { status: 'fail', title: 'Mobile Optimization', description: 'No viewport meta tag found', value: 'Not mobile-friendly' };\r\n            }\r\n            \r\n            return { status: 'pass', title: 'Mobile Optimization', description: 'Viewport meta tag found', value: viewport.getAttribute('content') };\r\n        }\r\n\r\n        function checkHTTPS(url) {\r\n            const isHTTPS = url.startsWith('https:\/\/');\r\n            \r\n            if (!isHTTPS) {\r\n                return { status: 'fail', title: 'HTTPS', description: 'Site is not using HTTPS', value: 'HTTP only' };\r\n            }\r\n            \r\n            return { status: 'pass', title: 'HTTPS', description: 'Site is using secure HTTPS', value: 'Secure connection' };\r\n        }\r\n\r\n        function checkPerformance(html) {\r\n            const size = new Blob([html]).size;\r\n            const sizeKB = (size \/ 1024).toFixed(2);\r\n            \r\n            if (size > 500000) {\r\n                return { status: 'warning', title: 'Page Size', description: 'Page is quite large', value: `${sizeKB} KB` };\r\n            }\r\n            \r\n            return { status: 'pass', title: 'Page Size', description: 'Page size is reasonable', value: `${sizeKB} KB` };\r\n        }\r\n\r\n        function checkKeywords(doc) {\r\n            const metaKeywords = doc.querySelector('meta[name=\"keywords\"]');\r\n            \r\n            if (!metaKeywords) {\r\n                return { status: 'warning', title: 'Meta Keywords', description: 'No meta keywords found (optional)', value: 'Not specified' };\r\n            }\r\n            \r\n            return { status: 'pass', title: 'Meta Keywords', description: 'Meta keywords found', value: metaKeywords.getAttribute('content').substring(0, 50) };\r\n        }\r\n\r\n        function checkCanonical(doc) {\r\n            const canonical = doc.querySelector('link[rel=\"canonical\"]');\r\n            \r\n            if (!canonical) {\r\n                return { status: 'warning', title: 'Canonical URL', description: 'No canonical link found', value: 'Not specified' };\r\n            }\r\n            \r\n            return { status: 'pass', title: 'Canonical URL', description: 'Canonical link found', value: canonical.getAttribute('href') };\r\n        }\r\n\r\n        function calculateScore(checks) {\r\n            let totalChecks = 0;\r\n            let passedChecks = 0;\r\n            \r\n            for (const check of Object.values(checks)) {\r\n                totalChecks++;\r\n                if (check.status === 'pass') {\r\n                    passedChecks++;\r\n                } else if (check.status === 'warning') {\r\n                    passedChecks += 0.5;\r\n                }\r\n            }\r\n            \r\n            return Math.round((passedChecks \/ totalChecks) * 100);\r\n        }\r\n\r\n        function getDemoResults(url) {\r\n            \/\/ Demo results for when CORS prevents fetching\r\n            return {\r\n                url,\r\n                score: 82,\r\n                checks: {\r\n                    title: { status: 'pass', title: 'Title Tag', description: 'Title length is optimal', value: '45 characters' },\r\n                    description: { status: 'pass', title: 'Meta Description', description: 'Description length is optimal', value: '145 characters' },\r\n                    headings: { status: 'pass', title: 'H1 Heading', description: 'Single H1 heading found', value: 'Main Page Title' },\r\n                    images: { status: 'warning', title: 'Image Alt Text', description: '3 images missing alt text', value: '3\/15 need alt text' },\r\n                    links: { status: 'pass', title: 'Links', description: 'Link structure analyzed', value: '42 total, 12 external' },\r\n                    mobile: { status: 'pass', title: 'Mobile Optimization', description: 'Viewport meta tag found', value: 'width=device-width' },\r\n                    https: { status: 'pass', title: 'HTTPS', description: 'Site is using secure HTTPS', value: 'Secure connection' },\r\n                    performance: { status: 'pass', title: 'Page Size', description: 'Page size is reasonable', value: '187.45 KB' },\r\n                    keywords: { status: 'warning', title: 'Meta Keywords', description: 'No meta keywords found (optional)', value: 'Not specified' },\r\n                    canonical: { status: 'warning', title: 'Canonical URL', description: 'No canonical link found', value: 'Not specified' }\r\n                }\r\n            };\r\n        }\r\n\r\n        function displayResults(results) {\r\n            const { checks, score, url } = results;\r\n            \r\n            \/\/ Update score circle\r\n            const scoreCircle = document.getElementById('scoreCircle');\r\n            const scoreValue = document.getElementById('scoreValue');\r\n            const scoreDescription = document.getElementById('scoreDescription');\r\n            \r\n            let color, description;\r\n            if (score >= 90) {\r\n                color = 'var(--accent-green)';\r\n                description = 'Excellent! Your SEO is in great shape.';\r\n            } else if (score >= 70) {\r\n                color = 'var(--accent-gold)';\r\n                description = 'Good! Some improvements can be made.';\r\n            } else if (score >= 50) {\r\n                color = 'var(--accent-gold)';\r\n                description = 'Fair. Several issues need attention.';\r\n            } else {\r\n                color = 'var(--accent-red)';\r\n                description = 'Needs work. Focus on these critical issues.';\r\n            }\r\n            \r\n            scoreCircle.style.setProperty('--score-color', color);\r\n            scoreCircle.style.setProperty('--score-percent', `${score}%`);\r\n            scoreValue.textContent = score;\r\n            scoreValue.style.color = color;\r\n            scoreDescription.textContent = description;\r\n            \r\n            \/\/ Display checks\r\n            const checksGrid = document.getElementById('checksGrid');\r\n            checksGrid.innerHTML = '';\r\n            \r\n            for (const check of Object.values(checks)) {\r\n                const checkItem = document.createElement('div');\r\n                checkItem.className = 'check-item';\r\n                checkItem.innerHTML = `\r\n                    <div class=\"check-icon ${check.status}\">\r\n                        ${check.status === 'pass' ? '\u2713' : check.status === 'warning' ? '\u26a0' : '\u2717'}\r\n                    <\/div>\r\n                    <div class=\"check-content\">\r\n                        <div class=\"check-title\">${check.title}<\/div>\r\n                        <div class=\"check-description\">${check.description}<\/div>\r\n                        ${check.value ? `<div class=\"check-value\">${check.value}<\/div>` : ''}\r\n                    <\/div>\r\n                `;\r\n                checksGrid.appendChild(checkItem);\r\n            }\r\n            \r\n            \/\/ Display recommendations\r\n            const recommendations = document.getElementById('recommendations');\r\n            const issues = Object.values(checks).filter(c => c.status !== 'pass');\r\n            \r\n            if (issues.length > 0) {\r\n                let recommendationsHTML = '<h2>Recommendations<\/h2>';\r\n                \r\n                issues.forEach(issue => {\r\n                    recommendationsHTML += `\r\n                        <div class=\"recommendation-item\">\r\n                            <strong>${issue.title}:<\/strong> ${issue.description}\r\n                        <\/div>\r\n                    `;\r\n                });\r\n                \r\n                recommendations.innerHTML = recommendationsHTML;\r\n            } else {\r\n                recommendations.innerHTML = '<h2>Congratulations!<\/h2><p>No major issues found. Keep up the good work!<\/p>';\r\n            }\r\n            \r\n            \/\/ Show results\r\n            document.getElementById('results').classList.add('active');\r\n        }\r\n\r\n        \/\/ Allow Enter key to submit\r\n        document.getElementById('urlInput').addEventListener('keypress', (e) => {\r\n            if (e.key === 'Enter') {\r\n                scanSite();\r\n            }\r\n        });\r\n\r\n        function showEmailGate() {\r\n            document.getElementById('emailGate').classList.add('active');\r\n        }\r\n\r\n        function unlockReport(event, skip = false) {\r\n            event.preventDefault();\r\n            \r\n            const email = document.getElementById('emailInput').value;\r\n            const scannedUrl = document.getElementById('urlInput').value;\r\n            \r\n            if (!skip) {\r\n                \/\/ CONFIGURE THIS: Replace with your Zapier webhook URL or API endpoint\r\n                const WEBHOOK_URL = 'YOUR_ZAPIER_WEBHOOK_URL_HERE';\r\n                \/\/ Example: 'https:\/\/hooks.zapier.com\/hooks\/catch\/123456\/abcdef\/'\r\n                \r\n                \/\/ Send to Zapier\/Mailchimp\r\n                fetch(WEBHOOK_URL, {\r\n                    method: 'POST',\r\n                    headers: { 'Content-Type': 'application\/json' },\r\n                    body: JSON.stringify({ \r\n                        email: email,\r\n                        website: scannedUrl,\r\n                        timestamp: new Date().toISOString(),\r\n                        source: 'SEO Scanner Tool'\r\n                    })\r\n                }).then(() => {\r\n                    console.log('Email sent to Mailchimp via Zapier');\r\n                }).catch(error => {\r\n                    console.error('Subscription error:', error);\r\n                    \/\/ Continue to unlock even if submission fails\r\n                });\r\n            }\r\n            \r\n            \/\/ Hide email gate\r\n            document.getElementById('emailGate').classList.remove('active');\r\n            \r\n            \/\/ Unlock the content\r\n            const lockedSection = document.getElementById('lockedSection');\r\n            lockedSection.classList.remove('locked-section');\r\n            const blurContent = lockedSection.querySelector('.blur-content');\r\n            if (blurContent) {\r\n                blurContent.classList.remove('blur-content');\r\n            }\r\n            const unlockBadge = lockedSection.querySelector('.unlock-badge');\r\n            if (unlockBadge) {\r\n                unlockBadge.remove();\r\n            }\r\n            \r\n            \/\/ Save unlock state (optional - persists across page reloads)\r\n            localStorage.setItem('seo_report_unlocked', 'true');\r\n        }\r\n\r\n        \/\/ Check if already unlocked on page load\r\n        window.addEventListener('DOMContentLoaded', () => {\r\n            if (localStorage.getItem('seo_report_unlocked') === 'true') {\r\n                const lockedSection = document.getElementById('lockedSection');\r\n                if (lockedSection) {\r\n                    lockedSection.classList.remove('locked-section');\r\n                    const blurContent = lockedSection.querySelector('.blur-content');\r\n                    if (blurContent) {\r\n                        blurContent.classList.remove('blur-content');\r\n                    }\r\n                    const unlockBadge = lockedSection.querySelector('.unlock-badge');\r\n                    if (unlockBadge) {\r\n                        unlockBadge.remove();\r\n                    }\r\n                }\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4225cc e-flex e-con-boxed e-con e-parent\" data-id=\"b4225cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd1513c elementor-widget elementor-widget-spacer\" data-id=\"fd1513c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-303cfc3 e-flex e-con-boxed e-con e-parent\" data-id=\"303cfc3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d5e5f3 elementor-widget elementor-widget-heading\" data-id=\"0d5e5f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Why Boutique over a Big Agency<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b92c1f elementor-widget elementor-widget-text-editor\" data-id=\"0b92c1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>When you work with me, you&#8217;re not getting an account manager or a junior designer learning on your dime. You\u2019re working directly with a strategic designer who brings 8+ years of marketing acumen to every project.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-086f16d e-con-full e-flex e-con e-parent\" data-id=\"086f16d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-84ae92c e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"84ae92c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-76e2a4d e-con-full e-flex e-con e-child\" data-id=\"76e2a4d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b8abf8 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"3b8abf8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">You Get Me. <br>Not a Team of Strangers.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d508b9 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"7d508b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tI&#8217;m personally involved in every aspect of your project\u2014from initial strategy to final launch. No handoffs, no miscommunication, no surprises. Just direct collaboration with someone who genuinely cares about your success.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0075568 e-con-full e-flex e-con e-child\" data-id=\"0075568\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-445ca76 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"445ca76\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Strategic Design, <br>Not Just Pretty pixels.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ac1c65 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"9ac1c65\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>My background in marketing coordination and generational web design (hello Flash! \ud83d\udc4b) means I don&#8217;t just make websites look beautiful &#8211; I build them to convert. Every design decision is rooted in user psychology, conversion strategy, and your business goals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ec5932 e-con-full e-flex e-con e-child\" data-id=\"4ec5932\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad66710 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ad66710\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Boutique attention,<br> premium results<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93a782b elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"93a782b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tWhat takes big agencies 6 months, I accomplish in 6-8 weeks. You get agency-level sophistication without the bloat, the bureaucracy, or the six-figure price tag. Just exceptional work at fair pricing. No boxed templates, but custom, personalized design, created exclusively for your business.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96aeba3 e-con-full e-flex e-con e-parent\" data-id=\"96aeba3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b6bdd2 elementor-widget elementor-widget-heading\" data-id=\"0b6bdd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Investment &amp; Process<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2575e43 e-flex e-con-boxed e-con e-parent\" data-id=\"2575e43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c92d57e elementor-widget elementor-widget-text-editor\" data-id=\"c92d57e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Every project is custom-tailored to your specific needs, goals, and vision. After our discovery call, I&#8217;ll provide a detailed proposal outlining scope, timeline, and investment.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a5b524 e-flex e-con-boxed e-con e-parent\" data-id=\"1a5b524\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0fdf055 e-con-full e-flex e-con e-child\" data-id=\"0fdf055\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-724606b elementor-widget elementor-widget-heading\" data-id=\"724606b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Typical Investment:<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5e483d elementor-widget elementor-widget-text-editor\" data-id=\"e5e483d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>Website Design &amp; Development<\/strong> \u2014 A quality, dynamic and responsive custom built website starting at $8,000. Investments can span $10,000-$20,000 depending on complexity and scope.\u00a0<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>Website Redesign &amp; Brand Elevation<\/strong> \u2014 Starting at $8,000<br \/>Investment varies based on current site state and desired transformation.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>Strategic Marketing &amp; SEO<\/strong> \u2014 Starting at $1,500\/month. Ongoing optimization with custom packages based on your goals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcb6075 e-con-full e-flex e-con e-child\" data-id=\"bcb6075\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6eb340e elementor-widget elementor-widget-heading\" data-id=\"6eb340e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">The Process:<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4e83f3 elementor-widget elementor-widget-text-editor\" data-id=\"a4e83f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>1. Discovery Call<\/strong> (30 minutes, complimentary)<br \/>We discuss your business, your vision, and whether we&#8217;re the right fit. No pressure, no hard sell\u2014just honest conversation.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>2. Custom Proposal<\/strong><br \/>I&#8217;ll create a detailed proposal with exact scope, deliverables, timeline, and investment specific to your project.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>3. Design &amp; Development<\/strong> (6-8 weeks)<br \/>Once you approve the proposal, I begin crafting your custom experience with regular check-ins and collaboration throughout.<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"><strong>4. Launch &amp; Beyond<\/strong><br \/>Your site goes live fully optimized, and I remain available for ongoing support and strategic partnership.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83a710c e-con-full e-flex e-con e-parent\" data-id=\"83a710c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59d3ea6 e-flex e-con-boxed e-con e-parent\" data-id=\"59d3ea6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79f8d10 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"79f8d10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-business-hour\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tIs This You?\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e51f2c3 elementor-widget elementor-widget-text-editor\" data-id=\"e51f2c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><span style=\"font-weight: 400;\">You&#8217;re a <\/span><b>realtor, cosmetic surgeon, boutique entrepreneur, or luxury service provider<\/b><span style=\"font-weight: 400;\"> who&#8217;s ready to invest in your brand<\/span><\/li><li><span style=\"font-weight: 400;\">Your current website was DIY or budget\u2014and now you&#8217;re <\/span><b>ready for something that matches your premium positioning<\/b><\/li><li><span style=\"font-weight: 400;\">You understand that <\/span><b>exceptional design drives results<\/b><span style=\"font-weight: 400;\">, not just compliments<\/span><\/li><li><span style=\"font-weight: 400;\">You&#8217;re <\/span><b>not looking for the cheapest option<\/b><span style=\"font-weight: 400;\">\u2014you&#8217;re looking for the right partner who gets your vision<\/span><\/li><li><span style=\"font-weight: 400;\">You want direct access to the person doing the work, not endless meetings with account managers<\/span><\/li><li><span style=\"font-weight: 400;\">You&#8217;re ready to work with someone who <\/span><b>listens obsessively and executes flawlessly<\/b><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d11b52 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"8d11b52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-Target\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tThen You're Ready to Elevate Your Online Presence.\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tBook a discovery call and let's explore what's possible for your brand.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1620daa elementor-align-center elementor-widget elementor-widget-button\" data-id=\"1620daa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book Your Discovery Call<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-927d9cf e-con-full e-flex e-con e-parent\" data-id=\"927d9cf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc8402e e-flex e-con-boxed e-con e-parent\" data-id=\"bc8402e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-29f36962 e-con-full e-flex e-con e-child\" data-id=\"29f36962\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65320168 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"65320168\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66707a4f elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"66707a4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Questions you might have before reaching out.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7246e9c9 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-toggle\" data-id=\"7246e9c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"toggle.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle\">\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1911\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-1911\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"b64b7500-205e-4b4c-b85b-719c6b9efefc\" data-name=\"Layer 1\" width=\"14.6802\" height=\"7.5488\" viewBox=\"0 0 14.6802 7.5488\"><polygon points=\"7.34 7.549 0 0.732 0.681 0 7.34 6.184 14 0 14.68 0.732 7.34 7.549\"><\/polygon><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"a9a06c65-5466-4dff-9af0-1537f84a1b5f\" data-name=\"Layer 1\" width=\"14.6802\" height=\"7.5488\" viewBox=\"0 0 14.6802 7.5488\"><polygon points=\"7.34 0 14.68 6.816 14 7.549 7.34 1.365 0.68 7.549 0 6.816 7.34 0\"><\/polygon><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">How do you determine pricing?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-1911\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-1911\"><p>Every project is unique. Pricing is based on scope, complexity, timeline, and your specific business goals. After our discovery call, I&#8217;ll provide a transparent, detailed proposal with exact costs.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1912\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-1912\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"b64b7500-205e-4b4c-b85b-719c6b9efefc\" data-name=\"Layer 1\" width=\"14.6802\" height=\"7.5488\" viewBox=\"0 0 14.6802 7.5488\"><polygon points=\"7.34 7.549 0 0.732 0.681 0 7.34 6.184 14 0 14.68 0.732 7.34 7.549\"><\/polygon><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"a9a06c65-5466-4dff-9af0-1537f84a1b5f\" data-name=\"Layer 1\" width=\"14.6802\" height=\"7.5488\" viewBox=\"0 0 14.6802 7.5488\"><polygon points=\"7.34 0 14.68 6.816 14 7.549 7.34 1.365 0.68 7.549 0 6.816 7.34 0\"><\/polygon><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">Do you require a deposit?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-1912\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-1912\"><p>Yes, I require 50% to begin work, with the balance due upon launch. Payment plans are available for projects over $15,000.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1913\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-1913\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"b64b7500-205e-4b4c-b85b-719c6b9efefc\" data-name=\"Layer 1\" width=\"14.6802\" height=\"7.5488\" viewBox=\"0 0 14.6802 7.5488\"><polygon points=\"7.34 7.549 0 0.732 0.681 0 7.34 6.184 14 0 14.68 0.732 7.34 7.549\"><\/polygon><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"a9a06c65-5466-4dff-9af0-1537f84a1b5f\" data-name=\"Layer 1\" width=\"14.6802\" height=\"7.5488\" viewBox=\"0 0 14.6802 7.5488\"><polygon points=\"7.34 0 14.68 6.816 14 7.549 7.34 1.365 0.68 7.549 0 6.816 7.34 0\"><\/polygon><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">What if I'm not sure what I need?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-1913\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-1913\"><p>That&#8217;s exactly what the discovery call is for. We&#8217;ll discuss your goals and challenges, and I&#8217;ll recommend the best approach for your situation.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-toggle-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1914\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-1914\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon elementor-toggle-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-closed\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"b64b7500-205e-4b4c-b85b-719c6b9efefc\" data-name=\"Layer 1\" width=\"14.6802\" height=\"7.5488\" viewBox=\"0 0 14.6802 7.5488\"><polygon points=\"7.34 7.549 0 0.732 0.681 0 7.34 6.184 14 0 14.68 0.732 7.34 7.549\"><\/polygon><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-toggle-icon-opened\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"a9a06c65-5466-4dff-9af0-1537f84a1b5f\" data-name=\"Layer 1\" width=\"14.6802\" height=\"7.5488\" viewBox=\"0 0 14.6802 7.5488\"><polygon points=\"7.34 0 14.68 6.816 14 7.549 7.34 1.365 0.68 7.549 0 6.816 7.34 0\"><\/polygon><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-toggle-title\" tabindex=\"0\">How long does a typical project take?<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div id=\"elementor-tab-content-1914\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-1914\"><p>Most website projects complete in 6-8 weeks from kickoff to launch. Timeline depends on project scope and your availability for feedback and approvals.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How do you determine pricing?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>Every project is unique. Pricing is based on scope, complexity, timeline, and your specific business goals. After our discovery call, I&#8217;ll provide a transparent, detailed proposal with exact costs.<\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"Do you require a deposit?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>Yes, I require 50% to begin work, with the balance due upon launch. Payment plans are available for projects over $15,000.<\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"What if I'm not sure what I need?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>That&#8217;s exactly what the discovery call is for. We&#8217;ll discuss your goals and challenges, and I&#8217;ll recommend the best approach for your situation.<\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"How long does a typical project take?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>Most website projects complete in 6-8 weeks from kickoff to launch. Timeline depends on project scope and your availability for feedback and approvals.<\\\/p>\"}}]}<\/script>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Distinctive by design. Discoverable by strategy. Thoughtfully crafted websites and strategic SEO designed to strengthenhow your business looks, feels and gets found online. View Selected Work Start a conversation. Core Offerings Comprehensive digital solutions tailored to elevate your brand Premium Website Development I create sophisticated, conversion-optimized websites designed for luxury brands who refuse to blend [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-56","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tanyamatthews.com\/sandbox\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tanyamatthews.com\/sandbox\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tanyamatthews.com\/sandbox\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tanyamatthews.com\/sandbox\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tanyamatthews.com\/sandbox\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":113,"href":"https:\/\/tanyamatthews.com\/sandbox\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":733,"href":"https:\/\/tanyamatthews.com\/sandbox\/wp-json\/wp\/v2\/pages\/56\/revisions\/733"}],"wp:attachment":[{"href":"https:\/\/tanyamatthews.com\/sandbox\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}