Optivio

A complete marketing site for an SEO or analytics product, built around a clinical, diagnostic tone rather than the usual growth-hacking look. Six pages, a CMS blog with category filtering, and a set of custom-built interactive sections. Yellow-on-near-black accents with Inter Tight throughout.

Features

• Infinite feature carousel - Cards loop endlessly in both directions with arrow controls and an opening left bleed.

• Tabbed feature section - Four tabs, each with its own copy and image, swapped by a radial reveal.

• Hover-expanding impact cards - Three cards; the one you hover opens to show its image while the others collapse.

• Spring FAQ accordion - Numbered rows, animated plus/minus toggle, staggered answer reveal by word, letter or line.

• Team section - Portrait, name and role per person, with content editable card by card.

• Six service detail pages - Each service gets its own page with an overview, what it covers, and a related-services row.

• CMS blog - Nine posts with category filtering across Technical SEO, Core Web Vitals, Content strategy, Case studies and Product.

• Four-tier pricing with comparison - Free through Enterprise, plus a side-by-side against manual SEO.

• Detailed contact form - Name, work email, website, company, service dropdown and message, with a newsletter opt-in.

• One place to restyle - Colour and text styles are shared, so the whole site changes from the style panel.

Pages Included

• Home

• About

• Services

• Service detail

• Blog (CMS) + blog post template

• Pricing

• Contact

• 404

Custom Code Components

• Feature Carousel - infinite loop, arrow states, video-gated cards

• Tab Section - tabbed panel with radial image reveal and staggered text

• Impact Row - hover-to-expand cards with per-card content controls

• Spring FAQ Accordion - animated toggle, multiple answer reveal modes

• Team - team cards with editable content per person

Support: Need help setting up? Reach out to us at: https://www.pixels71.com/contact