{"id":135,"date":"2026-08-18T06:02:25","date_gmt":"2026-08-18T06:02:25","guid":{"rendered":"https:\/\/cityonetours.com\/blog\/?p=135"},"modified":"2026-08-29T05:25:27","modified_gmt":"2026-08-29T05:25:27","slug":"social-media","status":"publish","type":"post","link":"https:\/\/cityonetours.com\/blog\/social-media\/","title":{"rendered":"How City One Tours Wins on Social Media"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"135\" class=\"elementor elementor-135\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff6b446 e-flex e-con-boxed e-con e-parent\" data-id=\"ff6b446\" 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-76b1931 elementor-widget elementor-widget-html\" data-id=\"76b1931\" 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\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n    <title>City One Tours | Content & Virality Playbook<\/title>\r\n\r\n    <meta name=\"description\"\r\n        content=\"City One Tours social media content and virality playbook for TikTok, Instagram Reels and organic travel marketing in the UAE.\">\r\n\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n    <link\r\n        href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\"\r\n        rel=\"stylesheet\">\r\n\r\n    <style>\r\n\r\n        \/* =====================================================\r\n           ROOT\r\n        ===================================================== *\/\r\n\r\n        :root {\r\n\r\n            --primary: #f5393d;\r\n\r\n            --primary-dark: #d82125;\r\n\r\n            --primary-light: #fff0f0;\r\n\r\n            --primary-soft: rgba(245, 57, 61, 0.12);\r\n\r\n            --dark: #0b0d12;\r\n\r\n            --dark-soft: #151820;\r\n\r\n            --text: #20242d;\r\n\r\n            --muted: #6d7480;\r\n\r\n            --white: #ffffff;\r\n\r\n            --light: #f7f8fa;\r\n\r\n            --border: #e7e9ee;\r\n\r\n            --green: #149b62;\r\n\r\n            --green-light: #eaf8f1;\r\n\r\n            --orange: #ff8a23;\r\n\r\n            --orange-light: #fff2e6;\r\n\r\n            --purple: #7455ef;\r\n\r\n            --purple-light: #f2efff;\r\n\r\n            --shadow:\r\n                0 20px 60px rgba(20, 25, 35, 0.08);\r\n\r\n            --shadow-hover:\r\n                0 30px 80px rgba(20, 25, 35, 0.14);\r\n\r\n            --radius: 28px;\r\n\r\n            --radius-small: 18px;\r\n\r\n            --transition: 0.3s ease;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           RESET\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\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n\r\n        body {\r\n\r\n            font-family: \"Inter\", sans-serif;\r\n\r\n            background: var(--white);\r\n\r\n            color: var(--text);\r\n\r\n            line-height: 1.7;\r\n\r\n            overflow-x: hidden;\r\n\r\n        }\r\n\r\n\r\n        img {\r\n            max-width: 100%;\r\n            display: block;\r\n        }\r\n\r\n\r\n        a {\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n\r\n\r\n        button {\r\n            font: inherit;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           FULL WIDTH SYSTEM\r\n        ===================================================== *\/\r\n\r\n        .container {\r\n\r\n            width: 100%;\r\n\r\n            max-width: 1500px;\r\n\r\n            margin: auto;\r\n\r\n            padding-left: clamp(24px, 5vw, 90px);\r\n\r\n            padding-right: clamp(24px, 5vw, 90px);\r\n\r\n        }\r\n\r\n\r\n        .section {\r\n\r\n            width: 100%;\r\n\r\n            min-height: 100vh;\r\n\r\n            padding: 110px 0;\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n        }\r\n\r\n\r\n        .section-inner {\r\n            width: 100%;\r\n        }\r\n\r\n\r\n        .section-light {\r\n            background: var(--light);\r\n        }\r\n\r\n\r\n        .section-dark {\r\n\r\n            background:\r\n                radial-gradient(\r\n                    circle at 90% 10%,\r\n                    rgba(245, 57, 61, 0.16),\r\n                    transparent 35%\r\n                ),\r\n                var(--dark);\r\n\r\n            color: var(--white);\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           GLOBAL TYPOGRAPHY\r\n        ===================================================== *\/\r\n\r\n        .eyebrow {\r\n\r\n            display: inline-flex;\r\n\r\n            align-items: center;\r\n\r\n            gap: 10px;\r\n\r\n            margin-bottom: 18px;\r\n\r\n            font-size: 12px;\r\n\r\n            font-weight: 900;\r\n\r\n            letter-spacing: 1.8px;\r\n\r\n            text-transform: uppercase;\r\n\r\n            color: var(--primary);\r\n\r\n        }\r\n\r\n\r\n        .eyebrow::before {\r\n\r\n            content: \"\";\r\n\r\n            width: 34px;\r\n\r\n            height: 3px;\r\n\r\n            border-radius: 999px;\r\n\r\n            background: var(--primary);\r\n\r\n        }\r\n\r\n\r\n        .section-dark .eyebrow {\r\n            color: #ff8083;\r\n        }\r\n\r\n\r\n        .section-title {\r\n\r\n            max-width: 950px;\r\n\r\n            font-size: clamp(38px, 5vw, 70px);\r\n\r\n            line-height: 1.05;\r\n\r\n            letter-spacing: -2.5px;\r\n\r\n            font-weight: 900;\r\n\r\n            color: var(--dark);\r\n\r\n            margin-bottom: 22px;\r\n\r\n        }\r\n\r\n\r\n        .section-dark .section-title {\r\n            color: var(--white);\r\n        }\r\n\r\n\r\n        .section-description {\r\n\r\n            max-width: 760px;\r\n\r\n            font-size: 18px;\r\n\r\n            color: var(--muted);\r\n\r\n            line-height: 1.8;\r\n\r\n        }\r\n\r\n\r\n        .section-dark .section-description {\r\n            color: #a9afbb;\r\n        }\r\n\r\n\r\n        .gradient-text {\r\n\r\n            background:\r\n                linear-gradient(\r\n                    120deg,\r\n                    var(--primary),\r\n                    #ff7679\r\n                );\r\n\r\n            -webkit-background-clip: text;\r\n\r\n            -webkit-text-fill-color: transparent;\r\n\r\n            background-clip: text;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           PROGRESS BAR\r\n        ===================================================== *\/\r\n\r\n        .progress-bar {\r\n\r\n            position: fixed;\r\n\r\n            left: 0;\r\n\r\n            top: 0;\r\n\r\n            width: 0%;\r\n\r\n            height: 5px;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    90deg,\r\n                    var(--primary),\r\n                    #ff777a\r\n                );\r\n\r\n            z-index: 99999;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           HERO\r\n        ===================================================== *\/\r\n\r\n        .hero {\r\n\r\n            width: 100%;\r\n\r\n            min-height: 100vh;\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            position: relative;\r\n\r\n            overflow: hidden;\r\n\r\n            background:\r\n                radial-gradient(\r\n                    circle at 85% 15%,\r\n                    rgba(245, 57, 61, 0.18),\r\n                    transparent 32%\r\n                ),\r\n                radial-gradient(\r\n                    circle at 10% 85%,\r\n                    rgba(245, 57, 61, 0.07),\r\n                    transparent 32%\r\n                ),\r\n                linear-gradient(\r\n                    180deg,\r\n                    #ffffff 0%,\r\n                    #fff8f8 100%\r\n                );\r\n\r\n            padding: 80px 0;\r\n\r\n        }\r\n\r\n\r\n        .hero::before {\r\n\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n\r\n            width: 520px;\r\n\r\n            height: 520px;\r\n\r\n            border-radius: 50%;\r\n\r\n            border: 1px solid rgba(245, 57, 61, 0.12);\r\n\r\n            right: -180px;\r\n\r\n            top: -130px;\r\n\r\n        }\r\n\r\n\r\n        .hero::after {\r\n\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n\r\n            width: 320px;\r\n\r\n            height: 320px;\r\n\r\n            border-radius: 50%;\r\n\r\n            border: 1px solid rgba(245, 57, 61, 0.08);\r\n\r\n            right: 40px;\r\n\r\n            top: 80px;\r\n\r\n        }\r\n\r\n\r\n        .hero-grid {\r\n\r\n            width: 100%;\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns: 1.1fr 0.9fr;\r\n\r\n            gap: clamp(40px, 6vw, 100px);\r\n\r\n            align-items: center;\r\n\r\n            position: relative;\r\n\r\n            z-index: 2;\r\n\r\n        }\r\n\r\n\r\n        .hero-badge {\r\n\r\n            display: inline-flex;\r\n\r\n            align-items: center;\r\n\r\n            gap: 10px;\r\n\r\n            padding: 9px 16px;\r\n\r\n            margin-bottom: 26px;\r\n\r\n            border-radius: 999px;\r\n\r\n            border: 1px solid rgba(245, 57, 61, 0.2);\r\n\r\n            background: var(--primary-light);\r\n\r\n            color: var(--primary);\r\n\r\n            font-size: 12px;\r\n\r\n            font-weight: 900;\r\n\r\n            letter-spacing: 0.8px;\r\n\r\n        }\r\n\r\n\r\n        .hero h1 {\r\n\r\n            max-width: 850px;\r\n\r\n            font-size: clamp(52px, 7vw, 105px);\r\n\r\n            line-height: 0.92;\r\n\r\n            letter-spacing: -5px;\r\n\r\n            font-weight: 900;\r\n\r\n            color: var(--dark);\r\n\r\n            margin-bottom: 30px;\r\n\r\n        }\r\n\r\n\r\n        .hero-subtitle {\r\n\r\n            max-width: 750px;\r\n\r\n            font-size: clamp(17px, 1.5vw, 21px);\r\n\r\n            color: #555d6b;\r\n\r\n            line-height: 1.8;\r\n\r\n            margin-bottom: 36px;\r\n\r\n        }\r\n\r\n\r\n        .hero-actions {\r\n\r\n            display: flex;\r\n\r\n            flex-wrap: wrap;\r\n\r\n            gap: 14px;\r\n\r\n        }\r\n\r\n\r\n        .btn {\r\n\r\n            min-height: 56px;\r\n\r\n            display: inline-flex;\r\n\r\n            align-items: center;\r\n\r\n            justify-content: center;\r\n\r\n            padding: 0 26px;\r\n\r\n            border-radius: 15px;\r\n\r\n            font-size: 14px;\r\n\r\n            font-weight: 900;\r\n\r\n            transition: var(--transition);\r\n\r\n        }\r\n\r\n\r\n        .btn-primary {\r\n\r\n            background: var(--primary);\r\n\r\n            color: var(--white);\r\n\r\n            box-shadow:\r\n                0 15px 35px rgba(245, 57, 61, 0.25);\r\n\r\n        }\r\n\r\n\r\n        .btn-primary:hover {\r\n\r\n            background: var(--primary-dark);\r\n\r\n            transform: translateY(-3px);\r\n\r\n        }\r\n\r\n\r\n        .btn-outline {\r\n\r\n            border: 1px solid var(--border);\r\n\r\n            background: var(--white);\r\n\r\n            color: var(--dark);\r\n\r\n        }\r\n\r\n\r\n        .btn-outline:hover {\r\n\r\n            border-color: var(--primary);\r\n\r\n            color: var(--primary);\r\n\r\n            transform: translateY(-3px);\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           HERO RIGHT CARD\r\n        ===================================================== *\/\r\n\r\n        .hero-card {\r\n\r\n            position: relative;\r\n\r\n            min-height: 560px;\r\n\r\n            padding: clamp(30px, 4vw, 55px);\r\n\r\n            border-radius: 36px;\r\n\r\n            overflow: hidden;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    145deg,\r\n                    #111319,\r\n                    #1a1d26\r\n                );\r\n\r\n            color: var(--white);\r\n\r\n            box-shadow:\r\n                0 45px 100px rgba(10, 12, 18, 0.22);\r\n\r\n            display: flex;\r\n\r\n            flex-direction: column;\r\n\r\n            justify-content: space-between;\r\n\r\n        }\r\n\r\n\r\n        .hero-card::before {\r\n\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n\r\n            width: 420px;\r\n\r\n            height: 420px;\r\n\r\n            border-radius: 50%;\r\n\r\n            background:\r\n                radial-gradient(\r\n                    circle,\r\n                    rgba(245, 57, 61, 0.65),\r\n                    rgba(245, 57, 61, 0.05) 50%,\r\n                    transparent 70%\r\n                );\r\n\r\n            right: -150px;\r\n\r\n            top: -160px;\r\n\r\n        }\r\n\r\n\r\n        .hero-card-top,\r\n        .hero-stats {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n\r\n        .hero-card-label {\r\n\r\n            font-size: 11px;\r\n\r\n            font-weight: 900;\r\n\r\n            letter-spacing: 1.7px;\r\n\r\n            text-transform: uppercase;\r\n\r\n            color: #ff8c8f;\r\n\r\n            margin-bottom: 18px;\r\n\r\n        }\r\n\r\n\r\n        .hero-card h3 {\r\n\r\n            max-width: 520px;\r\n\r\n            font-size: clamp(28px, 3vw, 46px);\r\n\r\n            line-height: 1.14;\r\n\r\n            letter-spacing: -1.3px;\r\n            color: wheat;\r\n\r\n        }\r\n\r\n\r\n        .hero-stats {\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns: repeat(2, 1fr);\r\n\r\n            gap: 15px;\r\n\r\n            margin-top: 45px;\r\n\r\n        }\r\n\r\n\r\n        .hero-stat {\r\n\r\n            padding: 24px;\r\n\r\n            border-radius: 20px;\r\n\r\n            background: rgba(255, 255, 255, 0.06);\r\n\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n\r\n            backdrop-filter: blur(12px);\r\n\r\n        }\r\n\r\n\r\n        .hero-stat strong {\r\n\r\n            display: block;\r\n\r\n            font-size: 31px;\r\n\r\n            color: var(--white);\r\n\r\n            line-height: 1.1;\r\n\r\n            margin-bottom: 7px;\r\n\r\n        }\r\n\r\n\r\n        .hero-stat span {\r\n\r\n            font-size: 12px;\r\n\r\n            color: #aeb5c2;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           TLDR\r\n        ===================================================== *\/\r\n\r\n        .tldr-grid {\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns: repeat(4, 1fr);\r\n\r\n            gap: 22px;\r\n\r\n            margin-top: 55px;\r\n\r\n        }\r\n\r\n\r\n        .tldr-card {\r\n\r\n            padding: 34px;\r\n\r\n            min-height: 300px;\r\n\r\n            background: var(--white);\r\n\r\n            border: 1px solid var(--border);\r\n\r\n            border-radius: var(--radius);\r\n\r\n            box-shadow: var(--shadow);\r\n\r\n            transition: var(--transition);\r\n\r\n        }\r\n\r\n\r\n        .tldr-card:hover {\r\n\r\n            transform: translateY(-8px);\r\n\r\n            box-shadow: var(--shadow-hover);\r\n\r\n        }\r\n\r\n\r\n        .number {\r\n\r\n            width: 52px;\r\n\r\n            height: 52px;\r\n\r\n            margin-bottom: 24px;\r\n\r\n            border-radius: 16px;\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            justify-content: center;\r\n\r\n            font-weight: 900;\r\n\r\n            color: var(--primary);\r\n\r\n            background: var(--primary-light);\r\n\r\n        }\r\n\r\n\r\n        .tldr-card h3 {\r\n\r\n            font-size: 21px;\r\n\r\n            line-height: 1.3;\r\n\r\n            color: var(--dark);\r\n\r\n            margin-bottom: 14px;\r\n\r\n        }\r\n\r\n\r\n        .tldr-card p {\r\n\r\n            font-size: 14px;\r\n\r\n            color: var(--muted);\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           MARKET STATS\r\n        ===================================================== *\/\r\n\r\n        .stats-grid {\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns: repeat(4, 1fr);\r\n\r\n            gap: 22px;\r\n\r\n            margin-top: 55px;\r\n\r\n        }\r\n\r\n\r\n        .stat-card {\r\n\r\n            padding: 40px 30px;\r\n\r\n            background: var(--white);\r\n\r\n            border: 1px solid var(--border);\r\n\r\n            border-radius: var(--radius);\r\n\r\n            text-align: center;\r\n\r\n            transition: var(--transition);\r\n\r\n        }\r\n\r\n\r\n        .stat-card:hover {\r\n\r\n            transform: translateY(-6px);\r\n\r\n            box-shadow: var(--shadow);\r\n\r\n        }\r\n\r\n\r\n        .stat-value {\r\n\r\n            font-size: clamp(38px, 4vw, 58px);\r\n\r\n            line-height: 1;\r\n\r\n            font-weight: 900;\r\n\r\n            color: var(--primary);\r\n\r\n            margin-bottom: 12px;\r\n\r\n        }\r\n\r\n\r\n        .stat-label {\r\n\r\n            font-size: 13px;\r\n\r\n            color: var(--muted);\r\n\r\n            font-weight: 600;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           PLATFORM FLOW\r\n        ===================================================== *\/\r\n\r\n        .flow {\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns: 1fr auto 1fr auto 1fr;\r\n\r\n            gap: 22px;\r\n\r\n            align-items: stretch;\r\n\r\n            margin-top: 60px;\r\n\r\n        }\r\n\r\n\r\n        .flow-card {\r\n\r\n            padding: 38px;\r\n\r\n            border-radius: var(--radius);\r\n\r\n            border: 1px solid var(--border);\r\n\r\n            background: var(--white);\r\n\r\n            min-height: 300px;\r\n\r\n            display: flex;\r\n\r\n            flex-direction: column;\r\n\r\n            justify-content: flex-start;\r\n\r\n            transition: var(--transition);\r\n\r\n        }\r\n\r\n\r\n        .flow-card:hover {\r\n\r\n            transform: translateY(-7px);\r\n\r\n            box-shadow: var(--shadow-hover);\r\n\r\n        }\r\n\r\n\r\n        .flow-icon {\r\n\r\n            width: 58px;\r\n\r\n            height: 58px;\r\n\r\n            border-radius: 18px;\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            justify-content: center;\r\n\r\n            margin-bottom: 25px;\r\n\r\n            background: var(--primary-light);\r\n\r\n            color: var(--primary);\r\n\r\n            font-size: 26px;\r\n\r\n        }\r\n\r\n\r\n        .flow-card h3 {\r\n\r\n            font-size: 23px;\r\n\r\n            color: var(--dark);\r\n\r\n            margin-bottom: 14px;\r\n\r\n        }\r\n\r\n\r\n        .flow-card p {\r\n\r\n            font-size: 14px;\r\n\r\n            color: var(--muted);\r\n\r\n        }\r\n\r\n\r\n        .flow-arrow {\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            justify-content: center;\r\n\r\n            color: var(--primary);\r\n\r\n            font-size: 34px;\r\n\r\n            font-weight: 300;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           HOOK SECTION\r\n        ===================================================== *\/\r\n\r\n        .hook-steps {\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns: repeat(4, 1fr);\r\n\r\n            gap: 20px;\r\n\r\n            margin-top: 55px;\r\n\r\n        }\r\n\r\n\r\n        .hook-step {\r\n\r\n            padding: 30px;\r\n\r\n            border-radius: 24px;\r\n\r\n            border: 1px solid rgba(255, 255, 255, 0.09);\r\n\r\n            background: rgba(255, 255, 255, 0.05);\r\n\r\n        }\r\n\r\n\r\n        .hook-time {\r\n\r\n            display: inline-flex;\r\n\r\n            padding: 6px 11px;\r\n\r\n            border-radius: 9px;\r\n\r\n            background: rgba(245, 57, 61, 0.17);\r\n\r\n            color: #ff8c8f;\r\n\r\n            font-size: 11px;\r\n\r\n            font-weight: 900;\r\n\r\n            margin-bottom: 17px;\r\n\r\n        }\r\n\r\n\r\n        .hook-step h3 {\r\n\r\n            font-size: 21px;\r\n\r\n            margin-bottom: 10px;\r\n\r\n        }\r\n\r\n\r\n        .hook-step p {\r\n\r\n            font-size: 13px;\r\n\r\n            color: #aeb4c1;\r\n\r\n        }\r\n\r\n\r\n        .hook-formulas {\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns: repeat(3, 1fr);\r\n\r\n            gap: 20px;\r\n\r\n            margin-top: 55px;\r\n\r\n        }\r\n\r\n\r\n        .formula-card {\r\n\r\n            padding: 32px;\r\n\r\n            border-radius: 24px;\r\n\r\n            background: var(--white);\r\n\r\n            color: var(--dark);\r\n\r\n        }\r\n\r\n\r\n        .formula-type {\r\n\r\n            display: block;\r\n\r\n            font-size: 11px;\r\n\r\n            font-weight: 900;\r\n\r\n            letter-spacing: 1.3px;\r\n\r\n            text-transform: uppercase;\r\n\r\n            color: var(--primary);\r\n\r\n            margin-bottom: 12px;\r\n\r\n        }\r\n\r\n\r\n        .formula-card h4 {\r\n\r\n            font-size: 19px;\r\n\r\n            line-height: 1.45;\r\n\r\n            margin-bottom: 12px;\r\n\r\n        }\r\n\r\n\r\n        .formula-card p {\r\n\r\n            font-size: 13px;\r\n\r\n            color: var(--muted);\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           PILLARS\r\n        ===================================================== *\/\r\n\r\n        .pillars-grid {\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns: repeat(4, 1fr);\r\n\r\n            gap: 22px;\r\n\r\n            margin-top: 55px;\r\n\r\n        }\r\n\r\n\r\n        .pillar-card {\r\n\r\n            padding: 34px;\r\n\r\n            min-height: 340px;\r\n\r\n            border-radius: var(--radius);\r\n\r\n            border: 1px solid var(--border);\r\n\r\n            background: var(--white);\r\n\r\n            display: flex;\r\n\r\n            flex-direction: column;\r\n\r\n            transition: var(--transition);\r\n\r\n        }\r\n\r\n\r\n        .pillar-card:hover {\r\n\r\n            transform: translateY(-8px);\r\n\r\n            box-shadow: var(--shadow-hover);\r\n\r\n        }\r\n\r\n\r\n        .pillar-number {\r\n\r\n            font-size: 11px;\r\n\r\n            font-weight: 900;\r\n\r\n            letter-spacing: 1.3px;\r\n\r\n            color: var(--primary);\r\n\r\n            margin-bottom: 30px;\r\n\r\n        }\r\n\r\n\r\n        .pillar-card h3 {\r\n\r\n            font-size: 23px;\r\n\r\n            line-height: 1.25;\r\n\r\n            color: var(--dark);\r\n\r\n            margin-bottom: 14px;\r\n\r\n        }\r\n\r\n\r\n        .pillar-card p {\r\n\r\n            font-size: 14px;\r\n\r\n            color: var(--muted);\r\n\r\n            margin-bottom: 25px;\r\n\r\n        }\r\n\r\n\r\n        .pillar-example {\r\n\r\n            margin-top: auto;\r\n\r\n            padding-top: 18px;\r\n\r\n            border-top: 1px solid var(--border);\r\n\r\n            font-size: 12px;\r\n\r\n            font-weight: 800;\r\n\r\n            color: var(--primary);\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           FOUNDER\r\n        ===================================================== *\/\r\n\r\n        .founder-grid {\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns: 0.9fr 1.1fr;\r\n\r\n            gap: clamp(50px, 8vw, 120px);\r\n\r\n            align-items: center;\r\n\r\n        }\r\n\r\n\r\n        .founder-visual {\r\n\r\n            min-height: 650px;\r\n\r\n            border-radius: 36px;\r\n\r\n            background:\r\n                radial-gradient(\r\n                    circle at 70% 20%,\r\n                    rgba(255, 255, 255, 0.15),\r\n                    transparent 25%\r\n                ),\r\n                linear-gradient(\r\n                    145deg,\r\n                    var(--primary),\r\n                    #a9191c\r\n                );\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            justify-content: center;\r\n\r\n            overflow: hidden;\r\n\r\n            position: relative;\r\n\r\n        }\r\n\r\n\r\n        .phone {\r\n\r\n            width: 290px;\r\n\r\n            height: 550px;\r\n\r\n            padding: 12px;\r\n\r\n            border-radius: 42px;\r\n\r\n            background: #101218;\r\n\r\n            box-shadow:\r\n                0 40px 90px rgba(0, 0, 0, 0.35);\r\n\r\n            transform: rotate(-5deg);\r\n\r\n        }\r\n\r\n\r\n        .phone-screen {\r\n\r\n            width: 100%;\r\n\r\n            height: 100%;\r\n\r\n            padding: 28px;\r\n\r\n            border-radius: 32px;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    180deg,\r\n                    #ffe1e2,\r\n                    #ffffff\r\n                );\r\n\r\n            display: flex;\r\n\r\n            align-items: flex-end;\r\n\r\n        }\r\n\r\n\r\n        .phone-caption {\r\n\r\n            padding: 17px;\r\n\r\n            border-radius: 16px;\r\n\r\n            background: var(--white);\r\n\r\n            color: var(--dark);\r\n\r\n            font-size: 15px;\r\n\r\n            font-weight: 900;\r\n\r\n            box-shadow:\r\n                0 12px 30px rgba(0, 0, 0, 0.12);\r\n\r\n        }\r\n\r\n\r\n        .rules {\r\n\r\n            display: grid;\r\n\r\n            gap: 5px;\r\n\r\n            margin-top: 35px;\r\n\r\n        }\r\n\r\n\r\n        .rule {\r\n\r\n            display: flex;\r\n\r\n            gap: 17px;\r\n\r\n            padding: 22px 0;\r\n\r\n            border-bottom: 1px solid var(--border);\r\n\r\n        }\r\n.cta h2{\r\n    color: wheat !important;\r\n}\r\n\r\n        .rule-check {\r\n\r\n            flex: 0 0 38px;\r\n\r\n            width: 38px;\r\n\r\n            height: 38px;\r\n\r\n            border-radius: 12px;\r\n\r\n            background: var(--primary-light);\r\n\r\n            color: var(--primary);\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            justify-content: center;\r\n\r\n            font-weight: 900;\r\n\r\n        }\r\n\r\n\r\n        .rule h4 {\r\n\r\n            font-size: 16px;\r\n\r\n            color: var(--dark);\r\n\r\n            margin-bottom: 5px;\r\n\r\n        }\r\n\r\n\r\n        .rule p {\r\n\r\n            font-size: 13px;\r\n\r\n            color: var(--muted);\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           FIRST VIDEOS\r\n        ===================================================== *\/\r\n\r\n        .video-list {\r\n\r\n            display: grid;\r\n\r\n            gap: 14px;\r\n\r\n            margin-top: 55px;\r\n\r\n        }\r\n\r\n\r\n        .video-item {\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns: 62px 1fr auto;\r\n\r\n            gap: 20px;\r\n\r\n            align-items: center;\r\n\r\n            padding: 22px 26px;\r\n\r\n            border-radius: 19px;\r\n\r\n            border: 1px solid var(--border);\r\n\r\n            background: var(--white);\r\n\r\n            transition: var(--transition);\r\n\r\n        }\r\n\r\n\r\n        .video-item:hover {\r\n\r\n            transform: translateX(8px);\r\n\r\n            border-color: rgba(245, 57, 61, 0.4);\r\n\r\n            box-shadow: var(--shadow);\r\n\r\n        }\r\n\r\n\r\n        .video-count {\r\n\r\n            width: 46px;\r\n\r\n            height: 46px;\r\n\r\n            border-radius: 14px;\r\n\r\n            background: var(--primary-light);\r\n\r\n            color: var(--primary);\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            justify-content: center;\r\n\r\n            font-weight: 900;\r\n\r\n        }\r\n\r\n\r\n        .video-item h4 {\r\n\r\n            font-size: 16px;\r\n\r\n            color: var(--dark);\r\n\r\n            margin-bottom: 4px;\r\n\r\n        }\r\n\r\n\r\n        .video-item p {\r\n\r\n            font-size: 12px;\r\n\r\n            color: var(--muted);\r\n\r\n        }\r\n\r\n\r\n        .video-badge {\r\n\r\n            display: inline-flex;\r\n\r\n            padding: 7px 11px;\r\n\r\n            border-radius: 999px;\r\n\r\n            background: var(--primary-light);\r\n\r\n            color: var(--primary);\r\n\r\n            font-size: 10px;\r\n\r\n            font-weight: 900;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           METRICS\r\n        ===================================================== *\/\r\n\r\n        .metrics-grid {\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns: repeat(3, 1fr);\r\n\r\n            gap: 22px;\r\n\r\n            margin-top: 55px;\r\n\r\n        }\r\n\r\n\r\n        .metric-card {\r\n\r\n            min-height: 250px;\r\n\r\n            padding: 35px;\r\n\r\n            border-radius: var(--radius);\r\n\r\n            border: 1px solid var(--border);\r\n\r\n            background: var(--white);\r\n\r\n            transition: var(--transition);\r\n\r\n        }\r\n\r\n\r\n        .metric-card:hover {\r\n\r\n            transform: translateY(-7px);\r\n\r\n            box-shadow: var(--shadow-hover);\r\n\r\n        }\r\n\r\n\r\n        .metric-icon {\r\n\r\n            width: 54px;\r\n\r\n            height: 54px;\r\n\r\n            border-radius: 16px;\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            justify-content: center;\r\n\r\n            background: var(--primary-light);\r\n\r\n            font-size: 23px;\r\n\r\n            margin-bottom: 22px;\r\n\r\n        }\r\n\r\n\r\n        .metric-card h3 {\r\n\r\n            font-size: 20px;\r\n\r\n            color: var(--dark);\r\n\r\n            margin-bottom: 10px;\r\n\r\n        }\r\n\r\n\r\n        .metric-card p {\r\n\r\n            font-size: 13px;\r\n\r\n            color: var(--muted);\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           VIDEO IDEAS\r\n        ===================================================== *\/\r\n\r\n        .ideas-wrapper {\r\n\r\n            margin-top: 55px;\r\n\r\n            width: 100%;\r\n\r\n            overflow-x: auto;\r\n\r\n            border-radius: 26px;\r\n\r\n            border: 1px solid var(--border);\r\n\r\n            background: var(--white);\r\n\r\n            box-shadow: var(--shadow);\r\n\r\n        }\r\n\r\n\r\n        .ideas-table {\r\n\r\n            width: 100%;\r\n\r\n            min-width: 900px;\r\n\r\n            border-collapse: collapse;\r\n\r\n        }\r\n\r\n\r\n        .ideas-table th {\r\n\r\n            padding: 20px 24px;\r\n\r\n            background: #f4f5f8;\r\n\r\n            font-size: 11px;\r\n\r\n            text-transform: uppercase;\r\n\r\n            letter-spacing: 0.8px;\r\n\r\n            text-align: left;\r\n\r\n            color: var(--dark);\r\n\r\n        }\r\n\r\n\r\n        .ideas-table td {\r\n\r\n            padding: 20px 24px;\r\n\r\n            border-top: 1px solid var(--border);\r\n\r\n            font-size: 13px;\r\n\r\n        }\r\n\r\n\r\n        .ideas-table tbody tr {\r\n            transition: 0.2s ease;\r\n        }\r\n\r\n\r\n        .ideas-table tbody tr:hover {\r\n            background: #fff8f8;\r\n        }\r\n\r\n\r\n        .idea-number {\r\n\r\n            width: 70px;\r\n\r\n            color: var(--primary);\r\n\r\n            font-weight: 900;\r\n\r\n        }\r\n\r\n\r\n        .idea-pillar {\r\n\r\n            display: inline-flex;\r\n\r\n            padding: 7px 10px;\r\n\r\n            border-radius: 8px;\r\n\r\n            background: var(--primary-light);\r\n\r\n            color: var(--primary);\r\n\r\n            font-size: 10px;\r\n\r\n            font-weight: 900;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           TIMELINE\r\n        ===================================================== *\/\r\n\r\n        .timeline {\r\n\r\n            position: relative;\r\n\r\n            display: grid;\r\n\r\n            gap: 26px;\r\n\r\n            margin-top: 55px;\r\n\r\n        }\r\n\r\n\r\n        .timeline::before {\r\n\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n\r\n            left: 25px;\r\n\r\n            top: 20px;\r\n\r\n            bottom: 20px;\r\n\r\n            width: 2px;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    var(--primary),\r\n                    rgba(245, 57, 61, 0.1)\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .week {\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns: 52px 1fr;\r\n\r\n            gap: 28px;\r\n\r\n            position: relative;\r\n\r\n        }\r\n\r\n\r\n        .week-number {\r\n\r\n            width: 52px;\r\n\r\n            height: 52px;\r\n\r\n            z-index: 2;\r\n\r\n            border-radius: 16px;\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            justify-content: center;\r\n\r\n            background: var(--primary);\r\n\r\n            color: var(--white);\r\n\r\n            font-weight: 900;\r\n\r\n            box-shadow:\r\n                0 12px 28px rgba(245, 57, 61, 0.25);\r\n\r\n        }\r\n\r\n\r\n        .week-card {\r\n\r\n            padding: 30px;\r\n\r\n            border-radius: 22px;\r\n\r\n            background: var(--white);\r\n\r\n            border: 1px solid var(--border);\r\n\r\n        }\r\n\r\n\r\n        .week-card h3 {\r\n\r\n            font-size: 21px;\r\n\r\n            color: var(--dark);\r\n\r\n            margin-bottom: 10px;\r\n\r\n        }\r\n.content-width-narrow .content-container.site-container, .content-width-narrow .hero-container.site-container {\r\n    max-width: 100%;\r\n}\r\n\r\n        .week-card p {\r\n\r\n            max-width: 900px;\r\n\r\n            font-size: 14px;\r\n\r\n            color: var(--muted);\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           FINAL CTA\r\n        ===================================================== *\/\r\n\r\n        .cta {\r\n\r\n            width: 100%;\r\n\r\n            min-height: 100vh;\r\n\r\n            padding: 110px 0;\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            position: relative;\r\n\r\n            overflow: hidden;\r\n\r\n            background:\r\n                radial-gradient(\r\n                    circle at 85% 15%,\r\n                    rgba(245, 57, 61, 0.35),\r\n                    transparent 35%\r\n                ),\r\n                linear-gradient(\r\n                    145deg,\r\n                    #0c0d12,\r\n                    #161820\r\n                );\r\n\r\n            color: var(--white);\r\n\r\n        }\r\n\r\n\r\n        .cta::before {\r\n\r\n            content: \"\";\r\n\r\n            position: absolute;\r\n\r\n            width: 650px;\r\n\r\n            height: 650px;\r\n\r\n            border-radius: 50%;\r\n\r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n\r\n            right: -220px;\r\n\r\n            bottom: -260px;\r\n\r\n        }\r\n\r\n\r\n        .cta-box {\r\n\r\n            position: relative;\r\n\r\n            z-index: 2;\r\n\r\n            max-width: 1050px;\r\n\r\n        }\r\n\r\n\r\n        .cta h2 {\r\n\r\n            font-size: clamp(50px, 7vw, 95px);\r\n\r\n            line-height: 0.98;\r\n\r\n            letter-spacing: -4px;\r\n\r\n            margin-bottom: 28px;\r\n\r\n        }\r\n\r\n\r\n        .cta p {\r\n\r\n            max-width: 760px;\r\n\r\n            font-size: 18px;\r\n\r\n            line-height: 1.8;\r\n\r\n            color: #b1b6c1;\r\n\r\n            margin-bottom: 35px;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           FOOTER\r\n        ===================================================== *\/\r\n\r\n        footer {\r\n\r\n            width: 100%;\r\n\r\n            padding: 28px 0;\r\n\r\n            background: #07080b;\r\n\r\n            color: #838a97;\r\n\r\n        }\r\n\r\n\r\n        .footer-inner {\r\n\r\n            display: flex;\r\n\r\n            justify-content: space-between;\r\n\r\n            align-items: center;\r\n\r\n            gap: 20px;\r\n\r\n        }\r\n\r\n\r\n        .footer-inner p {\r\n\r\n            font-size: 12px;\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           BACK TOP\r\n        ===================================================== *\/\r\n\r\n        .back-top {\r\n\r\n            position: fixed;\r\n\r\n            right: 26px;\r\n\r\n            bottom: 26px;\r\n\r\n            width: 52px;\r\n\r\n            height: 52px;\r\n\r\n            border: none;\r\n\r\n            border-radius: 16px;\r\n\r\n            background: var(--primary);\r\n\r\n            color: var(--white);\r\n\r\n            cursor: pointer;\r\n\r\n            opacity: 0;\r\n\r\n            visibility: hidden;\r\n\r\n            transform: translateY(20px);\r\n\r\n            transition: var(--transition);\r\n\r\n            box-shadow:\r\n                0 14px 35px rgba(245, 57, 61, 0.28);\r\n\r\n            z-index: 9999;\r\n\r\n        }\r\n\r\n\r\n        .back-top.show {\r\n\r\n            opacity: 1;\r\n\r\n            visibility: visible;\r\n\r\n            transform: translateY(0);\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           REVEAL ANIMATION\r\n        ===================================================== *\/\r\n\r\n        .reveal {\r\n\r\n            opacity: 0;\r\n\r\n            transform: translateY(35px);\r\n\r\n            transition:\r\n                opacity 0.75s ease,\r\n                transform 0.75s ease;\r\n\r\n        }\r\n\r\n\r\n        .reveal.visible {\r\n\r\n            opacity: 1;\r\n\r\n            transform: translateY(0);\r\n\r\n        }\r\n.hook-step h3{\r\n    color: wheat !important;\r\n\r\n}\r\n\r\n        \/* =====================================================\r\n           RESPONSIVE\r\n        ===================================================== *\/\r\n\r\n        @media (max-width: 1150px) {\r\n\r\n            .hero-grid,\r\n            .founder-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n\r\n            .hero h1 {\r\n                max-width: 1000px;\r\n            }\r\n\r\n\r\n            .hero-card {\r\n                min-height: 450px;\r\n            }\r\n\r\n\r\n            .tldr-grid,\r\n            .pillars-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n\r\n            .stats-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n\r\n            .hook-formulas {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n\r\n            .flow {\r\n\r\n                grid-template-columns: 1fr;\r\n\r\n            }\r\n\r\n\r\n            .flow-arrow {\r\n\r\n                min-height: 30px;\r\n\r\n                transform: rotate(90deg);\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        @media (max-width: 850px) {\r\n\r\n            .section {\r\n                min-height: auto;\r\n                padding: 90px 0;\r\n            }\r\n\r\n\r\n            .hero {\r\n                min-height: auto;\r\n                padding: 80px 0;\r\n            }\r\n\r\n\r\n            .hook-steps {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n\r\n            .metrics-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n\r\n            .founder-visual {\r\n                min-height: 520px;\r\n            }\r\n\r\n\r\n            .cta {\r\n                min-height: auto;\r\n            }\r\n\r\n        }\r\n\r\n\r\n        @media (max-width: 620px) {\r\n\r\n            .container {\r\n\r\n                padding-left: 18px;\r\n\r\n                padding-right: 18px;\r\n\r\n            }\r\n\r\n\r\n            .hero {\r\n\r\n                padding: 55px 0;\r\n\r\n            }\r\n\r\n\r\n            .hero h1 {\r\n\r\n                font-size: 52px;\r\n\r\n                letter-spacing: -3px;\r\n\r\n            }\r\n\r\n\r\n            .hero-subtitle {\r\n\r\n                font-size: 16px;\r\n\r\n            }\r\n\r\n\r\n            .hero-actions {\r\n\r\n                flex-direction: column;\r\n\r\n            }\r\n\r\n\r\n            .btn {\r\n                width: 100%;\r\n            }\r\n\r\n\r\n            .hero-card {\r\n\r\n                min-height: auto;\r\n\r\n                padding: 28px;\r\n\r\n                border-radius: 26px;\r\n\r\n            }\r\n\r\n\r\n            .hero-card h3 {\r\n\r\n                font-size: 30px;\r\n\r\n            }\r\n\r\n\r\n            .hero-stats {\r\n\r\n                grid-template-columns: 1fr;\r\n\r\n            }\r\n\r\n\r\n            .section-title {\r\n\r\n                font-size: 41px;\r\n\r\n                letter-spacing: -2px;\r\n\r\n            }\r\n\r\n\r\n            .section-description {\r\n\r\n                font-size: 16px;\r\n\r\n            }\r\n\r\n\r\n            .tldr-grid,\r\n            .stats-grid,\r\n            .pillars-grid,\r\n            .hook-steps,\r\n            .hook-formulas,\r\n            .metrics-grid {\r\n\r\n                grid-template-columns: 1fr;\r\n\r\n            }\r\n\r\n\r\n            .founder-visual {\r\n\r\n                min-height: 470px;\r\n\r\n            }\r\n\r\n\r\n            .phone {\r\n\r\n                width: 220px;\r\n\r\n                height: 420px;\r\n\r\n            }\r\n\r\n\r\n            .video-item {\r\n\r\n                grid-template-columns: 50px 1fr;\r\n\r\n            }\r\n\r\n\r\n            .video-badge {\r\n\r\n                display: none;\r\n\r\n            }\r\n\r\n\r\n            .week {\r\n\r\n                gap: 18px;\r\n\r\n            }\r\n\r\n\r\n            .week-card {\r\n\r\n                padding: 22px;\r\n\r\n            }\r\n\r\n\r\n            .cta h2 {\r\n\r\n                font-size: 50px;\r\n\r\n                letter-spacing: -3px;\r\n\r\n            }\r\n\r\n\r\n            .footer-inner {\r\n\r\n                flex-direction: column;\r\n\r\n                align-items: flex-start;\r\n\r\n            }\r\n\r\n        }\r\n\r\n    <\/style>\r\n\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n    <!-- =====================================================\r\n         PROGRESS BAR\r\n    ===================================================== -->\r\n\r\n    <div class=\"progress-bar\" id=\"progressBar\"><\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         HERO\r\n    ===================================================== -->\r\n\r\n    <section class=\"hero\">\r\n\r\n        <div class=\"container\">\r\n\r\n            <div class=\"hero-grid\">\r\n\r\n\r\n                <div class=\"reveal\">\r\n\r\n                    <div class=\"hero-badge\">\r\n                        UAE SOCIAL MEDIA PLAYBOOK \u00b7 2026\r\n                    <\/div>\r\n\r\n\r\n                    <h1>\r\n\r\n                        How City One\r\n\r\n                        <span class=\"gradient-text\">\r\n                            Blows Up\r\n                        <\/span>\r\n\r\n                        on Social.\r\n\r\n                    <\/h1>\r\n\r\n\r\n                    <p class=\"hero-subtitle\">\r\n\r\n                        A UAE-focused organic content strategy for TikTok,\r\n                        Instagram Reels and short-form travel content \u2014\r\n                        designed around powerful hooks, useful travel advice,\r\n                        founder-led storytelling and a direct WhatsApp funnel.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"hero-actions\">\r\n\r\n                        <a href=\"#ideas\" class=\"btn btn-primary\">\r\n                            View 20 Video Ideas \u2192\r\n                        <\/a>\r\n\r\n\r\n                        <a href=\"#plan\" class=\"btn btn-outline\">\r\n                            See 30-Day Plan\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"hero-card reveal\">\r\n\r\n                    <div class=\"hero-card-top\">\r\n\r\n                        <div class=\"hero-card-label\">\r\n                            THE CORE STRATEGY\r\n                        <\/div>\r\n\r\n\r\n                        <h3>\r\n\r\n                            Film once.\r\n\r\n                            Build attention.\r\n\r\n                            Turn attention into conversations.\r\n\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hero-stats\">\r\n\r\n                        <div class=\"hero-stat\">\r\n\r\n                            <strong>\r\n                                0\u20133s\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Critical hook window\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hero-stat\">\r\n\r\n                            <strong>\r\n                                3\u20135\u00d7\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Recommended weekly cadence\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hero-stat\">\r\n\r\n                            <strong>\r\n                                9:16\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Vertical video format\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"hero-stat\">\r\n\r\n                            <strong>\r\n                                1 Goal\r\n                            <\/strong>\r\n\r\n                            <span>\r\n                                Drive WhatsApp conversations\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         TLDR\r\n    ===================================================== -->\r\n\r\n    <section class=\"section section-light\">\r\n\r\n        <div class=\"container section-inner\">\r\n\r\n            <div class=\"reveal\">\r\n\r\n                <div class=\"eyebrow\">\r\n                    TL;DR\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"section-title\">\r\n\r\n                    The 4 Things That\r\n\r\n                    <span class=\"gradient-text\">\r\n                        Move The Needle.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"tldr-grid\">\r\n\r\n\r\n                <div class=\"tldr-card reveal\">\r\n\r\n                    <div class=\"number\">\r\n                        01\r\n                    <\/div>\r\n\r\n\r\n                    <h3>\r\n                        TikTok First\r\n                    <\/h3>\r\n\r\n\r\n                    <p>\r\n\r\n                        Use TikTok as the discovery engine,\r\n                        then repost winning videos to Instagram\r\n                        Reels and Facebook.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"tldr-card reveal\">\r\n\r\n                    <div class=\"number\">\r\n                        02\r\n                    <\/div>\r\n\r\n\r\n                    <h3>\r\n                        Win The First 3 Seconds\r\n                    <\/h3>\r\n\r\n\r\n                    <p>\r\n\r\n                        No slow introduction.\r\n                        Start immediately with a question,\r\n                        warning, price, result or surprising claim.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"tldr-card reveal\">\r\n\r\n                    <div class=\"number\">\r\n                        03\r\n                    <\/div>\r\n\r\n\r\n                    <h3>\r\n                        You &gt; The Logo\r\n                    <\/h3>\r\n\r\n\r\n                    <p>\r\n\r\n                        Put a real person on camera.\r\n                        Let the audience meet the person\r\n                        behind the bookings and advice.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"tldr-card reveal\">\r\n\r\n                    <div class=\"number\">\r\n                        04\r\n                    <\/div>\r\n\r\n\r\n                    <h3>\r\n                        Consistency Wins\r\n                    <\/h3>\r\n\r\n\r\n                    <p>\r\n\r\n                        Publish several strong videos every week\r\n                        instead of flooding the feed with\r\n                        low-quality content.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         UAE MARKET\r\n    ===================================================== -->\r\n\r\n    <section class=\"section\">\r\n\r\n        <div class=\"container section-inner\">\r\n\r\n\r\n            <div class=\"reveal\">\r\n\r\n                <div class=\"eyebrow\">\r\n                    01 \u00b7 UAE MARKET\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"section-title\">\r\n\r\n                    Your Audience Is Already\r\n\r\n                    <span class=\"gradient-text\">\r\n                        Looking For Travel Content.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"section-description\">\r\n\r\n                    City One can combine destination inspiration,\r\n                    visa education, package pricing,\r\n                    travel expertise and real client stories\r\n                    into one recognisable content system.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"stats-grid\">\r\n\r\n\r\n                <div class=\"stat-card reveal\">\r\n\r\n                    <div class=\"stat-value\">\r\n                        99%\r\n                    <\/div>\r\n\r\n                    <div class=\"stat-label\">\r\n                        High UAE social media usage\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"stat-card reveal\">\r\n\r\n                    <div class=\"stat-value\">\r\n                        9:16\r\n                    <\/div>\r\n\r\n                    <div class=\"stat-label\">\r\n                        Priority video format\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"stat-card reveal\">\r\n\r\n                    <div class=\"stat-value\">\r\n                        25\u201334\r\n                    <\/div>\r\n\r\n                    <div class=\"stat-label\">\r\n                        Priority audience segment\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"stat-card reveal\">\r\n\r\n                    <div class=\"stat-value\">\r\n                        UAE\r\n                    <\/div>\r\n\r\n                    <div class=\"stat-label\">\r\n                        Core organic market\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         STRATEGY\r\n    ===================================================== -->\r\n\r\n    <section class=\"section section-light\">\r\n\r\n        <div class=\"container section-inner\">\r\n\r\n\r\n            <div class=\"reveal\">\r\n\r\n                <div class=\"eyebrow\">\r\n                    02 \u00b7 PLATFORM STRATEGY\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"section-title\">\r\n\r\n                    One Video.\r\n\r\n                    <span class=\"gradient-text\">\r\n                        Three Jobs.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"section-description\">\r\n\r\n                    Keep production simple.\r\n                    Film vertically on your phone,\r\n                    distribute the same core content\r\n                    and turn attention into enquiries.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"flow\">\r\n\r\n\r\n                <div class=\"flow-card reveal\">\r\n\r\n                    <div class=\"flow-icon\">\r\n                        \ud83c\udfa5\r\n                    <\/div>\r\n\r\n\r\n                    <h3>\r\n                        Film Once\r\n                    <\/h3>\r\n\r\n\r\n                    <p>\r\n\r\n                        Use phone footage, natural light\r\n                        and real office, travel or client situations.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"flow-arrow\">\r\n                    \u2192\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"flow-card reveal\">\r\n\r\n                    <div class=\"flow-icon\">\r\n                        \u25b6\r\n                    <\/div>\r\n\r\n\r\n                    <h3>\r\n                        TikTok \u2192 Reels \u2192 Facebook\r\n                    <\/h3>\r\n\r\n\r\n                    <p>\r\n\r\n                        Use TikTok for discovery\r\n                        and distribute the same video\r\n                        across Instagram and Facebook.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"flow-arrow\">\r\n                    \u2192\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"flow-card reveal\">\r\n\r\n                    <div class=\"flow-icon\">\r\n                        \ud83d\udcac\r\n                    <\/div>\r\n\r\n\r\n                    <h3>\r\n                        Funnel To WhatsApp\r\n                    <\/h3>\r\n\r\n\r\n                    <p>\r\n\r\n                        Give viewers a reason to ask about a package,\r\n                        visa, destination or travel requirement.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         HOOKS\r\n    ===================================================== -->\r\n\r\n    <section class=\"section section-dark\">\r\n\r\n        <div class=\"container section-inner\">\r\n\r\n\r\n            <div class=\"reveal\">\r\n\r\n                <div class=\"eyebrow\">\r\n                    03 \u00b7 HOOK FORMULA\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"section-title\">\r\n\r\n                    Nothing Works Without\r\n\r\n                    <span style=\"color:#ff777a;\">\r\n                        The Hook.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"section-description\">\r\n\r\n                    Your video must immediately tell the viewer\r\n                    why they should stop scrolling.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"hook-steps\">\r\n\r\n\r\n                <div class=\"hook-step reveal\">\r\n\r\n                    <div class=\"hook-time\">\r\n                        0\u20133 SEC\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Hook\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Big text and a pattern interrupt.\r\n                        No slow intro.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hook-step reveal\">\r\n\r\n                    <div class=\"hook-time\">\r\n                        BODY\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Deliver\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Give the useful information\r\n                        the opening promised.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hook-step reveal\">\r\n\r\n                    <div class=\"hook-time\">\r\n                        PAYOFF\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Reveal\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Finish the story,\r\n                        reveal the price or solve the problem.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hook-step reveal\">\r\n\r\n                    <div class=\"hook-time\">\r\n                        LAST 3\u20135 SEC\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        CTA\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Save, share, comment\r\n                        or message on WhatsApp.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"hook-formulas\">\r\n\r\n\r\n                <div class=\"formula-card reveal\">\r\n\r\n                    <span class=\"formula-type\">\r\n                        Mistake Warning\r\n                    <\/span>\r\n\r\n                    <h4>\r\n                        \"Stop applying for a Schengen visa like this.\"\r\n                    <\/h4>\r\n\r\n                    <p>\r\n                        Excellent for educational content.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"formula-card reveal\">\r\n\r\n                    <span class=\"formula-type\">\r\n                        Cost Reveal\r\n                    <\/span>\r\n\r\n                    <h4>\r\n                        \"Here's exactly what a Bali package costs from Dubai.\"\r\n                    <\/h4>\r\n\r\n                    <p>\r\n                        Transparent pricing creates trust.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"formula-card reveal\">\r\n\r\n                    <span class=\"formula-type\">\r\n                        Identity Call-Out\r\n                    <\/span>\r\n\r\n                    <h4>\r\n                        \"Planning a Dubai trip on a budget? Watch this.\"\r\n                    <\/h4>\r\n\r\n                    <p>\r\n                        Speak directly to the right audience.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"formula-card reveal\">\r\n\r\n                    <span class=\"formula-type\">\r\n                        Numerical Proof\r\n                    <\/span>\r\n\r\n                    <h4>\r\n                        \"How we helped a client complete this visa process.\"\r\n                    <\/h4>\r\n\r\n                    <p>\r\n                        Real stories build authority.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"formula-card reveal\">\r\n\r\n                    <span class=\"formula-type\">\r\n                        List Tease\r\n                    <\/span>\r\n\r\n                    <h4>\r\n                        \"3 places in Georgia you should not miss.\"\r\n                    <\/h4>\r\n\r\n                    <p>\r\n                        Perfect for destination content.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"formula-card reveal\">\r\n\r\n                    <span class=\"formula-type\">\r\n                        Contrarian\r\n                    <\/span>\r\n\r\n                    <h4>\r\n                        \"Most travellers are doing this completely wrong.\"\r\n                    <\/h4>\r\n\r\n                    <p>\r\n                        Challenge a common assumption.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         PILLARS\r\n    ===================================================== -->\r\n\r\n    <section class=\"section section-light\">\r\n\r\n        <div class=\"container section-inner\">\r\n\r\n\r\n            <div class=\"reveal\">\r\n\r\n                <div class=\"eyebrow\">\r\n                    04 \u00b7 CONTENT PILLARS\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"section-title\">\r\n\r\n                    8 Repeatable\r\n\r\n                    <span class=\"gradient-text\">\r\n                        Content Pillars.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"section-description\">\r\n\r\n                    Rotate between repeatable content categories\r\n                    instead of wondering what to post every day.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"pillars-grid\">\r\n\r\n\r\n                <div class=\"pillar-card reveal\">\r\n\r\n                    <div class=\"pillar-number\">\r\n                        PILLAR 01\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Visa Mythbusting\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Answer visa questions,\r\n                        misconceptions and common mistakes.\r\n                    <\/p>\r\n\r\n                    <div class=\"pillar-example\">\r\n                        Example: 3 Schengen visa mistakes\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"pillar-card reveal\">\r\n\r\n                    <div class=\"pillar-number\">\r\n                        PILLAR 02\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Cost Breakdown\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Show real packages,\r\n                        inclusions and pricing.\r\n                    <\/p>\r\n\r\n                    <div class=\"pillar-example\">\r\n                        Example: Bali honeymoon cost\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"pillar-card reveal\">\r\n\r\n                    <div class=\"pillar-number\">\r\n                        PILLAR 03\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Founder Content\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Show the human side\r\n                        of running a travel company.\r\n                    <\/p>\r\n\r\n                    <div class=\"pillar-example\">\r\n                        Example: Day in the agency\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"pillar-card reveal\">\r\n\r\n                    <div class=\"pillar-number\">\r\n                        PILLAR 04\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Client Wins\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Tell genuine booking\r\n                        and travel success stories.\r\n                    <\/p>\r\n\r\n                    <div class=\"pillar-example\">\r\n                        Example: Client reaction\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"pillar-card reveal\">\r\n\r\n                    <div class=\"pillar-number\">\r\n                        PILLAR 05\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Hidden Gems\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Introduce destinations,\r\n                        photo spots and underrated experiences.\r\n                    <\/p>\r\n\r\n                    <div class=\"pillar-example\">\r\n                        Example: Hidden Georgia locations\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"pillar-card reveal\">\r\n\r\n                    <div class=\"pillar-number\">\r\n                        PILLAR 06\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Urgency\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Seasonal packages,\r\n                        application windows and limited offers.\r\n                    <\/p>\r\n\r\n                    <div class=\"pillar-example\">\r\n                        Example: Last booking date\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"pillar-card reveal\">\r\n\r\n                    <div class=\"pillar-number\">\r\n                        PILLAR 07\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Myth vs Reality\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Contrast expectations\r\n                        with what really happens.\r\n                    <\/p>\r\n\r\n                    <div class=\"pillar-example\">\r\n                        Example: Travel agent reality\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"pillar-card reveal\">\r\n\r\n                    <div class=\"pillar-number\">\r\n                        PILLAR 08\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Trends & Reactions\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        React to relevant travel videos,\r\n                        stories and situations.\r\n                    <\/p>\r\n\r\n                    <div class=\"pillar-example\">\r\n                        Example: Airport travel fail\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         FOUNDER\r\n    ===================================================== -->\r\n\r\n    <section class=\"section\">\r\n\r\n        <div class=\"container section-inner\">\r\n\r\n            <div class=\"founder-grid\">\r\n\r\n\r\n                <div class=\"founder-visual reveal\">\r\n\r\n                    <div class=\"phone\">\r\n\r\n                        <div class=\"phone-screen\">\r\n\r\n                            <div class=\"phone-caption\">\r\n\r\n                                POV: It's peak travel season\r\n                                and the phone hasn't stopped ringing.\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"reveal\">\r\n\r\n                    <div class=\"eyebrow\">\r\n                        05 \u00b7 BE THE FACE\r\n                    <\/div>\r\n\r\n\r\n                    <h2 class=\"section-title\">\r\n\r\n                        Show The Job.\r\n\r\n                        <span class=\"gradient-text\">\r\n                            Not A Performance.\r\n                        <\/span>\r\n\r\n                    <\/h2>\r\n\r\n\r\n                    <p class=\"section-description\">\r\n\r\n                        The easiest founder-led content is not acting.\r\n                        Film real bookings, real questions,\r\n                        real quotes, real travel problems\r\n                        and real solutions.\r\n\r\n                    <\/p>\r\n\r\n\r\n\r\n                    <div class=\"rules\">\r\n\r\n\r\n                        <div class=\"rule\">\r\n\r\n                            <div class=\"rule-check\">\r\n                                \u2713\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <h4>\r\n                                    Talk to one person\r\n                                <\/h4>\r\n\r\n                                <p>\r\n                                    Speak like you are answering\r\n                                    one client's WhatsApp message.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"rule\">\r\n\r\n                            <div class=\"rule-check\">\r\n                                \u2713\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <h4>\r\n                                    Keep it natural\r\n                                <\/h4>\r\n\r\n                                <p>\r\n                                    Phone footage and normal office scenes\r\n                                    are enough.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"rule\">\r\n\r\n                            <div class=\"rule-check\">\r\n                                \u2713\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <h4>\r\n                                    Repeat the same face\r\n                                <\/h4>\r\n\r\n                                <p>\r\n                                    Familiarity helps people recognise\r\n                                    and trust your brand.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"rule\">\r\n\r\n                            <div class=\"rule-check\">\r\n                                \u2713\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <h4>\r\n                                    Stay relevant\r\n                                <\/h4>\r\n\r\n                                <p>\r\n                                    Trends should still connect naturally\r\n                                    to travel.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         FIRST 5 VIDEOS\r\n    ===================================================== -->\r\n\r\n    <section class=\"section section-light\">\r\n\r\n        <div class=\"container section-inner\">\r\n\r\n\r\n            <div class=\"reveal\">\r\n\r\n                <div class=\"eyebrow\">\r\n                    START HERE\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"section-title\">\r\n\r\n                    Your First\r\n\r\n                    <span class=\"gradient-text\">\r\n                        5 On-Camera Videos.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"video-list\">\r\n\r\n\r\n                <div class=\"video-item reveal\">\r\n\r\n                    <div class=\"video-count\">\r\n                        1\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <h4>\r\n                            A day in my life running a Dubai travel agency\r\n                        <\/h4>\r\n\r\n                        <p>\r\n                            Founder \/ behind-the-counter introduction.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"video-badge\">\r\n                        EASY START\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"video-item reveal\">\r\n\r\n                    <div class=\"video-count\">\r\n                        2\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <h4>\r\n                            Answer your most frequently asked visa question\r\n                        <\/h4>\r\n\r\n                        <p>\r\n                            20\u201330 second expert response.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"video-badge\">\r\n                        EXPERTISE\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"video-item reveal\">\r\n\r\n                    <div class=\"video-count\">\r\n                        3\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <h4>\r\n                            Show the price of your best-selling package\r\n                        <\/h4>\r\n\r\n                        <p>\r\n                            Display hotel, price and major inclusions.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"video-badge\">\r\n                        SAVEABLE\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"video-item reveal\">\r\n\r\n                    <div class=\"video-count\">\r\n                        4\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <h4>\r\n                            Promote one genuine seasonal deadline or offer\r\n                        <\/h4>\r\n\r\n                        <p>\r\n                            Give viewers a reason to act.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"video-badge\">\r\n                        URGENCY\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"video-item reveal\">\r\n\r\n                    <div class=\"video-count\">\r\n                        5\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <h4>\r\n                            Tell one memorable client success story\r\n                        <\/h4>\r\n\r\n                        <p>\r\n                            Use a genuine result or message.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"video-badge\">\r\n                        SOCIAL PROOF\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         METRICS\r\n    ===================================================== -->\r\n\r\n    <section class=\"section\">\r\n\r\n        <div class=\"container section-inner\">\r\n\r\n\r\n            <div class=\"reveal\">\r\n\r\n                <div class=\"eyebrow\">\r\n                    06 \u00b7 WHAT TO TRACK\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"section-title\">\r\n\r\n                    Don't Judge Content\r\n\r\n                    <span class=\"gradient-text\">\r\n                        Only By Likes.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"section-description\">\r\n\r\n                    Focus on whether people watched,\r\n                    saved, shared, visited the profile\r\n                    and eventually contacted City One.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"metrics-grid\">\r\n\r\n\r\n                <div class=\"metric-card reveal\">\r\n\r\n                    <div class=\"metric-icon\">\r\n                        \u23f1\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Watch-Through\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Are viewers staying long enough\r\n                        to receive the payoff?\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"metric-card reveal\">\r\n\r\n                    <div class=\"metric-icon\">\r\n                        \ud83d\udd16\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Saves\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Shows that viewers consider\r\n                        the information worth keeping.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"metric-card reveal\">\r\n\r\n                    <div class=\"metric-icon\">\r\n                        \u2197\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Shares\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Content people send to friends\r\n                        has strong value.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"metric-card reveal\">\r\n\r\n                    <div class=\"metric-icon\">\r\n                        \ud83d\udc64\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Profile Visits\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Indicates curiosity\r\n                        about City One.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"metric-card reveal\">\r\n\r\n                    <div class=\"metric-icon\">\r\n                        \ud83d\udcac\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        DMs\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        The viewer has moved\r\n                        from watching to conversation.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"metric-card reveal\">\r\n\r\n                    <div class=\"metric-icon\">\r\n                        \u260e\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        WhatsApp Leads\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        The ultimate goal:\r\n                        genuine travel enquiries.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         VIDEO IDEAS\r\n    ===================================================== -->\r\n\r\n    <section class=\"section section-light\" id=\"ideas\">\r\n\r\n        <div class=\"container section-inner\">\r\n\r\n\r\n            <div class=\"reveal\">\r\n\r\n                <div class=\"eyebrow\">\r\n                    07 \u00b7 STARTER KIT\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"section-title\">\r\n\r\n                    20 Ready-To-Film\r\n\r\n                    <span class=\"gradient-text\">\r\n                        Video Ideas.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"ideas-wrapper reveal\">\r\n\r\n                <table class=\"ideas-table\">\r\n\r\n\r\n                    <thead>\r\n\r\n                        <tr>\r\n\r\n                            <th>\r\n                                #\r\n                            <\/th>\r\n\r\n                            <th>\r\n                                Content Pillar\r\n                            <\/th>\r\n\r\n                            <th>\r\n                                Hook \/ Video Idea\r\n                            <\/th>\r\n\r\n                        <\/tr>\r\n\r\n                    <\/thead>\r\n\r\n\r\n                    <tbody id=\"ideasBody\"><\/tbody>\r\n\r\n\r\n                <\/table>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         30 DAYS\r\n    ===================================================== -->\r\n\r\n    <section class=\"section\" id=\"plan\">\r\n\r\n        <div class=\"container section-inner\">\r\n\r\n\r\n            <div class=\"reveal\">\r\n\r\n                <div class=\"eyebrow\">\r\n                    08 \u00b7 30-DAY ACTION PLAN\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"section-title\">\r\n\r\n                    Build The System\r\n\r\n                    <span class=\"gradient-text\">\r\n                        In Four Weeks.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"timeline\">\r\n\r\n\r\n                <div class=\"week reveal\">\r\n\r\n                    <div class=\"week-number\">\r\n                        1\r\n                    <\/div>\r\n\r\n                    <div class=\"week-card\">\r\n\r\n                        <h3>\r\n                            Week 1 \u2014 Start Filming\r\n                        <\/h3>\r\n\r\n                        <p>\r\n\r\n                            Prepare TikTok, Instagram Reels and Facebook.\r\n                            Film your first founder, visa and client-focused\r\n                            videos using a phone and natural light.\r\n\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"week reveal\">\r\n\r\n                    <div class=\"week-number\">\r\n                        2\r\n                    <\/div>\r\n\r\n                    <div class=\"week-card\">\r\n\r\n                        <h3>\r\n                            Week 2 \u2014 Improve CTAs\r\n                        <\/h3>\r\n\r\n                        <p>\r\n\r\n                            Add captions to every video and include\r\n                            a save, comment, share or WhatsApp action.\r\n\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"week reveal\">\r\n\r\n                    <div class=\"week-number\">\r\n                        3\r\n                    <\/div>\r\n\r\n                    <div class=\"week-card\">\r\n\r\n                        <h3>\r\n                            Week 3 \u2014 Test New Pillars\r\n                        <\/h3>\r\n\r\n                        <p>\r\n\r\n                            Introduce cost breakdowns and destination content.\r\n                            Compare retention, saves and shares\r\n                            across your first batch.\r\n\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"week reveal\">\r\n\r\n                    <div class=\"week-number\">\r\n                        4\r\n                    <\/div>\r\n\r\n                    <div class=\"week-card\">\r\n\r\n                        <h3>\r\n                            Week 4 \u2014 Double Down\r\n                        <\/h3>\r\n\r\n                        <p>\r\n\r\n                            Cross-post your best videos\r\n                            and identify which content categories\r\n                            generate the strongest enquiries.\r\n\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         FINAL CTA\r\n    ===================================================== -->\r\n\r\n    <section class=\"cta\">\r\n\r\n        <div class=\"container\">\r\n\r\n            <div class=\"cta-box reveal\">\r\n\r\n\r\n                <div class=\"eyebrow\">\r\n                    CITY ONE CONTENT ENGINE\r\n                <\/div>\r\n\r\n\r\n                <h2>\r\n\r\n                    Stop Posting Randomly.\r\n\r\n                    Start Building A Recognisable Travel Brand.\r\n\r\n                <\/h2>\r\n\r\n\r\n                <p>\r\n\r\n                    Answer real travel questions,\r\n                    show the people behind the business,\r\n                    demonstrate expertise,\r\n                    build trust and turn attention\r\n                    into real travel enquiries.\r\n\r\n                <\/p>\r\n\r\n\r\n                <a href=\"#ideas\" class=\"btn btn-primary\">\r\n\r\n                    Pick Your First Video \u2192\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         FOOTER\r\n    ===================================================== -->\r\n\r\n    <footer>\r\n\r\n        <div class=\"container footer-inner\">\r\n\r\n            <p>\r\n\r\n                \u00a9 <span id=\"year\"><\/span>\r\n                City One Tourism & Travels LLC.\r\n                Content & Virality Playbook.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/footer>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         BACK TOP\r\n    ===================================================== -->\r\n\r\n    <button\r\n        class=\"back-top\"\r\n        id=\"backTop\"\r\n        aria-label=\"Back to top\">\r\n\r\n        \u2191\r\n\r\n    <\/button>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         JAVASCRIPT\r\n    ===================================================== -->\r\n\r\n    <script>\r\n\r\n\r\n        \/* =====================================================\r\n           VIDEO IDEAS\r\n        ===================================================== *\/\r\n\r\n        const videoIdeas = [\r\n\r\n            {\r\n                pillar: \"Visa Mythbusting\",\r\n                hook: \"Most people get their UK visa rejected for THIS one reason.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Cost Breakdown\",\r\n                hook: \"Here's exactly what a Bali honeymoon costs from Dubai.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Founder\",\r\n                hook: \"POV: it's peak travel season and my phone hasn't stopped ringing.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Client Win\",\r\n                hook: \"This client thought her visa application would be impossible.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Hidden Gems\",\r\n                hook: \"3 places in Georgia you should add to your itinerary.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Urgency\",\r\n                hook: \"You have until Friday to lock this package price.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Myth vs Reality\",\r\n                hook: \"What people think a travel agent does vs what actually happens.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Visa Mythbusting\",\r\n                hook: \"Stop making this mistake before submitting your visa application.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Cost Breakdown\",\r\n                hook: \"How much a Dubai staycation actually costs this weekend.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Founder\",\r\n                hook: \"3 questions clients should ask before booking any holiday.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Trend Reaction\",\r\n                hook: \"React to a viral airport or travel mistake and explain what should have happened.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Hidden Gems\",\r\n                hook: \"Everyone knows Bali \u2014 but have you considered Bosnia?\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Urgency\",\r\n                hook: \"Check your passport validity before booking your next flight.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Client Win\",\r\n                hook: \"Read a genuine client thank-you message and explain what happened.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Myth vs Reality\",\r\n                hook: \"Instagram expectation vs reality at a famous Dubai location.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Visa Mythbusting\",\r\n                hook: \"The visa requirement travellers keep misunderstanding.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Founder\",\r\n                hook: \"Rating the most unusual travel requests we've received.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Cost Breakdown\",\r\n                hook: \"Which month is usually better for planning a Europe trip?\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Hidden Gems\",\r\n                hook: \"If you love skyline views, put Baku on your list.\"\r\n            },\r\n\r\n            {\r\n                pillar: \"Urgency\",\r\n                hook: \"Last call before this seasonal package closes.\"\r\n            }\r\n\r\n        ];\r\n\r\n\r\n\r\n        const ideasBody =\r\n            document.getElementById(\"ideasBody\");\r\n\r\n\r\n        videoIdeas.forEach((item, index) => {\r\n\r\n            const row =\r\n                document.createElement(\"tr\");\r\n\r\n\r\n            row.innerHTML = `\r\n\r\n                <td class=\"idea-number\">\r\n\r\n                    ${String(index + 1).padStart(2, \"0\")}\r\n\r\n                <\/td>\r\n\r\n\r\n                <td>\r\n\r\n                    <span class=\"idea-pillar\">\r\n\r\n                        ${item.pillar}\r\n\r\n                    <\/span>\r\n\r\n                <\/td>\r\n\r\n\r\n                <td>\r\n\r\n                    \"${item.hook}\"\r\n\r\n                <\/td>\r\n\r\n            `;\r\n\r\n\r\n            ideasBody.appendChild(row);\r\n\r\n        });\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           REVEAL\r\n        ===================================================== *\/\r\n\r\n        const revealItems =\r\n            document.querySelectorAll(\".reveal\");\r\n\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n\r\n                entries => {\r\n\r\n                    entries.forEach(entry => {\r\n\r\n                        if (entry.isIntersecting) {\r\n\r\n                            entry.target\r\n                                .classList\r\n                                .add(\"visible\");\r\n\r\n\r\n                            observer\r\n                                .unobserve(entry.target);\r\n\r\n                        }\r\n\r\n                    });\r\n\r\n                },\r\n\r\n                {\r\n                    threshold: 0.12\r\n                }\r\n\r\n            );\r\n\r\n\r\n        revealItems.forEach(item => {\r\n\r\n            observer.observe(item);\r\n\r\n        });\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           PROGRESS BAR\r\n        ===================================================== *\/\r\n\r\n        const progressBar =\r\n            document.getElementById(\"progressBar\");\r\n\r\n\r\n        function updateProgress() {\r\n\r\n            const scrollTop =\r\n                window.scrollY;\r\n\r\n\r\n            const pageHeight =\r\n                document.documentElement.scrollHeight -\r\n                window.innerHeight;\r\n\r\n\r\n            const percentage =\r\n                pageHeight > 0\r\n                    ? (scrollTop \/ pageHeight) * 100\r\n                    : 0;\r\n\r\n\r\n            progressBar.style.width =\r\n                percentage + \"%\";\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           BACK TO TOP\r\n        ===================================================== *\/\r\n\r\n        const backTop =\r\n            document.getElementById(\"backTop\");\r\n\r\n\r\n        window.addEventListener(\"scroll\", () => {\r\n\r\n            updateProgress();\r\n\r\n\r\n            if (window.scrollY > 700) {\r\n\r\n                backTop.classList.add(\"show\");\r\n\r\n            }\r\n\r\n            else {\r\n\r\n                backTop.classList.remove(\"show\");\r\n\r\n            }\r\n\r\n        });\r\n\r\n\r\n        backTop.addEventListener(\"click\", () => {\r\n\r\n            window.scrollTo({\r\n\r\n                top: 0,\r\n\r\n                behavior: \"smooth\"\r\n\r\n            });\r\n\r\n        });\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           YEAR\r\n        ===================================================== *\/\r\n\r\n        document.getElementById(\"year\").textContent =\r\n            new Date().getFullYear();\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           INITIALIZE\r\n        ===================================================== *\/\r\n\r\n        updateProgress();\r\n\r\n\r\n    <\/script>\r\n\r\n\r\n<\/body>\r\n\r\n<\/html>\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","protected":false},"excerpt":{"rendered":"<p>City One Tours | Content &#038; Virality Playbook UAE SOCIAL MEDIA PLAYBOOK \u00b7 2026 How City One Blows Up on Social. A UAE-focused organic content strategy for TikTok, Instagram Reels and short-form travel content \u2014 designed around powerful hooks, useful travel advice, founder-led storytelling and a direct WhatsApp funnel. View 20 Video Ideas \u2192 See&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-135","post","type-post","status-publish","format-standard","hentry","category-blog-updates"],"_links":{"self":[{"href":"https:\/\/cityonetours.com\/blog\/wp-json\/wp\/v2\/posts\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cityonetours.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cityonetours.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cityonetours.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/cityonetours.com\/blog\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":20,"href":"https:\/\/cityonetours.com\/blog\/wp-json\/wp\/v2\/posts\/135\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/cityonetours.com\/blog\/wp-json\/wp\/v2\/posts\/135\/revisions\/159"}],"wp:attachment":[{"href":"https:\/\/cityonetours.com\/blog\/wp-json\/wp\/v2\/media?parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cityonetours.com\/blog\/wp-json\/wp\/v2\/categories?post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cityonetours.com\/blog\/wp-json\/wp\/v2\/tags?post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}