<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <title>Lyzhin.Media — Marketing Systems for UAE & Global Businesses</title>

  <meta name="description" content="End-to-end marketing systems: funnels, analytics, lead generation, and team enablement. UAE & international markets." />

  <style>

    :root{

      --bg:#0B1F33;

      --bg2:#0F2A45;

      --card:#0F2740;

      --text:#EAF2FF;

      --muted:rgba(234,242,255,.72);

      --line:rgba(234,242,255,.12);

      --accent:#56A7FF;

      --accent2:#7BE0FF;

      --white:#fff;

      --shadow: 0 14px 40px rgba(0,0,0,.28);

      --radius:18px;

      --max:1120px;

      --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";

    }

    *{box-sizing:border-box}

    body{

      margin:0;

      font-family:var(--font);

      color:var(--text);

      background: radial-gradient(900px 600px at 20% 0%, #153A60 0%, var(--bg) 45%, #071422 100%);

      line-height:1.45;

    }

    a{color:inherit; text-decoration:none}

    .wrap{max-width:var(--max); margin:0 auto; padding:0 20px}

    .topbar{

      position:sticky; top:0; z-index:50;

      backdrop-filter: blur(10px);

      background: rgba(7,20,34,.55);

      border-bottom:1px solid var(--line);

    }

    .topbar .row{

      display:flex; align-items:center; justify-content:space-between;

      padding:14px 0;

      gap:14px;

    }

    .brand{

      display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.4px;

    }

    .logo{

      width:36px; height:36px; border-radius:10px;

      background: linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);

      box-shadow: 0 10px 26px rgba(86,167,255,.25);

    }

    .nav{

      display:flex; gap:18px; align-items:center;

      color:var(--muted);

      font-weight:600;

      font-size:14px;

    }

    .nav a{opacity:.9}

    .nav a:hover{opacity:1; color:var(--text)}

    .actions{

      display:flex; align-items:center; gap:10px;

    }

    .btn{

      display:inline-flex; align-items:center; justify-content:center;

      height:40px; padding:0 14px; border-radius:12px;

      border:1px solid var(--line);

      background: rgba(255,255,255,.06);

      color:var(--text);

      font-weight:700; font-size:14px;

      cursor:pointer;

      transition:.18s transform ease, .18s background ease;

      white-space:nowrap;

    }

    .btn:hover{transform:translateY(-1px); background:rgba(255,255,255,.09)}

    .btn.primary{

      border:none;

      background: linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);

      color:#06111d;

    }

    .lang{

      display:flex; gap:8px; align-items:center;

      border:1px solid var(--line);

      border-radius:999px;

      padding:4px;

      background: rgba(255,255,255,.05);

    }

    .lang button{

      border:0; background:transparent; color:var(--muted);

      font-weight:800; font-size:12px;

      padding:7px 10px; border-radius:999px;

      cursor:pointer;

    }

    .lang button.active{

      background: rgba(255,255,255,.12);

      color:var(--text);

    }


    /* Hero */

    .hero{padding:64px 0 28px}

    .hero-grid{

      display:grid;

      grid-template-columns: 1.2fr .8fr;

      gap:22px;

      align-items:stretch;

    }

    .card{

      background: linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.03) 100%);

      border:1px solid var(--line);

      border-radius: var(--radius);

      box-shadow: var(--shadow);

    }

    .hero-left{padding:30px}

    .kicker{

      display:inline-flex; align-items:center; gap:10px;

      padding:8px 12px; border-radius:999px;

      border:1px solid var(--line);

      color:var(--muted);

      font-weight:700; font-size:13px;

      background: rgba(255,255,255,.04);

      margin-bottom:14px;

    }

    h1{

      margin:0 0 12px;

      font-size:44px; line-height:1.05;

      letter-spacing:-.5px;

    }

    .lead{

      color:var(--muted);

      font-size:16px;

      max-width:60ch;

      margin:0 0 18px;

    }

    .hero-ctas{display:flex; gap:12px; flex-wrap:wrap; margin:18px 0 0}

    .stats{

      display:grid; grid-template-columns:repeat(3,1fr);

      gap:12px; margin-top:22px;

    }

    .stat{

      padding:14px 14px;

      border-radius:14px;

      border:1px solid var(--line);

      background: rgba(6,17,29,.35);

    }

    .stat b{display:block; font-size:22px; letter-spacing:-.3px}

    .stat span{color:var(--muted); font-weight:650; font-size:12px}


    .hero-right{padding:20px}

    .mini{

      display:flex; flex-direction:column; gap:12px;

      height:100%;

    }

    .mini .box{

      border:1px solid var(--line);

      border-radius:16px;

      padding:16px;

      background: rgba(6,17,29,.35);

    }

    .mini h3{margin:0 0 8px; font-size:15px; letter-spacing:.2px}

    .mini p{margin:0; color:var(--muted); font-size:13px}

    .pill-row{display:flex; gap:8px; flex-wrap:wrap; margin-top:12px}

    .pill{

      font-size:12px; font-weight:750;

      padding:7px 10px;

      border-radius:999px;

      border:1px solid var(--line);

      background: rgba(255,255,255,.05);

      color:var(--muted);

    }


    /* Sections */

    section{padding:44px 0}

    .section-title{

      display:flex; align-items:flex-end; justify-content:space-between;

      gap:14px; margin-bottom:18px;

    }

    .section-title h2{

      margin:0;

      font-size:26px; letter-spacing:-.3px;

    }

    .section-title p{

      margin:0; color:var(--muted); max-width:62ch;

      font-size:14px; font-weight:600;

    }

    .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}

    .grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:14px}

    .item{

      padding:18px;

      border-radius:16px;

      border:1px solid var(--line);

      background: rgba(255,255,255,.04);

    }

    .item h3{margin:0 0 6px; font-size:15px}

    .item p{margin:0; color:var(--muted); font-size:13px}

    .item ul{margin:10px 0 0; padding-left:18px; color:var(--muted); font-size:13px}

    .item li{margin:6px 0}


    /* Cases */

    .cases{

      display:grid;

      grid-template-columns:repeat(3,1fr);

      gap:14px;

    }

    .case{

      padding:18px;

      border-radius:16px;

      border:1px solid var(--line);

      background: rgba(255,255,255,.04);

      position:relative;

      overflow:hidden;

    }

    .case .tag{

      display:inline-flex; align-items:center; gap:6px;

      font-size:11px; font-weight:800;

      padding:6px 10px; border-radius:999px;

      border:1px solid var(--line);

      background: rgba(6,17,29,.28);

      color:var(--muted);

    }

    .case h3{margin:10px 0 6px; font-size:16px}

    .case p{margin:0; color:var(--muted); font-size:13px}

    .case .metrics{

      margin-top:12px;

      border-top:1px solid var(--line);

      padding-top:12px;

      display:grid;

      gap:8px;

      color:var(--muted);

      font-size:12px;

      font-weight:700;

    }

    .case .metrics b{color:var(--text)}

    .case::after{

      content:"";

      position:absolute; inset:-40px -60px auto auto;

      width:140px; height:140px;

      background: radial-gradient(circle at 30% 30%, rgba(123,224,255,.28), rgba(86,167,255,0));

      transform:rotate(25deg);

    }


    /* Testimonials */

    .quote{

      padding:22px;

      border-radius:16px;

      border:1px solid var(--line);

      background: rgba(255,255,255,.04);

    }

    .quote p{margin:0; font-size:15px; color:var(--text)}

    .quote span{display:block; margin-top:10px; color:var(--muted); font-weight:700; font-size:13px}


    /* Contact */

    .contact{

      display:grid;

      grid-template-columns: 1fr 1fr;

      gap:14px;

      align-items:stretch;

    }

    .contact .panel{padding:22px}

    .field{display:flex; flex-direction:column; gap:8px; margin:12px 0}

    label{font-size:12px; font-weight:800; color:var(--muted)}

    input, textarea{

      border-radius:12px;

      border:1px solid var(--line);

      background: rgba(6,17,29,.35);

      color:var(--text);

      padding:12px 12px;

      outline:none;

      font-size:14px;

    }

    textarea{min-height:120px; resize:vertical}

    .note{color:var(--muted); font-size:12px; font-weight:650; margin-top:10px}

    .ok, .err{

      margin-top:12px;

      border-radius:12px;

      padding:10px 12px;

      font-weight:750;

      font-size:13px;

      display:none;

    }

    .ok{background: rgba(61, 255, 166, .12); border:1px solid rgba(61,255,166,.18)}

    .err{background: rgba(255, 92, 92, .12); border:1px solid rgba(255,92,92,.20)}


    footer{

      padding:24px 0 40px;

      color:rgba(234,242,255,.55);

      font-size:12px;

      border-top:1px solid var(--line);

    }


    /* Responsive */

    @media (max-width: 980px){

      .hero-grid{grid-template-columns:1fr}

      h1{font-size:36px}

      .stats{grid-template-columns:1fr; }

      .grid-3, .cases{grid-template-columns:1fr}

      .grid-2, .contact{grid-template-columns:1fr}

      .nav{display:none}

    }

  </style>

