51:I[267044,["/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/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T59e,

Welcome to the digital storefront of Titanium Kozmetik, a beautifully crafted and highly optimized web platform designed to elevate the online presence of a premium cosmetics and beauty brand. Developed from the ground up utilizing the powerful capabilities of Framer, this project represents a seamless intersection of high-end aesthetic design and robust technical functionality. As the lead UX/UI designer and Framer developer on this project, my objective was to create an immersive, elegant, and highly performant digital environment that perfectly reflects the luxurious nature of the cosmetic products it showcases.

The core design philosophy behind Titanium Kozmetik centers on delivering a frictionless and visually captivating user journey. In the highly competitive beauty and cosmetics industry, first impressions are paramount. Therefore, the user interface was meticulously engineered to feature clean, minimalist layouts that allow the high-quality product imagery and brand messaging to take center stage. By employing a sophisticated color palette, refined typography, and strategic negative space, the interface exudes a sense of modern elegance and trust. Every micro-interaction, from the subtle hover states on product cards to the fluid, physics-based scroll animations, was carefully designed to guide the user naturally through the product catalog, enhancing engagement and driving conversions.

53:T509,

Welcome to the digital portfolio of Abdulrahim Al Aref, an Adobe Certified Expert and a seasoned UX/UI Designer with over a decade of comprehensive experience in the graphic design and digital product landscape. This website serves as an immersive showcase of my professional journey, highlighting a deep-rooted passion for creating intuitive, user-centric, and visually compelling digital experiences. Built entirely natively within Framer, this portfolio is much more than just a static collection of past work; it is a live, interactive demonstration of advanced web design and development capabilities.

At the core of my design philosophy is the unwavering belief that aesthetics must work in perfect harmony with functionality. With over ten years of active industry experience, I have developed a meticulous approach to user experience and user interface design. Every element on this site has been purposefully crafted to guide the user seamlessly through my detailed case studies. From sophisticated micro-interactions and smooth, physics-based scroll animations to strategic typography and advanced color theory, the portfolio is engineered to engage visitors while maintaining absolute clarity and accessibility across all devices, browsers, and screen sizes.

54:T5d8,

PingPong App is a modern Framer template for fintech apps, digital wallets, and money-management products. It’s built for teams that need a polished marketing site in English and Arabic, with light and dark mode from day one.

The template includes a complete home page with hero, feature sections, how it works, safety, reviews ticker, FAQs, and a final CTA — plus News, Contact, Legal, and a custom 404 page.

Content is powered by Framer CMS where it matters, so buyers can update articles and legal pages without touching the canvas. What makes PingPong stand out is its bilingual architecture.

Major sections use component variants for Desktop / Tablet / Mobile in both English and Arabic, with Arabic text styles (Readex Pro) and right-to-left alignment where needed.

The navbar and footer also include Arabic variants for a consistent localized experience.

Dark mode is handled natively through system preferences and semantic color tokens — no hacks, no extra plugins. The site automatically detects the user's browser or device settings, ensuring light and dark themes stay seamlessly in sync across components, forms, and CMS pages without the need for manual toggles.

Whether you’re launching a wallet app, a payments startup, or selling a fintech product in MENA and global markets, PingPong gives you a fast, professional foundation that’s easy to customize, publish, and scale on Framer.

55:T732,

Overview

The ThemeAware Image component is the perfect solution for adapting your website's visual assets to the user's system theme. It automatically detects if the user prefers Dark or Light mode via system settings and displays the corresponding image instantly.

Key Features:

Proper Dark Mode Detection: Uses the standard prefers-color-scheme media query to respect system settings perfectly.
Real-time Updates: Actively listens for theme changes so the image swaps instantly without needing a page refresh.
Highly Optimized & SSR-Safe: Built with best practices. Guards against window being undefined during server-side rendering, uses startTransition for smooth state updates, and includes proper event cleanup to prevent memory leaks.
Accessible: Full alt text support for screen readers.
Flexible Layout: Includes object-fit controls, letting you adjust exactly how your images are displayed within the frame.

How to Use:

Drop the component onto your canvas.
Upload your Light Mode image.
Upload your Dark Mode image.
Set your alt text and you are ready to go!

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6-all:/unified/creator/ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6/activity/":[{"data":[{"id":"01a10c56-db03-73fe-93d1-b9117646b028","type":"site.created","target":{"type":"site","id":"18035","preview":"Titanium Kozmetik","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6/01a10c6d-04a7-70ec-aa8e-66ddf070e80b.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","slug":"abdulrahim-aref","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-05T13:53:01.187Z","latestAt":"2026-10-05T13:53:01.187Z"},{"id":"01a10c50-f30a-70af-a49a-f5505aac537d","type":"site.created","target":{"type":"site","id":"18034","preview":"Abdulrahim Aref","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6/01a10c4a-57e9-76fc-a0f8-fc2ba27c5da7.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","slug":"abdulrahim-aref","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-05T13:46:34.122Z","latestAt":"2026-10-05T13:46:34.122Z"},{"id":"01a066a4-0480-7178-8228-3a76fe29cb15","type":"creator.followed","target":{"type":"creator","id":"b764a613-a73c-4e1c-bee9-33b53ec67ce6","preview":"Framebite","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28800/PP-27rYF2tu8ZFD5L3sX1QQMlXq7ZkvMX.png","slug":"framebite","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","slug":"abdulrahim-aref","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T09:40:20.218Z","latestAt":"2026-09-03T09:40:20.218Z"},{"id":"019fe118-bba6-77ff-83ae-20bdd85b659f","type":"component.liked","target":{"type":"component","id":"C47rSGlYMmUVL6323jW0","preview":"LightBox Gallery K.","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/af5a6d90-be8c-47b1-b969-078cfdbd06f0/019fbe63-d8ac-743e-a63d-ad1cba50c054.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","slug":"abdulrahim-aref","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-08T11:18:42.331Z","latestAt":"2026-08-08T11:18:42.331Z"},{"id":"019fe117-a4df-7764-8777-381466ff2dfe","type":"component.liked","target":{"type":"component","id":"Q95W4UVmywJTRVICW0Xi","preview":"Image clicktoreveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Q95W4UVmywJTRVICW0Xi/image-clicktoreveal-t4JVKa8CrNdoupW1z2WqUqXuC9cfPB","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","slug":"abdulrahim-aref","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-08T11:17:30.970Z","latestAt":"2026-08-08T11:17:30.970Z"},{"id":"019fe116-0b4b-71e8-ab7c-b6d7e9040b95","type":"template.liked","target":{"type":"template","id":"52003","preview":"Essentia","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/52003/essentia-yr1eHCxdD0VztZiTEhpmsNWl2YISKp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","slug":"abdulrahim-aref","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-08T11:15:46.118Z","latestAt":"2026-08-08T11:15:46.118Z"},{"id":"019fdaf6-4730-77d9-a6d4-2761286dd64a","type":"plugin.liked","target":{"type":"plugin","id":"424","preview":"Superfields","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ba90876b-848a-4d1c-bbe3-016394b0d57d/019fd6e9-d73c-7169-965d-619c4dcd687c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","slug":"abdulrahim-aref","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-07T06:43:21.002Z","latestAt":"2026-08-07T06:43:21.002Z"},{"id":"019f17ec-5e01-720f-8700-7093dcb13918","type":"template.liked","target":{"type":"template","id":"59904","preview":"Dean","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c04b4a4-1930-416e-848a-5d3824529440/hkl29tsp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","slug":"abdulrahim-aref","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-30T09:46:34.363Z","latestAt":"2026-06-30T09:46:34.363Z"},{"id":"019ee0d6-4dc0-778a-9f87-3ff34703e6a2","type":"template.created","target":{"type":"template","id":"67569","preview":"PingPong App","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6/eijbai5a","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","slug":"abdulrahim-aref","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-19T17:03:21.536Z","latestAt":"2026-06-19T17:03:21.536Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6:/unified/posts/?creator=ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6&with=reposts":[{"data":[{"id":"01a10c56-d835-75b8-a869-5c5c2fee4a00","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","slug":"abdulrahim-aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"18035","resolved":true,"title":"Titanium Kozmetik","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Welcome to the digital storefront of Titanium Kozmetik, a beautifully crafted and highly optimized web platform designed to elevate the online presence of a premium cosmetics and beauty brand. Developed from the ground up utilizing the powerful capabilities of Framer, this project represents a seamless intersection of high-end aesthetic design and robust technical functionality. As the lead UX/UI designer and Framer developer on this project, my objective was to create an immersive, elegant, and highly performant digital environment that perfectly reflects the luxurious nature of the cosmetic products it showcases."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The core design philosophy behind Titanium Kozmetik centers on delivering a frictionless and visually captivating user journey. In the highly competitive beauty and cosmetics industry, first impressions are paramount. Therefore, the user interface was meticulously engineered to feature clean, minimalist layouts that allow the high-quality product imagery and brand messaging to take center stage. By employing a sophisticated color palette, refined typography, and strategic negative space, the interface exudes a sense of modern elegance and trust. Every micro-interaction, from the subtle hover states on product cards to the fluid, physics-based scroll animations, was carefully designed to guide the user naturally through the product catalog, enhancing engagement and driving conversions."}]}]},"introduction":"","slug":"titanium-kozmetik","author":{"framerUserId":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","slug":"abdulrahim-aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6/01a10c6d-04a7-70ec-aa8e-66ddf070e80b.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6/01a10c6d-cf92-747d-899c-c70a2b2b19e7.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6/01a10c6d-04c8-7105-9755-3bd232f5da1f.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T13:52:59.778Z","updatedAt":"2026-10-05T14:18:14.217Z","publishedAt":"2026-10-05T13:52:59.775Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://titaniumkozmetik.com/","categories":[{"id":"3b2881c5-bbfb-430d-83f6-b1b0ac597b8d","name":"Ecommerce","slug":"ecommerce"},{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T13:53:00.469Z","updatedAt":"2026-10-05T13:53:00.469Z"},{"id":"01a10c50-f042-7677-a744-b07d2552a5bd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","slug":"abdulrahim-aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"18034","resolved":true,"title":"Abdulrahim Aref","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Welcome to the digital portfolio of Abdulrahim Al Aref, an Adobe Certified Expert and a seasoned UX/UI Designer with over a decade of comprehensive experience in the graphic design and digital product landscape. This website serves as an immersive showcase of my professional journey, highlighting a deep-rooted passion for creating intuitive, user-centric, and visually compelling digital experiences. Built entirely natively within Framer, this portfolio is much more than just a static collection of past work; it is a live, interactive demonstration of advanced web design and development capabilities."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"At the core of my design philosophy is the unwavering belief that aesthetics must work in perfect harmony with functionality. With over ten years of active industry experience, I have developed a meticulous approach to user experience and user interface design. Every element on this site has been purposefully crafted to guide the user seamlessly through my detailed case studies. From sophisticated micro-interactions and smooth, physics-based scroll animations to strategic typography and advanced color theory, the portfolio is engineered to engage visitors while maintaining absolute clarity and accessibility across all devices, browsers, and screen sizes."}]}]},"introduction":"","slug":"abdulrahim-aref","author":{"framerUserId":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","slug":"abdulrahim-aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6/01a10c4a-57e9-76fc-a0f8-fc2ba27c5da7.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6/01a10c4d-39c5-71a9-aa7e-0475b873b451.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T13:46:32.657Z","updatedAt":"2026-10-05T13:46:32.657Z","publishedAt":"2026-10-05T13:46:32.654Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://abdulrahimaref.com/","categories":[{"id":"cb1ce5d0-8749-428e-b0d8-917786928ffd","name":"Personal","slug":"personal"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T13:46:33.411Z","updatedAt":"2026-10-05T13:46:33.411Z"},{"id":"019ee0d6-4d8f-75eb-b635-0d10a2101ccb","title":null,"body":"

Just launched: PingPong App — A premium Framer template designed specifically for fintech apps, digital wallets, and money-management platforms.

If you are targeting both global and MENA markets, PingPong is built from day one with a fully bilingual architecture, making localization effortless.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched: PingPong App — A premium Framer template designed specifically for fintech apps, digital wallets, and money-management platforms. "}]},{"type":"paragraph","content":[{"type":"text","text":"If you are targeting both global and MENA markets, PingPong is built from day one with a fully bilingual architecture, making localization effortless."}]}]},"author":{"framerUserId":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","slug":"abdulrahim-aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"67569","resolved":true,"title":"PingPong App","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"PingPong App is a modern Framer template for fintech apps","marks":[{"type":"bold"}]},{"type":"text","text":", digital wallets, and money-management products. It’s built for teams that need a polished marketing site in English and Arabic, with light and dark mode from day one. "}]},{"type":"paragraph","content":[{"type":"text","text":"The template includes a complete home page with hero, feature sections, how it works, safety, reviews ticker, FAQs, and a final CTA — plus News, Contact, Legal, and a custom 404 page. "}]},{"type":"paragraph","content":[{"type":"text","text":"Content is powered by Framer CMS where it matters, so buyers can update articles and legal pages without touching the canvas. What makes "},{"type":"text","text":"PingPong stand out is its bilingual architecture","marks":[{"type":"bold"}]},{"type":"text","text":". "}]},{"type":"paragraph","content":[{"type":"text","text":"Major sections use component variants for Desktop / Tablet / Mobile in both English and Arabic, with Arabic text styles (Readex Pro) and right-to-left alignment where needed. "}]},{"type":"paragraph","content":[{"type":"text","text":"The navbar and footer also include Arabic variants for a consistent localized experience. "}]},{"type":"paragraph","content":[{"type":"text","text":"Dark mode is handled natively through system preferences and semantic color tokens — no hacks, no extra plugins. The site automatically detects the user's browser or device settings, ensuring light and dark themes stay seamlessly in sync across components, forms, and CMS pages without the need for manual toggles. "}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you’re launching a wallet app, a payments startup, or selling a fintech product in MENA and global markets, PingPong gives you a fast, professional foundation that’s easy to customize, publish, and scale on Framer."}]}]},"introduction":"Bilingual fintech landing template","slug":"pingpong-app","author":{"framerUserId":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","slug":"abdulrahim-aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6/eijbai5a","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6/jcfsirrw","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6/d8m4w1tc","metadata":{"tint":{"h":180,"s":50,"l":6},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6/x1kv3rub","metadata":{"tint":{"h":180,"s":50,"l":6},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-06-19T17:03:21.454Z","updatedAt":"2026-09-11T14:47:23.872Z","publishedAt":"2026-06-19T17:03:21.451Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/1Xz8ksg","remixUrl":"https://framer.link/1Xz8ksg","previewUrl":"https://pingpong-fintech.framer.website/","categories":[{"id":22,"name":"Startup","slug":"startup"},{"id":2,"name":"SaaS","slug":"saas"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":19,"name":"Localization","slug":"localization"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T17:03:21.487Z","updatedAt":"2026-06-19T17:03:21.487Z"},{"id":"019d9030-8b40-7dc1-83be-9836d7bd4c7c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","slug":"abdulrahim-aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Xu4y0269heihE8D78BIL","resolved":true,"title":"ThemeAware Image","body":"$55","bodyJson":null,"introduction":"Auto-swaps Dark & Light mode images.","slug":"themeaware-image","author":{"framerUserId":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","slug":"abdulrahim-aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Xu4y0269heihE8D78BIL/themeaware-image-TA59HCIJsjvOzDdjkSpRw6CrxMrMOA","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-12T11:41:04.759Z","updatedAt":"2026-04-15T07:32:46.860Z","publishedAt":"2026-04-15T08:09:53.728Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/DarkLightImage-1-uy9S38.js@31qXPGySxoZz4bNrOQy9","previewUrl":"https://golden-designs-746023.framer.app","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"31qXPGySxoZz4bNrOQy9","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T08:09:53.728Z","updatedAt":"2026-04-15T08:09:53.728Z"},{"id":"019b649a-1c4c-7250-a726-af16dde34e67","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","slug":"abdulrahim-aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"11216","resolved":true,"title":"JTK Autos","body":null,"bodyJson":null,"introduction":"A website for JTK Autos, selling used cars, engines, and bulk auto parts sourced from Japan, South Korea, and Taiwan. They specialize in high-quality exports, CKD units, and bulk orders worldwide, ensuring reliable automotive supplies.","slug":"jtk-autos","author":{"framerUserId":"ddb6bb14-c16a-40a5-92b2-0aa17bd5fcb6","name":"Abdulrahim Aref","slug":"abdulrahim-aref","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/215405/avatar-JIFZeYr5HjrLusHuL4rdfygMr6xh9E.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/11216/thumbnail-V4CoC5woiMCrQeAXVJ7sTSF5a6sw10.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-28T10:56:20.043Z","updatedAt":"2025-12-28T10:56:20.043Z","publishedAt":"2025-12-28T10:56:20.044Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://jtkautos.com/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"},{"id":"3b2881c5-bbfb-430d-83f6-b1b0ac597b8d","name":"Ecommerce","slug":"ecommerce"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-28T10:56:20.044Z","updatedAt":"2025-12-28T10:56:20.044Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]