Root Structure Wireframe Gap Analysis

Date: January 3, 2026 Source: Wireframes.pdf (12 pages) Theme Location: /Users/edowns/Local Sites/root-structure/app/public/wp-content/themes/root-structure

Wireframe Site Structure (12 pages)

Navigation Structure (from Wireframe)

Header

• Utility bar: hello@rootstructure.com | "It's a nice day to get outside"
• Logo: Root Structure (left)
• Nav items: Our Work | About | FAQs | Search icon | "Get a Quote" CTA button

Footer (4 columns)

1. Contact: hello@rootstruture.com, company description
2. Our Work: Fences, Patios, Decks, Retaining Walls, Landscape Design, Workshop
3. About: Why Us, Our Team
4. Links: FAQs

Bottom: Copyright, Terms, Privacy, Accessibility, Social icons (Instagram, Facebook)

Services/Categories

• Decks
• Retaining Walls
• Fences
• Patios
• Landscape Design
• Workshop

What Already Exists in Theme

GAPS: Navigation Changes

GAPS: New Pages/Templates Needed

GAPS: Homepage Sections

GAPS: Project/Portfolio Features

GAPS: ACF Modules Needed

1. hero-carousel - Slides with headline, subhead, background image, carousel dots
2. intro-text - Centered text block with optional CTA link
3. video-embed - Video thumbnail with play button overlay
4. service-cards - Grid of linked category cards with image + label
5. testimonial - Quote text, attribution name, location
6. cta-banner - Full-width section with headline + link on colored background
7. zigzag-content - Alternating image/text rows (for Why Root Structure, About)
8. faq-accordion - Expandable Q&A items with +/x toggle
9. area-list - Multi-column text list (for Service Areas)
10. team-grid - Team member cards with photo, name, role, bio

GAPS: Component Updates

Typography from Style Guide (Page 1)

• H1: "Beautiful Outdoor Spaces Built to last." (large, bold)
• H2: "What we build" (medium, regular weight)
• H3: Bold, smaller than H2
• H4-H6: Progressively smaller
• H6: All caps, letter-spaced ("OUR VALUES")
• Body: Multiple sizes shown
• Buttons: Filled (black) and outlined versions
• Links: "See our work →" with arrow

Team Members (from Wireframe)

1. Chris - [Role TBD]
2. Sebastian - [Role TBD]
3. Peter - [Role TBD]
4. Ruben - [Role TBD]

Service Areas (from Wireframe Page 10)

Column 1: Omaha Metro, West Omaha, Elkhorn, Gretna, Bennington, Waterloo, Valley

Column 2: La Vista, Papillion, Ralston, Millard, Dundee, Aksarben, Midtown

Column 3: Downtown Omaha, Old Market, Benson, Florence, Bellevue, Council Bluffs (IA)

FAQ Questions (from Wireframe Page 9)

1. What areas do you serve?
2. What kinds of projects do you take on?
3. How far out are you booking?
4. Do you provide free estimates?

Implementation Phases

Phase 1 - Core Structure

• [ ] Update header (add utility bar, search icon, "Get a Quote" CTA)
• [ ] Restructure footer (4 columns)
• [ ] Set up ACF Pro flexible content field group
• [ ] Create base module template structure

Phase 2 - Homepage Rebuild

• [ ] hero-carousel module
• [ ] intro-text module
• [ ] video-embed module
• [ ] service-cards module
• [ ] testimonial module
• [ ] cta-banner module

Phase 3 - Interior Pages

• [ ] FAQs page + faq-accordion module
• [ ] Service Areas page + area-list module
• [ ] Why Root Structure page + zigzag-content module
• [ ] Update About page structure

Phase 4 - Portfolio Enhancements

• [ ] Project lightbox/modal component
• [ ] Category page prev/next navigation
• [ ] Our Work landing page layout update
• [ ] Team page redesign

Contact Info (from Wireframe)

• Email: hello@rootstructure.com
• Phone: 402-000-0000
• Address: Root Structure LLC, P.O. Box 45, Omaha, NE 68104
• Social: Facebook, Instagram, LinkedIn

Key Files to Modify

header.php              - Add utility bar, search, CTA
footer.php              - Restructure to 4 columns
front-page.php          - Complete rebuild with modules
functions.php           - ACF field registration
archive-projects.php    - Layout updates
archive-team.php        - Redesign cards
template-about.php      - Update structure

New Files Needed

template-faqs.php
template-service-areas.php
template-why-us.php
modules/hero-carousel.php
modules/intro-text.php
modules/video-embed.php
modules/service-cards.php
modules/testimonial.php
modules/cta-banner.php
modules/zigzag-content.php
modules/faq-accordion.php
modules/area-list.php
modules/team-grid.php
js/lightbox.js
js/carousel.js

Generated from Wireframes.pdf analysis on January 3, 2026