</head>


<body>

  <div class="topbar">

    <div class="wrap">

      <div class="row">

        <div class="brand">

          <div class="logo" aria-hidden="true"></div>

          <div>LYZHIN.MEDIA</div>

        </div>


        <div class="nav">

          <a href="#services" data-i18n="nav_services">Services</a>

          <a href="#cases" data-i18n="nav_cases">Cases</a>

          <a href="#process" data-i18n="nav_process">Process</a>

          <a href="#contact" data-i18n="nav_contact">Contact</a>

        </div>


        <div class="actions">

          <div class="lang" aria-label="Language">

            <button id="btnEN" class="active" type="button">EN</button>

            <button id="btnRU" type="button">RU</button>

          </div>

          <a class="btn" id="btnPhone" href="tel:+971522353527">+971 52 235 3527</a>

          <a class="btn primary" id="btnWA" target="_blank" rel="noopener"

             href="https://wa.me/971522353527?text=Hi%20Nikita!%20I%27d%20like%20to%20discuss%20marketing%20for%20my%20business.">

            WhatsApp

          </a>

        </div>

      </div>

    </div>

  </div>


  <header class="hero">

    <div class="wrap hero-grid">

      <div class="card hero-left">

        <div class="kicker" data-i18n="kicker">UAE & Global • End-to-end marketing systems</div>

        <h1 data-i18n="h1">Marketing that turns into leads, pipelines, and controlled growth.</h1>

        <p class="lead" data-i18n="lead">

          I build practical marketing systems: positioning → funnels → traffic → analytics → sales handoff.

          No “creative chaos” — only measurable execution.

        </p>


        <div class="hero-ctas">

          <a class="btn primary" href="#contact" data-i18n="cta1">Get a free diagnostic</a>

          <a class="btn" href="#cases" data-i18n="cta2">View cases</a>

        </div>


        <div class="stats" aria-label="Key stats">

          <div class="stat">

            <b>11+</b><span data-i18n="stat1">years in digital marketing</span>

          </div>

          <div class="stat">

            <b>100+</b><span data-i18n="stat2">projects delivered</span>

          </div>

          <div class="stat">

            <b>14</b><span data-i18n="stat3">days to first results (typical)</span>

          </div>

        </div>

      </div>


      <div class="card hero-right">

        <div class="mini">

          <div class="box">

            <h3 data-i18n="box1_title">What I’m best at</h3>

            <p data-i18n="box1_text">

              Turning “we need leads” into a clear roadmap: offer, channel mix, tracking, and a repeatable funnel.

            </p>

            <div class="pill-row">

              <span class="pill" data-i18n="pill1">Lead gen</span>

              <span class="pill" data-i18n="pill2">Funnels</span>

              <span class="pill" data-i18n="pill3">Analytics</span>

              <span class="pill" data-i18n="pill4">Automation</span>

              <span class="pill" data-i18n="pill5">Team enablement</span>

            </div>

          </div>


          <div class="box">

            <h3 data-i18n="box2_title">For international businesses</h3>

            <p data-i18n="box2_text">

              English-first communication, clear scope, structured reporting, and KPI ownership.

            </p>

          </div>


          <div class="box">

            <h3 data-i18n="box3_title">Typical engagement</h3>

            <p data-i18n="box3_text">

              Retainer or project-based. Target range: $4–6k / month depending on scope and speed.

            </p>

          </div>

        </div>

      </div>

    </div>

  </header>


  <section id="services">

    <div class="wrap">

      <div class="section-title">

        <div>

          <h2 data-i18n="services_h2">Services</h2>

          <p data-i18n="services_p">You don’t need “marketing”. You need a system that produces sales opportunities.</p>

        </div>

      </div>


      <div class="grid-3">

        <div class="item">

          <h3 data-i18n="svc1_t">Audit & Strategy</h3>

          <p data-i18n="svc1_p">Positioning, offer, ICP, funnel map, and a 30–90 day plan.</p>

          <ul>

            <li data-i18n="svc1_l1">Messaging that sells (EN / RU)</li>

            <li data-i18n="svc1_l2">Channel mix (Meta / Google / Telegram / LinkedIn)</li>

            <li data-i18n="svc1_l3">Tracking plan & KPI model</li>

          </ul>

        </div>

        <div class="item">

          <h3 data-i18n="svc2_t">Performance & Lead Generation</h3>

          <p data-i18n="svc2_p">Campaigns built for qualified leads — not vanity metrics.</p>

          <ul>

            <li data-i18n="svc2_l1">Creative → launch → optimization loop</li>

            <li data-i18n="svc2_l2">Landing pages & conversion improvements</li>

            <li data-i18n="svc2_l3">Cost control: CPL / CAC / ROI</li>

          </ul>

        </div>

        <div class="item">

          <h3 data-i18n="svc3_t">Analytics & Automation</h3>

          <p data-i18n="svc3_p">From clicks to revenue: end-to-end tracking + workflow automation.</p>

          <ul>

            <li data-i18n="svc3_l1">GA4 / CRM / call tracking integration</li>

            <li data-i18n="svc3_l2">Dashboards & reporting</li>

            <li data-i18n="svc3_l3">Lead routing + Telegram notifications</li>

          </ul>

        </div>

      </div>

    </div>

  </section>


  <section id="cases">

    <div class="wrap">

      <div class="section-title">

        <div>

          <h2 data-i18n="cases_h2">Cases</h2>

          <p data-i18n="cases_p">A few examples of what a “marketing system” looks like in real life.</p>

        </div>

      </div>


      <div class="cases">

        <div class="case">

          <div class="tag" data-i18n="tag_realestate">Real estate</div>

          <h3>TOWER GROUP</h3>

          <p data-i18n="case1_p">End-to-end analytics + funnel consolidation + pixel setup for acquisition cost control.</p>

          <div class="metrics">

            <div><b data-i18n="m1">CPL:</b> ₽3,500 → ₽850</div>

            <div><b data-i18n="m2">Targeted traffic:</b> +75%</div>

            <div><b data-i18n="m3">ROI:</b> 1582.4%</div>

          </div>

        </div>


        <div class="case">

          <div class="tag" data-i18n="tag_systems">Systems</div>

          <h3>Business Bureau</h3>

          <p data-i18n="case2_p">Turnkey sales management system: funnels, reporting, and operational clarity.</p>

          <div class="metrics">

            <div><b data-i18n="m4">Outcome:</b> transparent pipeline & control</div>

            <div><b data-i18n="m5">Focus:</b> sales ops + automation</div>

          </div>

        </div>


        <div class="case">

          <div class="tag" data-i18n="tag_uae">UAE</div>

          <h3>AURA HANSA</h3>

          <p data-i18n="case3_p">Full real estate sales automation: structured lead flow + process setup.</p>

          <div class="metrics">

            <div><b data-i18n="m6">Focus:</b> CRM + funnel + analytics</div>

          </div>

        </div>


        <div class="case">

          <div class="tag" data-i18n="tag_luxury">Luxury</div>

          <h3>Grosville</h3>

          <p data-i18n="case4_p">Digital showcase for premium real estate: website + positioning + conversion structure.</p>

          <div class="metrics">

            <div><b data-i18n="m7">Output:</b> sales-ready presentation</div>

          </div>

        </div>


        <div class="case">

          <div class="tag" data-i18n="tag_ecom">B2B / eCommerce</div>

          <h3>Treejar Trading</h3>

          <p data-i18n="case5_p">B2B growth & market entry: performance acquisition + catalog logic + reporting.</p>

          <div class="metrics">

            <div><b data-i18n="m8">Channel:</b> Google (high intent)</div>

          </div>

        </div>


        <div class="case">

          <div class="tag" data-i18n="tag_local">Local</div>

          <h3>Detailing Studio (Dubai)</h3>

          <p data-i18n="case6_p">From zero to first sales: offer packaging + lead flow + tracking.</p>

          <div class="metrics">

            <div><b data-i18n="m9">Goal:</b> first predictable leads</div>

          </div>

        </div>

      </div>

    </div>

  </section>


  <section id="process">

    <div class="wrap">

      <div class="section-title">

        <div>

          <h2 data-i18n="process_h2">How we work</h2>

          <p data-i18n="process_p">Simple, structured, and measurable. Especially important for international teams.</p>

        </div>

      </div>


      <div class="grid-2">

        <div class="item">

          <h3 data-i18n="p1_t">1) Diagnostic</h3>

          <p data-i18n="p1_p">We clarify the business model, offer, ICP, and bottlenecks in the funnel.</p>

          <ul>

            <li data-i18n="p1_l1">Audit: ads / site / tracking / CRM</li>

            <li data-i18n="p1_l2">Quick wins list</li>

          </ul>

        </div>

        <div class="item">

          <h3 data-i18n="p2_t">2) Build the system</h3>

          <p data-i18n="p2_p">Landing + tracking + routing + campaigns — set up to measure ROI, not clicks.</p>

          <ul>

            <li data-i18n="p2_l1">Funnel map & messaging</li>

            <li data-i18n="p2_l2">Analytics / dashboards</li>

          </ul>

        </div>

        <div class="item">

          <h3 data-i18n="p3_t">3) Growth loop</h3>

          <p data-i18n="p3_p">Weekly optimization + creative iteration + conversion improvements.</p>

          <ul>

            <li data-i18n="p3_l1">A/B tests (ads + page)</li>

            <li data-i18n="p3_l2">Lead quality control</li>

          </ul>

        </div>

        <div class="item">

          <h3 data-i18n="p4_t">4) Reporting & transparency</h3>

          <p data-i18n="p4_p">Clear numbers: CPL, CAC, pipeline, revenue impact. No “marketing fog”.</p>

          <ul>

            <li data-i18n="p4_l1">Weekly report</li>

            <li data-i18n="p4_l2">Monthly roadmap update</li>

          </ul>

        </div>

      </div>

    </div>

  </section>


  <section>

    <div class="wrap">

      <div class="section-title">

        <div>

          <h2 data-i18n="trust_h2">Client feedback</h2>

          <p data-i18n="trust_p">Social proof block — we’ll replace with your real testimonials anytime.</p>

        </div>

      </div>


      <div class="quote">

        <p data-i18n="quote">“For the first time in a while, I feel calm and confident. Transparent, respectful, and truly professional.”</p>

        <span>— Alex Larkins</span>

      </div>

    </div>

  </section>


  <section id="contact">

    <div class="wrap">

      <div class="section-title">

        <div>

          <h2 data-i18n="contact_h2">Let’s make things happen</h2>

          <p data-i18n="contact_p">Send a short request — I’ll reply with next steps and a clear plan.</p>

        </div>

      </div>


      <div class="contact">

        <div class="card panel">

          <h3 style="margin:0 0 8px" data-i18n="contact_left_t">Contact</h3>

          <p style="margin:0 0 16px; color:var(--muted)" data-i18n="contact_left_p">

            Prefer WhatsApp? Click the button — or leave a message through the form.

          </p>


          <div class="item" style="margin:0 0 12px">

            <div style="display:flex; gap:10px; flex-wrap:wrap; align-items:center">

              <a class="btn primary" target="_blank" rel="noopener"

                href="https://wa.me/971522353527?text=Hi%20Nikita!%20I%27d%20like%20to%20discuss%20marketing%20for%20my%20business.">

                WhatsApp

              </a>

              <a class="btn" href="tel:+971522353527">+971 52 235 3527</a>

              <a class="btn" href="mailto:lyzhin.media@gmail.com">lyzhin.media@gmail.com</a>

            </div>

          </div>


          <div class="item">

            <h3 style="margin:0 0 6px" data-i18n="scope_t">Typical scope</h3>

            <p style="margin:0; color:var(--muted)" data-i18n="scope_p">

              Strategy + funnel + campaigns + analytics + reporting. $4–6k / month depending on scope.

            </p>

          </div>

        </div>


        <div class="card panel">

          <h3 style="margin:0 0 8px" data-i18n="form_t">Email request</h3>

          <p style="margin:0 0 10px; color:var(--muted)" data-i18n="form_p">

            This form will be connected to Google Sheets + Telegram notifications in step 2.

          </p>


          <form id="leadForm">

            <div class="field">

              <label data-i18n="f_name">Your name</label>

              <input name="name" required placeholder="John Smith" />

            </div>

            <div class="field">

              <label data-i18n="f_email">Email</label>

              <input name="email" type="email" required placeholder="john@company.com" />

            </div>

            <div class="field">

              <label data-i18n="f_company">Company / Website</label>

              <input name="company" placeholder="Company name or website" />

            </div>

            <div class="field">

              <label data-i18n="f_msg">What do you need?</label>

              <textarea name="message" required placeholder="Briefly describe your goal, product and target market."></textarea>

            </div>


            <button class="btn primary" type="submit" data-i18n="f_send">Send</button>

            <div class="ok" id="okBox" data-i18n="ok">Sent. I’ll reply shortly.</div>

            <div class="err" id="errBox" data-i18n="err">Something went wrong. Please use WhatsApp or email.</div>


            <div class="note" data-i18n="privacy">

              By submitting this form, you consent to the processing of your data for contact purposes.

            </div>

          </form>

        </div>

      </div>

    </div>

  </section>


  <footer>

    <div class="wrap">

      <div style="display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap">

        <div>© <span id="year"></span> Lyzhin.Media</div>

        <div style="opacity:.85">UAE • International • Marketing Systems</div>

      </div>

    </div>

  </footer>


  <script>

    // 1) Language toggle

    const dict = {

      en: {

        nav_services:"Services", nav_cases:"Cases", nav_process:"Process", nav_contact:"Contact",

        kicker:"UAE & Global • End-to-end marketing systems",

        h1:"Marketing that turns into leads, pipelines, and controlled growth.",

        lead:"I build practical marketing systems: positioning → funnels → traffic → analytics → sales handoff. No “creative chaos” — only measurable execution.",

        cta1:"Get a free diagnostic", cta2:"View cases",

        stat1:"years in digital marketing", stat2:"projects delivered", stat3:"days to first results (typical)",

        box1_title:"What I’m best at", box1_text:"Turning “we need leads” into a clear roadmap: offer, channel mix, tracking, and a repeatable funnel.",

        box2_title:"For international businesses", box2_text:"English-first communication, clear scope, structured reporting, and KPI ownership.",

        box3_title:"Typical engagement", box3_text:"Retainer or project-based. Target range: $4–6k / month depending on scope and speed.",

        pill1:"Lead gen", pill2:"Funnels", pill3:"Analytics", pill4:"Automation", pill5:"Team enablement",

        services_h2:"Services", services_p:"You don’t need “marketing”. You need a system that produces sales opportunities.",

        svc1_t:"Audit & Strategy", svc1_p:"Positioning, offer, ICP, funnel map, and a 30–90 day plan.",

        svc1_l1:"Messaging that sells (EN / RU)", svc1_l2:"Channel mix (Meta / Google / Telegram / LinkedIn)", svc1_l3:"Tracking plan & KPI model",

        svc2_t:"Performance & Lead Generation", svc2_p:"Campaigns built for qualified leads — not vanity metrics.",

        svc2_l1:"Creative → launch → optimization loop", svc2_l2:"Landing pages & conversion improvements", svc2_l3:"Cost control: CPL / CAC / ROI",

        svc3_t:"Analytics & Automation", svc3_p:"From clicks to revenue: end-to-end tracking + workflow automation.",

        svc3_l1:"GA4 / CRM / call tracking integration", svc3_l2:"Dashboards & reporting", svc3_l3:"Lead routing + Telegram notifications",

        cases_h2:"Cases", cases_p:"A few examples of what a “marketing system” looks like in real life.",

        tag_realestate:"Real estate", tag_systems:"Systems", tag_uae:"UAE", tag_luxury:"Luxury", tag_ecom:"B2B / eCommerce", tag_local:"Local",

        case1_p:"End-to-end analytics + funnel consolidation + pixel setup for acquisition cost control.",

        case2_p:"Turnkey sales management system: funnels, reporting, and operational clarity.",

        case3_p:"Full real estate sales automation: structured lead flow + process setup.",

        case4_p:"Digital showcase for premium real estate: website + positioning + conversion structure.",

        case5_p:"B2B growth & market entry: performance acquisition + catalog logic + reporting.",

        case6_p:"From zero to first sales: offer packaging + lead flow + tracking.",

        m1:"CPL:", m2:"Targeted traffic:", m3:"ROI:", m4:"Outcome:", m5:"Focus:", m6:"Focus:", m7:"Output:", m8:"Channel:", m9:"Goal:",

        process_h2:"How we work", process_p:"Simple, structured, and measurable. Especially important for international teams.",

        p1_t:"1) Diagnostic", p1_p:"We clarify the business model, offer, ICP, and bottlenecks in the funnel.",

        p1_l1:"Audit: ads / site / tracking / CRM", p1_l2:"Quick wins list",

        p2_t:"2) Build the system", p2_p:"Landing + tracking + routing + campaigns — set up to measure ROI, not clicks.",

        p2_l1:"Funnel map & messaging", p2_l2:"Analytics / dashboards",

        p3_t:"3) Growth loop", p3_p:"Weekly optimization + creative iteration + conversion improvements.",

        p3_l1:"A/B tests (ads + page)", p3_l2:"Lead quality control",

        p4_t:"4) Reporting & transparency", p4_p:"Clear numbers: CPL, CAC, pipeline, revenue impact. No “marketing fog”.",

        p4_l1:"Weekly report", p4_l2:"Monthly roadmap update",

        trust_h2:"Client feedback", trust_p:"Social proof block — we’ll replace with your real testimonials anytime.",

        quote:"“For the first time in a while, I feel calm and confident. Transparent, respectful, and truly professional.”",

        contact_h2:"Let’s make things happen", contact_p:"Send a short request — I’ll reply with next steps and a clear plan.",

        contact_left_t:"Contact", contact_left_p:"Prefer WhatsApp? Click the button — or leave a message through the form.",

        scope_t:"Typical scope", scope_p:"Strategy + funnel + campaigns + analytics + reporting. $4–6k / month depending on scope.",

        form_t:"Email request", form_p:"This form will be connected to Google Sheets + Telegram notifications in step 2.",

        f_name:"Your name", f_email:"Email", f_company:"Company / Website", f_msg:"What do you need?", f_send:"Send",

        ok:"Sent. I’ll reply shortly.", err:"Something went wrong. Please use WhatsApp or email.",

        privacy:"By submitting this form, you consent to the processing of your data for contact purposes."

      },

      ru: {

        nav_services:"Услуги", nav_cases:"Кейсы", nav_process:"Процесс", nav_contact:"Контакты",

        kicker:"ОАЭ и международный рынок • маркетинг “под ключ”",

        h1:"Маркетинг, который превращается в лиды, воронку и контролируемый рост.",

        lead:"Я собираю практичные маркетинговые системы: позиционирование → воронки → трафик → аналитика → передача в продажи. Без хаоса — только измеримая работа.",

        cta1:"Бесплатный аудит", cta2:"Посмотреть кейсы",

        stat1:"лет в digital-маркетинге", stat2:"проектов реализовано", stat3:"дней до первых результатов (обычно)",

        box1_title:"Сильная сторона", box1_text:"Перевожу запрос “нужны лиды” в понятный план: оффер, каналы, трекинг и повторяемая воронка.",

        box2_title:"Для международных компаний", box2_text:"Коммуникация на английском, прозрачный scope, регулярные отчёты и ответственность за KPI.",

        box3_title:"Формат работы", box3_text:"Ретейнер или проект. Типичный диапазон: $4–6k в месяц (зависит от объёма).",

        pill1:"Лидген", pill2:"Воронки", pill3:"Аналитика", pill4:"Автоматизация", pill5:"Усиление команды",

        services_h2:"Услуги", services_p:"Вам не нужен “маркетинг”. Нужна система, которая приносит продажи и лиды.",

        svc1_t:"Аудит и стратегия", svc1_p:"Позиционирование, оффер, ICP, карта воронки и план на 30–90 дней.",

        svc1_l1:"Сообщения и офферы (EN / RU)", svc1_l2:"Выбор каналов (Meta / Google / Telegram / LinkedIn)", svc1_l3:"План трекинга и KPI-модель",

        svc2_t:"Performance и лидогенерация", svc2_p:"Кампании под качественные лиды — без “пустых” метрик.",

        svc2_l1:"Креатив → запуск → оптимизация", svc2_l2:"Лендинги и рост конверсии", svc2_l3:"Контроль CPL / CAC / ROI",

        svc3_t:"Аналитика и автоматизация", svc3_p:"От клика до выручки: сквозной учёт + автоматизация процессов.",

        svc3_l1:"GA4 / CRM / call-tracking интеграции", svc3_l2:"Дашборды и отчётность", svc3_l3:"Роутинг лидов + Telegram-уведомления",

        cases_h2:"Кейсы", cases_p:"Примеры того, как выглядит “маркетинговая система” на практике.",

        tag_realestate:"Недвижимость", tag_systems:"Системы", tag_uae:"ОАЭ", tag_luxury:"Премиум", tag_ecom:"B2B / eCommerce", tag_local:"Локальный бизнес",

        case1_p:"Сквозная аналитика + объединение воронок + настройка пикселя для контроля стоимости привлечения.",

        case2_p:"Система управления продажами: воронки, отчётность и операционная прозрачность.",

        case3_p:"Автоматизация продаж в недвижимости: структурированный поток лидов + процессы.",

        case4_p:"Сайт-витрина для премиальной недвижимости: позиционирование + структура конверсии.",

        case5_p:"Рост B2B: перформанс-привлечение + логика каталога + отчётность.",

        case6_p:"С нуля до первых продаж: упаковка оффера + лид-поток + трекинг.",

        m1:"CPL:", m2:"Целевой трафик:", m3:"ROI:", m4:"Результат:", m5:"Фокус:", m6:"Фокус:", m7:"Выход:", m8:"Канал:", m9:"Цель:",

        process_h2:"Как работаем", process_p:"Просто, структурно и измеримо. Это критично для международных команд.",

        p1_t:"1) Диагностика", p1_p:"Проясняем модель бизнеса, оффер, ICP и узкие места воронки.",

        p1_l1:"Аудит: реклама / сайт / трекинг / CRM", p1_l2:"Список quick wins",

        p2_t:"2) Собираем систему", p2_p:"Лендинг + трекинг + роутинг + кампании — чтобы считать ROI, а не клики.",

        p2_l1:"Карта воронки и сообщения", p2_l2:"Аналитика / дашборды",

        p3_t:"3) Рост и оптимизация", p3_p:"Еженедельная оптимизация + итерации креативов + рост конверсии.",

        p3_l1:"A/B тесты (объявления + страница)", p3_l2:"Контроль качества лидов",

        p4_t:"4) Отчётность и прозрачность", p4_p:"Понятные цифры: CPL, CAC, воронка, вклад в выручку. Без тумана.",

        p4_l1:"Еженедельный отчёт", p4_l2:"Ежемесячное обновление плана",

        trust_h2:"Отзывы", trust_p:"Пока плейсхолдер — заменим на реальные отзывы, когда будешь готов.",

        quote:"«Впервые за долгое время спокойно: всё прозрачно, уважительно и по-профессиональному.»",

        contact_h2:"Давайте сделаем результат", contact_p:"Оставь короткий запрос — отвечу с понятными следующими шагами и планом.",

        contact_left_t:"Контакты", contact_left_p:"Удобнее WhatsApp? Нажми кнопку. Или оставь заявку через форму.",

        scope_t:"Обычно в работе", scope_p:"Стратегия + воронка + кампании + аналитика + отчётность. $4–6k/мес в зависимости от объёма.",

        form_t:"Заявка на email", form_p:"Эту форму подключим к Google Sheets + Telegram на шаге 2.",

        f_name:"Имя", f_email:"Email", f_company:"Компания / сайт", f_msg:"Что нужно?", f_send:"Отправить",

        ok:"Отправлено. Я отвечу в ближайшее время.", err:"Ошибка. Напиши в WhatsApp или на email.",

        privacy:"Отправляя форму, вы соглашаетесь на обработку данных для связи с вами."

      }

    };


    function setLang(lang){

      document.documentElement.lang = lang === "ru" ? "ru" : "en";

      localStorage.setItem("lang", lang);

      document.querySelectorAll("[data-i18n]").forEach(el=>{

        const key = el.getAttribute("data-i18n");

        if(dict[lang] && dict[lang][key]) el.textContent = dict[lang][key];

      });

      document.getElementById("btnEN").classList.toggle("active", lang==="en");

      document.getElementById("btnRU").classList.toggle("active", lang==="ru");

    }

    const saved = localStorage.getItem("lang") || "en";

    setLang(saved);

    document.getElementById("btnEN").addEventListener("click", ()=>setLang("en"));

    document.getElementById("btnRU").addEventListener("click", ()=>setLang("ru"));


    // 2) Form submission (connect later to Cloudflare Worker)

    const LEAD_ENDPOINT = "https://example.com/api/lead"; // <- replace later with your Worker URL


    const form = document.getElementById("leadForm");

    const okBox = document.getElementById("okBox");

    const errBox = document.getElementById("errBox");


    form.addEventListener("submit", async (e)=>{

      e.preventDefault();

      okBox.style.display = "none";

      errBox.style.display = "none";


      const fd = new FormData(form);

      const payload = Object.fromEntries(fd.entries());

      payload.source = "website";

      payload.lang = (document.documentElement.lang || "en").toUpperCase();

      payload.page = location.href;

      payload.ts = new Date().toISOString();


      try{

        const res = await fetch(LEAD_ENDPOINT, {

          method:"POST",

          headers:{ "Content-Type":"application/json" },

          body: JSON.stringify(payload)

        });


        if(!res.ok) throw new Error("Bad response");

        form.reset();

        okBox.style.display = "block";

      }catch(err){

        // Fallback: open email draft

        const subject = encodeURIComponent("New marketing request (website)");

        const body = encodeURIComponent(

          `Name: ${payload.name}\nEmail: ${payload.email}\nCompany: ${payload.company || ""}\n\nMessage:\n${payload.message}\n\nPage: ${payload.page}\nLang: ${payload.lang}\nTime: ${payload.ts}`

        );

        window.location.href = `mailto:lyzhin.media@gmail.com?subject=${subject}&body=${body}`;

        errBox.style.display = "block";

      }

    });


    document.getElementById("year").textContent = new Date().getFullYear();

  </script>

</body>

</html>