1. HERO — native photo section (notes at bottom, incl. optional CSS to make the button match .btn-primary)
2. CODE BLOCK A — trust bar (paste in its own section directly under the hero)
3. GALLERY — native Gallery Section, "Recent work around Orange County" (notes at bottom)
4. CODE BLOCK B — services + client dashboard + testimonials, ONE code block (same single-block architecture as the location pages)
5. FAQ — existing accordion, or optional CODE BLOCK C below for the template-styled version
6. Contact form + map — native
7. Footer + license line
Services
What we build
New Construction
Custom homes from grading to final walkthrough — one contract, one team, one number to call.
ADUs
Detached and garage-conversion ADUs, handled end to end: plans, permits, and construction.
Home Additions
Second stories, primary suites, and room additions that tie into your home like they were always there.
Kitchen & Bath Remodels
Full-gut remodels with our own plumbers, electricians, and finish carpenters — not a rotating cast of subs.
Roofing
Re-roofs and roof framing as part of the whole build — additions, ADUs, and full remodels included.
Client Dashboard
Watch your project in real time
Every National Construction client gets a private project dashboard. Log in from your phone and see exactly where things stand: progress photos from the job site, the live schedule, your material selections, and what’s happening next week. No chasing texts, no wondering where things are.
You’ll know what we know — the whole way through.
Reviews
What Orange County homeowners say
Pulled straight from our Google reviews.
PASTE REVIEW EXCERPT 1 — trim to 2–4 sentences; keep the specific detail (what was built, how communication went). Keep the homeowner's own wording.
PASTE REVIEW EXCERPT 2
PASTE REVIEW EXCERPT 3
Questions
Good to know before you start
PASTE QUESTION 1
PASTE ANSWER 1
PASTE QUESTION 2
PASTE ANSWER 2
PASTE QUESTION 3
PASTE ANSWER 3
PASTE QUESTION 4
PASTE ANSWER 4
PASTE QUESTION 5
PASTE ANSWER 5
HERO (native): background = Costa Mesa sunset photo, overlay 15–25%, text lower-left.
Headline: "Design & build, under one roof." · Support: "Family-owned Orange County general contractor. We self-perform nearly every trade — so your project moves." · Button: "Schedule a free consultation".
Optional — make the native hero button match .btn-primary. Paste into Page Settings → Advanced → Page Header Code Injection, replacing SECTION-ID with the hero section's data-section-id (right-click the hero → Inspect → copy the id from <section data-section-id="...">):
<style>
section[data-section-id="SECTION-ID"] .sqs-button-element--primary{background:#c9a13c!important;color:#1a1205!important;border:none!important;border-radius:6px!important;font-weight:700!important;font-family:'Montserrat',sans-serif!important}
</style>
GALLERY (native): Gallery Section, grid, 4:3, captions on, lightbox on. Text block above it: kicker "PORTFOLIO" (small gold caps) + heading "Recent work around Orange County". Native gallery keeps Squarespace's lazy-loading + responsive srcsets — don't code-block this one.
SECTION SPACING: Code Block B paints its own section backgrounds (white → navy → mist), so set its parent Squarespace section padding to ZERO (Section → Edit → Spacing) or you'll get white gaps between the navy dashboard band and its neighbors.
JSON-LD: your location pages carry Service schema per page. For the homepage, a single GeneralContractor schema in Settings → Advanced → Code Injection (site-wide header) is the right scope — say the word and I'll write it with your NAP + license.