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.
471 lines
39 KiB
HTML
471 lines
39 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 - Everything You Need in 60 Seconds</title>
|
|
<meta name="description" content="Replace EagleView, JobNimbus & SalesRabbit. AI measurements. Hail alerts. Smart calendar. Flat 49/mo. 30-day guarantee."/>
|
|
<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:center;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)}
|
|
.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}
|
|
@media(max-width:860px){nav{padding:14px 20px}.sol-split{grid-template-columns:1fr!important}.pain-grid{grid-template-columns:1fr!important}.sol-stats{grid-template-columns:1fr 1fr}.mob-sticky{display:flex}body{padding-bottom:72px}section{padding:64px 20px}.hero{padding:100px 16px 60px}}
|
|
@media(max-width:560px){.stat-row{gap:24px}h1{font-size:clamp(44px,13vw,80px)}.cta-form{flex-direction:column}.cta-form input{min-width:100%}}
|
|
.quick-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;position:relative;overflow:hidden}
|
|
.quick-bg{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 80% 80% at 50% 50%,black,transparent)}
|
|
.glow-c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:700px;background:radial-gradient(ellipse,rgba(0,200,255,.07),transparent 65%);pointer-events:none}
|
|
.q-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:28px;letter-spacing:.3px}
|
|
.q-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 1.5s ease infinite}
|
|
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
|
|
.q-h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(52px,9vw,110px);font-weight:900;line-height:.9;letter-spacing:-2px;color:#fff;text-transform:uppercase;max-width:900px}
|
|
.q-h1 .blue{color:var(--accent)}.q-h1 .orange{color:var(--orange)}
|
|
.q-sub{font-size:clamp(16px,2vw,20px);color:var(--muted);max-width:560px;margin:20px auto 0;line-height:1.6}
|
|
.q-sub strong{color:#fff}
|
|
.q-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px}
|
|
.q-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px;margin:60px auto 0}
|
|
.q-stat{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px 16px;text-align:center;transition:border-color .25s}
|
|
.q-stat:hover{border-color:var(--border2)}
|
|
.q-stat-num{font-family:'Barlow Condensed',sans-serif;font-size:42px;font-weight:900;line-height:1;margin-bottom:6px}
|
|
.q-stat-label{font-size:13px;color:var(--muted);line-height:1.4}
|
|
.q-strip{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px;margin-top:0}
|
|
.q-strip-inner{max-width:900px;margin:0 auto;display:flex;gap:0;flex-wrap:wrap}
|
|
.q-strip-item{flex:1;min-width:160px;padding:0 20px;text-align:center;border-right:1px solid var(--border)}
|
|
.q-strip-item:last-child{border-right:none}
|
|
.q-strip-icon{font-size:24px;margin-bottom:6px}
|
|
.q-strip-title{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:4px}
|
|
.q-strip-desc{font-size:12px;color:var(--muted);line-height:1.5}
|
|
.q-vs{background:var(--bg);padding:48px 24px}
|
|
.q-vs-inner{max-width:860px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}
|
|
.q-vs-col{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}
|
|
.q-vs-col.win{border-color:rgba(0,229,160,.3);background:linear-gradient(160deg,rgba(0,229,160,.04),var(--card))}
|
|
.q-vs-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px}
|
|
.q-vs-items{display:flex;flex-direction:column;gap:10px}
|
|
.q-vs-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
|
|
.q-vs-item .ico{font-size:14px;min-width:20px;text-align:center}
|
|
.q-vs-sep{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;color:var(--muted);text-align:center}
|
|
.q-cta{background:linear-gradient(135deg,rgba(0,200,255,.05),rgba(245,158,11,.04));border-top:1px solid var(--border);padding:72px 24px;text-align:center}
|
|
.q-price{font-family:'Barlow Condensed',sans-serif;font-size:clamp(60px,8vw,100px);font-weight:900;color:var(--orange);line-height:1;letter-spacing:-2px}
|
|
.q-price sub{font-size:24px;font-weight:500;color:var(--muted);letter-spacing:0}
|
|
.q-price-note{font-size:17px;color:var(--muted);margin:10px 0 32px}
|
|
@media(max-width:680px){.q-stats{grid-template-columns:1fr 1fr}.q-strip-item{min-width:50%;border-bottom:1px solid var(--border);border-right:none;padding:12px 16px}.q-vs-inner{grid-template-columns:1fr}.q-vs-sep{display:none}}
|
|
@media(max-width:1280px){section{padding:80px 24px}nav{padding:16px 32px}.q-cta{padding:64px 24px}.q-vs{padding:40px 24px}}
|
|
@media(max-width:1024px){section{padding:72px 24px}.q-stats{grid-template-columns:repeat(2,1fr);max-width:600px}.q-strip-inner{flex-wrap:wrap}.q-strip-item{flex:1 1 33.33%;min-width:33.33%;border-bottom:1px solid var(--border)}.q-h1{font-size:clamp(46px,8vw,84px)}.q-vs-inner{gap:18px}}
|
|
@media(max-width:860px){nav{padding:14px 20px}.sol-split{grid-template-columns:1fr!important;gap:36px}.pain-grid{grid-template-columns:1fr!important}.sol-stats{grid-template-columns:1fr 1fr}.mob-sticky{display:flex}body{padding-bottom:72px}section{padding:64px 20px}.hero{padding:100px 16px 60px}.quick-hero{padding:96px 20px 56px;min-height:auto}.q-actions{flex-direction:column;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.q-actions .btn-primary,.q-actions .btn-ghost{text-align:center;width:100%}.q-h1{font-size:clamp(40px,9vw,72px)}.q-strip{padding:20px 16px}.q-strip-inner{gap:0}.q-vs{padding:48px 20px}.q-vs-col{padding:20px}.q-cta{padding:56px 20px}}
|
|
@media(max-width:560px){.stat-row{gap:24px}h1{font-size:clamp(44px,13vw,80px)}.cta-form{flex-direction:column}.cta-form input{min-width:100%}.q-h1{font-size:clamp(36px,11vw,60px);letter-spacing:-1px}.q-sub{font-size:15px}.q-stats{grid-template-columns:1fr 1fr;gap:10px}.q-stat{padding:18px 12px}.q-stat-num{font-size:32px}.q-strip-item{flex:1 1 50%;min-width:50%}.q-vs-col{padding:18px}.q-vs-item{font-size:13px}.q-price{font-size:clamp(48px,14vw,72px)}.q-price-note{font-size:15px}section{padding:56px 16px}.eyebrow,.q-eyebrow{font-size:11px;padding:5px 12px}}
|
|
@media(max-width:380px){nav{padding:12px 14px}.nav-cta{padding:8px 14px;font-size:13px}.logo-text{font-size:16px}.q-h1{font-size:clamp(32px,11vw,52px)}.q-stats{grid-template-columns:1fr}.q-strip-item{flex:1 1 100%;min-width:100%}.btn-primary,.btn-ghost{padding:12px 22px;font-size:14px}.q-actions .btn-primary{font-size:16px!important;padding:14px 28px!important}}
|
|
</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="quick-hero" id="home">
|
|
<div class="quick-bg"></div><div class="glow-c" aria-hidden="true"></div>
|
|
<div class="q-eyebrow"><span class="q-dot"></span> Built for Roofing · Flat 49/mo · 30-Day Guarantee</div>
|
|
<h1 class="q-h1">One Tool.<br><span class="blue">Every Job.</span><br><span class="orange">Done.</span></h1>
|
|
<p class="q-sub">Replace <strong>EagleView, JobNimbus & SalesRabbit</strong> with one AI-powered roofing platform. Hail alerts. AI measurements. Smart calendar. All in. It's your assistant that never sleeps or takes a day off.</p>
|
|
<div class="q-actions">
|
|
<a href="https://book.lynkeduppro.com/" class="btn-primary" style="font-size:18px;padding:16px 40px">Book a demo →</a>
|
|
<a href="lynkeduppro_final.html" class="btn-ghost" style="font-size:16px;padding:16px 28px">See All Features</a>
|
|
</div>
|
|
<div style="font-size:14px;color:var(--muted);margin-top:16px">4.9★ · 248 reviews</div>
|
|
<div style="display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;flex-wrap:wrap">
|
|
<span style="font-size:13px;color:var(--muted);display:flex;align-items:center;gap:5px"><span style="color:var(--green)">✅</span>No credit card</span>
|
|
<span style="font-size:13px;color:var(--muted);display:flex;align-items:center;gap:5px"><span style="color:var(--green)">✅</span>30-day guarantee</span>
|
|
<span style="font-size:13px;color:var(--muted);display:flex;align-items:center;gap:5px"><span style="color:var(--green)">✅</span>Cancel anytime</span>
|
|
</div>
|
|
<div class="q-stats">
|
|
<div class="q-stat"><div class="q-stat-num" style="color:var(--orange)">$0</div><div class="q-stat-label">Per-report fee. Ever.</div></div>
|
|
<div class="q-stat"><div class="q-stat-num" style="color:var(--accent)">17 min</div><div class="q-stat-label">Storm alert to reps on doors</div></div>
|
|
<div class="q-stat"><div class="q-stat-num" style="color:var(--green)">+43%</div><div class="q-stat-label">Close rate lift (beta crews)</div></div>
|
|
<div class="q-stat"><div class="q-stat-num" style="color:#fff">49</div><div class="q-stat-label">All 6 systems. Flat rate.</div></div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="q-strip">
|
|
<div class="q-strip-inner">
|
|
<div class="q-strip-item"><div class="q-strip-icon">📅</div><div class="q-strip-title">Smart Calendar</div><div class="q-strip-desc">AI scheduling + iOS/Google/Calendly sync</div></div>
|
|
<div class="q-strip-item"><div class="q-strip-icon">📐</div><div class="q-strip-title">AI Measurements</div><div class="q-strip-desc">LiDAR scan in minutes. $0 per report.</div></div>
|
|
<div class="q-strip-item"><div class="q-strip-icon">⚡</div><div class="q-strip-title">Hail Alerts</div><div class="q-strip-desc">Sub-hour storm alerts + address scoring</div></div>
|
|
<div class="q-strip-item"><div class="q-strip-icon">📋</div><div class="q-strip-title">Adjuster Reports</div><div class="q-strip-desc">1-click. Insurance-accepted. Auto-generated.</div></div>
|
|
<div class="q-strip-item"><div class="q-strip-icon">📊</div><div class="q-strip-title">Pipeline CRM</div><div class="q-strip-desc">Leads, stages, estimates, proposals</div></div>
|
|
<div class="q-strip-item"><div class="q-strip-icon">🏠</div><div class="q-strip-title">Owner's Box</div><div class="q-strip-desc">Revenue, KPIs, team performance, live</div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="q-vs">
|
|
<div style="text-align:center;margin-bottom:32px">
|
|
<div style="font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;color:#fff;text-transform:uppercase">Your Current Stack vs. LynkedUp Pro</div>
|
|
<p style="font-size:16px;color:var(--muted);margin-top:8px">The math is simple.</p>
|
|
</div>
|
|
<div class="q-vs-inner">
|
|
<div class="q-vs-col">
|
|
<div class="q-vs-label" style="color:var(--red)">❌ What you're paying now</div>
|
|
<div class="q-vs-items">
|
|
<div class="q-vs-item"><span class="ico">💸</span><span>EagleView reports - <strong style="color:#fff">$700+/mo</strong></span></div>
|
|
<div class="q-vs-item"><span class="ico">💸</span><span>JobNimbus CRM - <strong style="color:#fff">00+/mo</strong></span></div>
|
|
<div class="q-vs-item"><span class="ico">💸</span><span>SalesRabbit - <strong style="color:#fff">9+/user/mo</strong></span></div>
|
|
<div class="q-vs-item"><span class="ico">💸</span><span>Billing + proposal tools - <strong style="color:#fff">00+/mo</strong></span></div>
|
|
<div style="border-top:1px solid var(--border);margin-top:12px;padding-top:12px;display:flex;justify-content:space-between">
|
|
<span style="font-size:14px;color:var(--muted)">Total monthly</span>
|
|
<span style="font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:var(--red)">,150+</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="q-vs-sep">→</div>
|
|
<div class="q-vs-col win">
|
|
<div class="q-vs-label" style="color:var(--green)">✅ LynkedUp Pro</div>
|
|
<div class="q-vs-items">
|
|
<div class="q-vs-item"><span class="ico">✅</span><span>AI Measurements - <strong style="color:#fff">$0/report</strong></span></div>
|
|
<div class="q-vs-item"><span class="ico">✅</span><span>Roofing CRM - <strong style="color:#fff">included</strong></span></div>
|
|
<div class="q-vs-item"><span class="ico">✅</span><span>Hail alerts + canvassing - <strong style="color:#fff">included</strong></span></div>
|
|
<div class="q-vs-item"><span class="ico">✅</span><span>Billing + proposals - <strong style="color:#fff">included</strong></span></div>
|
|
<div style="border-top:1px solid rgba(0,229,160,.2);margin-top:12px;padding-top:12px;display:flex;justify-content:space-between">
|
|
<span style="font-size:14px;color:var(--muted)">Total monthly</span>
|
|
<span style="font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:var(--green)">49</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="max-width:860px;margin:24px auto 0;background:rgba(0,229,160,.05);border:1px solid rgba(0,229,160,.2);border-radius:12px;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px">
|
|
<span style="font-size:16px;color:var(--muted)">Your monthly savings:</span>
|
|
<span style="font-family:'Barlow Condensed',sans-serif;font-size:40px;font-weight:900;color:var(--green)">00+ / month</span>
|
|
<a href="https://book.lynkeduppro.com/" class="btn-primary">Claim These Savings →</a>
|
|
</div>
|
|
</div>
|
|
<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="q-cta" id="cta">
|
|
<div style="position:relative;z-index:1">
|
|
<div style="display:inline-block;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:8px 20px;margin-bottom:20px;font-size:13px;color:var(--orange);font-weight:600">🔥 Only 12 Founding Member Spots Remaining</div>
|
|
<div class="q-price"><sup style="font-size:32px;color:var(--muted)">$</sup>2000<sub>/mo</sub></div>
|
|
<div class="q-price-note">Everything included. No per-user fees. No per-report charges. 30-day money-back.</div>
|
|
<div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px">
|
|
<a href="https://book.lynkeduppro.com/" class="btn-primary" style="font-size:18px;padding:16px 40px">Book a demo →</a>
|
|
</div>
|
|
<div style="font-size:13px;color:var(--muted);display:flex;gap:20px;justify-content:center;flex-wrap:wrap">
|
|
<span>✅ No credit card required</span><span>✅ Free onboarding</span><span>✅ 30-day money-back guarantee</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> · <a href="https://book.lynkeduppro.com/" style="color:var(--muted)">Privacy</a></p>
|
|
</footer>
|
|
<div class="mob-sticky" style="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">
|
|
<a href="https://book.lynkeduppro.com/" style="flex:1;text-align:center;padding:12px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;background:var(--orange);color:#080c14">Book a demo</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));
|
|
if(window.innerWidth<=640)document.querySelector('.mob-sticky').style.display='flex';
|
|
window.addEventListener('resize',()=>{document.querySelector('.mob-sticky').style.display=window.innerWidth<=640?'flex':'none'});
|
|
</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>
|