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.
1347 lines
74 KiB
HTML
1347 lines
74 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||
<meta name="theme-color" content="#020817" />
|
||
<title>LynkedUp Pro - Field Intelligence. Not Just CRM.</title>
|
||
<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=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="/page/lp-v3.css">
|
||
<script src="/page/image-slot.js"></script>
|
||
</head>
|
||
<body>
|
||
|
||
<!-- ambient bg -->
|
||
<div class="bg-stack" aria-hidden="true">
|
||
<div class="bg-grid"></div>
|
||
<div class="bg-orb b-cyan"></div>
|
||
<div class="bg-orb b-orange"></div>
|
||
<div class="bg-circuit"></div>
|
||
</div>
|
||
|
||
<!-- ============================ NAV ============================ -->
|
||
<nav class="nav">
|
||
<div class="wrap nav-inner">
|
||
<a class="brand" href="https://book.lynkeduppro.com/"><img src="/uploads/lynkedup-logo.png" alt="LynkedUp Pro" class="brand-logo-img" style="height:34px;width:auto;display:block;object-fit:contain"></a>
|
||
<div class="nav-links" id="navLinks">
|
||
<a href="#platform">Platform</a>
|
||
<a href="#systems">6 Core Systems</a>
|
||
<a href="#calendar">Calendar AI</a>
|
||
<a href="#measure">Measurements</a>
|
||
<a href="https://launch.lynkeduppro.com/">Watch a demo</a>
|
||
<a href="https://book.lynkeduppro.com/">Book a demo</a>
|
||
<a href="#pricing">Pricing</a>
|
||
<a href="#reviews">Reviews</a>
|
||
<!-- Mobile-only CTA inside the slide-out menu -->
|
||
<a href="#pricing" class="btn btn-orange nav-mobile-cta">Claim Founders Lifetime Deal</a>
|
||
</div>
|
||
<div class="nav-cta">
|
||
|
||
<a href="#pricing" class="btn btn-orange nav-desktop-cta">
|
||
Claim Founders Lifetime Deal
|
||
<svg class="arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
||
</a>
|
||
<!-- Hamburger toggle - visible on mobile only via CSS -->
|
||
<button class="nav-toggle" id="navToggle" aria-label="Open menu" aria-expanded="false" aria-controls="navLinks">
|
||
<span></span><span></span><span></span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<!-- Backdrop for mobile menu -->
|
||
<div class="nav-overlay" id="navOverlay" aria-hidden="true"></div>
|
||
</nav>
|
||
|
||
<!-- ============================ HERO ============================ -->
|
||
<section class="hero">
|
||
<div class="wrap hero-inner">
|
||
<div class="hero-copy">
|
||
<span class="ltd-pill">
|
||
<span class="dot"></span>
|
||
Limited Founders Lifetime Deal, <b>only a few licenses left</b>
|
||
</span>
|
||
<h1>
|
||
Field intelligence. <span class="g-blue">Not just CRM.</span>
|
||
</h1>
|
||
<p class="sub">Experience workflow simplicity like never before. LynkedUp Pro unifies your calendar, CRM, LiDAR measurements, estimates, billing, and crew chat into one intelligent platform, built for roofers and contractors, by contractors. It's your assistant that never sleeps or takes a day off.</p>
|
||
<div class="hero-ctas">
|
||
<a href="#pricing" class="btn btn-orange btn-xl">
|
||
Claim Founders Lifetime Access - $2000
|
||
<svg class="arr" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
||
</a>
|
||
</div>
|
||
<div class="hero-trust">
|
||
<div class="t-stars">
|
||
<span class="stars">★★★★★</span>
|
||
<span>4.9★ · 248 reviews</span>
|
||
</div>
|
||
<div class="sep"></div>
|
||
<div class="t-it"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>Founders pricing locked in</div>
|
||
<div class="sep"></div>
|
||
<div class="t-it"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>SOC 2 Type II</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- HERO blueprint house -->
|
||
<div class="hero-art">
|
||
<!-- Hero hero image - drop your own 3D model render or keep the default -->
|
||
<image-slot id="hero-model" shape="rounded" radius="24"
|
||
src="/page/assets/hero-house.jpg"
|
||
placeholder="Drop your 3D model render or hero image"
|
||
class="hero-model-img"></image-slot>
|
||
|
||
<!-- Brand overlays
|
||
: scan grid + corner ticks to keep the blueprint feel -->
|
||
<div class="hero-model-overlay">
|
||
<svg viewBox="0 0 100 100" preserveAspectRatio="none" class="hmo-grid">
|
||
<defs>
|
||
<pattern id="hmgrid" width="6" height="6" patternUnits="userSpaceOnUse">
|
||
<path d="M6 0H0V6" fill="none" stroke="#38bdf8" stroke-width=".15" stroke-opacity=".5"/>
|
||
</pattern>
|
||
</defs>
|
||
<rect width="100" height="100" fill="url(#hmgrid)"/>
|
||
</svg>
|
||
|
||
<!-- CAD / LiDAR dimension lines (arrows + labels) — uniform 21:9 space, no distortion -->
|
||
<svg class="hmo-dims" viewBox="0 0 2100 900" preserveAspectRatio="none" aria-hidden="true">
|
||
<g class="dim">
|
||
<!-- OVERALL WIDTH (top) -->
|
||
<line class="ext" x1="150" y1="98" x2="150" y2="185"/>
|
||
<line class="ext" x1="1950" y1="98" x2="1950" y2="185"/>
|
||
<line class="dln" x1="150" y1="106" x2="1950" y2="106"/>
|
||
<polyline class="arw" points="164,98 150,106 164,114"/>
|
||
<polyline class="arw" points="1936,98 1950,106 1936,114"/>
|
||
<g class="lbl">
|
||
<rect x="948" y="84" width="204" height="44" rx="8"/>
|
||
<text x="1050" y="112">43′-4″ width</text>
|
||
</g>
|
||
</g>
|
||
|
||
<g class="dim">
|
||
<!-- OVERALL HEIGHT (left) -->
|
||
<line class="ext" x1="118" y1="170" x2="185" y2="170"/>
|
||
<line class="ext" x1="118" y1="800" x2="185" y2="800"/>
|
||
<line class="dln" x1="118" y1="170" x2="118" y2="800"/>
|
||
<polyline class="arw" points="110,184 118,170 126,184"/>
|
||
<polyline class="arw" points="110,786 118,800 126,786"/>
|
||
<g class="lbl">
|
||
<rect x="26" y="463" width="196" height="44" rx="8"/>
|
||
<text x="124" y="491">21′-8″ height</text>
|
||
</g>
|
||
</g>
|
||
|
||
<g class="dim">
|
||
<!-- WALL HEIGHT (right) -->
|
||
<line class="ext" x1="1982" y1="180" x2="1915" y2="180"/>
|
||
<line class="ext" x1="1982" y1="470" x2="1915" y2="470"/>
|
||
<line class="dln" x1="1982" y1="180" x2="1982" y2="470"/>
|
||
<polyline class="arw" points="1974,194 1982,180 1990,194"/>
|
||
<polyline class="arw" points="1974,456 1982,470 1990,456"/>
|
||
<g class="lbl">
|
||
<rect x="1760" y="303" width="196" height="44" rx="8"/>
|
||
<text x="1858" y="331">9′-10″ wall height</text>
|
||
</g>
|
||
</g>
|
||
|
||
<g class="dim">
|
||
<!-- GARAGE WIDTH (lower left) -->
|
||
<line class="ext" x1="360" y1="700" x2="360" y2="792"/>
|
||
<line class="ext" x1="1040" y1="700" x2="1040" y2="792"/>
|
||
<line class="dln" x1="360" y1="784" x2="1040" y2="784"/>
|
||
<polyline class="arw" points="374,776 360,784 374,792"/>
|
||
<polyline class="arw" points="1026,776 1040,784 1026,792"/>
|
||
<g class="lbl">
|
||
<rect x="588" y="762" width="224" height="44" rx="8"/>
|
||
<text x="700" y="790">19′-8″ garage width</text>
|
||
</g>
|
||
</g>
|
||
|
||
<g class="dim">
|
||
<!-- DRIVEWAY WIDTH (lower right) -->
|
||
<line class="ext" x1="1300" y1="740" x2="1300" y2="832"/>
|
||
<line class="ext" x1="1930" y1="740" x2="1930" y2="832"/>
|
||
<line class="dln" x1="1300" y1="824" x2="1930" y2="824"/>
|
||
<polyline class="arw" points="1314,816 1300,824 1314,832"/>
|
||
<polyline class="arw" points="1916,816 1930,824 1916,832"/>
|
||
<g class="lbl">
|
||
<rect x="1503" y="802" width="224" height="44" rx="8"/>
|
||
<text x="1615" y="830">18′-8″ driveway width</text>
|
||
</g>
|
||
</g>
|
||
</svg>
|
||
|
||
<span class="corner tl"></span>
|
||
<span class="corner tr"></span>
|
||
<span class="corner bl"></span>
|
||
<span class="corner br"></span>
|
||
<span class="scan-line"></span>
|
||
</div>
|
||
|
||
<!-- floating data chips -->
|
||
<div class="art-chip art-chip-tl">
|
||
<span class="pulse"></span>
|
||
<div>
|
||
<div class="l">LiDAR live</div>
|
||
<div class="v">±0.4 in accuracy</div>
|
||
</div>
|
||
</div>
|
||
<div class="art-chip art-chip-tr">
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3z"/></svg>
|
||
<div>
|
||
<div class="l">AI estimate</div>
|
||
<div class="v">$18,420 · 72%</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Hero stat ribbon -->
|
||
<div class="wrap">
|
||
<div class="stat-ribbon">
|
||
<div class="stat-it">
|
||
<div class="ic ic-orange">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/><path d="m9 16 2 2 4-4"/></svg>
|
||
</div>
|
||
<div>
|
||
<div class="t">Plan Better</div>
|
||
<div class="s">Calendar that thinks ahead</div>
|
||
</div>
|
||
</div>
|
||
<div class="stat-it">
|
||
<div class="ic ic-cyan">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
|
||
</div>
|
||
<div>
|
||
<div class="t">Work Smarter</div>
|
||
<div class="s">AI assistant in every step</div>
|
||
</div>
|
||
</div>
|
||
<div class="stat-it">
|
||
<div class="ic ic-orange">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></svg>
|
||
</div>
|
||
<div>
|
||
<div class="t">Win More</div>
|
||
<div class="s">+41% close rate avg.</div>
|
||
</div>
|
||
<sup class="disc-star">*</sup>
|
||
</div>
|
||
<div class="stat-it">
|
||
<div class="ic ic-mint">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><path d="m7 14 4-4 4 4 5-5"/><path d="M16 9h4v4"/></svg>
|
||
</div>
|
||
<div>
|
||
<div class="t">Grow Faster</div>
|
||
<div class="s">$48k+ weekly avg revenue</div>
|
||
</div>
|
||
<sup class="disc-star">*</sup>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================ LOGO STRIP ============================ -->
|
||
<section class="logos-band">
|
||
<div class="wrap logos-inner">
|
||
<div class="logos-l">Trusted by <b>3,000</b> roofing & exterior contractors</div>
|
||
<div class="logos-row">
|
||
<span class="lg-1">RidgeWorks</span>
|
||
<span class="lg-2">PEAK&SLOPE</span>
|
||
<span class="lg-3">A R T E S A N O</span>
|
||
<span class="lg-4">Stonefield Co.</span>
|
||
<span class="lg-5">NORTHRIDGE</span>
|
||
<span class="lg-1">Skyhaus⌃</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================ PLATFORM / DASHBOARD ============================ -->
|
||
<section class="sec-platform" id="platform">
|
||
<div class="wrap sec-head sec-center">
|
||
<span class="eyebrow eyebrow-cyan"><span class="d"></span>The Owners Box</span>
|
||
<h2 class="sec-h">One platform. Every job. <span class="g-blue-light">Zero drag.</span></h2>
|
||
<p class="sec-sub">Where roofing's field experience meets next-level technology. Pipeline, dispatch, measurements, and billing, all flowing through a single intelligent dashboard your whole team actually uses.</p>
|
||
</div>
|
||
|
||
<div class="wrap">
|
||
<!-- Dashboard preview - browser window with real product screenshots -->
|
||
<div class="dash-window" id="dashWindow">
|
||
<div class="dw-bar">
|
||
<span class="dw-dots"><i></i><i></i><i></i></span>
|
||
<span class="dw-url">
|
||
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
|
||
<span id="dwUrlText">app.lynkeduppro.com/dashboard</span>
|
||
</span>
|
||
<span class="dw-spacer"></span>
|
||
</div>
|
||
|
||
<div class="dw-tabs" role="tablist" aria-label="Product views">
|
||
<button class="dw-tab is-active" data-tab="dashboard" data-url="app.lynkeduppro.com/dashboard" type="button" role="tab" aria-selected="true">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="9"/><rect x="14" y="3" width="7" height="5"/><rect x="14" y="12" width="7" height="9"/><rect x="3" y="16" width="7" height="5"/></svg>
|
||
<span>Dashboard</span>
|
||
</button>
|
||
<button class="dw-tab" data-tab="estimate" data-url="app.lynkeduppro.com/estimates" type="button" role="tab" aria-selected="false">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M16 13H8M16 17H8M10 9H8"/></svg>
|
||
<span>Estimates</span>
|
||
</button>
|
||
<button class="dw-tab" data-tab="projects" data-url="app.lynkeduppro.com/projects" type="button" role="tab" aria-selected="false">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/></svg>
|
||
<span>Project Data</span>
|
||
</button>
|
||
<button class="dw-tab" data-tab="LynkDispatch" data-url="app.lynkeduppro.com/lynkdispatch" type="button" role="tab" aria-selected="false">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
|
||
<span>LynkDispatch</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="dw-stage">
|
||
<span class="dw-corner tl" aria-hidden="true"></span>
|
||
<span class="dw-corner tr" aria-hidden="true"></span>
|
||
<span class="dw-corner bl" aria-hidden="true"></span>
|
||
<span class="dw-corner br" aria-hidden="true"></span>
|
||
<img class="dw-shot is-active" data-shot="dashboard" src="/page/assets/dashboard.png" alt="LynkedUp Pro dashboard - pipeline, revenue, and activity at a glance" loading="lazy"/>
|
||
<img class="dw-shot" data-shot="estimate" src="/page/assets/esitimate.png" alt="LynkedUp Pro estimates - AI-generated proposal workflow" loading="lazy"/>
|
||
<img class="dw-shot" data-shot="projects" src="/page/assets/project-data.png" alt="LynkedUp Pro project data - jobs, measurements, and timelines" loading="lazy"/>
|
||
<img class="dw-shot" data-shot="LynkDispatch" src="/page/assets/lynkedispatch.png" alt="LynkedUp Pro LynkDispatch - real-time job coordination" loading="lazy"/>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Mobile companion -->
|
||
<div class="mobile-companion">
|
||
<div class="mc-l">
|
||
<span class="eyebrow eyebrow-orange"><span class="d"></span>Companion App</span>
|
||
<h3>Your office, in your pocket.</h3>
|
||
<p>Run Owners Box from the truck. Capture leads, scan roofs, send estimates, and collect payments, without ever opening a laptop.</p>
|
||
<ul class="mc-feats">
|
||
<li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>Offline-first, works in dead zones</li>
|
||
<li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>iOS & Android · same data, same second</li>
|
||
<li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>One-tap LiDAR scan from any iPhone</li>
|
||
</ul>
|
||
</div>
|
||
<div class="phone-shell">
|
||
<div class="phone-notch"></div>
|
||
<div class="phone-screen">
|
||
<div class="ph-status"><span>9:41</span><span class="ph-r">●●● <svg width="9" height="9" viewBox="0 0 24 24" fill="currentColor"><path d="M2 22h20V2L2 22z"/></svg></span></div>
|
||
<div class="ph-back">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
|
||
<span>Project #1286</span>
|
||
</div>
|
||
<div class="ph-addr">123 Maple St, Anytown, USA</div>
|
||
<div class="ph-tabs">
|
||
<span class="on">Overview</span>
|
||
<span>Canvas</span>
|
||
<span>Measurements</span>
|
||
</div>
|
||
<div class="ph-roof">
|
||
<svg viewBox="0 0 220 120" class="ph-roof-svg">
|
||
<g stroke="#38bdf8" stroke-width="1.5" fill="none" stroke-linejoin="round">
|
||
<polyline points="20,100 60,55 110,90 160,55 200,100"/>
|
||
<polyline points="60,55 110,30 160,55"/>
|
||
<line x1="20" y1="100" x2="200" y2="100"/>
|
||
<line x1="110" y1="30" x2="110" y2="90"/>
|
||
</g>
|
||
<g font-family="JetBrains Mono" font-size="7" fill="#7dd3fc">
|
||
<text x="35" y="76">24.5 ft</text>
|
||
<text x="155" y="76">18.2 ft</text>
|
||
<text x="100" y="22">16.8 ft</text>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<div class="ph-stat">
|
||
<div class="l">Total Roof Area</div>
|
||
<div class="v">1,892.34 <small>sq ft</small></div>
|
||
<svg width="80" height="20" viewBox="0 0 80 20" style="float:right; margin-top:-26px;">
|
||
<polyline points="0,14 12,10 24,12 36,6 48,8 60,3 72,5 80,1" fill="none" stroke="#34d399" stroke-width="1.6" stroke-linecap="round"/>
|
||
</svg>
|
||
</div>
|
||
<button class="ph-cta">Create Estimate</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Right: real product screenshot - contractor / team view -->
|
||
<div class="mc-img-wrap mc-img-shot">
|
||
<img src="/page/assets/contractors.png" alt="LynkedUp Pro - contractor & crew management view" loading="lazy"/>
|
||
<div class="mc-img-tag">
|
||
<span class="dot"></span>
|
||
<span>Live · <b>Crew A on site</b> · synced with Owners Box</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================ VIDEO / DEMO ============================ -->
|
||
<section class="sec-video" id="watch">
|
||
<div class="wrap sec-head sec-center">
|
||
<span class="eyebrow eyebrow-orange"><span class="d"></span>See it in action</span>
|
||
<h2 class="sec-h">From the truck to the rooftop, <span class="g-blue-light">in two minutes.</span></h2>
|
||
<p class="sec-sub">Watch a real crew take a lead from door-knock to deposit: LiDAR scan, AI estimate, branded proposal, and Stripe payment, all without leaving the truck.</p>
|
||
</div>
|
||
|
||
<div class="wrap">
|
||
<div class="video-stage">
|
||
<div class="video-frame" id="videoFrame">
|
||
<!-- Poster (visible until play) -->
|
||
<div class="video-poster" id="videoPoster">
|
||
<img class="video-poster-img" src="https://images.unsplash.com/photo-1564013799919-ab600027ffc6?auto=format&fit=crop&w=1600&q=80" alt="LynkedUp Pro demo - aerial roof view"/>
|
||
<div class="video-overlay"></div>
|
||
<button class="video-play" id="videoPlay" aria-label="Play demo">
|
||
<span class="play-ring"></span>
|
||
<span class="play-ring r2"></span>
|
||
<span class="play-btn">
|
||
<svg width="26" height="26" viewBox="0 0 24 24" fill="#fff"><path d="M7 5v14l12-7z"/></svg>
|
||
</span>
|
||
</button>
|
||
<div class="video-meta">
|
||
<span class="v-dur">2:14</span>
|
||
<span class="v-label">Product walkthrough</span>
|
||
</div>
|
||
<!-- decorative neon HUD on poster -->
|
||
<div class="vh vh-1"><span class="vh-d"></span>LiDAR scan · live</div>
|
||
<div class="vh vh-2">AI estimate · $18,420</div>
|
||
<div class="vh vh-3">2,847 ft² · 6:12 pitch</div>
|
||
</div>
|
||
<!-- Real video element (hidden until play) -->
|
||
<video class="video-el" id="videoEl" playsinline preload="none" controls poster="https://images.unsplash.com/photo-1564013799919-ab600027ffc6?auto=format&fit=crop&w=1600&q=80">
|
||
<source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4" type="video/mp4">
|
||
</video>
|
||
</div>
|
||
|
||
<div class="video-chips">
|
||
<div class="vc" data-seek="8">
|
||
<span class="n">00:08</span>
|
||
<span class="t">LiDAR roof scan from iPhone</span>
|
||
</div>
|
||
<div class="vc" data-seek="42">
|
||
<span class="n">00:42</span>
|
||
<span class="t">AI-generated proposal in 90s</span>
|
||
</div>
|
||
<div class="vc" data-seek="78">
|
||
<span class="n">01:18</span>
|
||
<span class="t">Crew dispatch + weather sync</span>
|
||
</div>
|
||
<div class="vc" data-seek="112">
|
||
<span class="n">01:52</span>
|
||
<span class="t">Stripe payment, QuickBooks sync</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================ 6 CORE SYSTEMS ============================ -->
|
||
<section class="sec-systems" id="systems">
|
||
<div class="wrap sec-head sec-center">
|
||
<span class="eyebrow eyebrow-cyan"><span class="d"></span>One ecosystem · Six native modules</span>
|
||
<h2 class="sec-h">All connected. All automated. <span class="g-blue-light">All built to perform.</span></h2>
|
||
<p class="sec-sub">Six native modules that share one source of truth. No more bouncing between AccuLynx, JobNimbus, QuickBooks, Calendly, Slack, and a measurement add-on.</p>
|
||
</div>
|
||
|
||
<div class="wrap">
|
||
<div class="sys-grid">
|
||
<div class="sys-card sys-cyan">
|
||
<div class="sys-ic">
|
||
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
|
||
</div>
|
||
<div class="sys-num">01</div>
|
||
<h3>CRM</h3>
|
||
<p>Pipeline, automations, AI insights, and team performance built for maximum results.</p>
|
||
<span class="sys-tag">+41% close rate avg</span>
|
||
</div>
|
||
|
||
<div class="sys-card sys-orange">
|
||
<div class="sys-ic">
|
||
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 21V9"/><path d="m12 14 2 2 4-4"/></svg>
|
||
</div>
|
||
<div class="sys-num">02</div>
|
||
<h3>Canvas</h3>
|
||
<p>Door-to-door, territory mapping, and visual job planning, a digital whiteboard for the field.</p>
|
||
<span class="sys-tag">Map-first</span>
|
||
</div>
|
||
|
||
<div class="sys-card sys-mint">
|
||
<div class="sys-ic">
|
||
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3h7v7H3z"/><path d="M14 3h7v7h-7z"/><path d="M14 14h7v7h-7z"/><path d="M3 14h7v7H3z"/></svg>
|
||
</div>
|
||
<div class="sys-num">03</div>
|
||
<h3>Measurements</h3>
|
||
<p>AI & LiDAR precision you can rely on. 10× faster than EagleView, claim-ready in minutes.</p>
|
||
<span class="sys-tag">±0.4 in accuracy</span>
|
||
</div>
|
||
|
||
<div class="sys-card sys-purple">
|
||
<div class="sys-ic">
|
||
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="5"/><path d="M20 21a8 8 0 1 0-16 0"/><path d="m17 11 2 2 4-4"/></svg>
|
||
</div>
|
||
<div class="sys-num">04</div>
|
||
<h3>Client Experience</h3>
|
||
<p>Branded portal where homeowners view photos, sign contracts, and pay invoices, no logins needed.</p>
|
||
<span class="sys-tag">5-star reviews</span>
|
||
</div>
|
||
|
||
<div class="sys-card sys-cyan">
|
||
<div class="sys-ic">
|
||
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
|
||
</div>
|
||
<div class="sys-num">05</div>
|
||
<h3>Billing</h3>
|
||
<p>Stripe and ACH baked in. Two-way QuickBooks sync. Get paid before the tarps come off.</p>
|
||
<span class="sys-tag">Stripe · ACH · Affirm</span>
|
||
</div>
|
||
|
||
<div class="sys-card sys-orange">
|
||
<div class="sys-ic">
|
||
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M9 13h6M9 17h4"/></svg>
|
||
</div>
|
||
<div class="sys-num">06</div>
|
||
<h3>Estimating</h3>
|
||
<p>AI proposals that win. Material take-off, labor, and margin calc, branded and sent in 90 seconds.</p>
|
||
<span class="sys-tag">90-second proposals</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================ CALENDAR ============================ -->
|
||
<section class="sec-calendar" id="calendar">
|
||
<div class="wrap cal-row">
|
||
<div class="cal-copy">
|
||
<span class="eyebrow eyebrow-cyan"><span class="d"></span>Calendar AI</span>
|
||
<h2 class="sec-h">Your calendar <span class="g-blue-light">should think ahead.</span></h2>
|
||
<p class="sec-sub">An optimized calendar that learns, syncs, and suggests, while you stay in control. LynkedUp watches traffic, weather, and crew load every 15 minutes, then proposes one-tap fixes before a 7:32 AM thunderstorm blows up your whole Tuesday.</p>
|
||
|
||
<div class="cal-points">
|
||
<div class="cal-pt">
|
||
<div class="cal-pt-ic">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 4v6h-6"/><path d="M1 20v-6h6"/><path d="M3.5 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.65 4.36A9 9 0 0 0 20.5 15"/></svg>
|
||
</div>
|
||
<div>
|
||
<h4>Sync</h4>
|
||
<p>iOS · Google · Calendly · Outlook. Two-way sync, all devices, same second.</p>
|
||
</div>
|
||
</div>
|
||
<div class="cal-pt">
|
||
<div class="cal-pt-ic cyan">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2 4 6v6c0 5 3.5 9 8 10 4.5-1 8-5 8-10V6z"/><path d="m9 12 2 2 4-4"/></svg>
|
||
</div>
|
||
<div>
|
||
<h4>Suggest</h4>
|
||
<p>AI proposes the best time, route, and next action, using live weather & traffic.</p>
|
||
</div>
|
||
</div>
|
||
<div class="cal-pt">
|
||
<div class="cal-pt-ic mint">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
|
||
</div>
|
||
<div>
|
||
<h4>Control</h4>
|
||
<p>Nothing changes without your approval. Every suggestion is a one-tap accept or dismiss.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cal-stage">
|
||
<div class="cal-window">
|
||
<div class="cal-w-head">
|
||
<div class="cal-w-l">
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
|
||
Calendar
|
||
</div>
|
||
<div class="cal-w-c">
|
||
<button class="navb"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="m15 18-6-6 6-6"/></svg></button>
|
||
<span>May 12 - May 18, 2026</span>
|
||
<button class="navb"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="m9 18 6-6-6-6"/></svg></button>
|
||
</div>
|
||
<div class="cal-w-r">
|
||
<span class="seg">Week ▾</span>
|
||
<button class="navb"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M12 5v14M5 12h14"/></svg></button>
|
||
</div>
|
||
</div>
|
||
<div class="cal-w-days">
|
||
<div></div>
|
||
<div>MON<b>12</b></div>
|
||
<div class="tod">TUE<b>13</b></div>
|
||
<div>WED<b>14</b></div>
|
||
<div>THU<b>15</b></div>
|
||
<div>FRI<b>16</b></div>
|
||
<div>SAT<b>17</b></div>
|
||
<div>SUN<b>18</b></div>
|
||
</div>
|
||
<div class="cal-w-body">
|
||
<div class="cal-w-time">
|
||
<span>8 AM</span><span>9 AM</span><span>10 AM</span><span>11 AM</span><span>12 PM</span><span>1 PM</span><span>2 PM</span>
|
||
</div>
|
||
<div class="cal-w-col"></div>
|
||
<div class="cal-w-col">
|
||
<div class="cal-e cyan" style="top:42px; height:50px;">
|
||
<div class="t">10:00 AM</div>
|
||
<div class="s">Estimate · 123 Maple St</div>
|
||
</div>
|
||
</div>
|
||
<div class="cal-w-col">
|
||
<div class="cal-e orange" style="top:96px; height:60px;">
|
||
<div class="t">10:00 AM</div>
|
||
<div class="s">Roof Inspection · 456 Oak Ave</div>
|
||
</div>
|
||
<div class="cal-e cyan" style="top:160px; height:40px;">
|
||
<div class="t">11:00 AM</div>
|
||
<div class="s">Follow Up · 789 Pine Rd</div>
|
||
</div>
|
||
</div>
|
||
<div class="cal-w-col"></div>
|
||
<div class="cal-w-col">
|
||
<div class="cal-e cyan" style="top:36px; height:46px;">
|
||
<div class="t">9:30 AM</div>
|
||
<div class="s">Material Order · ABC</div>
|
||
</div>
|
||
<div class="cal-e mint" style="top:255px; height:46px;">
|
||
<div class="t">1:00 PM</div>
|
||
<div class="s">Client Call · Whitfield</div>
|
||
</div>
|
||
</div>
|
||
<div class="cal-w-col"></div>
|
||
<div class="cal-w-col"></div>
|
||
|
||
<!-- AI suggestion popover overlaying the Tue 10am block -->
|
||
<div class="ai-pop">
|
||
<div class="ai-pop-h">
|
||
<div class="ai-ic">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3z"/></svg>
|
||
</div>
|
||
<div>
|
||
<div class="t">Suggested actions</div>
|
||
<div class="s">LynkedUp AI · just now</div>
|
||
</div>
|
||
</div>
|
||
<p>Traffic is moderate. <b>Suggest leaving now</b> for your <span class="hl">10:00 AM</span> inspection. Save 14 min by routing through Cherry Creek.</p>
|
||
<div class="ai-act">
|
||
<button class="ai-btn">Not now</button>
|
||
<button class="ai-btn pri">Yes, map me
|
||
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- integration chips -->
|
||
<div class="cal-int">
|
||
<div class="int">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M17.5 12.5c0-3 2.4-4.5 2.5-4.5-1.4-2-3.5-2.3-4.3-2.4-1.8-.2-3.6 1.1-4.5 1.1-1 0-2.4-1.1-4-1-2 0-3.9 1.2-5 3-2.1 3.7-.5 9.1 1.5 12 1 1.5 2.2 3 3.8 3 1.5-.1 2.1-1 4-1s2.4 1 4 1 2.7-1.5 3.7-2.9c1.2-1.7 1.7-3.4 1.7-3.5-.1-.1-3.4-1.3-3.4-5.1zM14.5 4c.8-1 1.4-2.4 1.2-3.7-1.2.1-2.6.8-3.4 1.8-.7.9-1.4 2.3-1.2 3.6 1.3.1 2.6-.7 3.4-1.7z"/></svg>
|
||
iOS
|
||
</div>
|
||
<div class="int">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2"/><path d="M12 6v6l4 2" fill="none" stroke="currentColor" stroke-width="2"/></svg>
|
||
Google
|
||
</div>
|
||
<div class="int">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>
|
||
Calendly
|
||
</div>
|
||
<div class="int">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/></svg>
|
||
Outlook
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================ MEASUREMENTS ============================ -->
|
||
<section class="sec-measure" id="measure">
|
||
<div class="wrap sec-head sec-center">
|
||
<span class="eyebrow eyebrow-orange"><span class="d"></span>AI-Powered Precision</span>
|
||
<h2 class="sec-h">Measure once. <span class="g-blue-light">Use everywhere.</span></h2>
|
||
<p class="sec-sub">AI-powered measurements that are accurate, fast, and claim-ready. Point your phone at the roof, we return precise pitch, area, and material take-off in 30 seconds. No drones, no climbing, no $85 EagleView report.</p>
|
||
</div>
|
||
|
||
<div class="wrap">
|
||
<div class="meas-stage">
|
||
<!-- Big roof blueprint -->
|
||
<div class="meas-art">
|
||
<img class="meas-svg" src="/page/assets/lynkedispatch.png" alt="LynkedUp dispatch and AI roof measurement view" loading="lazy"/>
|
||
|
||
<!-- floating feature pills around the artwork -->
|
||
<!-- <div class="meas-pill meas-pill-tl">
|
||
<div class="ic"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><circle cx="12" cy="12" r="10"/></svg></div>
|
||
<div><b>AI Measurements</b><span>Roof in minutes with accuracy you can trust.</span></div>
|
||
</div>
|
||
<div class="meas-pill meas-pill-bl">
|
||
<div class="ic"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-2-2h-7l-2-2H5a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2z"/></svg></div>
|
||
<div><b>Claim Ready</b><span>Xactimate®-style reports with photo evidence.</span></div>
|
||
</div> -->
|
||
</div>
|
||
|
||
<!-- Phone summary -->
|
||
<div class="meas-phone">
|
||
<div class="phone-shell">
|
||
<div class="phone-notch"></div>
|
||
<div class="phone-screen phone-screen-img">
|
||
<img class="phone-img" src="/page/assets/mobile.png" alt="LynkedUp mobile measurement summary screen" loading="lazy"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Performance row (5 stats) -->
|
||
<div class="perf-row">
|
||
<div class="perf-it">
|
||
<div class="perf-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div>
|
||
<div class="perf-v">10× Faster</div>
|
||
<div class="perf-l">Measure in minutes, not hours</div>
|
||
<sup class="disc-star">*</sup>
|
||
</div>
|
||
<div class="perf-it">
|
||
<div class="perf-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></svg></div>
|
||
<div class="perf-v">98% Accurate</div>
|
||
<div class="perf-l">AI & LiDAR precision you can rely on</div>
|
||
<sup class="disc-star">*</sup>
|
||
</div>
|
||
<div class="perf-it">
|
||
<div class="perf-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="m9 13 2 2 4-4"/></svg></div>
|
||
<div class="perf-v">Claim Approved</div>
|
||
<div class="perf-l">Evidence-backed reports that get paid</div>
|
||
<sup class="disc-star">*</sup>
|
||
</div>
|
||
<div class="perf-it">
|
||
<div class="perf-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"/></svg></div>
|
||
<div class="perf-v">Cloud Sync</div>
|
||
<div class="perf-l">Real-time access across your team</div>
|
||
<sup class="disc-star">*</sup>
|
||
</div>
|
||
<div class="perf-it">
|
||
<div class="perf-ic"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 3v18h18"/><path d="m7 14 4-4 4 4 5-5"/><path d="M16 9h4v4"/></svg></div>
|
||
<div class="perf-v">Maximize Profit</div>
|
||
<div class="perf-l">Better data · better estimates · bigger wins</div>
|
||
<sup class="disc-star">*</sup>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================ CONNECTED / WORKFLOW ============================ -->
|
||
<section class="sec-connected">
|
||
<div class="wrap sec-head sec-center">
|
||
<span class="eyebrow eyebrow-cyan"><span class="d"></span>One System · One Source of Truth</span>
|
||
<h2 class="sec-h">All your work. Connected. <span class="g-blue-light">All in one place.</span></h2>
|
||
<p class="sec-sub">From leads to final invoice, every detail connected, so nothing slips through the cracks. Built for roofing. Built for you.</p>
|
||
</div>
|
||
|
||
<div class="wrap">
|
||
<div class="connected-stage">
|
||
<!-- left features -->
|
||
<div class="conn-side left">
|
||
<div class="conn-feat">
|
||
<div class="conn-ic"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="7" r="4"/><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/></svg></div>
|
||
<div>
|
||
<h4>Leads</h4>
|
||
<p>Capture and qualify leads automatically.</p>
|
||
</div>
|
||
</div>
|
||
<div class="conn-feat">
|
||
<div class="conn-ic"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg></div>
|
||
<div>
|
||
<h4>Schedule</h4>
|
||
<p>Smart scheduling that adapts to your day.</p>
|
||
</div>
|
||
</div>
|
||
<div class="conn-feat">
|
||
<div class="conn-ic"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg></div>
|
||
<div>
|
||
<h4>Inspections</h4>
|
||
<p>Collect, document, and move forward.</p>
|
||
</div>
|
||
</div>
|
||
<div class="conn-feat">
|
||
<div class="conn-ic"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/></svg></div>
|
||
<div>
|
||
<h4>Estimates</h4>
|
||
<p>Create faster. Win more.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- central wireframe house -->
|
||
<div class="conn-center">
|
||
<svg viewBox="0 0 460 460" class="conn-svg" preserveAspectRatio="xMidYMid meet">
|
||
<defs>
|
||
<linearGradient id="connHubFill" x1="0" y1="0" x2="1" y2="1">
|
||
<stop offset="0" stop-color="#0ea5e9"/>
|
||
<stop offset="1" stop-color="#0c2e52"/>
|
||
</linearGradient>
|
||
</defs>
|
||
<!-- ground line -->
|
||
<line x1="40" y1="380" x2="420" y2="380" stroke="#0ea5e9" stroke-opacity=".4" stroke-dasharray="3 5"/>
|
||
<!-- house -->
|
||
<g stroke="#38bdf8" stroke-width="2" fill="none" stroke-linejoin="round" filter="url(#neonGlow)">
|
||
<polyline points="80,360 80,200 230,80 380,200 380,360"/>
|
||
<!-- chimney -->
|
||
<rect x="290" y="120" width="22" height="50"/>
|
||
<!-- windows -->
|
||
<rect x="135" y="240" width="50" height="60"/>
|
||
<rect x="280" y="240" width="50" height="60"/>
|
||
<!-- door -->
|
||
<rect x="200" y="280" width="55" height="80"/>
|
||
</g>
|
||
<!-- inner glow -->
|
||
<polygon points="80,360 80,200 230,80 380,200 380,360" fill="url(#houseGlow)" opacity=".4"/>
|
||
|
||
<!-- center hub — LynkedUp logo badge -->
|
||
<g transform="translate(230 220)" class="conn-hub">
|
||
<circle r="86" fill="#0c2e52" opacity=".4"/>
|
||
<circle r="72" fill="none" stroke="#22d3ee" stroke-width="1" stroke-opacity=".5" stroke-dasharray="3 5"/>
|
||
<rect x="-104" y="-34" width="208" height="68" rx="18" fill="#ffffff" stroke="#7dd3fc" stroke-width="2"/>
|
||
<image href="/uploads/lynkedup-logo.png" xlink:href="/uploads/lynkedup-logo.png"
|
||
x="-88" y="-22" width="176" height="44" preserveAspectRatio="xMidYMid meet"/>
|
||
</g>
|
||
|
||
<!-- connecting dotted lines to corners -->
|
||
<g stroke="#22d3ee" stroke-width="1" stroke-opacity=".6" stroke-dasharray="3 4" fill="none">
|
||
<path d="M30 90 Q140 130 200 200"/>
|
||
<path d="M30 220 Q120 230 190 230"/>
|
||
<path d="M30 350 Q140 320 200 260"/>
|
||
<path d="M430 90 Q330 130 270 200"/>
|
||
<path d="M430 220 Q330 230 270 230"/>
|
||
<path d="M430 350 Q330 320 270 260"/>
|
||
</g>
|
||
<!-- glow dots -->
|
||
<g fill="#22d3ee">
|
||
<circle cx="30" cy="90" r="4"/><circle cx="30" cy="220" r="4"/><circle cx="30" cy="350" r="4"/>
|
||
<circle cx="430" cy="90" r="4"/><circle cx="430" cy="220" r="4"/><circle cx="430" cy="350" r="4"/>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
|
||
<!-- right features -->
|
||
<div class="conn-side right">
|
||
<div class="conn-feat">
|
||
<div class="conn-ic"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-2-2h-7l-2-2H5a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2z"/></svg></div>
|
||
<div>
|
||
<h4>Proposals</h4>
|
||
<p>Professional proposals that close.</p>
|
||
</div>
|
||
</div>
|
||
<div class="conn-feat">
|
||
<div class="conn-ic"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m7 4 1.5 3h11l-4 12H6L4 2H2"/><circle cx="9" cy="20" r="2"/><circle cx="17" cy="20" r="2"/></svg></div>
|
||
<div>
|
||
<h4>Jobs</h4>
|
||
<p>Stay on track every step.</p>
|
||
</div>
|
||
</div>
|
||
<div class="conn-feat">
|
||
<div class="conn-ic"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg></div>
|
||
<div>
|
||
<h4>Photos</h4>
|
||
<p>Everything in one place.</p>
|
||
</div>
|
||
</div>
|
||
<div class="conn-feat">
|
||
<div class="conn-ic"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M9 13h6M9 17h4"/></svg></div>
|
||
<div>
|
||
<h4>Invoices</h4>
|
||
<p>Get paid faster. Keep cash flow strong.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- bottom benefits -->
|
||
<div class="benefit-row">
|
||
<div class="ben-it">
|
||
<div class="ben-ic"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div>
|
||
<div>
|
||
<h4>Save Time</h4>
|
||
<p>Automate the busy work and focus on what matters.</p>
|
||
</div>
|
||
</div>
|
||
<div class="ben-it">
|
||
<div class="ben-ic"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></svg></div>
|
||
<div>
|
||
<h4>Reduce Errors</h4>
|
||
<p>Connected data means fewer mistakes.</p>
|
||
</div>
|
||
</div>
|
||
<div class="ben-it">
|
||
<div class="ben-ic"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 3v18h18"/><path d="m7 14 4-4 4 4 5-5"/></svg></div>
|
||
<div>
|
||
<h4>Grow Faster</h4>
|
||
<p>Better systems · better decisions · bigger results.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================ PRICING ============================ -->
|
||
<!-- ============================ PRICING ============================ -->
|
||
<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<sup class="price-star">**</sup></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>
|
||
<div class="promo-wrap">
|
||
<input type="text" id="promoCode" data-promo-input class="promo-input" placeholder="Have a promo code?" autocomplete="off" spellcheck="false" />
|
||
<div class="promo-hint" id="promoHint" aria-live="polite"></div>
|
||
</div>
|
||
<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">Claim Founders Lifetime Deal</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 .promo-wrap{margin:18px 0 14px;}
|
||
.roofing-offer-section .promo-input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.05);color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;outline:none;transition:border-color .15s,box-shadow .15s;}
|
||
.roofing-offer-section .promo-input::placeholder{color:#8d8d8d;text-transform:none;letter-spacing:normal;}
|
||
.roofing-offer-section .promo-input:focus{border-color:#4dc5ff;box-shadow:0 0 0 3px rgba(77,197,255,0.15);}
|
||
.roofing-offer-section .promo-hint{min-height:16px;margin-top:7px;font-size:12.5px;font-weight:600;}
|
||
.roofing-offer-section .promo-hint.ok{color:#34d399;}
|
||
.roofing-offer-section .promo-hint.bad{color:#f87171;}
|
||
.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>
|
||
|
||
|
||
<!-- ============================ BUILT FOR THE FIELD ============================ -->
|
||
<section class="sec-field" id="field">
|
||
<div class="wrap sec-head sec-center">
|
||
<span class="eyebrow eyebrow-orange"><span class="d"></span>Built for the field</span>
|
||
<h2 class="sec-h">Real crews. Real roofs. <span class="g-orange">Real results.</span></h2>
|
||
<p class="sec-sub">From hail-chase teams in Texas to legacy slate shops in New England, LynkedUp Pro is on the ladder, on the truck, and in the office.</p>
|
||
</div>
|
||
|
||
<div class="wrap">
|
||
<div class="field-grid">
|
||
|
||
<!-- Large feature card -->
|
||
<a href="https://book.lynkeduppro.com/" class="field-card field-hero">
|
||
<img src="https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1400&q=85" alt="Foreman drafting roof blueprints"/>
|
||
<div class="field-overlay"></div>
|
||
<div class="field-meta">
|
||
<span class="field-tag cyan">Crew A · Tear-off</span>
|
||
<h3>Reynolds Residence</h3>
|
||
<p>2,847 ft² · 6:12 pitch · Started 7:30 AM</p>
|
||
</div>
|
||
</a>
|
||
|
||
<!-- Small cards 2x2 -->
|
||
<a href="https://book.lynkeduppro.com/" class="field-card">
|
||
<img src="https://images.unsplash.com/photo-1448630360428-65456885c650?auto=format&fit=crop&w=900&q=85" alt="LiDAR scan of a residential roof"/>
|
||
<div class="field-overlay"></div>
|
||
<div class="field-meta">
|
||
<span class="field-tag cyan">LiDAR scan</span>
|
||
<h3>30-sec measurement</h3>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="https://book.lynkeduppro.com/" class="field-card">
|
||
<img src="https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=900&q=85" alt="Dispatch team scheduling jobs from the office"/>
|
||
<div class="field-overlay"></div>
|
||
<div class="field-meta">
|
||
<span class="field-tag cyan">Dispatch</span>
|
||
<h3>Weather-aware scheduling</h3>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="https://book.lynkeduppro.com/" class="field-card">
|
||
<img src="https://images.unsplash.com/photo-1613490493576-7fde63acd811?auto=format&fit=crop&w=900&q=85" alt="Completed luxury home with new roof"/>
|
||
<div class="field-overlay"></div>
|
||
<div class="field-meta">
|
||
<span class="field-tag cyan">Completed</span>
|
||
<h3>Whitfield Estate - 3 days</h3>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="https://book.lynkeduppro.com/" class="field-card">
|
||
<img src="https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=900&q=85" alt="Owner handshake closing a deal"/>
|
||
<div class="field-overlay"></div>
|
||
<div class="field-meta">
|
||
<span class="field-tag cyan">Owner story</span>
|
||
<h3>Marcus Holloway</h3>
|
||
<p>"It's the first software that actually feels built for our trade."</p>
|
||
</div>
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================ REVIEWS ============================ -->
|
||
<section class="sec-reviews" id="reviews">
|
||
<div class="wrap sec-head sec-center">
|
||
<span class="eyebrow eyebrow-cyan"><span class="d"></span>Loved by 3,000+ contractors</span>
|
||
<h2 class="sec-h">Smarter measurements. Stronger claims. <span class="g-blue-light">Bigger results.</span></h2>
|
||
<p class="sec-sub">From hail-chase teams in Texas to legacy slate shops in New England, LynkedUp Pro has quietly become the operating layer for serious roofing companies.</p>
|
||
</div>
|
||
|
||
<div class="wrap reviews-grid">
|
||
<div class="rev rev-feat">
|
||
<div class="stars">★★★★★</div><sup class="disc-star">*</sup>
|
||
<p>"We killed five subscriptions the week we switched to LynkedUp. The LiDAR alone closes deals before competitors can even climb the ladder. It's the first software that actually feels built for our trade."</p>
|
||
<div class="rev-m">
|
||
<img class="rev-av" src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=facearea&facepad=2.4&w=160&h=160&q=80" alt="Marcus Holloway"/>
|
||
<div>
|
||
<div class="who">Marcus Holloway</div>
|
||
<div class="role">Owner · Plano, TX</div>
|
||
</div>
|
||
<span class="badge">VERIFIED</span>
|
||
</div>
|
||
</div>
|
||
<div class="rev">
|
||
<div class="stars">★★★★★</div><sup class="disc-star">*</sup>
|
||
<p>"The Owners Box dashboard is the first time I've ever looked at my pipeline and immediately known what to do next."</p>
|
||
<div class="rev-m">
|
||
<img class="rev-av" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=facearea&facepad=2.4&w=160&h=160&q=80" alt="Brenda Castillo"/>
|
||
<div><div class="who">Brenda Castillo</div><div class="role">Operations Manager · Houston, TX</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="rev">
|
||
<div class="stars">★★★★★</div><sup class="disc-star">*</sup>
|
||
<p>"Closed 41% more jobs in the first quarter. The weather-aware dispatch alone saved us four cancellations during hail season."</p>
|
||
<div class="rev-m">
|
||
<img class="rev-av" src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=facearea&facepad=2.4&w=160&h=160&q=80" alt="DeShawn Price"/>
|
||
<div><div class="who">DeShawn Price</div><div class="role">Operations Manager · Shreveport, LA</div></div>
|
||
<span class="badge">+41%</span>
|
||
</div>
|
||
</div>
|
||
<div class="rev">
|
||
<div class="stars">★★★★★</div><sup class="disc-star">*</sup>
|
||
<p>"I'm a one-person crew in Vermont. LynkedUp gives me the back office of a 50-person company. The Founders lifetime license paid for itself on job two."</p>
|
||
<div class="rev-m">
|
||
<img class="rev-av" src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?auto=format&fit=facearea&facepad=2.4&w=160&h=160&q=80" alt="Erin Holloway"/>
|
||
<div><div class="who">Erin Holloway</div><div class="role">Owner · Plano, TX</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="rev">
|
||
<div class="stars">★★★★★</div><sup class="disc-star">*</sup>
|
||
<p>"Took 11 minutes from sign-up to first paid invoice. The QuickBooks sync just works."</p>
|
||
<div class="rev-m">
|
||
<img class="rev-av" src="https://images.unsplash.com/photo-1531427186611-ecfd6d936c79?auto=format&fit=facearea&facepad=2.4&w=160&h=160&q=80" alt="Tomás Veliz"/>
|
||
<div><div class="who">Tomás Veliz</div><div class="role">Owner · Houston, TX</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="rev">
|
||
<div class="stars">★★★★★</div><sup class="disc-star">*</sup>
|
||
<p>"I evaluated AccuLynx, JobNimbus, and ServiceTitan. None of them measure roofs from your pocket. Done deal."</p>
|
||
<div class="rev-m">
|
||
<img class="rev-av" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?auto=format&fit=facearea&facepad=2.4&w=160&h=160&q=80" alt="Jordan Mireles"/>
|
||
<div><div class="who">Jordan Mireles</div><div class="role">Business Development Manager · Shreveport, LA</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="rev">
|
||
<div class="stars">★★★★★</div><sup class="disc-star">*</sup>
|
||
<p>"Our office manager got 8 hours of her week back. That's a whole work day spent on customer follow-up now."</p>
|
||
<div class="rev-m">
|
||
<img class="rev-av" src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=facearea&facepad=2.4&w=160&h=160&q=80" alt="Priya Anand"/>
|
||
<div><div class="who">Priya Anand</div><div class="role">Co-Founder · Plano, TX</div></div>
|
||
<span class="badge">−8 HRS/WK</span>
|
||
</div>
|
||
</div>
|
||
<div class="rev">
|
||
<div class="stars">★★★★★</div><sup class="disc-star">*</sup>
|
||
<p>"Best $349 I've spent on tools in 22 years. The fact that it's a one-time payment is the cherry on top."</p>
|
||
<div class="rev-m">
|
||
<img class="rev-av" src="https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?auto=format&fit=facearea&facepad=2.4&w=160&h=160&q=80" alt="Frank Delaney"/>
|
||
<div><div class="who">Frank Delaney</div><div class="role">Founder · Houston, TX</div></div>
|
||
</div>
|
||
</div>
|
||
<div class="rev">
|
||
<div class="stars">★★★★★</div><sup class="disc-star">*</sup>
|
||
<p>"Crews actually use it. That's the bar, and LynkedUp is the only one that's cleared it for us."</p>
|
||
<div class="rev-m">
|
||
<img class="rev-av" src="https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?auto=format&fit=facearea&facepad=2.4&w=160&h=160&q=80" alt="Renée Okafor"/>
|
||
<div><div class="who">Renée Okafor</div><div class="role">Owner · Shreveport, LA</div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================ FINAL CTA ============================ -->
|
||
<section class="sec-final">
|
||
<div class="wrap">
|
||
<div class="final-card">
|
||
<div class="final-l">
|
||
<span class="ltd-pill">
|
||
<span class="dot"></span>
|
||
Founders Lifetime Deal closes in
|
||
</span>
|
||
<h2 class="sec-h" style="margin-top:18px;">The last roofing CRM you'll ever buy.</h2>
|
||
<p class="sec-sub">Join 3,000+ contractors who've ditched their monthly stack. One payment, one platform, one less thing to think about every billing cycle.</p>
|
||
<div class="hero-ctas" style="margin-top:30px;">
|
||
<a href="#pricing" class="btn btn-orange btn-xl">Claim Founders Lifetime Access - $2000</a>
|
||
<a href="https://book.lynkeduppro.com/" class="btn btn-ghost btn-xl">Book a demo</a>
|
||
</div>
|
||
</div>
|
||
<div class="countdown">
|
||
<div class="cd-h"><span class="d"></span>Deal ends Friday 11:59 PM PT</div>
|
||
<div class="cd-grid">
|
||
<div class="cd-cell"><div class="n" id="cdD">03</div><div class="l">Days</div></div>
|
||
<div class="cd-cell"><div class="n" id="cdH">14</div><div class="l">Hours</div></div>
|
||
<div class="cd-cell"><div class="n" id="cdM">27</div><div class="l">Mins</div></div>
|
||
<div class="cd-cell"><div class="n" id="cdS">42</div><div class="l">Secs</div></div>
|
||
</div>
|
||
<div class="cd-foot">
|
||
<span class="left">38 / 50 licenses claimed</span>
|
||
<div class="cd-bar"><i style="width:58.8%;"></i></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================ FOOTER ============================ -->
|
||
<footer class="footer">
|
||
<div class="wrap foot-top">
|
||
<div class="foot-brand">
|
||
<a class="brand" href="https://book.lynkeduppro.com/"><img src="/uploads/lynkedup-logo.png" alt="LynkedUp Pro" class="brand-logo-img" style="height:34px;width:auto;display:block;object-fit:contain"></a>
|
||
<p>Built for roofers. Driven by innovation. One system. One source of truth.</p>
|
||
<div class="foot-cert">
|
||
<span><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M12 2 4 6v6c0 5 3.5 9 8 10 4.5-1 8-5 8-10V6z"/></svg> SOC 2 Type II</span>
|
||
<span><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="m9 11 3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg> GDPR Ready</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="wrap foot-bot">
|
||
<div>© 2026 LynkedUp Inc · Built for roofers and contractors, by contractors.</div>
|
||
<div class="tagline">Built for roofing. <span class="g-blue-light">Built for you.</span></div>
|
||
</div>
|
||
<div class="wrap legal-fineprint">
|
||
<p>* Figures shown are illustrative and reflect beta-period targets; individual results vary.</p>
|
||
<p>** Founders Lifetime Deal is a one-time payment; limited founding-member availability.</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Sticky bottom CTA -->
|
||
<div class="sticky-cta" id="stickyCta">
|
||
<div class="sticky-inner">
|
||
<div class="sticky-l">
|
||
<span class="s-pulse"></span>
|
||
<div>
|
||
<div class="s-t">Founders Lifetime Deal ends Friday, <b>only a few left</b></div>
|
||
<div class="s-s">$2000 one-time · pays for itself in ~3 jobs</div>
|
||
</div>
|
||
</div>
|
||
<div class="sticky-cd">
|
||
<div class="c"><b id="ssD">03</b><span>d</span></div>
|
||
<div class="c"><b id="ssH">14</b><span>h</span></div>
|
||
<div class="c"><b id="ssM">27</b><span>m</span></div>
|
||
<div class="c"><b id="ssS">42</b><span>s</span></div>
|
||
</div>
|
||
<div class="sticky-r">
|
||
<a href="#pricing" class="btn btn-orange btn-lg">
|
||
Claim $2000 Founders Lifetime
|
||
<svg class="arr" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
||
</a>
|
||
<button class="sticky-close" id="stickyClose" aria-label="Dismiss">
|
||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M18 6 6 18M6 6l12 12"/></svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<style>
|
||
/* fine-print disclaimer stars */
|
||
.stat-it, .perf-it, .rev { position: relative; }
|
||
.disc-star{ position:absolute; right:10px; bottom:8px; font-size:11px; line-height:1; color:var(--muted); opacity:.55; font-weight:600; pointer-events:none; }
|
||
.rev .disc-star{ right:16px; bottom:12px; }
|
||
.price-star{ font-size:.4em; vertical-align:super; opacity:.6; font-weight:700; margin-left:2px; }
|
||
.legal-fineprint{ padding:14px 0 4px; font-size:11px; line-height:1.5; color:var(--muted); opacity:.85; }
|
||
.legal-fineprint p{ margin:2px 0; }
|
||
</style>
|
||
|
||
<div id="tweaks-root"></div>
|
||
|
||
<script src="/page/lp-v3.js"></script>
|
||
<!-- Hosted checkout (Stripe) for the "Claim Founders Lifetime Deal" button -->
|
||
<script src="/square-checkout.js?v=3"></script>
|
||
<!-- Promo code live preview (display only — server applies the real discount) -->
|
||
<script>
|
||
(function () {
|
||
var PROMOS = { SAVE30: 30, SAVE50: 50, SAVE70: 70, SAVE99: 99, JUSTIN99: 99 };
|
||
var BASE = 2000;
|
||
var input = document.getElementById("promoCode");
|
||
var hint = document.getElementById("promoHint");
|
||
var priceH2 = document.querySelector(".roofing-offer-section .price-box h2");
|
||
var basePriceHTML = priceH2 ? priceH2.innerHTML : "";
|
||
if (!input || !hint) return;
|
||
|
||
function resetPrice() { if (priceH2) priceH2.innerHTML = basePriceHTML; }
|
||
|
||
input.addEventListener("input", function () {
|
||
var code = input.value.trim().toUpperCase();
|
||
if (!code) { hint.textContent = ""; hint.className = "promo-hint"; resetPrice(); return; }
|
||
if (Object.prototype.hasOwnProperty.call(PROMOS, code)) {
|
||
var pct = PROMOS[code];
|
||
var price = Math.round(BASE * (100 - pct) / 100);
|
||
hint.textContent = pct + "% off applied · you pay $" + price;
|
||
hint.className = "promo-hint ok";
|
||
if (priceH2) {
|
||
priceH2.innerHTML =
|
||
'<s style="opacity:.45;font-weight:600;font-size:.6em">$' + BASE + '</s> $' +
|
||
price + '<sup class="price-star">**</sup>';
|
||
}
|
||
} else {
|
||
hint.textContent = "Invalid code";
|
||
hint.className = "promo-hint bad";
|
||
resetPrice();
|
||
}
|
||
});
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html>
|