<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>1R by OneRevamp — Grow your social media, one honest step at a time</title>
<meta name="description" content="1R is a free social media app that shows your real numbers, lets you post everywhere at once, and keeps you consistent. Built by OneRevamp, a Miami marketing agency.">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Unbounded:wght@200;300;400;700;900&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
:root{
  --cream:#f8f6f3;--cream2:#f0ece6;--ink:#161412;--ink2:#2e2b28;--muted:#6f675d;
  --border:rgba(0,0,0,.1);--cy:#00bcd4;--cy2:#00e5ff;--cydk:#007a8c;--cybg:rgba(0,188,212,.09);
  --mg:#d4006b;--mg2:#ff2090;--mgbg:rgba(212,0,107,.07);
  --font:'Unbounded',sans-serif;--mono:'DM Mono',monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:var(--font);font-weight:200;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:3px solid var(--cy);outline-offset:3px}
.wrap{max-width:1140px;margin:0 auto;padding:0 1.5rem}
section{padding:6rem 0 0}
h1,h2,h3{font-weight:900;font-style:italic;letter-spacing:-.035em;line-height:1.02}
h2{font-size:clamp(2rem,4.2vw,3.2rem)}
h3{font-size:1.15rem;line-height:1.2;letter-spacing:-.02em}
.lead{font-size:clamp(.88rem,1.5vw,1rem);color:var(--muted);max-width:560px}
.mg{color:var(--mg)}.cy{color:var(--cydk)}
.kicker{font-family:var(--mono);font-size:.72rem;color:var(--muted);margin-bottom:1rem;display:block;font-weight:400}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font);font-size:.68rem;font-weight:700;padding:.95rem 1.7rem;border-radius:10px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-mg{background:var(--mg);color:#fff;box-shadow:0 4px 18px rgba(212,0,107,.25)}
.btn-mg:hover{background:var(--mg2)}
.btn-cy{background:var(--cy);color:var(--ink)}
.btn-cy:hover{background:var(--cy2)}
.btn-line{border-color:rgba(0,0,0,.2);color:var(--ink2)}
.btn-line:hover{border-color:var(--cy)}
.on-dark .btn-line{border-color:rgba(255,255,255,.3);color:#fff}

/* nav */
nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.9rem 2rem;background:rgba(248,246,243,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.logo{font-weight:900;font-style:italic;font-size:1.1rem;letter-spacing:-.03em;text-decoration:none;display:flex;align-items:center;gap:.55rem}
.logo i{width:10px;height:10px;border-radius:50%;background:var(--cy);box-shadow:0 0 0 3px var(--cybg)}
.logo em{font-style:normal;color:var(--cy)}
.nav-r{display:flex;align-items:center;gap:1.6rem}
.nav-r a.l{font-size:.66rem;font-weight:300;text-decoration:none;color:var(--muted);transition:color .2s}
.nav-r a.l:hover{color:var(--cydk)}
.nav-r .btn{padding:.65rem 1.2rem;font-size:.62rem}
.burger{display:none;background:none;border:0;cursor:pointer;padding:6px;font-size:1.3rem;color:var(--ink)}
.drawer{display:none;position:fixed;top:58px;left:0;right:0;z-index:49;background:var(--cream);border-bottom:1px solid var(--border);padding:1.25rem 2rem 1.75rem;flex-direction:column;gap:1rem}
.drawer.open{display:flex}
.drawer a{text-decoration:none;font-size:.9rem}
@media(max-width:940px){.nav-r a.l,.nav-r .btn-line{display:none}.burger{display:block}}

/* hero */
#hero{background:var(--ink);color:#fff;padding:9rem 0 6rem;position:relative;overflow:hidden}
#hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(255,32,144,.2),transparent 50%),radial-gradient(circle at 90% 85%,rgba(0,229,255,.17),transparent 50%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}
#hero h1{font-size:clamp(2.7rem,6.4vw,5.4rem);line-height:.95;margin-bottom:1.5rem}
#hero h1 span{color:var(--cy2)}
#hero .lead{color:rgba(255,255,255,.72);margin-bottom:2rem}
#hero .lead strong{color:#fff;font-weight:700}
.hero-btns{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.5rem}
.hero-note{font-family:var(--mono);font-size:.72rem;color:rgba(255,255,255,.55)}
.hero-note i{color:var(--cy2);margin-right:.35rem}

/* phone mockup (illustration only — swap for a real screenshot when ready) */
.phone-wrap{display:flex;justify-content:center}
.phone{width:min(290px,100%);background:#fff;color:var(--ink);border-radius:34px;padding:1.1rem;border:7px solid #2a2724;box-shadow:0 30px 80px rgba(0,0,0,.5);transform:rotate(3deg)}
.ph-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:900;font-style:italic;font-size:1.1rem;letter-spacing:-.04em}
.ph-top b{color:var(--mg)}.ph-top b+b{color:var(--cydk)}
.ph-top small{font-family:var(--mono);font-size:.55rem;font-style:normal;font-weight:400;color:var(--muted)}
.ph-box{border:1px solid var(--border);border-radius:14px;padding:.8rem;background:var(--cream);margin-bottom:.8rem}
.ph-box p{font-size:.62rem;line-height:1.6;color:var(--muted);margin-bottom:.6rem}
.chips{display:flex;gap:.35rem;margin-bottom:.1rem}
.chips span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:.7rem;color:#fff}
.chips .a{background:var(--mg)}.chips .b{background:var(--cydk)}.chips .c{background:var(--ink2)}.chips .d{background:var(--muted)}
.ph-label{font-family:var(--mono);font-size:.56rem;color:var(--muted);margin-bottom:.45rem;display:block}
.bars{display:flex;align-items:flex-end;gap:5px;height:54px;margin-bottom:.8rem}
.bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(var(--cy),var(--cybg))}
.streak{display:flex;gap:5px}
.streak i{flex:1;height:10px;border-radius:99px;background:var(--cream2)}
.streak i.on{background:var(--mg)}
.ph-cap{text-align:center;font-family:var(--mono);font-size:.5rem;color:var(--muted);margin-top:.7rem}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.phone{transform:none}}

/* ticker of platforms */
.band{background:var(--cream2);border-bottom:1px solid var(--border);padding:1.1rem 1.5rem;text-align:center;font-family:var(--mono);font-size:.75rem;color:var(--muted)}
.band span{margin:0 .9rem;white-space:nowrap}
.band i{color:var(--ink2);margin-right:.4rem}

/* story */
.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:3.5rem;align-items:start}
.story p{margin-bottom:1.2rem;color:var(--ink2);font-size:.92rem}
.sign{font-weight:900;font-style:italic;letter-spacing:-.02em;font-size:.95rem}
.sign small{display:block;font-family:var(--mono);font-style:normal;font-weight:400;font-size:.7rem;color:var(--muted)}
@media(max-width:860px){.story{grid-template-columns:1fr;gap:1.5rem}}

