/* Vyce · Prepared for Conneely Group Conneely Group: specialist subcontractor in interior finishes and exterior facades. Drylining, facades, recladding, fire testing, loadbearing SFS. Head office Braemar House, Stansted, Essex. 35+ years, £45m+ turnover, 700+ tradesmen, £500k invested in H&S/quality training and Training Academy in 5 years. LSEG 'Company to Inspire Britain' three years running. FIS Gold 2021. Sectors: residential, commercial, educational. Sourced from conneely.group. */ const { useState, useEffect, useRef } = React; const C = { navy: "#2C2F33", navyDeep: "#1D1F22", purple: "#8A00FF", purpleDark: "#6A00C4", aqua: "#01FFB4", pale: "#F2F3F5", white: "#FFFFFF", inkSoft: "rgba(44,47,51,0.66)", inkLine: "rgba(44,47,51,0.12)" }; /* ============================================================ */ /* Icons */ /* ============================================================ */ const Icon = { Check: ({ size = 13, color = "currentColor" }) => , Arrow: ({ size = 16, color = "currentColor" }) => , Shield: ({ size = 22, color = "currentColor" }) => , Users: ({ size = 22, color = "currentColor" }) => , Id: ({ size = 22, color = "currentColor" }) => , Clock: ({ size = 22, color = "currentColor" }) => , Award: ({ size = 22, color = "currentColor" }) => , File: ({ size = 22, color = "currentColor" }) => , Chat: ({ size = 22, color = "currentColor" }) => , Card: ({ size = 22, color = "currentColor" }) => , Grid: ({ size = 22, color = "currentColor" }) => , Mail: ({ size = 16, color = "currentColor" }) => , PhoneCall: ({ size = 16, color = "currentColor" }) => }; function VyceLogo({ mono = false, height = 28 }) { const src = mono ? "assets/vyce-logo-white.png" : "assets/vyce-logo.png"; return Vyce; } /* ============================================================ */ /* Reveal-on-scroll */ /* ============================================================ */ function Reveal({ children, delay = 0, as: Tag = "div", style, className = "", ...rest }) { const ref = useRef(null); const [visible, setVisible] = useState(false); useEffect(() => { const el = ref.current; if (!el) return; const io = new IntersectionObserver( (entries) => entries.forEach((e) => { if (e.isIntersecting) { setVisible(true); io.unobserve(e.target); } }), { threshold: 0.12, rootMargin: "0px 0px -40px 0px" } ); io.observe(el); return () => io.disconnect(); }, []); return ( {children} ); } /* ============================================================ */ /* NAV */ /* ============================================================ */ function Nav() { const links = [ { label: "The opportunity", href: "#opportunity" }, { label: "Modules", href: "#modules" }, { label: "Your sites", href: "#pipeline" }, { label: "Why now", href: "#whynow" }]; return ( ); } /* ============================================================ */ /* HERO */ /* ============================================================ */ function Hero() { return (
); } /* ============================================================ */ /* SECTION A — THE CHALLENGE */ /* ============================================================ */ function Challenge() { return (
The opportunity

Expertise you can see. A workforce you can trust.

Delivering drylining, facades and recladding with a workforce of 700+ tradesmen means crews moving between residential blocks, hospitals, offices and universities for the UK's most prestigious main contractors. On building safety work, every client expects evidence on demand: who is on site, whether their CSCS cards, competencies and right to work are current, and that every RAMS, inspection, quality check and induction is signed. Gathering that by hand across hundreds of operatives slows everyone down. Vyce replaces all of it with one live system.

); } /* ============================================================ */ /* SECTION B — HOW VYCE HELPS (three cards) */ /* ============================================================ */ function HowVyceHelps() { const cards = [ { tag: "Lead priority", icon: , title: "Every scaffolder and every card, one live view", body: "Your whole workforce, onboarded, verified and tracked in real time. Right to work, CSCS cards, competencies, health and safety training and insurances in one dashboard, with alerts before anything expires. Evidence for a main contractor, client or building safety audit in seconds, not days.", dark: true }, { tag: "On every site", icon: , title: "Time and attendance, without the chasing", body: "A live record of who clocked in and out, on which site and for how long, flowing straight into contractor payments. No paper timesheets, no re-keying, and real labour cost against every job.", dark: false }, { tag: "Contractor payments", icon: , title: "Contractor payments that match how you engage people", body: "CIS and self-employed workers paid correctly and on time, on one consolidated invoice. Self-serve or fully outsourced, whichever suits your team.", dark: false }]; return (
How Vyce helps

Built for how Conneely delivers.

{cards.map((c, i) =>
{c.icon}
{c.tag}

{c.title}

{c.body}

 )}

Take the full suite, or a single module. Start on one division, prove it, then roll out.

); } /* ============================================================ */ /* SECTION C — MODULAR SUITE */ /* ============================================================ */ function ModularSuite() { const modules = [ { icon: , name: "Onboarding and identity", body: "ID and right-to-work verification" }, { icon: , name: "Teams and compliance", body: "CSCS cards, competencies, training, insurances, expiry alerts" }, { icon: , name: "Time and attendance", body: "Live on-site record, hours worked, labour cost per site" }, { icon: , name: "Digital forms", body: "RAMS, quality inspections, fire-stopping sign-offs, toolbox talks and inductions, signed on a phone, 100% paperless" }, { icon: , name: "Secure site messaging", body: "Job comms in one auditable place, off personal WhatsApp groups" }, { icon: , name: "Contractor payments", body: "CIS and self-employed, one consolidated invoice, self-serve or outsourced" }]; return (
The modular suite

A modular suite. Switch on what you need.

Start with the modules that add the most value today, then add the rest when it suits you. Nothing to rip out, no long procurement cycle.

{modules.map((m, i) =>
{m.icon}

{m.name}

{m.body}

 )}
); } /* ============================================================ */ /* SECTION D — YOUR CLIENTS */ /* ============================================================ */ function Pipeline() { const tiles = [ "Drylining", "Facades", "Recladding", "Fire testing", "Loadbearing SFS"]; return (
); } /* ============================================================ */ /* SECTION E — WHY NOW */ /* ============================================================ */ function WhyNow() { return (
Why now

Raising standards. One system behind it.

Raising standards to save lives depends on the right people, trained and carded, on the right site, with every inspection signed and every operative paid correctly. With £500,000 invested in health, safety and quality training and the Training Academy in the last five years, Conneely already treats competence as pivotal. Holding it in spreadsheets and folders across 700+ tradesmen costs time every week and creates risk on the day it matters. One modern system for workforce visibility, compliance, forms and contractor payments carries the load as Conneely keeps growing. Vyce is that system. Modular, proven, and live today.

); } /* ============================================================ */ /* SECTION F — PROOF */ /* ============================================================ */ function Proof() { return (
Proof

Proven on live UK sites.

Vyce runs the workforce for construction firms across the UK, including Swift Brickwork.

“Vyce has totally streamlined and automated our people management processes. Highly recommend it.”

Mike Walsh
Mike Walsh
Chairman, Swift Brickwork Contractors Limited
); } /* ============================================================ */ /* AWARDS STRIP */ /* ============================================================ */ function Awards() { const items = [ { year: "2025", title: "Construction Software of the Year", body: "Finalist, London Construction Awards" }, { year: "2018", title: "Innovation of the Year", body: "Winner, Building Innovation Awards" }, { year: "2017", title: "Digital Efficiency Initiative of the Year", body: "Winner, Building Awards" }]; return (
Recognition

Recognised by the industry and our peers.

See all our awards
{items.map((a, i) =>
{a.year}
{a.title}
{a.body}
 )}
); } /* ============================================================ */ /* SECTION G — FINAL CTA + CONTACT */ /* ============================================================ */ function FinalCTA() { return (
); } /* ============================================================ */ /* FOOTER */ /* ============================================================ */ function Footer() { const cols = [ { label: "The opportunity", href: "#opportunity" }, { label: "Modules", href: "#modules" }, { label: "Your sites", href: "#pipeline" }, { label: "Book a chat", href: "#cta" }, { label: "Find out more", href: "https://www.vyce.io/", external: true }]; return (
A tailored proposal from Vyce, prepared for Conneely Group. Vyce is not affiliated with, endorsed by, or partnered with Conneely Group. Trademarks and brand names are the property of their respective owners.
{cols.map((c) => {c.label} )}
© Vyce Group Limited. All rights reserved.
); } /* ============================================================ */ /* APP */ /* ============================================================ */ function App() { const t = useTweaks(/*EDITMODE-BEGIN*/{ "accent": "vyce", "density": "showcase" } /*EDITMODE-END*/); useEffect(() => { const body = document.body; body.classList.toggle("density-compact", t.density === "compact"); }, [t.accent, t.density]); return (
); } ReactDOM.createRoot(document.getElementById("root")).render();