// Page sections for Skillhub Builders const { useState: useStateS, useEffect: useEffectS, useMemo: useMemoS, useRef: useRefS } = React; // --- NAV --- function Nav({ onOpenTweaks, hasTweaks }) { const [scrolled, setScrolled] = useStateS(false); useEffectS(() => { const on = () => setScrolled(window.scrollY > 8); on(); window.addEventListener("scroll", on, { passive: true }); return () => window.removeEventListener("scroll", on); }, []); return (
skillhub.builders
{hasTweaks && ( )} Book a call Start a project
); } function Logo() { return ( ); } // ========================================================= // HERO — 3 variants // ========================================================= function Hero({ variant }) { if (variant === "statement") return ; if (variant === "grid") return ; return ; } function HeroTerminal() { const [step, setStep] = useStateS(0); useEffectS(() => { setStep(0); }, []); return (

We build your hub.
Then we keep it humming.

A small shop for local businesses. We build your website, ship your mobile app, and run your socials so you can get back to the work you actually like.

Start a project See services
setStep(1)} /> {step >= 1 &&
→ scoping website, app, socials… ok
} {step >= 1 && setStep(2)} />} {step >= 2 && (
website deployed · skillhub.cloud/acme
app submitted · ios + android
social 12 posts queued · ig, fb, tt
)} {step >= 2 && setStep(3)} />} {step >= 3 && (
→ monitoring on · monthly reports scheduled
ready. uptime 100% · tickets 0 · next post in 2h 14m
)} {step >= 3 &&
$
}
); } function Stat({ num, label }) { return (
{num}
{label}
); } function HeroStatement() { return (

A small agency for
local businesses that
want to stop worrying
about the internet.

We're Skillhub Builders. We build your hub — website, mobile app, socials — and we can maintain the whole thing as an add-on. One team, one number, no agencies-within-agencies.

Start a project How we work
); } function HeroGrid() { const modules = [ { k: "WEB-01", t: "Website", s: "live", sub: "uptime 99.98%" }, { k: "APP-02", t: "Mobile App", s: "shipped", sub: "ios + android" }, { k: "SOC-03", t: "Social", s: "scheduled", sub: "12 posts / week" }, ]; return (

Your whole internet,
on one dashboard.

We run each piece as a module. Pick what you need, skip what you don't, and scale up when you grow.

See packages Browse modules
{modules.map((m, i) => (
{m.t}
{m.s}
{String(i+1).padStart(2,"0")}
{m.sub}
))}
); } // ========================================================= // SERVICES // ========================================================= const SERVICES = [ { id: "web", code: "WEB", t: "Website Design & Build", b: "Fast, accessible sites that load in under a second and feel hand-built. Custom design, mobile-friendly, analytics wired in. Ongoing maintenance available as an add-on." }, { id: "app", code: "APP", t: "Mobile App Development", b: "iOS and Android apps built for your business — bookings, ordering, loyalty, whatever you need. We handle the app store submissions. Ongoing maintenance available as an add-on." }, { id: "social", code: "SOCIAL", t: "Social Media Management", b: "Monthly content calendar, shot on-site, posted on IG, FB, TikTok. Real voice, not a bot. Scoped and priced around what your business actually needs." } ]; function Services() { return (
{SERVICES.map((s, i) => ( ))}
); } function ServiceCell({ s, i, col, row, total }) { const [hover, setHover] = useStateS(false); const rowsTotal = Math.ceil(total / 3); const borderRight = col < 2 ? "1px solid var(--line-strong)" : "none"; const borderBottom = row < rowsTotal - 1 ? "1px solid var(--line-strong)" : "none"; return (
setHover(true)} onMouseLeave={() => setHover(false)} style={{ padding: "28px 26px 26px", position: "relative", minHeight: 200, borderRight, borderBottom, background: hover ? "var(--accent-soft)" : "transparent", transition: "background 160ms" }}>

{s.t}

{s.b}

); } // ========================================================= // PROCESS // ========================================================= function Process() { const steps = [ { n: "01", t: "Fill the request form", d: "Tell us about your business and what you need through the form below. We reply within one business day.", meta: "Week 0" }, { n: "02", t: "Scope & quote", d: "Fixed scope, fixed fee. Maintenance add-ons and social media are scoped here too. No surprises on the invoice.", meta: "Week 0–1" }, { n: "03", t: "Build", d: "Your website or app takes shape. You get a staging link on day 3 and we iterate in the open.", meta: "Week 1–2" }, { n: "04", t: "Launch & maintain", d: "We flip the switch. If you've added maintenance, we take it from there — monitoring, updates, the works.", meta: "Week 2 → ∞" } ]; return (
{steps.map((s, i) => (

{s.t}

{s.d}

))}
); } // ========================================================= // PRICING // ========================================================= const PRICING_COPY = { friendly: { title: "Simple, flat pricing.", sub: "One flat fee to build. Ongoing maintenance is an optional add-on. Social media is priced around what you actually need.", plans: [ { name: "Website", price: "$200", priceLabel: "one-time", addon: "Ongoing maintenance available as an add-on", pitch: "A fast, modern website for your business.", features: ["Custom design", "Mobile-friendly", "Contact form", "Analytics set up", "You own everything"] }, { name: "Mobile App", price: "$500", priceLabel: "one-time", addon: "Ongoing maintenance available as an add-on", pitch: "An iOS and Android app for your business.", features: ["iOS + Android", "App store submission", "Push notifications", "Analytics set up", "You own everything"] }, { name: "Social Media", price: "Custom", priceLabel: "based on your needs", addon: null, pitch: "Social media management, scoped to fit you.", features: ["Content calendar", "Posting on IG, FB, TikTok", "Real voice, not a bot", "Monthly report", "Scoped on the intro call"] } ] }, direct: { title: "Three services. Three prices.", sub: "Websites are $200. Mobile apps are $500. Maintenance is an optional add-on for both. Social media is quoted per client.", plans: [ { name: "Website", price: "$200", priceLabel: "one-time", addon: "Maintenance add-on available", pitch: "Built fast. You own it.", features: ["Custom design", "Mobile-friendly", "Contact form", "Analytics", "Full ownership"] }, { name: "Mobile App", price: "$500", priceLabel: "one-time", addon: "Maintenance add-on available", pitch: "iOS + Android, submitted for you.", features: ["iOS + Android", "Store submission", "Push notifications", "Analytics", "Full ownership"] }, { name: "Social Media", price: "Custom", priceLabel: "quoted per client", addon: null, pitch: "Tell us what you need. We'll quote it.", features: ["Content calendar", "IG, FB, TikTok", "Human-written posts", "Monthly report", "Scoped to your needs"] } ] }, playful: { title: "Pick your thing. Or all three.", sub: "A website for $200, an app for $500, and social media tuned to whatever your business needs.", plans: [ { name: "Website", price: "$200", priceLabel: "one-time", addon: "Want us to keep it humming? Add maintenance.", pitch: "You want to look sharp online without the agency price tag.", features: ["Custom design", "Looks great on phones", "Contact form", "Analytics wired in", "It's yours, forever"] }, { name: "Mobile App", price: "$500", priceLabel: "one-time", addon: "Want us to keep it humming? Add maintenance.", pitch: "Your business, in your customers' pockets.", features: ["iOS + Android", "We handle the app stores", "Push notifications", "Analytics wired in", "It's yours, forever"] }, { name: "Social Media", price: "Custom", priceLabel: "tuned to you", addon: null, pitch: "Tired of doing socials at 11pm? Hand it to us.", features: ["Content calendar", "IG, FB, TikTok", "Real voice, not a bot", "Monthly report", "We scope it together"] } ] } }; function Pricing({ copy }) { const data = PRICING_COPY[copy] || PRICING_COPY.friendly; return (
{data.plans.map((p, i) => ( ))}
no contracts · maintenance add-ons optional · you own everything
); } function PricingCard({ plan, index, featured }) { return (
{featured && ( most picked )}

{plan.name}

{plan.pitch}

{plan.price}
{plan.addon && (
+ {plan.addon}
)}
    {plan.features.map((f, i) => (
  • {String(i+1).padStart(2,"0")} {f}
    • ))}
Choose {plan.name}
); } // ========================================================= // FAQ // ========================================================= function FAQ() { const items = [ { q: "Who owns the website, app, and accounts?", a: "You do. Always. We set everything up in your name and hand you admin access on day one. If you ever leave us, you walk away with the whole hub." }, { q: "Do I have to commit to a long contract?", a: "No. The maintenance add-on is month-to-month, and social media is scoped to what you need. Cancel anytime." }, { q: "What if I already have a website I like?", a: "Great. We'll audit what you have and fold it into a maintenance add-on, or quote social media on its own." }, { q: "How fast can we launch?", a: "Websites are typically live in 10–14 business days from signed scope. Apps take a bit longer with store review. We don't drag it out." }, { q: "Do you work with businesses outside the US?", a: "Yes, if you're okay with Central Time. We've worked with clients in Canada, the UK, and Mexico." }, { q: "What does the maintenance add-on cover?", a: "Hosting, monitoring, backups, security patches, and small edits. Available for both websites and mobile apps. Bigger changes are quoted separately but usually take a day." } ]; return (
Ask us something
); } // ========================================================= // CONTACT // ========================================================= function Contact() { const [form, setForm] = useStateS({ name: "", email: "", business: "", budget: "website", message: "" }); const [errs, setErrs] = useStateS({}); const [status, setStatus] = useStateS("idle"); const validate = () => { const e = {}; if (!form.name.trim()) e.name = "Tell us what to call you"; if (!/^\S+@\S+\.\S+$/.test(form.email)) e.email = "Need a valid email"; if (!form.business.trim()) e.business = "What do you do?"; return e; }; const submit = (e) => { e.preventDefault(); const er = validate(); setErrs(er); if (Object.keys(er).length) return; setStatus("sending"); setTimeout(() => setStatus("sent"), 900); }; return (

Let's scope your hub.

Fill this out and we'll reply within one business day with a 30-minute intro call. No pitch deck, no sales rep.

phone
(512) 710-6259
address
Austin, Texas
instagram
@skillhub.builders
setForm({...form, name: e.target.value})} placeholder="Sam Ortega" style={inputStyle} />
setForm({...form, email: e.target.value})} placeholder="sam@bakery.com" style={inputStyle} /> setForm({...form, business: e.target.value})} placeholder="Acme Bakery" style={inputStyle} />
{[["website","Website"],["app","Mobile App"],["social","Social"]].map(([v, l]) => ( ))}