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:T89e,

💡 What it does:This component bridges the gap between beautiful visuals and real revenue. Instead of just showing products, it makes them instantly clickable and buyable. Perfect for fashion, lifestyle, furniture, beauty, or any brand that relies on strong imagery.

🛠 Key Features:

Grid + Slider Layouts → choose the format that fits your design best.
10 Slides max (per slider) → with up to 10 hotspots per image.
Fully Customizable Hotspots → edit:
- ✅ Title
- ✅ Price
- ✅ Link (Shopify, Webflow, or any custom URL)
- ✅ Image preview
- ✅ Colors, fonts, popup positions
Responsive by default → works smoothly across desktop, tablet, and mobile.
Lightweight & Smooth → polished animations, no performance hit (as long as you use optimized images 📸).
Flexible for Growth → built simple for hackathon demo, but easily expandable with more layouts/features if needed.

🚀 Why it’s useful:Most “portfolio” or “showcase” components look cool but don’t actually solve real-world problems. This one does.

Lifestyle brands can showcase outfits → tag all the pieces.
Furniture brands can highlight room decor → each product tagged.
Creators can monetize photos → link to external stores instantly.

It’s ready for production sites today, not just a concept.

🎯 Target Users:

Shopify sellers
Lifestyle brands
Fashion designers
Agencies & freelancers building client eCom sites
Content creators who want shoppable posts

📩 Support

Questions or custom tweaks? Reach me at hello@digithinktech.com

5a:[["$","$L5d",null,{"post":{"id":"019977fe-0d73-7567-8e4f-7d169da21edb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1dc9bb0-10eb-432a-90ac-2a1dead7f678","name":"Digithink Technologies","slug":"digithink-technologies","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/208384/wwaOK0f5e-Z40yH0I35g0J3H0lO53tUX7GIypMFI","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"HoCGpvcZiXjY3daAbwfM","resolved":true,"title":"ProductImage Hotspot","body":"$5e","bodyJson":null,"introduction":"","slug":"lookbook-shop-look","author":{"framerUserId":"c1dc9bb0-10eb-432a-90ac-2a1dead7f678","name":"Digithink Technologies","slug":"digithink-technologies","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/208384/wwaOK0f5e-Z40yH0I35g0J3H0lO53tUX7GIypMFI","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/HoCGpvcZiXjY3daAbwfM/lookbook-shop-look-dpN5k3ii2ODNjfZDXBQ6cTmXPZImM8","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-12T13:17:15.964Z","updatedAt":"2026-01-05T19:39:20.506Z","publishedAt":"2025-09-23T19:12:42.355Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://thelookbook.framer.website/","price":"9","paymentUrl":"https://www.paypal.com/ncp/payment/KC6MDA2E5YDUY","workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"rDSAWF9jGwOzwd1hAJrm","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-23T19:12:42.355Z","updatedAt":"2025-09-23T19:12:42.355Z","reported":false}}],"$L5f"]

Suggested for you