Hobby & Passion Supplies Portfolio Website Template

Quick summary

Wicket is a single-page landing template designed for a premium croquet supply store. It uses bold candy colors, modular card grids, and themed product collections to build desire and sort buyer intent. Every section moves visitors closer to the full catalogue without a cart in sight.

Who this template is for

This landing page is built for sellers and creators in the garden lifestyle and hobby retail space. It suits anyone who needs to present curated product groupings beautifully before routing visitors to a shop.

• Garden party hosts and lifestyle retailers selling premium leisure equipment
• Retirement gift specialists and seasonal club secretaries restocking for summer
• Designers and developers building click-through landing services for boutique shops

What problem this template solves

Presenting a wide croquet range without overwhelming visitors is genuinely hard. A sprawling product list creates choice paralysis and loses buyers before they commit. This landing page solves that by narrowing the display down to themed, curated collections that feel like a beautifully merchandised shelf.

• Eliminates choice paralysis by grouping products into focused, themed collections
• Removes cart friction so the landing page stays purely focused on building desire
• Guides high-value buyers toward a custom set builder before they reach checkout

What you get with this template

You get a fully structured, single-page layout designed for luxury leisure retail. Every section is a ready-to-use module built around the curated collection creative direction.

• A hero section with a device mockup float and an animated typewriter headline
• Themed card grid rows with hover animations and a persistent sticky bottom bar
• A craft story split section, a scrolling testimonials marquee, and a custom set builder call-to-action

Feature list

This landing page is designed to deliver high visual impact and clear conversion paths across every section.

Themed Curated Card Grids

Each card grid section groups products into named collections such as "The Weekend Set," "Tournament Essentials," and "Gifts That Actually Get Used." Three to five product cards sit per row. Every card pops on hover with a geometric rotation and a color-matched shadow, making the browsing experience feel like scrolling a beautifully designed home catalogue.

Typewriter Hero with Device Mockup

The hero section floats a tablet and phone on a sunlit garden table. Screens display product cards in the dopamine pop palette. The headline types in like a scoreboard, immediately communicating the store's personality. High-impact hero imagery is essential for showcasing a finished lifestyle look, and this section delivers exactly that.

Sticky Call-to-Action Bar

A persistent bottom bar pulses with "Shop the Full Lawn," linking visitors to the full catalogue at every scroll position. Clear calls to action designed into the page structure keep conversion goals in constant view without interrupting the browsing experience.

Custom Set Builder Section

A full-width qualifying section invites visitors to build a custom set by mixing mallets, balls, and hoops. This path is designed to identify high-value buyers early, before they even reach checkout. It functions as a pro-level intent filter for the store.

Social Proof Marquee

A dual-direction scrolling marquee surfaces club testimonials and quality metrics including years lacquering, tournament wins, and clubs stocked. Curated landing pages enhance storytelling and brand trust through this kind of high-quality social proof display.

Craft Story Split Section

An asymmetric two-column section presents mallet craftsmanship detail alongside quality signals. High-quality illustrations and imagery create visual context showing the products in action on real lawns.

Page sections overview

Design & branding system

The visual style is Playful Geometric on a chalk white base. The dopamine pop color system uses four vivid accent colors, each purposeful and loud enough to grab attention while white space keeps the overall feeling elegant and considered.

• Sunstruck yellow (#FFD23F), croquet-ball red (#EF476F), lawn stripe green (#06D6A0), and cool lilac (#B388EB) on chalk white (#FAFAFA) with charcoal (#2B2D42) type
• Cabinet Grotesk for display headings and DM Sans for body text
• Geometric card transforms, stagger reveal animations, and illustrations add playful energy without noise

Mobile & speed optimization

The template is designed desktop-first, reflecting the browsing habits of garden party planners who shop on tablets. Responsive HTML templates are designed to adapt across screen sizes, and this layout carries solid mobile support throughout.

• Responsive structure ensures the card grids and hero reflow cleanly on smaller screens
• Static server components handle non-interactive sections to support fast loading across devices

How this template helps you convert

Incorporating clear calls to action is essential for converting visitors, and this template is designed with that principle at every layer.

1. Curated themed collections reduce distractions and focus each visitor's attention on a relevant product group, improving the chance of a click-through to the store
2. The sticky bar keeps the primary catalogue link visible at all times, so the path to purchase is never more than one tap away
3. The custom set builder qualifies high-value buyers early, routing the most engaged visitors toward a higher-order outcome before they leave the page

Other information about this template

This template sits within the Retail and E-Commerce category under Hobby and Passion Supplies. It is one of the most visually detailed templates in its niche, combining card grid structure with lifestyle-led creative direction.

• The Wicket curated lawn collection landing page template is a pre-designed, one-page layout optimized specifically for themed lawn product display
• Partners and resellers in the garden lifestyle space can adapt the modular card sections to suit seasonal or regional collections
• The HTML structure uses clean HTML5 and CSS3 code, which supports site speed and helps evaluate performance across devices
• Designers can use the layout to determine the right collection groupings for their store before going live
• The template style is built to scale: swap illustrations, update color tokens, and the whole site personality shifts cleanly
• Customizable modules allow for flexible content display, including space for contact forms, newsletter sign-ups, and scarcity indicators for limited seasonal packages
• Businesses can use the home page hero and card grid solutions to build trust through authority signals and quality imagery before a visitor ever clicks through

Show more