Skip to content
Fitness & WellnessOnline storeNext.js (React)

SUMMIT — Outdoor & Camping Gear

Go further, carry less.

An outdoor & camping-gear storefront shopped by activity, category, season, weight and price rather than a generic list — the facets that matter on the trail. A rugged pine-and-slate palette, real self-hosted photography, and a 'basecamp to summit' scroll story built from topographic contour lines.

Next.js 15TypeScriptTailwind v4Framer MotionGSAP ScrollTriggerLenisZustand

Role · Design + front-end build (client-side cart, demo checkout) · Updated Jul 2026

Loads the real, interactive build
Price · one-time licence
$2,800
Want it customised? Commission a build
  • 22 typed products across tents / backpacks / sleep / apparel / footwear / cooking
  • 8 pages: home (basecamp-to-summit story), filterable shop, product, cart, checkout, order, about, 404
  • 5-facet data-driven filter engine (activity, category, season, weight, price), URL-shareable
  • 34 real self-hosted photos (WebP, credited in ATTRIBUTIONS.md)
Delivery
24–48h
Licence
One-time licence · full source
Support
14 days setup support
Updates
Free updates included

Backend · Headless commerce (Shopify / Medusa)
Swap the static catalogue + client cart for a headless commerce API — gear, stock and orders move to the commerce admin; the faceted filter UI stays.

Delivered as full Next.js source. Swap the catalogue + facets for your ranges, retheme the palette, and point the cart at a headless commerce API — products and filters are typed data.

Live preview — the real build, running in your browser
yantracore.com/previews/summit/
SUMMITLoads the real, interactive build

What makes it special

01

Filters that matter on the trail

Five tailored facets — activity, category, season, weight, price — not a generic list. Filter to ultralight 3-season backpacking gear instantly, URL-synced and shareable.

02

A 'basecamp to summit' scroll story

A mountain peak assembles from contour lines and elevation rings as you scroll, the palette climbing through four steps. Fully reduced-motion safe.

03

Rugged, adventurous, premium

A pine / slate / bark palette with an ember accent, a topographic-contour motif and a mountain mark — distinct from the cycling and footwear siblings.

04

Real, self-hosted photography

34 curl-verified free-license photos, WebP at build, zero external runtime requests, explicit dimensions for ~0 CLS.

05

The full loop, honestly

Shop → product → cart → checkout → order confirmation, clearly labelled as a demo. WCAG 2.2 AA throughout.

What’s included

  • 22 typed products across tents / backpacks / sleep / apparel / footwear / cooking
  • 8 pages: home (basecamp-to-summit story), filterable shop, product, cart, checkout, order, about, 404
  • 5-facet data-driven filter engine (activity, category, season, weight, price), URL-shareable
  • 34 real self-hosted photos (WebP, credited in ATTRIBUTIONS.md)
  • Client-side cart (Zustand + localStorage) + honestly-labelled front-end-only checkout demo
  • Static export, reduced-motion throughout, SEO / JSON-LD / sitemap / robots / manifest

More Fitness & Wellness templates

Explore more collections

Frequently asked

What do I get when I buy SUMMIT?
A one-time licence with the full, editable source code, including 22 typed products across tents / backpacks / sleep / apparel / footwear / cooking, 8 pages: home (basecamp-to-summit story), filterable shop, product, cart, checkout, order, about, 404, 5-facet data-driven filter engine (activity, category, season, weight, price), url-shareable. 14 days setup support and free updates included.
What is SUMMIT built with?
It's a Next.js online store, built with Next.js 15, TypeScript, Tailwind v4, Framer Motion, GSAP ScrollTrigger. You receive the complete source to host and extend anywhere.
Can YantraCore customise SUMMIT for my brand?
Yes — buy it as-is for $2,800, or have YantraCore tailor it to your brand, content and requirements. Start from this page or commission a custom build.
How fast is delivery?
Delivery is 24–48h after purchase.

Make SUMMIT yours.

Buy it as-is, or have YantraCore tailor it to your brand and content.