5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T9bb,

Create high-impact promotional sections with a bold offer card surrounded by continuously moving image and video reels. CTA Offer Showcase is designed to make pricing, limited-time offers, product launches, and conversion-focused messaging stand out while keeping the surrounding media visually active.

Use Cases

Product launch and promotional pages
SaaS pricing and upgrade sections
Limited-time offers and campaigns
Digital product and template sales
E-commerce promotional sections
Startup and landing pages
Agency and creative studio websites
Membership and subscription offers
Course and digital service promotions
Marketing and conversion-focused sections

Features

Central offer card with badge, heading, subtitle, price, and period
Compare-at pricing with automatic savings percentage
Animated price count-up effect
Custom CTA button with link and new-tab support
Supporting note for checkout, refund, or offer details
Up to 24 customizable image or video media items
Dual animated media reels surrounding the offer
One to three configurable reel lanes
Counter, rising, or falling media flow
Adjustable reel speed and hover slowdown
Portrait, square, tall, and landscape media shapes
Even or staggered visual rhythm
Independent left and right reel tilt and depth
Edge fading for a seamless composition
Light, dark, and custom color themes
Custom typography, spacing, radius, shadows, and alignment
Responsive mobile layout with configurable breakpoint
Media reels can be hidden on smaller screens
Reduced motion support
Static renderer for reliable Framer output
Framer Property Controls
No code required

Why You’ll Love It

CTA Offer Showcase turns a standard promotional section into a complete visual focal point. The combination of a structured offer card, animated media reels, pricing emphasis, savings messaging, and responsive controls makes it easy to build polished conversion sections that feel dynamic without overwhelming the core CTA.

5a:[["$","$L5d",null,{"post":{"id":"01a0eba8-3cfe-70b9-bebe-1d2ee523c23b","title":null,"body":"

CTA Offer Showcase

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"CTA Offer Showcase"}]}]},"author":{"framerUserId":"ca05e506-1465-479c-9098-193c2ad13a2b","name":"Design Foundry","slug":"designfoundry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ca05e506-1465-479c-9098-193c2ad13a2b/xcfk0umu","followed":false,"followsYou":false},"media":[],"resources":[{"id":"APumotq2LSFjsgyrfHP7","resolved":true,"title":"CTA Offer Showcase","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Create high-impact promotional sections with a bold offer card surrounded by continuously moving image and video reels. CTA Offer Showcase is designed to make pricing, limited-time offers, product launches, and conversion-focused messaging stand out while keeping the surrounding media visually active."}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product launch and promotional pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS pricing and upgrade sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Limited-time offers and campaigns"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Digital product and template sales"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"E-commerce promotional sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Startup and landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency and creative studio websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Membership and subscription offers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Course and digital service promotions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Marketing and conversion-focused sections"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Central offer card with badge, heading, subtitle, price, and period"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Compare-at pricing with automatic savings percentage"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated price count-up effect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom CTA button with link and new-tab support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Supporting note for checkout, refund, or offer details"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 24 customizable image or video media items"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual animated media reels surrounding the offer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One to three configurable reel lanes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Counter, rising, or falling media flow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable reel speed and hover slowdown"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portrait, square, tall, and landscape media shapes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Even or staggered visual rhythm"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Independent left and right reel tilt and depth"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge fading for a seamless composition"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light, dark, and custom color themes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom typography, spacing, radius, shadows, and alignment"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive mobile layout with configurable breakpoint"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Media reels can be hidden on smaller screens"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static renderer for reliable Framer output"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Property Controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No code required"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Why You’ll Love It"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"CTA Offer Showcase turns a standard promotional section into a complete visual focal point. The combination of a structured offer card, animated media reels, pricing emphasis, savings messaging, and responsive controls makes it easy to build polished conversion sections that feel dynamic without overwhelming the core CTA."}]}]},"introduction":"Premium Animated Offer Showcase","slug":"cta-offer-showcase","author":{"framerUserId":"ca05e506-1465-479c-9098-193c2ad13a2b","name":"Design Foundry","slug":"designfoundry","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ca05e506-1465-479c-9098-193c2ad13a2b/xcfk0umu","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ca05e506-1465-479c-9098-193c2ad13a2b/01a0eba8-13b9-743e-86f2-ab21a249f00d.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-29T05:34:25.927Z","updatedAt":"2026-09-29T05:34:25.927Z","publishedAt":"2026-09-29T05:34:25.920Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Proffer-XNQlsa.js@IZ0ycezL0qj2wVtCor0u","previewUrl":"https://ctaoffershowcase.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"IZ0ycezL0qj2wVtCor0u","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T05:34:26.558Z","updatedAt":"2026-09-29T05:34:26.558Z","reported":false}}],"$L5f"]

Suggested for you