forked from Goutam/lynkeduppro-crm
tanweer919
a459fefb7f
Copies the goutam-pages landing (React marketing home + /page/1..19 + assets) into /public and adds beforeFiles rewrites so '/' serves the marketing home and '/1'..'/19' + '/thanks' serve the static pages — reproducing the landing's vercel.json clean URLs. /portal/* (login/register) is untouched.
544 lines
46 KiB
HTML
544 lines
46 KiB
HTML
<!DOCTYPE html><html lang="en"><head>
|
|
<meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1.0"/>
|
|
<title>LynkedUp Pro - Know Exactly Where Every Job Stands, Right Now</title>
|
|
<meta name="description" content="Projects module: full stage pipeline, estimate statuses, live budget breakdown (team cost, commission, material). Zero guesswork on every job."/>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com"/>
|
|
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Outfit:wght@400;500;600&display=swap" rel="stylesheet"/>
|
|
<style>*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
|
:root{--bg:#05080f;--bg2:#0b1220;--bg3:#101928;--accent:#00c8ff;--orange:#f59e0b;--green:#00e5a0;--red:#ef4444;--border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.13);--text:#e8edf5;--muted:#8a9bb5;--card:#0d1725;--card2:#111c2e}
|
|
html{scroll-behavior:smooth}
|
|
body{background:var(--bg);color:var(--text);font-family:'Outfit',sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}
|
|
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background:rgba(5,8,15,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
|
|
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
|
|
.logo-mark{width:32px;height:32px;background:linear-gradient(135deg,#0ea5e9,#00e5a0);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:16px;color:#fff}
|
|
.logo-text{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:18px;color:#fff}
|
|
.logo-text span{color:var(--orange)}
|
|
.nav-cta{background:var(--orange);color:#080c14;padding:9px 22px;border-radius:6px;font-weight:600;font-size:14px;text-decoration:none;transition:opacity .2s}
|
|
.nav-cta:hover{opacity:.85}
|
|
section{padding:88px 24px}
|
|
.container{max-width:1080px;margin:0 auto}
|
|
.s-label{font-size:11px;text-transform:uppercase;letter-spacing:3px;font-weight:600;margin-bottom:12px}
|
|
.s-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(34px,4.5vw,56px);font-weight:900;line-height:1;letter-spacing:-.5px;color:#fff;text-transform:uppercase}
|
|
.s-sub{font-size:17px;color:var(--muted);margin-top:14px;max-width:500px;line-height:1.65}
|
|
.btn-primary{background:var(--orange);color:#080c14;padding:14px 32px;border-radius:8px;font-weight:600;text-decoration:none;font-size:16px;display:inline-block;transition:transform .15s,box-shadow .15s;font-family:'Outfit',sans-serif;border:none;cursor:pointer}
|
|
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 36px rgba(245,158,11,.35)}
|
|
.btn-ghost{background:transparent;color:#fff;padding:14px 28px;border-radius:8px;font-weight:500;text-decoration:none;font-size:16px;border:1px solid var(--border2);display:inline-block;transition:border-color .2s}
|
|
.btn-ghost:hover{border-color:rgba(255,255,255,.3)}
|
|
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
|
|
.reveal.visible{opacity:1;transform:none}
|
|
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden}
|
|
.hero-bg{position:absolute;inset:0;pointer-events:none}
|
|
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,black,transparent)}
|
|
.hero-glow{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:900px;height:600px}
|
|
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(0,200,255,.07);border:1px solid rgba(0,200,255,.18);color:var(--accent);font-size:12px;font-weight:500;padding:5px 16px;border-radius:100px;margin-bottom:24px;letter-spacing:.3px}
|
|
.dot{width:6px;height:6px;border-radius:50%;animation:blink 2s ease infinite}
|
|
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}
|
|
h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(48px,8vw,92px);font-weight:900;line-height:.93;letter-spacing:-1px;color:#fff;max-width:860px;text-transform:uppercase}
|
|
.hero-sub{font-size:clamp(16px,2vw,19px);color:var(--muted);max-width:520px;margin:24px auto 0;line-height:1.65}
|
|
.hero-sub strong{color:var(--text)}
|
|
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:36px}
|
|
.micro-row{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px;flex-wrap:wrap}
|
|
.micro{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:5px}
|
|
.micro span:first-child{color:var(--green)}
|
|
.stat-row{display:flex;gap:40px;justify-content:center;margin-top:64px;flex-wrap:wrap}
|
|
.stat{text-align:center;position:relative}
|
|
.stat+.stat::before{content:'';position:absolute;left:-20px;top:20%;bottom:20%;width:1px;background:var(--border)}
|
|
.stat-num{font-family:'Barlow Condensed',sans-serif;font-size:38px;font-weight:900;color:#fff;line-height:1;letter-spacing:-1px}
|
|
.stat-label{font-size:12px;color:var(--muted);margin-top:4px}
|
|
.pain-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
|
|
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-top:44px}
|
|
.p-item{background:var(--card);padding:28px 22px}
|
|
.p-icon{font-size:24px;margin-bottom:12px}
|
|
.p-item h3{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:7px;text-transform:uppercase}
|
|
.p-item p{font-size:14px;color:var(--muted);line-height:1.7}
|
|
.p-cost{display:inline-block;background:rgba(239,68,68,.1);color:var(--red);font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;margin-top:8px;border:1px solid rgba(239,68,68,.2)}
|
|
.solution-section{background:var(--bg)}
|
|
.sol-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:stretch;margin-top:44px}
|
|
.sol-points{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:14px}
|
|
.sol-points li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--text)}
|
|
.sol-points li .ico{font-size:18px;min-width:26px;margin-top:1px}
|
|
.sol-points li strong{color:#fff}
|
|
.sol-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
|
|
.sol-stat{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px}
|
|
.sol-stat-num{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:900;line-height:1;margin-bottom:4px}
|
|
.sol-stat-label{font-size:12px;color:var(--muted)}
|
|
.shot{display:block;width:100%;height:100%;border-radius:18px;border:1px solid var(--border);object-fit:cover;box-shadow:0 36px 72px rgba(0,0,0,.5)}
|
|
.mock-card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 36px 72px rgba(0,0,0,.5)}
|
|
.mock-bar{background:var(--bg2);padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
|
|
.mock-title{font-size:13px;font-weight:600;color:#fff}
|
|
.mock-badge{font-size:9px;font-weight:700;padding:3px 9px;border-radius:100px}
|
|
.mock-body{padding:14px}
|
|
.proof-section{background:var(--bg2)}
|
|
.proof-card{background:var(--card);border:1px solid rgba(0,200,255,.15);border-radius:18px;padding:36px;max-width:720px;margin:44px auto 0;position:relative}
|
|
.proof-stars{color:var(--orange);font-size:13px;letter-spacing:2px;margin-bottom:14px}
|
|
.proof-quote{font-size:17px;color:var(--text);line-height:1.8;font-style:italic;margin-bottom:22px}
|
|
.proof-author{display:flex;align-items:center;gap:14px;border-top:1px solid var(--border);padding-top:18px}
|
|
.proof-av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;color:#05080f;flex-shrink:0}
|
|
.proof-name{font-weight:600;font-size:15px;color:#fff}
|
|
.proof-role{font-size:12px;color:var(--muted)}
|
|
.proof-result{position:absolute;top:24px;right:24px;background:rgba(0,229,160,.08);border:1px solid rgba(0,229,160,.18);border-radius:8px;padding:8px 12px;text-align:center}
|
|
.pr-num{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;color:var(--green);line-height:1}
|
|
.pr-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
|
|
.cta-section{background:linear-gradient(135deg,rgba(0,200,255,.05),rgba(0,229,160,.04),rgba(245,158,11,.04));border-top:1px solid var(--border);padding:88px 24px;text-align:center;position:relative;overflow:hidden}
|
|
.cta-section::before{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:700px;height:450px;background:radial-gradient(ellipse,rgba(0,200,255,.06),transparent 70%);pointer-events:none}
|
|
.cta-section h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(36px,5vw,60px);font-weight:900;color:#fff;line-height:1;max-width:640px;margin:0 auto 14px;text-transform:uppercase;letter-spacing:-1px}
|
|
.cta-section h2 em{font-style:normal;color:var(--orange)}
|
|
.cta-section p{font-size:17px;color:var(--muted);max-width:420px;margin:0 auto 28px}
|
|
.cta-form{display:flex;gap:10px;max-width:400px;margin:0 auto;flex-wrap:wrap;justify-content:center}
|
|
.cta-form input{flex:1;min-width:190px;background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:12px 16px;color:#fff;font-size:15px;font-family:'Outfit',sans-serif;outline:none;transition:border-color .2s}
|
|
.cta-form input::placeholder{color:var(--muted)}
|
|
.cta-form input:focus{border-color:rgba(0,200,255,.4)}
|
|
.cta-micro{font-size:12px;color:var(--muted);margin-top:12px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
|
|
footer{padding:40px 24px 28px;border-top:1px solid var(--border);text-align:center}
|
|
footer p{font-size:13px;color:var(--muted)}
|
|
footer a{color:var(--muted);text-decoration:none}
|
|
footer a:hover{color:#fff}
|
|
.mob-sticky{display:none;position:fixed;bottom:0;left:0;right:0;z-index:150;background:var(--bg2);border-top:1px solid var(--border);padding:12px 16px;gap:10px}
|
|
.mob-sticky a{flex:1;text-align:center;padding:12px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none}
|
|
.mob-sticky .p{background:var(--orange);color:#080c14}
|
|
.mob-sticky .s{border:1px solid var(--border2);color:#fff}
|
|
/* ── background image helpers ── */
|
|
.has-bg{position:relative;overflow:hidden}
|
|
.has-bg>.bg-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;pointer-events:none}
|
|
.has-bg>.bg-ov{position:absolute;inset:0;z-index:1;pointer-events:none}
|
|
.has-bg>.container,.has-bg>.hero-bg,.has-bg>.eyebrow,.has-bg>h1,.has-bg>.hero-sub,.has-bg>.hero-actions,.has-bg>.micro-row,.has-bg>.stat-row{position:relative;z-index:2}
|
|
/* ── bigger, more impactful headings ── */
|
|
.s-title{font-size:clamp(36px,5.2vw,64px);line-height:.96}
|
|
/* ── CTA strip ── */
|
|
.cta-strip{padding:86px 24px;text-align:center;position:relative;overflow:hidden}
|
|
.cta-strip>.bg-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;pointer-events:none}
|
|
.cta-strip>.bg-ov{position:absolute;inset:0;z-index:1;pointer-events:none}
|
|
.cta-strip>.glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:720px;height:380px;border-radius:50%;z-index:1;pointer-events:none}
|
|
.cta-strip>.wrap{position:relative;z-index:2;max-width:700px;margin:0 auto}
|
|
.strip-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 16px;border-radius:100px;margin-bottom:22px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
|
|
.strip-tdot{width:6px;height:6px;border-radius:50%;display:inline-block;animation:blink 2s ease infinite}
|
|
.cta-strip h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(34px,5.2vw,62px);font-weight:900;line-height:.96;letter-spacing:-.5px;text-transform:uppercase;color:#fff;margin-bottom:16px}
|
|
.cta-strip p{font-size:16px;color:var(--muted);line-height:1.75;max-width:520px;margin:0 auto 30px}
|
|
.strip-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
|
|
.strip-trust{display:flex;gap:18px;justify-content:center;margin-top:16px;flex-wrap:wrap}
|
|
.strip-trust span{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px}
|
|
.strip-trust b{color:var(--green)}
|
|
/* ── metric compare cards ── */
|
|
.metric-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}
|
|
.mpill{background:var(--card);border-radius:12px;padding:16px 22px;text-align:center;min-width:130px}
|
|
.mpill-val{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:900;line-height:1}
|
|
.mpill-lab{font-size:11px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}
|
|
@media(max-width:1280px){section{padding:80px 24px}.cta-section{padding:80px 24px}.cta-strip{padding:76px 24px}}
|
|
@media(max-width:1024px){nav{padding:14px 24px}section{padding:72px 22px}.cta-section{padding:72px 22px}.cta-strip{padding:68px 22px}.pain-grid{grid-template-columns:repeat(2,1fr)}.sol-split{gap:36px}h1{font-size:clamp(44px,7vw,76px)}.hero{padding:108px 20px 64px}.proof-card{padding:30px 26px}.proof-result{top:18px;right:18px}.stat-row{gap:28px;margin-top:48px}}
|
|
@media(max-width:768px){nav{padding:12px 18px}section{padding:56px 18px}.cta-section{padding:56px 18px}.cta-strip{padding:56px 18px}.hero{min-height:auto;padding:96px 16px 56px}h1{font-size:clamp(40px,9vw,64px);line-height:.95}.hero-sub{font-size:15px}.s-title{font-size:clamp(30px,7vw,46px)}.stat-row{gap:18px;margin-top:40px}.stat+.stat::before{display:none}.stat-num{font-size:32px}.proof-card{padding:26px 22px;margin-top:32px}.proof-result{position:static;display:inline-block;margin-bottom:14px}.proof-quote{font-size:15px}.cta-section h2{font-size:clamp(30px,7vw,46px)}.cta-strip h2{font-size:clamp(28px,7vw,46px)}.sol-points li{font-size:14px}.p-item{padding:22px 18px}.metric-pills{gap:8px}.mpill{min-width:110px;padding:14px 16px}.mpill-val{font-size:24px}}
|
|
@media(max-width:480px){nav{padding:10px 14px}.nav-cta{padding:8px 14px;font-size:13px}.logo-text{font-size:16px}section{padding:48px 16px}.cta-section{padding:48px 16px}.cta-strip{padding:48px 16px}.hero{padding:88px 14px 48px}h1{font-size:clamp(34px,10vw,52px);letter-spacing:-.5px}.hero-sub{font-size:14px;margin-top:18px}.s-title{font-size:clamp(28px,8vw,40px);letter-spacing:0}.s-sub{font-size:15px}.micro{font-size:12px}.micro-row{gap:10px}.stat-row{flex-direction:column;gap:18px;margin-top:32px}.stat-num{font-size:28px}.pain-grid{margin-top:30px}.p-item h3{font-size:15px}.p-item p{font-size:13px}.proof-card{padding:22px 18px;border-radius:14px}.proof-quote{font-size:14px;line-height:1.7}.proof-author{flex-wrap:wrap;gap:10px}.cta-section h2,.cta-strip h2{font-size:clamp(26px,8vw,38px)}.cta-section p,.cta-strip p{font-size:14px}.btn-primary,.btn-ghost{padding:12px 22px;font-size:15px}.sol-stats{grid-template-columns:1fr 1fr;gap:8px}.sol-stat{padding:12px}.sol-stat-num{font-size:22px}.mock-card{border-radius:14px}.metric-pills{flex-wrap:wrap}.mpill{min-width:90px;padding:12px 14px}.mpill-val{font-size:22px}.cta-micro{gap:8px;font-size:11px}.strip-tag{font-size:10px;padding:4px 12px;letter-spacing:.8px}footer{padding:28px 16px 22px}footer p{font-size:12px}.mob-sticky{padding:10px 12px}.mob-sticky a{font-size:13px;padding:11px}.cta-form{flex-direction:column}.cta-form input{width:100%;min-width:100%}.cta-form .btn-primary{width:100%;text-align:center}.hero-actions{flex-direction:column;align-items:stretch;max-width:300px;margin-left:auto;margin-right:auto}.hero-actions .btn-primary,.hero-actions .btn-ghost{width:100%;text-align:center}.strip-btns{flex-direction:column;align-items:stretch;max-width:300px;margin-left:auto;margin-right:auto}.strip-btns .btn-primary,.strip-btns .btn-ghost{width:100%;text-align:center}}
|
|
@media(max-width:360px){h1{font-size:32px}.s-title{font-size:26px}.cta-section h2,.cta-strip h2{font-size:24px}.btn-primary,.btn-ghost{padding:11px 18px;font-size:14px}.sol-stats{grid-template-columns:1fr}}
|
|
@media(max-width:860px){.mob-sticky{display:flex}body{padding-bottom:72px}.sol-split{grid-template-columns:1fr!important}.pain-grid{grid-template-columns:1fr!important}.shot{height:auto}}
|
|
@media(max-width:768px){.stat+.stat::before{display:none}.stat-row{gap:18px}}
|
|
@media(max-width:560px){.sol-stats{grid-template-columns:1fr 1fr}.stat-row{flex-direction:column;gap:18px}.hero-actions{flex-direction:column;align-items:stretch;max-width:300px;margin:24px auto 0}.hero-actions .btn-primary,.hero-actions .btn-ghost{width:100%;text-align:center}.strip-btns{flex-direction:column;align-items:stretch;max-width:300px;margin-left:auto;margin-right:auto}.strip-btns .btn-primary,.strip-btns .btn-ghost{width:100%;text-align:center}.cta-form{flex-direction:column}.cta-form input{width:100%;min-width:100%}.cta-form .btn-primary{width:100%;text-align:center}}
|
|
@media(max-width:360px){.sol-stats{grid-template-columns:1fr}}
|
|
@keyframes hpulse{0%,100%{opacity:.9;transform:scale(1)}50%{opacity:.45;transform:scale(1.3)}}
|
|
.stage-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:100px;font-size:12px;font-weight:600;font-family:'Outfit',sans-serif}
|
|
</style></head><body>
|
|
<nav><a href="https://book.lynkeduppro.com/" class="logo"><img src="/uploads/lynkedup-logo.png" alt="LynkedUp Pro" class="brand-logo-img" style="height:34px;width:auto;display:block;object-fit:contain"></a><a href="https://launch.lynkeduppro.com/" class="nav-cta">Watch a demo</a> <a href="https://book.lynkeduppro.com/" class="nav-cta">Book a demo</a></nav>
|
|
|
|
<section class="hero has-bg" id="home">
|
|
<div class="bg-img" style="background-image:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?w=1800&q=80');filter:brightness(.11) saturate(.4)"></div>
|
|
<div class="bg-ov" style="background:linear-gradient(180deg,rgba(5,8,15,.5) 0%,rgba(5,8,15,.8) 55%,rgba(5,8,15,1) 100%)"></div>
|
|
<div class="hero-bg"><div class="hero-grid"></div><div class="hero-glow" style="background:radial-gradient(ellipse,rgba(139,92,246,.1),transparent 65%)"></div></div>
|
|
<div class="eyebrow"><span class="dot" style="background:#a855f7"></span> Projects · Stages · Estimates · Budget</div>
|
|
<h1>Right Now, One Job<br>Is Over Budget.<br><span style="color:#a855f7">Do You Know Which?</span></h1>
|
|
<p class="hero-sub"><strong>Which jobs are stalled at estimate? Which ones are bleeding margin?</strong> Without a live projects view, you find out too late, after the job closes and the money's already gone. LynkedUp Pro is your assistant that never sleeps or takes a day off.</p>
|
|
<div class="hero-actions">
|
|
<a href="https://book.lynkeduppro.com/" class="btn-primary">See Projects Module →</a>
|
|
|
|
</div>
|
|
<div class="micro-row" style="margin-top:18px">
|
|
<span class="micro" style="color:var(--orange)">4.9★ · 248 reviews</span>
|
|
</div>
|
|
<div class="micro-row">
|
|
<span class="micro"><span>✅</span> Full stage pipeline</span>
|
|
<span class="micro"><span>✅</span> Live budget per job</span>
|
|
<span class="micro"><span>✅</span> Estimate status tracking</span>
|
|
</div>
|
|
<div class="stat-row">
|
|
<div class="stat"><div class="stat-num" style="color:#a855f7">6</div><div class="stat-label">Pipeline stages tracked</div></div>
|
|
<div class="stat"><div class="stat-num" style="color:var(--orange)">4</div><div class="stat-label">Estimate statuses (live)</div></div>
|
|
<div class="stat"><div class="stat-num" style="color:var(--green)">Live</div><div class="stat-label">Budget vs actual per job</div></div>
|
|
<div class="stat"><div class="stat-num" style="color:var(--accent)">1-click</div><div class="stat-label">PDF estimate download</div></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="pain-section has-bg reveal" id="problem">
|
|
<div class="bg-img" style="background-image:url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=1800&q=80');filter:brightness(.1) saturate(.35)"></div>
|
|
<div class="bg-ov" style="background:linear-gradient(135deg,rgba(11,18,32,.98) 0%,rgba(11,18,32,.92) 100%)"></div>
|
|
<div class="container">
|
|
<div class="s-label" style="color:var(--red)">The Problem</div>
|
|
<h2 class="s-title">The Margin Was Gone<br>Before the Job Was <span style="color:var(--red)">Even Finished.</span></h2>
|
|
<p class="s-sub">Most roofing software shows you a pipeline. LynkedUp Pro shows you the full financial picture of every job in real time, so problems surface before they cost you.</p>
|
|
<div class="pain-grid">
|
|
<div class="p-item"><div class="p-icon">🗂️</div><h3>Estimates Stalling Invisibly</h3><p>A rep sent a draft 5 days ago. Has the homeowner seen it? Approved it? Rejected it? Without status tracking you find out when it's too late.</p><span class="p-cost">Cost: Jobs lost to follow-up gaps</span></div>
|
|
<div class="p-item"><div class="p-icon">💸</div><h3>Jobs Going Over Budget Silently</h3><p>Team cost, commissions, and material spend accumulate with no warning. By the time you notice the margin is gone, the job is already complete.</p><span class="p-cost">Cost: Margin erosion per job</span></div>
|
|
<div class="p-item"><div class="p-icon">📋</div><h3>Stage Confusion Across the Team</h3><p>Your sales rep thinks the job is at "appointment scheduled." Your manager thinks it's at "estimate sent." Your admin thinks it's still a lead. No one knows what's actually happening.</p><span class="p-cost">Cost: Coordination overhead daily</span></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══ CTA STRIP 1 ══ -->
|
|
<section class="cta-strip">
|
|
<div class="bg-img" style="background-image:url('https://images.unsplash.com/photo-1486325212027-8081e485255e?w=1800&q=80');filter:brightness(.09) saturate(.35)"></div>
|
|
<div class="bg-ov" style="background:linear-gradient(135deg,rgba(5,8,15,.97) 0%,rgba(10,5,18,.97) 100%)"></div>
|
|
<div class="glow" style="background:radial-gradient(ellipse,rgba(168,85,247,.08),transparent 70%)"></div>
|
|
<div class="wrap">
|
|
<div class="strip-tag" style="background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.25);color:#a855f7">
|
|
<span class="strip-tdot" style="background:#a855f7"></span>
|
|
Every day without live tracking is a day you're flying blind
|
|
</div>
|
|
<h2>Your Jobs Are Running.<br><span style="color:#a855f7">Are You Running Them</span><br>or Are They <span style="color:var(--red)">Running You?</span></h2>
|
|
<p>Right now, somewhere in your active jobs, a material order just pushed a budget over the edge. An estimate has been sitting unread for 4 days. A stage hasn't moved in a week. You don't know - but you should.</p>
|
|
<!-- 3 pain pills -->
|
|
<div class="metric-pills">
|
|
<div class="mpill" style="border:1px solid rgba(239,68,68,.2)">
|
|
<div class="mpill-val" style="color:var(--red)">3-5</div>
|
|
<div class="mpill-lab">Jobs over budget unnoticed / month</div>
|
|
</div>
|
|
<div class="mpill" style="border:1px solid rgba(245,158,11,.2)">
|
|
<div class="mpill-val" style="color:var(--orange)">4 days</div>
|
|
<div class="mpill-lab">Avg estimate sitting unread</div>
|
|
</div>
|
|
<div class="mpill" style="border:1px solid rgba(168,85,247,.2)">
|
|
<div class="mpill-val" style="color:#a855f7">$0</div>
|
|
<div class="mpill-lab">Margin warning without LynkedUp</div>
|
|
</div>
|
|
</div>
|
|
<div class="strip-btns">
|
|
<a href="https://book.lynkeduppro.com/" class="btn-primary">Show Me Every Job Live →</a>
|
|
|
|
</div>
|
|
<div class="strip-trust">
|
|
<span><b>✅</b> Free 30-min demo</span>
|
|
<span><b>✅</b> No credit card</span>
|
|
<span><b>✅</b> Live in 24 hrs</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="solution-section has-bg reveal" id="solution">
|
|
<div class="bg-img" style="background-image:url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=1800&q=80');filter:brightness(.1) saturate(.4)"></div>
|
|
<div class="bg-ov" style="background:linear-gradient(90deg,rgba(5,8,15,1) 44%,rgba(5,8,15,.72) 100%)"></div>
|
|
<div class="container">
|
|
<div class="s-label" style="color:#a855f7">The Fix</div>
|
|
<h2 class="s-title">Catch Overruns <span style="color:#a855f7">Live.</span><br>Close Estimates <span style="color:var(--green)">Faster.</span><br>Know Every Stage.</h2>
|
|
<div class="sol-split">
|
|
<div>
|
|
<p class="s-sub">LynkedUp Pro's Projects module tracks every job through a defined stage pipeline with live estimate status and a real-time budget breakdown, so you always know exactly where you stand.</p>
|
|
<ul class="sol-points">
|
|
<li><span class="ico">🔄</span><span><strong>6-stage pipeline</strong> - Contacted → Appointment Scheduled → Estimate Sent → Approved → Job Active → Invoiced. Every stage visible to every stakeholder.</span></li>
|
|
<li><span class="ico">📄</span><span><strong>4 estimate statuses</strong> - Draft, Sent, Approved, Rejected. One-click PDF download. Customer signs digitally on the spot.</span></li>
|
|
<li><span class="ico">💰</span><span><strong>Live budget per job</strong> - team cost, commission, actor cost, material cost all tracked in real time against project budget. Margin warning before it's gone.</span></li>
|
|
<li><span class="ico">👤</span><span><strong>Role-based visibility</strong> - reps see their jobs, managers see their team, owners see everything. Right data to the right person.</span></li>
|
|
</ul>
|
|
<div class="sol-stats">
|
|
<div class="sol-stat"><div class="sol-stat-num" style="color:#a855f7">6</div><div class="sol-stat-label">Defined pipeline stages</div></div>
|
|
<div class="sol-stat"><div class="sol-stat-num" style="color:var(--orange)">4</div><div class="sol-stat-label">Live estimate statuses</div></div>
|
|
<div class="sol-stat"><div class="sol-stat-num" style="color:var(--green)">Live</div><div class="sol-stat-label">Budget vs spend tracking</div></div>
|
|
<div class="sol-stat"><div class="sol-stat-num" style="color:var(--accent)">PDF</div><div class="sol-stat-label">One-click estimate export</div></div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- PROJECTS MOCK -->
|
|
<div class="mock-card">
|
|
<img src="/page/assets/pipeline.png" alt="LynkedUp Pro Overview Dashboard" style="display:block;width:100%;height:auto" loading="lazy">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══ CTA STRIP 2 ══ -->
|
|
<section class="cta-strip">
|
|
<div class="bg-img" style="background-image:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1800&q=80');filter:brightness(.09) saturate(.35)"></div>
|
|
<div class="bg-ov" style="background:linear-gradient(135deg,rgba(5,8,15,.97) 0%,rgba(2,14,10,.97) 100%)"></div>
|
|
<div class="glow" style="background:radial-gradient(ellipse,rgba(0,229,160,.07),transparent 70%)"></div>
|
|
<div class="wrap">
|
|
<div class="strip-tag" style="background:rgba(0,229,160,.08);border:1px solid rgba(0,229,160,.22);color:var(--green)">
|
|
<span class="strip-tdot" style="background:var(--green)"></span>
|
|
Your margin doesn't vanish overnight - it leaks $50 at a time
|
|
</div>
|
|
<h2>See the Leak <span style="color:var(--green)">Before</span><br>It Becomes a <span style="color:var(--red)">Loss.</span></h2>
|
|
<p>LynkedUp Pro flags budget overruns the moment your material spend hits 80% of budget, not after the job closes. Three caught overruns a month is thousands back in your pocket.</p>
|
|
<!-- Before / After comparison -->
|
|
<div style="display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;max-width:560px;margin:0 auto 30px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px 26px">
|
|
<div style="text-align:center">
|
|
<div style="font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px">Without LynkedUp</div>
|
|
<div style="font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;color:var(--red);line-height:1">After close</div>
|
|
<div style="font-size:11px;color:var(--muted);margin-top:5px">When you find out the job lost money</div>
|
|
</div>
|
|
<div style="font-size:20px;color:var(--border2);text-align:center;padding:0 4px">vs</div>
|
|
<div style="text-align:center">
|
|
<div style="font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px">With LynkedUp Pro</div>
|
|
<div style="font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;color:var(--green);line-height:1">Live alert</div>
|
|
<div style="font-size:11px;color:var(--muted);margin-top:5px">At 80% budget - while you can still act</div>
|
|
</div>
|
|
</div>
|
|
<div class="strip-btns">
|
|
<a href="https://book.lynkeduppro.com/" class="btn-primary">Protect My Margins Now →</a>
|
|
|
|
</div>
|
|
<div class="strip-trust">
|
|
<span><b>✅</b> Live budget alerts</span>
|
|
<span><b>✅</b> All 6 pipeline stages</span>
|
|
<span><b>✅</b> Free onboarding</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="roofing-offer-section" id="pricing">
|
|
<div class="container">
|
|
|
|
<!-- TOP HEADING -->
|
|
<div class="text-center roofing-heading mb-5">
|
|
<span class="offer-badge">🔥 Limited Founder Offer</span>
|
|
<h2>Own Your Roofing CRM. Pay Once.</h2>
|
|
<p>Stop paying monthly for multiple disconnected tools. Get founders lifetime access
|
|
to LynkedUpPro and scale your roofing business with one intelligent platform.</p>
|
|
</div>
|
|
|
|
<!-- MAIN GRID -->
|
|
<div class="row g-4 align-items-stretch">
|
|
|
|
<!-- LEFT CARD -->
|
|
<div class="col-lg-6">
|
|
<div class="lifetime-card h-100">
|
|
<div class="popular-tag">MOST POPULAR</div>
|
|
<h3>Founders Lifetime Access</h3>
|
|
<p class="small-text">One payment. Unlimited operational control.</p>
|
|
<div class="price-box">
|
|
<h2>$2000</h2>
|
|
<span>PAY ONCE • USE FOREVER</span>
|
|
</div>
|
|
<ul class="feature-list">
|
|
<li>Complete Roofing CRM</li>
|
|
<li>Lead Management System</li>
|
|
<li>Canvassing & Field Tracking</li>
|
|
<li>Insurance Workflow</li>
|
|
<li>Proposal & Inspection Tools</li>
|
|
<li>Team Management Dashboard</li>
|
|
<li>Unlimited Projects</li>
|
|
<li>Future Feature Updates</li>
|
|
<li>Priority Support</li>
|
|
</ul>
|
|
<a href="https://book.lynkeduppro.com/" class="deal-btn">Claim Founders Lifetime Deal</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- RIGHT CARD -->
|
|
<div class="col-lg-6">
|
|
<div class="roofing-info-card h-100">
|
|
<span class="mini-badge">Why Roofers Choose LynkedUpPro</span>
|
|
<h3>Replace 5 Different Tools With One Roofing OS</h3>
|
|
<p class="info-para">Most roofing companies spend thousands yearly on disconnected
|
|
CRMs, canvassing apps, spreadsheets, proposal software, and field coordination tools.</p>
|
|
<div class="info-box">
|
|
<h5>More Revenue Visibility</h5>
|
|
<p>Track leads, conversions, and team performance from one dashboard.</p>
|
|
</div>
|
|
<div class="info-box">
|
|
<h5>Less Operational Chaos</h5>
|
|
<p>Eliminate scattered communication and disconnected workflows.</p>
|
|
</div>
|
|
<div class="info-box">
|
|
<h5>Built for Roofing Teams</h5>
|
|
<p>Purpose-built for storm restoration, canvassing, insurance, and roofing operations.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- TERMS (native <details> accordion - no JS needed) -->
|
|
<div class="terms-wrapper mt-4">
|
|
<details class="custom-accordion-item">
|
|
<summary class="accordion-button">Deal Terms & Conditions</summary>
|
|
<div class="accordion-body">
|
|
<div class="deal-terms-legal" style="font-size:12px;line-height:1.65;color:#444">
|
|
<p style="margin:0 0 10px">All claims, results, performance statements, platform capabilities, and customer references are provided for informational and promotional purposes only. Claims may be based on a combination of internal testing, platform development data, field-tested data, and feedback from founding users. Individual results may vary based on company size, user adoption, data quality, market conditions, workflow setup, and other business-specific factors.</p>
|
|
<p style="margin:0 0 10px">Some user names, company names, examples, or identifying details may have been changed, modified, or withheld to protect user privacy, confidential business information, proprietary workflows, and trade secrets.</p>
|
|
<p style="margin:0 0 10px">The Lifetime Founders License applies to one user license and one individual user account unless otherwise stated in writing. The Founders License includes access to core CRM features and the platform features made available under the applicable license terms. The Lifetime Founders License does not guarantee access to every future product, premium module, third-party integration, usage-based service, or separately priced feature.</p>
|
|
<p style="margin:0 0 10px">SMS usage, data usage, storage, GPU processing, AI compute, automation volume, messaging volume, third-party API costs, and other usage-based services may incur additional monthly charges. These charges may be billed separately based on actual usage, service level, selected features, or third-party provider costs.</p>
|
|
<p style="margin:0 0 10px">Advanced or specialized features, including but not limited to Campaign-X, LiDAR scans, digital twin technology, AI-generated content, 3D property scans, mapping tools, premium automation, and other enhanced modules, may require additional fees, setup costs, subscriptions, or usage-based billing.</p>
|
|
<p style="margin:0">Features, pricing, availability, and platform capabilities are subject to change. No statement shall be interpreted as a guarantee of revenue, cost savings, insurance savings, operational results, business growth, or specific customer outcomes. Use of the platform is subject to the final written agreement, subscription terms, billing terms, and applicable service terms provided by Lynked Up Technologies.</p>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
|
|
<!-- CTA -->
|
|
<div class="roofing-cta-box mt-5 text-center">
|
|
<h2>Roofing Moves Fast. Your CRM Should Too.</h2>
|
|
<p>Join the next generation of roofing companies scaling with automation,
|
|
field intelligence, and operational visibility.</p>
|
|
<div class="cta-btn-group">
|
|
<a href="https://book.lynkeduppro.com/" class="start-btn">Start Founders Lifetime Access</a>
|
|
<a href="https://www.lynkeduppro.com/contact" class="sales-btn">Book a demo</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
<style>
|
|
/* ===== Roofing Offer / Pricing - compact, self-contained ===== */
|
|
.roofing-offer-section{
|
|
padding:64px 0;
|
|
background:
|
|
radial-gradient(circle at top left, #8c4a13 0%, transparent 35%),
|
|
radial-gradient(circle at bottom right, #1597e5 0%, transparent 35%),
|
|
#1a120d;
|
|
overflow:hidden; position:relative;
|
|
}
|
|
.roofing-offer-section .container{max-width:1120px;margin:0 auto;padding:0 20px;}
|
|
.roofing-offer-section .row{display:flex;flex-wrap:wrap;margin:0 -12px;}
|
|
.roofing-offer-section .row.g-4{margin:-12px;}
|
|
.roofing-offer-section .row.g-4 > [class*="col-"]{padding:12px;}
|
|
.roofing-offer-section .col-lg-6{flex:0 0 50%;max-width:50%;padding:0 12px;}
|
|
.roofing-offer-section .align-items-stretch{align-items:stretch;}
|
|
.roofing-offer-section .h-100{height:100%;}
|
|
.roofing-offer-section .text-center{text-align:center;}
|
|
.roofing-offer-section .mb-5{margin-bottom:36px;}
|
|
.roofing-offer-section .mt-4{margin-top:20px;}
|
|
.roofing-offer-section .mt-5{margin-top:36px;}
|
|
.roofing-offer-section .roofing-heading h2{font-size:38px;font-weight:800;line-height:1.15;color:#fff;margin-top:14px;}
|
|
.roofing-offer-section .roofing-heading p{color:#d7d7d7;max-width:620px;margin:12px auto 0;font-size:15px;line-height:1.55;}
|
|
.roofing-offer-section .offer-badge{display:inline-block;padding:6px 14px;border-radius:40px;background:rgba(255,255,255,0.08);color:#fff;font-size:12px;font-weight:600;}
|
|
.roofing-offer-section .lifetime-card{position:relative;background:linear-gradient(180deg,#12121b,#0d0d14);border-radius:20px;padding:28px;border:1px solid rgba(255,255,255,0.08);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.35);}
|
|
.roofing-offer-section .popular-tag{position:absolute;top:16px;right:-45px;background:linear-gradient(90deg,#ff8b1e,#53c7ff);color:#fff;font-size:10px;font-weight:700;padding:6px 50px;transform:rotate(40deg);}
|
|
.roofing-offer-section .lifetime-card h3{color:#fff;font-size:22px;font-weight:700;margin:0;}
|
|
.roofing-offer-section .small-text{color:#b7b7b7;font-size:13.5px;margin:4px 0 18px;}
|
|
.roofing-offer-section .price-box h2{color:#fff;font-size:48px;font-weight:800;line-height:1;margin-bottom:4px;}
|
|
.roofing-offer-section .price-box span{color:#8d8d8d;font-size:12px;letter-spacing:1px;}
|
|
.roofing-offer-section .feature-list{padding:0;margin:24px 0;list-style:none;}
|
|
.roofing-offer-section .feature-list li{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.05);border-radius:11px;padding:10px 14px;margin-bottom:9px;color:#fff;font-size:13.5px;position:relative;padding-left:42px;}
|
|
.roofing-offer-section .feature-list li::before{content:"✓";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;font-size:11px;}
|
|
.roofing-offer-section .deal-btn{display:inline-block;padding:12px 24px;border-radius:12px;text-decoration:none;color:#fff;font-size:14px;font-weight:700;background:linear-gradient(90deg,#ff9321,#4dc5ff);box-shadow:0 10px 25px rgba(0,0,0,0.3);}
|
|
.roofing-offer-section .roofing-info-card{border-radius:20px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.03)),linear-gradient(180deg,#d6892d,#0d99f1);backdrop-filter:blur(10px);color:#fff;}
|
|
.roofing-offer-section .mini-badge{display:inline-block;background:rgba(255,255,255,0.2);padding:6px 14px;border-radius:40px;font-size:12px;font-weight:600;margin-bottom:16px;}
|
|
.roofing-offer-section .roofing-info-card h3{font-size:26px;font-weight:800;line-height:1.2;margin-bottom:16px;}
|
|
.roofing-offer-section .info-para{color:rgba(255,255,255,0.85);font-size:14px;line-height:1.55;margin-bottom:20px;}
|
|
.roofing-offer-section .info-box{background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px;margin-bottom:12px;backdrop-filter:blur(8px);}
|
|
.roofing-offer-section .info-box h5{font-size:16px;font-weight:700;margin:0 0 5px;}
|
|
.roofing-offer-section .info-box p{margin:0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,0.9);}
|
|
.roofing-offer-section .terms-wrapper .custom-accordion-item{background:#fff;border-radius:14px;overflow:hidden;border:none;}
|
|
.roofing-offer-section summary.accordion-button{list-style:none;cursor:pointer;background:#fff;padding:16px 20px;font-size:15px;font-weight:700;color:#111;display:flex;justify-content:space-between;align-items:center;}
|
|
.roofing-offer-section summary.accordion-button::-webkit-details-marker{display:none;}
|
|
.roofing-offer-section .accordion-body{background:#fff;padding:8px 20px 20px;}
|
|
.roofing-offer-section .accordion-body ul{margin:0;padding-left:20px;}
|
|
.roofing-offer-section .accordion-body li{margin-bottom:10px;color:#444;font-size:13.5px;}
|
|
.roofing-offer-section .deal-terms-list{list-style:none;padding-left:0;margin:0;}
|
|
.roofing-offer-section .deal-terms-list li{margin-bottom:10px;color:#444;font-size:13.5px;line-height:1.5;}
|
|
.roofing-offer-section .roofing-cta-box{padding:44px 32px;border-radius:22px;background:linear-gradient(90deg,rgba(255,140,0,0.25),rgba(20,150,255,0.22));backdrop-filter:blur(10px);}
|
|
.roofing-offer-section .roofing-cta-box h2{color:#fff;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:12px;}
|
|
.roofing-offer-section .roofing-cta-box p{color:#d7d7d7;max-width:620px;margin:auto;font-size:15px;line-height:1.55;}
|
|
.roofing-offer-section .cta-btn-group{margin-top:26px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
|
|
.roofing-offer-section .start-btn,.roofing-offer-section .sales-btn{padding:12px 24px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:700;transition:0.3s;}
|
|
.roofing-offer-section .start-btn{background:linear-gradient(90deg,#ff9321,#4dc5ff);color:#fff;}
|
|
.roofing-offer-section .sales-btn{background:rgba(255,255,255,0.08);color:#fff;border:1px solid rgba(255,255,255,0.1);}
|
|
.roofing-offer-section .start-btn:hover,.roofing-offer-section .sales-btn:hover{transform:translateY(-3px);}
|
|
@media (max-width:991px){
|
|
.roofing-offer-section .col-lg-6{flex:0 0 100%;max-width:100%;}
|
|
.roofing-offer-section .roofing-heading h2{font-size:32px;}
|
|
.roofing-offer-section .roofing-cta-box h2{font-size:28px;}
|
|
.roofing-offer-section .price-box h2{font-size:44px;}
|
|
}
|
|
@media (max-width:767px){
|
|
.roofing-offer-section{padding:48px 0;}
|
|
.roofing-offer-section .roofing-heading h2{font-size:27px;}
|
|
.roofing-offer-section .roofing-info-card h3{font-size:23px;}
|
|
.roofing-offer-section .roofing-cta-box h2{font-size:24px;}
|
|
.roofing-offer-section .lifetime-card,
|
|
.roofing-offer-section .roofing-info-card,
|
|
.roofing-offer-section .roofing-cta-box{padding:22px;}
|
|
.roofing-offer-section .price-box h2{font-size:40px;}
|
|
}
|
|
</style>
|
|
<section class="proof-section has-bg reveal" id="proof">
|
|
<div class="bg-img" style="background-image:url('https://images.unsplash.com/photo-1521791136064-7986c2920216?w=1800&q=80');filter:brightness(.09) saturate(.35)"></div>
|
|
<div class="bg-ov" style="background:linear-gradient(180deg,rgba(11,18,32,1) 0%,rgba(11,18,32,.88) 55%,rgba(11,18,32,1) 100%)"></div>
|
|
<div class="container">
|
|
<div class="s-label" style="color:#a855f7;text-align:center">Real Impact</div>
|
|
<h2 class="s-title" style="text-align:center">He Caught 3 Overruns<br>in One Month. <span style="color:#a855f7">That's Real</span><br><span style="color:var(--green)">Money Back.</span></h2>
|
|
<div class="proof-card" style="border-color:rgba(139,92,246,.2)">
|
|
<div class="proof-result" style="border-color:rgba(139,92,246,.2);background:rgba(139,92,246,.07)"><div class="pr-num" style="color:#a855f7">/bin/sh</div><div class="pr-label">Budget Surprises</div></div>
|
|
<div class="proof-stars">★★★★★</div>
|
|
<p class="proof-quote">"Before LynkedUp Pro I was finding out jobs went over budget after they were done. Now the system flags it live. The minute our material spend hits 80% of budget I get a notification. We caught three jobs in the last month before they went negative. That's real money."</p>
|
|
<div class="proof-author">
|
|
<div class="proof-av" style="background:linear-gradient(135deg,#a855f7,#0ea5e9)">JR</div>
|
|
<div><div class="proof-name">Jason Rodriguez</div><div class="proof-role">Owner · Plano, TX</div></div>
|
|
</div>
|
|
<span style="position:absolute;right:10px;bottom:8px;font-size:11px;opacity:.5">*</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cta-section has-bg" id="cta">
|
|
<div class="bg-img" style="background-image:url('https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?w=1800&q=80');filter:brightness(.08) saturate(.3)"></div>
|
|
<div class="bg-ov" style="background:linear-gradient(135deg,rgba(0,200,255,.04),rgba(0,229,160,.03),rgba(139,92,246,.04))"></div>
|
|
<div class="container" style="position:relative;z-index:2">
|
|
<div style="display:inline-block;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.2);border-radius:8px;padding:8px 18px;margin-bottom:24px;font-size:13px;color:#a855f7;font-weight:600">📊 Every job. Every stage. Every dollar. Live.</div>
|
|
<h2>Every Job on Your Board<br>Deserves a <em style="color:#a855f7">Live Number.</em><br>Not a Gut Feeling.</h2>
|
|
<p>See the full Projects module - stages, estimate tracking, and live budget breakdown - in a free 30-minute demo.</p>
|
|
<div class="cta-form"><a href="https://book.lynkeduppro.com/" class="btn-primary" onclick="event.preventDefault()">See Projects Module →</a></div>
|
|
<div class="cta-micro"><span>✅ No credit card</span><span>✅ 30-day guarantee</span><span>✅ Free onboarding</span></div>
|
|
</div>
|
|
</section>
|
|
<footer style="padding:32px 24px;border-top:1px solid var(--border);text-align:center"><p style="font-size:13px;color:var(--muted)">© 2026 LynkedUp Pro · <a href="lynkeduppro_final.html" style="color:var(--muted)">Full Platform →</a></p><p style="font-size:11px;color:var(--muted);opacity:.7;margin-top:10px;max-width:640px;margin-left:auto;margin-right:auto">* Testimonials and figures shown are illustrative and reflect beta-period results; individual results vary.</p></footer>
|
|
<div class="mob-sticky"><a href="https://book.lynkeduppro.com/" class="p">Book a demo</a><a href="lynkeduppro_final.html" class="s">See All Features</a></div>
|
|
<script>const obs=new IntersectionObserver(e=>{e.forEach(el=>{if(el.isIntersecting)el.target.classList.add('visible')})},{threshold:.1});document.querySelectorAll('.reveal').forEach(el=>obs.observe(el));</script>
|
|
<!-- FLOATING LIFETIME DEAL BUTTON -->
|
|
<a href="#pricing" id="floatingDealBtn">
|
|
🔥 Founders Lifetime Deal - $2000
|
|
</a>
|
|
|
|
<style>
|
|
#floatingDealBtn {
|
|
position: fixed;
|
|
right: 24px;
|
|
bottom: 24px;
|
|
background: linear-gradient(135deg,#0ea5e9,#2563eb);
|
|
color: white;
|
|
padding: 16px 24px;
|
|
border-radius: 999px;
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
font-size: 15px;
|
|
box-shadow: 0 10px 30px rgba(14,165,233,0.35);
|
|
z-index: 9999;
|
|
transition: all 0.3s ease;
|
|
animation: floatPulse 2s infinite;
|
|
}
|
|
|
|
#floatingDealBtn:hover {
|
|
transform: translateY(-4px) scale(1.03);
|
|
box-shadow: 0 16px 40px rgba(14,165,233,0.45);
|
|
}
|
|
|
|
@keyframes floatPulse {
|
|
0% {
|
|
transform: translateY(0px);
|
|
}
|
|
50% {
|
|
transform: translateY(-6px);
|
|
}
|
|
100% {
|
|
transform: translateY(0px);
|
|
}
|
|
}
|
|
|
|
@media(max-width:768px) {
|
|
#floatingDealBtn {
|
|
right: 16px;
|
|
bottom: 16px;
|
|
padding: 14px 18px;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<!-- Hosted checkout (Stripe) for the "Claim Founders Lifetime Deal" button -->
|
|
<script src="/square-checkout.js"></script>
|
|
|
|
</body>
|
|
</html>
|