/* features */
.head{margin-bottom:2.5rem;max-width:680px}
.head h2{margin-bottom:1rem}
.feat{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.f{background:#fff;border:1px solid var(--border);border-radius:16px;padding:2rem}
.f.wide{grid-column:span 2;background:var(--ink);color:#fff;display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center}
.f .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:1.1rem;background:var(--cybg);color:var(--cydk)}
.f.m .ic{background:var(--mgbg);color:var(--mg)}
.f.wide .ic{margin:0;background:rgba(255,255,255,.1);color:var(--cy2)}
.f h3{margin-bottom:.6rem}
.f p{font-size:.85rem;color:var(--muted)}
.f.wide p{color:rgba(255,255,255,.7)}
@media(max-width:760px){.feat{grid-template-columns:1fr}.f.wide{grid-column:auto;grid-template-columns:1fr}}

/* audience */
.aud{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.aud div{border-top:3px solid var(--cy);padding-top:1rem}
.aud div:nth-child(even){border-color:var(--mg)}
.aud h3{margin-bottom:.5rem}
.aud p{font-size:.82rem;color:var(--muted)}
@media(max-width:860px){.aud{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.aud{grid-template-columns:1fr}}

/* cta strip */
.cta{background:var(--mg);color:#fff;border-radius:20px;padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.cta h2{font-size:clamp(1.7rem,3.4vw,2.6rem);max-width:560px}
.cta .btn{background:#fff;color:var(--mg)}
.cta .btn:hover{background:var(--cream)}
.cta .sm{font-family:var(--mono);font-size:.72rem;opacity:.85;margin-top:.9rem}

/* services */
.svc{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.s{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.75rem;text-decoration:none;transition:border-color .2s,transform .2s}
.s:hover{border-color:var(--cy);transform:translateY(-3px)}
.s i.t{color:var(--cydk);font-size:1.1rem;margin-bottom:1rem}
.s:nth-child(odd) i.t{color:var(--mg)}
.s h3{margin-bottom:.5rem}
.s p{font-size:.83rem;color:var(--muted);flex:1;margin-bottom:1rem}
.s b{font-size:.68rem;font-weight:700}
@media(max-width:700px){.svc{grid-template-columns:1fr}}

/* how + viz */
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}
.step{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start}
.step .n{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--ink);color:var(--cy2)}
.step h3{margin-bottom:.35rem;font-size:1rem}
.step p{font-size:.8rem;color:var(--muted)}
.viz{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1rem}
.vz{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.5rem}
.vz h3{font-size:1rem;margin-bottom:.2rem}
.vz small{display:block;font-family:var(--mono);font-size:.68rem;color:var(--muted);margin-bottom:1rem}
.vz svg{width:100%;height:auto;display:block}
.heat{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.heat i{aspect-ratio:1;border-radius:5px;background:var(--cream2)}
.heat i.on{background:var(--mg)}.heat i.hi{background:var(--cy)}
.dn{display:flex;align-items:center;gap:1rem}
.dn svg{width:110px;flex:none}
.lg{list-style:none;font-size:.72rem;color:var(--ink2);line-height:2}
.lg i{width:1.1rem;text-align:center;margin-right:.35rem}
@media(max-width:900px){.how,.viz{grid-template-columns:1fr}}
.svc img{width:calc(100% + 3.5rem);max-width:none;margin:-1.75rem -1.75rem 1.3rem;height:150px;object-fit:cover;border-radius:16px 16px 0 0;display:block;background:var(--cream2)}
/* newsletter */
.news{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem}
.box{border-radius:16px;padding:2.2rem;border:1px solid var(--border);background:#fff}
.box.m{background:var(--mgbg);border-color:rgba(212,0,107,.25);display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between}
.box.m p{font-size:.85rem;color:var(--ink2);margin-top:1rem}
.feed-item{display:flex;gap:.9rem;padding:1rem 0;border-bottom:1px solid var(--border);text-decoration:none}
.feed-item:last-child{border:0}
.feed-item i{color:var(--muted);font-size:.8rem;margin-top:.4rem}
.feed-item:hover .ft{color:var(--cydk)}
.fd{display:block;font-family:var(--mono);font-size:.68rem;color:var(--muted)}
.ft{font-weight:900;font-style:italic;font-size:.95rem;line-height:1.3;letter-spacing:-.02em}
@media(max-width:860px){.news{grid-template-columns:1fr}}

/* contact */
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}
.contact h2{margin-bottom:1.2rem}
.contact p{font-size:.88rem;color:var(--muted);margin-bottom:1rem}
.promise{list-style:none;font-size:.82rem;color:var(--ink2)}
.promise li{margin-bottom:.5rem}
.promise i{color:var(--cydk);margin-right:.5rem}
form{background:#fff;border:1px solid rgba(212,0,107,.25);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1.1rem}
.row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
label{font-family:var(--mono);font-size:.74rem;color:var(--muted);display:block;margin-bottom:.4rem;font-weight:400}
label .req{color:var(--mg)}
input,select,textarea{width:100%;background:var(--cream);border:2px solid var(--border);border-radius:10px;font-family:var(--font);font-size:.82rem;font-weight:200;padding:.85rem 1rem;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--cy)}
textarea{min-height:110px;resize:vertical}
.err input,.err select{border-color:var(--mg)}
.em{display:none;font-family:var(--mono);font-size:.68rem;color:var(--mg);margin-top:.3rem}
.err .em{display:block}
form button{border:0;width:100%;justify-content:center}
.priv{font-family:var(--mono);font-size:.68rem;color:var(--muted);text-align:center}
.ok{display:none;text-align:center;padding:2rem 1rem}
.ok.show{display:block}
.ok h3{font-size:1.4rem;margin-bottom:.5rem}
@media(max-width:860px){.contact{grid-template-columns:1fr}.row{grid-template-columns:1fr}}

footer{background:var(--ink);color:#fff;padding:2.2rem 1.5rem;margin-top:6rem}
.fi{max-width:1140px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.2rem}
.fi .logo{color:#fff}
.fl{display:flex;gap:1.4rem;flex-wrap:wrap}
.fl a{font-family:var(--mono);font-size:.72rem;color:rgba(255,255,255,.6);text-decoration:none}
.fl a:hover{color:var(--cy2)}
.fc{font-family:var(--mono);font-size:.68rem;color:rgba(255,255,255,.45);width:100%}

/* one entrance moment: the hero */
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-grid>*{animation:up .9s ease both}
.hero-grid>*:nth-child(2){animation-delay:.2s}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
</style>
</head>
<body>

<nav>
  <a href="index.html" class="logo"><i></i>One<em>Revamp</em></a>
  <div class="nav-r">
    <a class="l" href="#why">Why we built 1R</a>
    <a class="l" href="#features">What 1R does</a>
    <a class="l" href="#services">Agency services</a>
    <a class="l" href="#signal">Newsletter</a>
    <a class="btn btn-line" href="https://1r.onerevamp.com/login">Log in</a>
    <a class="btn btn-mg" href="https://1r.onerevamp.com">Jump to 1R</a>
  </div>
  <button class="burger" id="burger" aria-label="Open menu" aria-expanded="false"><i class="fa-solid fa-bars"></i></button>
</nav>
<div class="drawer" id="drawer">
  <a href="#why">Why we built 1R</a>
  <a href="#features">What 1R does</a>
  <a href="#services">Agency services</a>
  <a href="#signal">Newsletter</a>
  <a href="https://1r.onerevamp.com/login">Log in</a>
  <a href="https://1r.onerevamp.com"><b>Jump to 1R</b></a>
</div>

<header id="hero" class="on-dark">
  <div class="wrap hero-grid">
    <div>
      <h1>Social media is hard enough. <span>Your tools shouldn't be.</span></h1>
      <p class="lead"><strong>1R</strong> is a free app for anyone who wants to get better at social media. See what's really working, write once and post everywhere, and build the habit of showing up. Made by the team at OneRevamp in Miami.</p>
      <div class="hero-btns">
        <a class="btn btn-mg" href="https://1r.onerevamp.com"><i class="fa-solid fa-bolt"></i> Start revamping for free</a>
        <a class="btn btn-line" href="#features">See how it works</a>
      </div>
      <p class="hero-note"><i class="fa-solid fa-mobile-screen"></i>Works in your browser and installs on your phone like an app.</p>
    </div>
    <div class="phone-wrap" aria-hidden="true">
      <div class="phone">
        <div class="ph-top"><span><b>1</b><b>R</b></span><small>Illustration</small></div>
        <div class="ph-box">
          <p>Write your post once…</p>
          <div class="chips"><span class="a"><i class="fa-brands fa-instagram"></i></span><span class="b"><i class="fa-brands fa-facebook-f"></i></span><span class="c"><i class="fa-brands fa-linkedin-in"></i></span><span class="d"><i class="fa-brands fa-tiktok"></i></span></div>
        </div>
        <span class="ph-label">Your real growth</span>
        <div class="bars"><i style="height:30%"></i><i style="height:42%"></i><i style="height:38%"></i><i style="height:60%"></i><i style="height:55%"></i><i style="height:78%"></i><i style="height:92%"></i></div>
        <span class="ph-label">Your posting streak</span>
        <div class="streak"><i class="on"></i><i class="on"></i><i class="on"></i><i class="on"></i><i></i><i></i><i></i></div>
        <p class="ph-cap">Swap this for a real screenshot of 1R</p>
      </div>
    </div>
  </div>
</header>

<div class="band">
  <span><i class="fa-brands fa-instagram"></i>Instagram</span>
  <span><i class="fa-brands fa-facebook"></i>Facebook</span>
  <span><i class="fa-brands fa-linkedin"></i>LinkedIn</span>
  <span><i class="fa-brands fa-tiktok"></i>TikTok</span>
  <span>All in one place</span>
</div>

<section id="why">
  <div class="wrap story">
    <div>
      <span class="kicker">Why we built 1R</span>
      <h2>We needed it first.</h2>
    </div>
    <div>
      <!-- EDIT ME: replace with Marcos's own words and the real story. -->
      <p>We run a marketing agency, so we spend our days helping people grow online. Over and over we saw the same thing: good people posting into silence, jumping between four apps, guessing at what worked, and quitting before it paid off.</p>
      <p>So we built the tool we wished existed. It shows only real numbers. If a platform won't share something, 1R says so instead of making it up. It helps you write once and publish everywhere. And it rewards the one thing that works for almost everyone: showing up, week after week.</p>
      <p>It started as our own tool. It's open to anyone who wants to learn and improve, whether you run a business, build a personal brand, or are just getting started.</p>
      <div class="sign">Marcos Kwasniewski<small>Founder, OneRevamp</small></div>
    </div>
  </div>
</section>

<section id="features">
  <div class="wrap">
    <div class="head">
      <h2>What 1R does for you.</h2>
      <p class="lead">Three things, done honestly.</p>
    </div>
    <div class="feat">
      <div class="f wide">
        <div class="ic"><i class="fa-solid fa-chart-line"></i></div>
        <div>
          <h3>Real numbers, always</h3>
          <p>No inflated stats and no made-up scores. You see what your accounts actually report, and when a platform keeps a number private, 1R tells you plainly.</p>
        </div>
      </div>
      <div class="f m">
        <div class="ic"><i class="fa-solid fa-pen-nib"></i></div>
        <h3>Write once, post everywhere</h3>
        <p>Compose a single post and send it to every connected platform. Less copy and paste, more time for ideas.</p>
      </div>
      <div class="f">
        <div class="ic"><i class="fa-solid fa-fire"></i></div>
        <h3>Streaks and milestones</h3>
        <p>Track your progress over time and celebrate the small wins. Consistency is what builds an audience, so 1R is built around it.</p>
      </div>
    </div>
  </div>
</section>

<section>
  <div class="wrap">
    <div class="head">
      <h2>How 1R works.</h2>
      <p class="lead">Connect, post, and watch what happens. Here's a look at the kind of picture 1R gives you.</p>
    </div>
    <div class="how">
      <div class="step"><span class="n"><i class="fa-solid fa-plug"></i></span><div><h3>1. Connect your accounts</h3><p>Link Instagram, Facebook, LinkedIn and TikTok in a few taps.</p></div></div>
      <div class="step"><span class="n"><i class="fa-solid fa-paper-plane"></i></span><div><h3>2. Write once, post everywhere</h3><p>One draft goes out to every platform you choose.</p></div></div>
      <div class="step"><span class="n"><i class="fa-solid fa-seedling"></i></span><div><h3>3. Watch real growth</h3><p>Track progress and keep your streak going week after week.</p></div></div>
    </div>
    <div class="viz" aria-hidden="true">
      <div class="vz">
        <h3><i class="fa-solid fa-chart-line mg"></i> Your growth over time</h3>
        <small>Illustrative example, not real data</small>
        <svg viewBox="0 0 400 170" role="img">
          <defs><linearGradient id="ga" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#00bcd4" stop-opacity=".35"/><stop offset="1" stop-color="#00bcd4" stop-opacity="0"/></linearGradient></defs>
          <g stroke="#000" stroke-opacity=".08"><path d="M0 30H400M0 70H400M0 110H400M0 150H400"/></g>
          <path d="M0 135L50 122L100 126L150 95L200 100L250 66L300 52L350 34L400 20V150H0Z" fill="url(#ga)"/>
          <path d="M0 135L50 122L100 126L150 95L200 100L250 66L300 52L350 34L400 20" fill="none" stroke="#d4006b" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
          <g fill="#fff" stroke="#d4006b" stroke-width="3"><circle cx="150" cy="95" r="5"/><circle cx="250" cy="66" r="5"/><circle cx="400" cy="20" r="5"/></g>
        </svg>
      </div>
      <div class="vz">
        <h3><i class="fa-solid fa-fire mg"></i> Posting streak</h3>
        <small>Each square is a day</small>
        <div class="heat" id="heat"></div>
      </div>
      <div class="vz">
        <h3><i class="fa-solid fa-chart-pie cy"></i> Where you show up</h3>
        <small>Your mix by platform</small>
        <div class="dn">
          <svg viewBox="0 0 100 100"><g fill="none" stroke-width="16" transform="rotate(-90 50 50)"><circle cx="50" cy="50" r="38" stroke="#d4006b" stroke-dasharray="64 175"/><circle cx="50" cy="50" r="38" stroke="#00bcd4" stroke-dasharray="52 187" stroke-dashoffset="-66"/><circle cx="50" cy="50" r="38" stroke="#2e2b28" stroke-dasharray="40 199" stroke-dashoffset="-120"/><circle cx="50" cy="50" r="38" stroke="#b0a898" stroke-dasharray="30 209" stroke-dashoffset="-162"/></g></svg>
          <ul class="lg"><li><i class="fa-brands fa-instagram mg"></i>Instagram</li><li><i class="fa-brands fa-facebook cy"></i>Facebook</li><li><i class="fa-brands fa-linkedin"></i>LinkedIn</li><li><i class="fa-brands fa-tiktok"></i>TikTok</li></ul>
        </div>
      </div>
    </div>
    <script>
      (function(){var h=document.getElementById('heat'),p=[1,1,0,1,1,1,0,1,1,1,1,0,1,1,1,1,1,0,1,1,1,1,1,1,1,0,0,0];
      p.forEach(function(v,i){var e=document.createElement('i');if(v)e.className=i>20?'hi':'on';h.appendChild(e)})})();
    </script>
  </div>
</section>

<section>
  <div class="wrap">
    <div class="head"><h2>Made for anyone who wants to get better.</h2></div>
    <div class="aud">
      <div><h3>Business owners</h3><p>Stay visible without hiring a team or learning four dashboards.</p></div>
      <div><h3>Creators</h3><p>Know what's landing with your audience and keep a steady rhythm.</p></div>
      <div><h3>Beginners</h3><p>Start with a clear picture and a simple habit instead of a pile of tools.</p></div>
      <div><h3>Marketing teams</h3><p>Give everyone one honest place to see progress and publish.</p></div>
    </div>
  </div>
</section>

<section>
  <div class="wrap">
    <div class="cta on-dark">
      <div>
        <h2>Start revamping for free.</h2>
        <p class="sm">Open 1R in your browser and connect your first account.</p>
      </div>
      <a class="btn" href="https://1r.onerevamp.com"><i class="fa-solid fa-arrow-up-right-from-square"></i> Jump to 1R</a>
    </div>
  </div>
</section>

<section id="services">
  <div class="wrap">
    <div class="head">
      <h2>Want a team behind the tool?</h2>
      <p class="lead">1R came out of our agency work. If you'd like hands-on help, OneRevamp works with businesses in Miami and beyond.</p>
    </div>
    <div class="svc">
      <a class="s" href="training.html"><img src="team.png" alt="Team training session" loading="lazy" onerror="this.style.display='none'"><i class="fa-solid fa-users t"></i><h3>Team training</h3><p>We work with your marketing team, or help you build one, and change how they plan, create and execute.</p><b>Explore team training</b></a>
      <a class="s" href="brand.html"><img src="brand.png" alt="Brand identity system" loading="lazy" onerror="this.style.display='none'"><i class="fa-solid fa-palette t"></i><h3>Brand and creative</h3><p>Positioning, messaging, visual identity and content systems that make every campaign work harder.</p><b>Explore brand and creative</b></a>
      <a class="s" href="spaces.html"><img src="store.png" alt="Retail environment and signage" loading="lazy" onerror="this.style.display='none'"><i class="fa-solid fa-store t"></i><h3>Physical and in-store</h3><p>Signage, retail environments and experiential builds that bring your brand off the screen.</p><b>Explore physical and in-store</b></a>
      <a class="s" href="ai.html"><img src="ai.png" alt="Team working with AI tools" loading="lazy" onerror="this.style.display='none'"><i class="fa-solid fa-brain t"></i><h3>AI fluency</h3><p>We teach teams to use AI as infrastructure, so they think better with the tools, not just faster.</p><b>Explore AI fluency</b></a>
    </div>
  </div>
</section>

<section id="signal">
  <div class="wrap">
    <div class="head"><h2>Notes from the founder.</h2></div>
    <div class="news">
      <div class="box m">
        <div>
          <h3 style="font-size:1.4rem">Founder Signal</h3>
          <p>A weekly newsletter for business owners and marketing leads. Practical tactics on marketing, AI tools and real-world applications.</p>
        </div>
        <div>
          <a class="btn btn-mg" style="width:100%;justify-content:center" href="https://www.linkedin.com/newsletters/7430036651491405824/" target="_blank" rel="noopener"><i class="fa-brands fa-linkedin"></i> Subscribe on LinkedIn</a>
          <p class="priv" style="margin-top:.8rem">Weekly and free. Written by Marcos Kwasniewski.</p>
        </div>
      </div>
      <div class="box">
        <div id="feed-body">
          <div class="feed-item" style="border:0"><i class="fa-solid fa-circle-notch fa-spin"></i><span class="fd" id="feed-status">Loading latest issues…</span></div>
        </div>
        <p style="margin-top:1rem"><a class="fd" style="color:var(--cydk)" href="https://www.linkedin.com/newsletters/7430036651491405824/" target="_blank" rel="noopener">View all issues on LinkedIn</a></p>
      </div>
    </div>
  </div>
</section>

<section id="contact">
  <div class="wrap contact">
    <div>
      <h2>Let's talk.</h2>
      <p>Questions about 1R, or want help from the OneRevamp team? Send a note. Marcos replies personally, with no automated sequences.</p>
      <ul class="promise">
        <li><i class="fa-solid fa-circle-check"></i>Reply within 24 hours</li>
        <li><i class="fa-solid fa-circle-check"></i>Free 30-minute discovery call</li>
        <li><i class="fa-solid fa-circle-check"></i>We'll say so if we're not the right fit</li>
      </ul>
    </div>
    <div>
      <div class="ok" id="ok">
        <h3>Message received.</h3>
        <p>Marcos will be in touch within 24 hours.</p>
        <button class="btn btn-line" style="margin-top:1rem" onclick="resetForm()">Send another</button>
      </div>
      <form id="orForm" novalidate>
        <div class="row">
          <div><label for="f-name">Your name</label><input id="f-name" type="text" placeholder="First name" autocomplete="name"></div>
          <div id="g-email"><label for="f-email">Email <span class="req">*</span></label><input id="f-email" type="email" placeholder="you@email.com" autocomplete="email"><div class="em">Enter a valid email.</div></div>
        </div>
        <div id="g-type">
          <label for="f-type">What can we help with? <span class="req">*</span></label>
          <select id="f-type">
            <option value="">Select…</option>
            <option>Question about 1R</option>
            <option>Team Training</option>
            <option>Brand &amp; Creative</option>
            <option>Physical / In-Store Space</option>
            <option>AI Fluency</option>
            <option>Not sure yet</option>
          </select>
          <div class="em">Choose an option.</div>
        </div>
        <div><label for="f-why">Tell us more</label><textarea id="f-why" placeholder="Tell us about you, your business or your goals."></textarea></div>
        <button type="submit" class="btn btn-mg" id="gfBtn">Send my message</button>
        <p class="priv"><i class="fa-solid fa-lock"></i> Responses go to Google Forms and are never shared.</p>
      </form>
    </div>
  </div>
</section>

<footer>
  <div class="fi">
    <a href="index.html" class="logo"><i></i>One<em>Revamp</em></a>
    <div class="fl">
      <a href="https://1r.onerevamp.com">1R app</a>
      <a href="training.html">Team Training</a>
      <a href="brand.html">Brand &amp; Creative</a>
      <a href="spaces.html">Physical &amp; In-Store</a>
      <a href="ai.html">AI Fluency</a>
      <a href="https://www.linkedin.com/newsletters/7430036651491405824/" target="_blank" rel="noopener">Newsletter</a>
      <a href="#contact">Contact</a>
    </div>
    <div class="fc">© 2026 OneRevamp · Miami, FL · All rights reserved</div>
  </div>
</footer>

<script>
const burger=document.getElementById('burger'),drawer=document.getElementById('drawer');
burger.addEventListener('click',()=>{const o=drawer.classList.toggle('open');burger.setAttribute('aria-expanded',o)});
drawer.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>{drawer.classList.remove('open');burger.setAttribute('aria-expanded','false')}));

async function loadFeed(){
  const body=document.getElementById('feed-body'),status=document.getElementById('feed-status');
  try{
    const res=await fetch('https://rss-linkedin.markeetox.workers.dev/');
    if(!res.ok)throw 0;
    const xml=new DOMParser().parseFromString(await res.text(),'text/xml');
    const items=Array.from(xml.querySelectorAll('item')).slice(0,5);
    if(!items.length)throw 0;
    body.innerHTML='';
    items.forEach(it=>{
      const a=document.createElement('a');
      a.className='feed-item';
      a.href=it.querySelector('link')?.textContent?.trim()||'#';
      a.target='_blank';a.rel='noopener noreferrer';
      const d=new Date(it.querySelector('pubDate')?.textContent||'');
      const ic=document.createElement('i');ic.className='fa-solid fa-arrow-right';
      const w=document.createElement('div');
      const fd=document.createElement('span');fd.className='fd';
      fd.textContent=isNaN(d)?'':d.toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'});
      const ft=document.createElement('div');ft.className='ft';
      ft.textContent=it.querySelector('title')?.textContent||'';
      w.append(fd,ft);a.append(ic,w);body.appendChild(a);
    });
  }catch(_){
    status.innerHTML='Could not load the feed. <a href="https://www.linkedin.com/newsletters/7430036651491405824/" target="_blank" rel="noopener" style="color:var(--cydk)">Read on LinkedIn</a>';
  }
}
loadFeed();

const POST_URL='https://docs.google.com/forms/d/e/1FAIpQLSeTywEKR6Nz-tQBTvZSUUeT01wpJisv71qMpB4qkYmnyM5e1A/formResponse';
const E={name:'entry.1490297211',email:'entry.793786313',why:'entry.1677269844',type:'entry.1660571610'};
const $=id=>document.getElementById(id);
$('f-email').addEventListener('input',()=>$('g-email').classList.remove('err'));
$('f-type').addEventListener('change',()=>$('g-type').classList.remove('err'));
$('orForm').addEventListener('submit',async e=>{
  e.preventDefault();
  let ok=true;
  if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test($('f-email').value.trim())){$('g-email').classList.add('err');ok=false}
  if(!$('f-type').value){$('g-type').classList.add('err');ok=false}
  if(!ok)return;
  const btn=$('gfBtn');btn.disabled=true;btn.textContent='Sending…';
  const b=new URLSearchParams();
  b.append(E.name,$('f-name').value.trim());
  b.append(E.email,$('f-email').value.trim());
  b.append(E.why,$('f-why').value.trim());
  b.append(E.type,$('f-type').value);
  try{await fetch(POST_URL,{method:'POST',mode:'no-cors',headers:{'Content-Type':'application/x-www-form-urlencoded'},body:b.toString()})}catch(_){}
  btn.disabled=false;btn.textContent='Send my message';
  $('orForm').style.display='none';$('ok').classList.add('show');
});
function resetForm(){$('orForm').reset();$('orForm').style.display='flex';$('ok').classList.remove('show')}
</script>
</body>
</html>