Rebuild Reference Site on Hostinger Word

Goal
Rebuild our marketing reference site (currently in Vercel) on WordPress (Hostinger). The WP site must closely match the Vercel design, layout, and behaviors; be responsive on large monitors, tablets, and phones; and include a working “Request Early Access” flow via WPForms Lite + Hostinger Reach.

Reference
https://v0-landing-page-inky-eta.vercel.app/
(Note: Not all links work in Vercel; all links must work in WordPress.)

Scope (5 Pages)
Home
Blog Main (filter links, search with clear “×”, on-page pagination)
Blog Detail (template for all posts)
Privacy Policy
Terms of Service

Requirements
Home Page
    Header (sticky + transitions):
        Stays fixed on scroll.
        In the hero: transitions transparent → blurred → solid blue while scrolling. (See current site.)
        Solid blue on all other sections and pages.
    “How” Section:
        Uses provided Thomas image.
        Includes audio player (provided .ogg + .mp3).
        Both image and audio player are vertically sticky within this section (remain visible as the user scrolls through the section).
    Request Early Access (email signup):
        Built with WPForms Lite and integrated with Hostinger Reach.
        On submit: form is replaced inline by a confirmation message (no redirect).
        Sends a welcome email (Provided sample text).
        Adds the subscriber to a Hostinger Reach list.
    Responsive for large monitors, tablets, phones.
    Performance & fidelity: images compressed/optimized; SVG logos; match reference spacing/typography.
Blog Main Page:
    Grid of posts with slight hover zoom on images.
    Category filter links with an “All Posts” option (no filter).
    Search field filters the same grid. When search has text:
        Show a clear “×” inside the field to reset.
        Clear any category filter and highlight “All Posts.”
    On-page pagination (AJAX-style acceptable):
        Always show Page 1 and last page number, using “…” between ranges.
        On page change, scroll back to the top of the grid.
Blog Detail Page:
    Mirrors reference layout (title, date, content, featured image, internal navigation).
Privacy & Terms
    Styled consistent with site; links functional.

Technical
WordPress on Hostinger (client provides login).
WPForms Lite + Hostinger Reach integration for the signup flow.
Lucide icons to match reference site.
SEO & Accessibility: titles/meta, sitemap, alt text, semantic structure, keyboard-friendly.
Lighthouse targets: Performance ≥ 80, Accessibility ≥ 80.
Editable via WordPress Admin (no hard-coded content blocks that can’t be edited).
Cross-browser: Chrome, Safari, Edge, Firefox.

Deliverables (Definition of Done)
Project is complete and accepted when all of the following are true:
Deployment
WordPress site live on Hostinger with all 5 pages implemented and interlinked; no broken links.
Home Page
Sticky header with transparent → blur → solid blue transitions in hero; solid blue elsewhere.
Thomas image + audio player are vertically sticky inside the “How” section.
Request Early Access: form submits; inline confirmation replaces form; welcome email sends using client’s sample; subscriber is added to Hostinger Reach.
Responsive on large/medium/small screens; images optimized; SVG logos used.
Blog Main Page:
Post grid with hover zoom on images.
Category filter links including “All Posts.”
Search filters the same grid; clear “×” appears when active; search resets category and highlights “All Posts.”
On-page pagination shows Page 1, last page number, and “…” in between; on page change, view scrolls to top of grid.
Blog Detail Page: Template displays posts correctly (title/date/content/featured image/navigation).
Privacy & Terms
Styled to match the site and fully functional.
Quality & Compliance
Responsive verified across large, tablet, phone.
Lighthouse: Performance ≥ 80; Accessibility ≥ 80.
SEO basics present (titles/meta/OG/sitemap).
No broken internal links.
Handoff
Work remains in client’s Hostinger and WPForms account.
Provide plugin list, theme/child-theme used, and any custom code notes for maintenance.
All IP/design rights transfer to client upon final payment.

Assets Provided by Client
Hostinger WP login
WPForms login
White/black SVG logos
Hero image
Thomas image
Thomas audio (.ogg, .mp3)
Welcome email sample text

 ... Show more