Design compyour source design
Slide 1 — live appreal content, real image, pagination indicator
Design compyour source design
Slide 1 — live appreal content, real image, pagination indicator
Real iOS Simulator render (real iOS engine — pixel-true fonts, shadows, color). The home-tab carousel is now built to Figma node 173-842 and populated with the real Kent home content — captured verbatim from kent-automotive.com's home slider. Five real slides, each with its real image, headline, copy, CTA, and destination.
updated 2026-07-10 6:07 PM EDT
Left: your Figma comp. Right: the live app on a real iPhone (iOS Simulator). Card = 320×400, 8px radius, drop shadow, full-bleed image + bottom gradient scrim, Montserrat-Medium title + navy CTA pill, and the Figma pagination indicator (active = wide ink pill, rest = dots).
Every card and its copy is captured verbatim from the live Kent home carousel — no placeholder text or imagery.
Every card links to the same place the live Kent site links to — a product opens the product page, a search / promo page opens that exact page in-app. Nothing is invented.
| Slide | CTA | Real site link | Opens in app |
|---|---|---|---|
| Rev up your order with FREE gifts! | View Offers | /pages/gift-with-purchase | In-app page Gift With Purchase |
| One System. Total Control. | Shop Kent Complete 3 | /products/kent-complete-3-…-kl3000 | Product page Kent Complete 3 |
| Summer Shop Staples | Shop Now | /pages/summer-shop-staples | In-app page Summer Shop Staples |
| Cover Damage Fast | Shop Now | /search?q=KT14247,KT14248, | Search results Crash Wrap |
| Full Power. Zero Hassle. | Shop Milwaukee Tools | /search?…vendor=Milwaukee®… | Search results Milwaukee Tools |
