Landing-page primitives
Fourteen reusable marketing-landing surfaces for the Oak Flats Mufflermen brand — hero splits, hero centred kinetic, social proof, feature grids, carousels, pricing tables, comparison matrices, FAQ accordions, lead-capture forms, metric strips, case studies, CTA bands, event cards, and partner logo grids. Bonus: a full landing composition.
Landing-page primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Landing-page primitives: Fourteen reusable marketing-landing surfaces for the Oak Flats Mufflermen brand — hero splits, hero centred kinetic, social proof, feature grids, carousels, pricing tables, comparison matrices, FAQ accordions, lead-capture forms, metric strips, case studies, CTA bands, event cards, and partner logo grids. Bonus: a full landing composition.
Hero split section
Split-screen hero — copy + dual CTA on one side, framed media tile on the other. Mediaside reversible.
Hero centred section
Centred hero with KineticText headline, badge, background grid, dual CTA, and trust pillars.
Social proof strip
Heading + rating + review count + customer-since line, with a row of partner logo cards.
Feature grid section
3 × 2 feature grid — icon + headline + body + optional inline link per tile.
Testimonial carousel
Carousel of testimonial cards — avatar initials, star rating, quote, case-study link, dot indicators.
Pricing table card
3-column pricing table — feature checks, recommended badge on the middle tier, single CTA each.
Comparison table section
Vs-competitor comparison matrix with check / partial / X states and a highlighted self column.
FAQ accordion section
Single-open accordion with a live search filter — narrows entries by question, answer, and tag.
Lead capture form
Three-step progressive form — contact, vehicle, service — with stepper + explicit success panel.
Metric counter strip
Row of in-view animated counters — years in business, vehicles serviced, five-star reviews, fleet vehicles.
Case study card
Case-study card — problem / solution / results blocks with outcomes list and PDF download CTA.
CTA band section
Full-width CTA band with layered background, kicker, headline, sub-text, and dual button row.
Event card
Upcoming event card — date tile, headline, location, summary, capacity bar, RSVP button.
Partner logo grid
Partner / supplier logo grid with category line, caption, and an external-link icon per card.
Full landing composition
Every landing primitive sequenced into one full Mufflermen marketing landing surface.