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.
• 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