// Lykta v2 — dark, luminous, glass. // Inspired by: x.ai (luminous hero object), authkit (liquid glass cards), // fey.com (precise data grids), linear (ambient washes + crisp type), // offficestud (editorial scale). const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "heroStyle": "orb", "ambientIntensity": 0.85, "showNoise": true, "cardTilt": true, "wordmarkInHero": true }/*EDITMODE-END*/; // ───────────────────────────────────────────────────────────────────── // Luminous lantern — the hero object // A big stylized lantern rendered via SVG with layered glow. // Inspired by x.ai's central orb — it's the one luminous object on the page. const HeroLantern = ({ size = 520, intensity = 0.85 }) => { const pulseRef = React.useRef(null); return (
{/* hook */} {/* top cap */} {/* body frame outer */} {/* body shine overlay */} {/* glass window */} {/* glass highlight */} {/* flame */} {/* base */} {/* side struts */}
); }; // ───────────────────────────────────────────────────────────────────── // NAV const Nav = () => ( ); // ───────────────────────────────────────────────────────────────────── // HERO const Hero = ({ t }) => { const rootRef = React.useRef(null); const [mouse, setMouse] = React.useState({ x: 0, y: 0 }); React.useEffect(() => { const el = rootRef.current; if (!el) return; const handler = (e) => { const r = el.getBoundingClientRect(); setMouse({ x: (e.clientX - r.left - r.width / 2) / r.width, y: (e.clientY - r.top - r.height / 2) / r.height, }); }; el.addEventListener('mousemove', handler); return () => el.removeEventListener('mousemove', handler); }, []); return (
{t.showNoise &&
}
AI tools & training for residential trades

The lantern for the AI era.

We build the AI tools your business actually needs — then train your team to own them. No SaaS lock-in. No PowerPoints. Just the work.

Currently partnering with
{['Solar', 'Basement', 'EV Charging', 'HVAC', 'Electrical'].map((t, i) => ( {i > 0 && ·} {t} ))}
Scroll
); }; // ───────────────────────────────────────────────────────────────────── // PROBLEM — big editorial moment const Problem = () => (
01 / The problem

Trades businesses are being left behind in the AI era. Not for lack of ambition — for lack of a guide.

Most trades businesses know AI matters. They've heard the buzzwords. They've seen a competitor save time with ChatGPT. They have a dozen ideas for what AI could do for their business.

What they don't have is someone who understands both the AI and the work. Someone who's actually run a business, not just talked about one. Someone who'll build the thing, not just give a PowerPoint.

That's where Lykta comes in.

); // ───────────────────────────────────────────────────────────────────── // WORK — liquid glass cards const WorkCard = ({ num, title, tag, body, icon, tilt }) => { const ref = React.useRef(null); const [t2, setT2] = React.useState({ x: 0, y: 0, active: false }); const onMove = (e) => { if (!tilt) return; const r = ref.current.getBoundingClientRect(); const x = (e.clientX - r.left) / r.width - 0.5; const y = (e.clientY - r.top) / r.height - 0.5; setT2({ x, y, active: true }); }; const onLeave = () => setT2({ x: 0, y: 0, active: false }); return (
{num}
{icon}

{title}

{tag}

{body}

); }; const Work = ({ t }) => (
02 / How we work

Build. Train. Guide.

A three-act engagement. You get shipped software, a team that can extend it, and a partner who stays in your corner as the landscape shifts.

} /> } /> } />
{/* Principles strip */}
{[ { k: 'You own the code', v: 'Deployed on your infra, your accounts, your codebase.' }, { k: 'No permanent dependency', v: 'Your team can extend it without us.' }, { k: 'Monthly strategy', v: 'We stay in your corner as the landscape shifts.' }, { k: 'Scoped per engagement', v: 'Every build is sized to what actually matters.' }, ].map((p) => (
{p.k} {p.v}
))}
); // ───────────────────────────────────────────────────────────────────── // FIT — revenue badge + trades grid const Fit = () => { const trades = [ 'Solar', 'Basement finishing', 'EV charging', 'HVAC', 'Electrical', 'Foundations', 'Decks', 'Additions', 'Remodeling', ]; return (
03 / Who we fit

A small number of partners each year. On purpose.

Our ideal partner is a business doing $5M to $30M in annual revenue, in a vertical where projects are complex enough that AI can make a real dent.

We're selective by design. We'd rather go deep with a handful of companies we genuinely like working with than spread thin across a hundred.

If that sounds like you, we'd love to talk →
Revenue sweet spot
$5M $30M
Annual, residential trades
Verticals we know well
{trades.map((t) => ( {t} ))}
); }; // ───────────────────────────────────────────────────────────────────── // ETYMOLOGY — with glowing lantern const EtyLantern = () => (
{/* ember sparks */}
); const Etymology = () => (
04 / The name

Lykta is Swedish for "the lantern."

A tool that guides people through dark, unfamiliar terrain. That's what we do. The AI landscape is moving fast and it's easy to feel lost in it. We bring the light.

); // ───────────────────────────────────────────────────────────────────── // PROGRESS — fey-style data panel const Progress = () => (
05 / In progress

Currently building with.

Live engagement
2026 Residential solar DIY enablement

DIY Solar Provider

Lykta is currently partnered with a national DIY solar provider to build AI tools that streamline plan generation and equipment allocation for their customers.

Build scope Plan generator · Equipment allocator
Status Shipping Q2 2026
Case study Coming soon
); // ───────────────────────────────────────────────────────────────────── // FAQ const FAQ = () => { const [open, setOpen] = React.useState(0); const items = [ { q: 'Do you build software we have to keep paying for?', a: "No. The tools we build are deployed on your own infrastructure — your hosting, your accounts, your codebase. You own it. We're not a SaaS company; we're a partner." }, { q: 'What does a typical engagement cost?', a: "Every engagement is scoped individually. Flagship builds are fixed-scope, and ongoing advisory runs on a monthly retainer. We'll walk you through the options after a first conversation — reach out and we'll put real numbers in front of you." }, { q: 'Do we have to be technical to work with you?', a: "No. But you do need at least one person on your team who's curious about AI and willing to learn. We'll teach them what they need to know." }, { q: 'How long is a typical engagement?', a: 'Most of our partnerships run 12 to 24 months. Initial tool builds happen in the first 90 days; advisory relationships often continue well beyond that.' }, { q: "We're outside residential trades. Can you still help?", a: "Maybe. Our sweet spot is trades and trades-adjacent businesses, but we'll occasionally take on work outside that if it's a great fit. Reach out and let's talk." }, ]; return (
06 / Common questions

Before you ask.

{items.map((f, i) => (

{f.a}

))}
); }; // ───────────────────────────────────────────────────────────────────── // CONTACT — glass form const Contact = () => { const [form, setForm] = React.useState({ name: '', email: '', msg: '', website: '' }); const [sent, setSent] = React.useState(false); const [sending, setSending] = React.useState(false); const [error, setError] = React.useState(null); const [focus, setFocus] = React.useState(null); const submit = async (e) => { e.preventDefault(); if (sending) return; setError(null); setSending(true); try { const res = await fetch('/api/contact', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(form), }); const data = await res.json().catch(() => ({})); if (!res.ok || !data.ok) { throw new Error(data.error || 'send_failed'); } setSent(true); } catch (err) { setError("Something went wrong sending that. Email us at info@lykta.ai instead and we'll pick it up from there."); } finally { setSending(false); } }; return (
07 / Let's talk

Ready to bring AI into your business the right way?

Let's see if we're a fit.

info@lykta.ai →
{sent ? (

Sent it over.

We'll be in touch within a couple days.

) : ( <>