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

Showcase global offices in a polished, editorial-style layout with live local time, opening status, office details, and location imagery. Office Locations combines an image-led presentation with an interactive location picker, helping visitors explore different offices while seeing essential information at a glance.

Use Cases

Global office pages, company headquarters, SaaS and startup websites, corporate websites, agency locations, contact pages, international teams, hospitality brands, real estate businesses, and multi-location companies.SEO Keywords: office locations, global offices, office directory, company locations, location finder, Framer office component, headquarters section, business locations, global office directory, contact locations

Features

Interactive office location picker
Live local time and timezone display
Automatic Open / Closed status
Opening and closing time indicators
Up to 3 images per office
Image gallery with navigation
Address, phone, and email details
Weekday and weekend opening hours
Directions and custom CTA links
Split, mirror, and stacked layouts
Dial-style or simple location navigation
Autoplay between office locations
Wipe, dissolve, and rise transitions
Optional cinematic image drift
Responsive mobile stacking
Custom colors, typography, spacing, and radius
Keyboard navigation and reduced-motion support
Framer Property Controls
Static renderer for reliable publishing
No code required

Why You’ll Love It

Office Locations turns a standard office directory into an engaging location experience. Live time and availability indicators make each office feel current, while imagery, contact details, opening hours, and directions keep everything useful and accessible.

5a:[["$","$L5d",null,{"post":{"id":"01a10f8d-ec47-7373-a630-0025110a8096","title":null,"body":"

Global Office Locations

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Global Office Locations"}]}]},"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":"XmX7UPVFt8oQTnb2rIdV","resolved":true,"title":"Office Locations","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Showcase global offices in a polished, editorial-style layout with live local time, opening status, office details, and location imagery. Office Locations combines an image-led presentation with an interactive location picker, helping visitors explore different offices while seeing essential information at a glance."}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Global office pages, company headquarters, SaaS and startup websites, corporate websites, agency locations, contact pages, international teams, hospitality brands, real estate businesses, and multi-location companies.SEO Keywords: office locations, global offices, office directory, company locations, location finder, Framer office component, headquarters section, business locations, global office directory, contact locations"}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive office location picker"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live local time and timezone display"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic Open / Closed status"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Opening and closing time indicators"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 3 images per office"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image gallery with navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Address, phone, and email details"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Weekday and weekend opening hours"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Directions and custom CTA links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Split, mirror, and stacked layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dial-style or simple location navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay between office locations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wipe, dissolve, and rise transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional cinematic image drift"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive mobile stacking"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom colors, typography, spacing, and radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard navigation and reduced-motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Property Controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static renderer for reliable publishing"}]}]},{"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":"Office Locations turns a standard office directory into an engaging location experience. Live time and availability indicators make each office feel current, while imagery, contact details, opening hours, and directions keep everything useful and accessible. "}]}]},"introduction":"Our Global Office Locations","slug":"office-locations","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/01a10f8d-bddd-73fd-bb5a-eaeaa88dbbef.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-10-06T04:52:01.104Z","updatedAt":"2026-10-06T04:55:59.877Z","publishedAt":"2026-10-06T04:52:01.101Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Chancery-LHUSV9.js@rlUQn7eTQGQYbPpzXC2z","previewUrl":"https://officelocations.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"rlUQn7eTQGQYbPpzXC2z","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-06T04:52:01.735Z","updatedAt":"2026-10-06T04:52:01.735Z","reported":false}}],"$L5f"]

Suggested for you