Shop Gifting Template
Find the perfect gift.A gifting page: a warm hero, a product card grid, a tinted callout and reviews, finished with a split CTA — composed from real sections in your design language.
When to use this template
A gifting page helps someone buying for another person, where the usual filters and preferences do not apply.
This one is dressed in Shop copy and runs 7 sections, opening on the Vista navbar and closing with the Atlas footer. In between it covers hero, gallery and content.
At a glance
- Page type
- Gifting
- Business
- Shop
- Sections
- 7
- Section types
- 7
- Design tokens
- Colour, Radius, Shadow, Spacing, Typography
- Requires JS
- No
- Price
- Free
7 sections in this page
Every section below is a real, responsive layout rendered in your own design tokens — not a screenshot. In page order:
-
Vista
NavbarLogo on the left, the inline nav centered, and a call to action on the right.
-
Atrium
HeroAn asymmetric corporate split with the copy held to just over half the width and a photograph filling the remainder.
-
Showcase
GalleryA three-column grid of image cards, each a swappable photo slot over a title and caption.
-
Callout
ContentThe story set apart inside a tinted band, the blocks laid out in one flexible row.
-
Echo
TestimonialsA responsive grid of quote cards, each with a star rating, a short quote and an author row.
-
Split
Call to actionA horizontal call to action — heading and subcopy on the left, a solid and a ghost button on the right.
-
Atlas
FooterA comprehensive footer: a brand block with social buttons beside a three-column link map, over a legal bottom bar.