// sections-top.jsx — Nav, Hero, Marquee, Problem, Fix /* ── Nav ─────────────────────────────────────────────────────── */ function Nav() { const [scrolled, setScrolled] = React.useState(false); const [open, setOpen] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 30); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); const items = [ { l: "Services", h: "#services" }, { l: "Process", h: "#process" }, { l: "Work", h: "#results" }, { l: "Pricing", h: "#pricing" }, { l: "FAQ", h: "#faq" }, ]; const go = (h) => { setOpen(false); const el = document.querySelector(h); if (!el) return; const top = el.getBoundingClientRect().top + window.pageYOffset - 70; // offset for fixed nav window.scrollTo({ top, behavior: "smooth" }); }; return ( ); } /* ── Hero ────────────────────────────────────────────────────── */ function Hero() { return (
{/* glow */}
Trusted by 90+ service businesses

Websites that turn visitors
into leads.

We design sales-focused websites for service businesses — built to capture leads, book calls, and grow your revenue. Launched in 1–2 weeks.

Book a free 15-min call { e?.preventDefault?.(); const el = document.querySelector("#results"); if (!el) return; const top = el.getBoundingClientRect().top + window.pageYOffset - 70; window.scrollTo({ top, behavior: "smooth" }); }}> See real results

◇ No pressure, just clarity.

{[ { v: 90, s: "+", l: "Businesses served" }, { v: 1.5, s: "wk", l: "Average turnaround" }, { v: 14, s: "+", l: "5★ Google reviews / client" }, ].map((st, i) => (
{st.l}
))}
); } /* ── Marquee ─────────────────────────────────────────────────── */ function Marquee() { const items = [ "Home improvement", "Mortgage & finance", "Healthcare", "Construction", "Consulting", "Professional services", "Wellness", "Home improvement", "Mortgage & finance", "Healthcare", "Construction", "Consulting", "Professional services", "Wellness", ]; return (
{items.concat(items).map((t, i) => ( {t} ))}
); } /* ── Problem ─────────────────────────────────────────────────── */ function ProblemSection() { const items = [ { n: "01", t: "Visitors leave in seconds", d: "No clear message. No direction. People land on your site, get confused, and bounce — straight to a competitor who made it easier." }, { n: "02", t: "Your phone isn't ringing", d: "Traffic means nothing if nobody contacts you. No forms filled. No calls booked. Your website is a digital brochure collecting dust." }, { n: "03", t: "You can't tell what's working", d: "No tracking. No data. You're spending money on a website with zero visibility into what's generating business and what's wasting it." }, ]; return (
The problem

Your site looks fine.
It's just not
bringing in business.

You paid for a website. It's live. It looks decent. Here's what's actually happening behind the scenes:
{items.map((it, i) => (
{it.n}

{it.t}

{it.d}

 ))}

If any of this sounds familiar, the problem isn't your business —{" "} it's your website.

); } /* ── Fix ─────────────────────────────────────────────────────── */ function FixSection() { const items = [ { i: "→", t: "Clear, sales-focused messaging", d: "Every page guides visitors toward one action: contacting you. No jargon. No confusion. Just a clear path from visitor to lead." }, { i: "✦", t: "Built to capture leads", d: "Strategic calls-to-action, appointment booking, and lead forms placed exactly where they convert — not where they look pretty." }, { i: "◆", t: "Tracking & analytics from day one", d: "Google Analytics, conversion tracking, and performance data built in from launch. You'll know what's working and what needs to change." }, ]; return (
The fix

Your website should
work as hard as you do.

We don't just make websites look good. We make them bring in business. Three ingredients, none optional.

{items.map((it, i) => (
{it.i}

{it.t}

{it.d}

 ))}
); } Object.assign(window, { Nav, Hero, Marquee, ProblemSection, FixSection });