PageSourceSearch

https://saminpanah.com/demos/social-post-generator

html saminpanah.com collected 2026-10-08 10:34:26 UTC 36,472 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/assets/styles-D3FZm2ZX.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=DM+Sans:opsz,[email protected],400;9..40,500&amp;display=swap" data-precedence="default"/><title>Social post generator — Live AI Demo | Samin Panah</title><meta name="google-site-verification" content="4TcJxEywDZXwbpH_wzYoldFnxg4jX-86Sv1FmSKJNz4"/><meta name="author" content="Samin Panah"/><meta name="twitter:title" content="Samin Panah — AI, Automation &amp; Growth"/><meta name="twitter:description" content="Samin Panah builds AI automation platforms, custom AI agents and data-driven growth strategies for brands like Gina Tricot, Swedbank, Qliro, eToro and Oddbird."/><meta property="og:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/53e31c5d-adcf-47ea-af02-6676b4b1bdd9/id-preview-888a44b7--b92589ed-7740-4b75-b376-34a5f2e88df2.lovable.app-1785519680002.png"/><meta name="twitter:image" content="https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/53e31c5d-adcf-47ea-af02-6676b4b1bdd9/id-preview-888a44b7--b92589ed-7740-4b75-b376-34a5f2e88df2.lovable.app-1785519680002.png"/><meta name="description" content="Brief in, scroll-stopping post out — image and caption. One marketer ships a week of content in an afternoon."/><meta property="og:title" content="Social post generator — Live AI Demo | Samin Panah"/><meta property="og:description" content="Brief in, scroll-stopping post out — image and caption. One marketer ships a week of content in an afternoon."/><meta property="og:type" content="website"/><meta property="og:url" content="https://saminpanah.com/demos/social-post-generator"/><meta name="twitter:card" content="summary_large_image"/><link rel="modulepreload" href="/assets/index-DDVhL0hE.js"/><link rel="modulepreload" href="/assets/rolldown-runtime-CNC7AqOf.js"/><link rel="modulepreload" href="/assets/jsx-runtime-Dsl7H-5V.js"/><link rel="modulepreload" href="/assets/link-Yr7lAJ5C.js"/><link rel="modulepreload" href="/assets/_slug-DCfGv1zr.js"/><link rel="modulepreload" href="/assets/SiteChrome-DDBOaImr.js"/>
1<link rel="modulepreload" href="/assets/Viz-DMcGpWd0.js"/><link rel="modulepreload" href="/assets/Motion-RpO8fA11.js"/><link rel="modulepreload" href="/assets/AnimatedOutput-Clkn4DW7.js"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="icon" type="image/png" href="/favicon.png"/><link rel="canonical" href="https://saminpanah.com/demos/social-post-generator"/>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1<script defer src="/__l5e/events.js" data-artifact-kind="dwl_content_hash" data-artifact-id="2c87a2738799419cacb165fe0614500776022373e805b7c1960f4be079ccc882" data-commit-sha="13baf24a06cba7598dcf30f226addbfadebcc640" data-context-token="v1.eyJwcm9qZWN0X2lkIjoibG92cF80cnJtbTNncTNrOHR5c3N3c2IxZ2dhbnR6eSIsImFydGlmYWN0X2tpbmQiOiJkd2xfY29udGVudF9oYXNoIiwiYXJ0aWZhY3RfaWQiOiIyYzg3YTI3Mzg3OTk0MTljYWNiMTY1ZmUwNjE0NTAwNzc2MDIyMzczZTgwNWI3YzE5NjBmNGJlMDc5Y2NjODgyIiwiY29tbWl0X3NoYSI6IjEzYmFmMjRhMDZjYmE3NTk4ZGNmMzBmMjI2YWRkYmZhZGViY2M2NDAiLCJleHAiOjE3OTQwNDc2NjV9.tqtRjS_d6kwGQnvcMhFksmmJmL1-ihGT-TNM3z8TmYk"></script>
1</head><body><!--$--><div class="min-h-screen bg-background"><div class="pointer-events-none fixed inset-x-0 top-0 z-50 h-[2px] bg-transparent"><div class="h-full origin-left bg-primary transition-[transform] duration-150 ease-out" style="transform:scaleX(0);width:100%"></div></div><header class="sticky top-0 z-50 border-b border-border/60 bg-background/80 backdrop-blur-xl"><nav class="mx-auto grid max-w-[1400px] grid-cols-[minmax(0,1fr)_auto] items-center gap-4 px-6 py-4 sm:flex sm:justify-between md:px-10"><a href="/" class="min-w-0 truncate font-display text-lg font-bold tracking-tight">samin panah<sup class="ml-0.5 text-[0.55em] align-super">®</sup></a><div class="hidden items-center gap-8 text-sm text-muted-foreground sm:flex"><div class="relative"><button class="flex items-center gap-1 text-sm text-muted-foreground transition-colors hover:text-foreground" aria-expanded="false">Services<svg class="h-3 w-3 transition-transform duration-300 " viewBox="0 0 12 12" fill="none"><path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="absolute left-1/2 top-full z-50 w-[640px] -translate-x-1/2 pt-4 transition-all duration-300 pointer-events-none -translate-y-2 opacity-0"><div class="overflow-hidden rounded-3xl border border-border bg-popover/95 shadow-[0_24px_60px_-20px_rgba(0,0,0,0.18)] backdrop-blur-xl"><div class="grid grid-cols-2 gap-0"><a href="/services/ai-automation" class="group block p-6 transition-colors hover:bg-secondary border-r border-border border-b border-border"><div class="flex items-center justify-between"><span class="font-display text-base font-semibold tracking-tight">AI &amp; Automation</span><span class="text-muted-foreground transition-transform duration-300 group-hover:translate-x-1">→</span></div><p class="mt-1 text-xs leading-snug text-muted-foreground">Systems that do the work, not just the reporting.</p><ul class="mt-4 space-y-1.5"><li class="text-xs text-muted-foreground/80">Custom AI agents &amp; assistants</li><li class="text-xs text-muted-foreground/80">End-to-end workflow automation</li><li class="text-xs text-muted-foreground/80">AI image &amp; video production</li><li class="text-xs font-medium text-foreground/60">+<!-- -->3<!-- --> <!-- -->more</li></ul></a><a href="/services/growth-marketing" class="group block p-6 transition-colors hover:bg-secondary  border-b border-border"><div class="flex items-center justify-between"><span class="font-display text-base font-semibold tracking-tight">Growth &amp; Marketing</span><span class="text-muted-foreground transition-transform duration-300 group-hover:translate-x-1">→</span></div><p class="mt-1 text-xs leading-snug text-muted-foreground">Rankings, traffic and revenue — in that order.</p><ul class="mt-4 space-y-1.5"><li class="text-xs text-muted-foreground/80">SEO strategy (technical, on-page, content)</li><li class="text-xs text-muted-foreground/80">International &amp; local SEO</li><li class="text-xs text-muted-foreground/80">Google Ads &amp; performance marketing</li><li class="text-xs font-medium text-foreground/60">+<!-- -->3<!-- --> <!-- -->more</li></ul></a><a href="/services/product-web" class="group block p-6 transition-colors hover:bg-secondary border-r border-border "><div class="flex items-center justify-between"><span class="font-display text-base font-semibold tracking-tight">Product &amp; Web</span><span class="text-muted-foreground transition-transform duration-300 group-hover:translate-x-1">→</span></div><p class="mt-1 text-xs leading-snug text-muted-foreground">Fast platforms built to convert, not just to launch.</p><ul class="mt-4 space-y-1.5"><li class="text-xs text-muted-foreground/80">High-performance web platforms</li><li class="text-xs text-muted-foreground/80">Conversion-focused UX/UI</li><li class="text-xs text-muted-foreground/80">Product development &amp; rollout</li><li class="text-xs font-medium text-foreground/60">+<!-- -->3<!-- --> <!-- -->more</li></ul></a><a href="/services/leadership" class="group block p-6 transition-colors hover:bg-secondary  "><div class="flex items-center justify-between"><span class="font-display text-base font-semibold tracking-tight">Leadership</span><span class="text-muted-foreground transition-transform duration-300 group-hover:translate-x-1">→</span></div><p class="mt-1 text-xs leading-snug text-muted-foreground">Founder-level ownership, from pitch to P&amp;L.</p><ul class="mt-4 space-y-1.5">
1<li class="text-xs text-muted-foreground/80">Founder &amp; CEO experience</li><li class="text-xs text-muted-foreground/80">Multidisciplinary team building</li><li class="text-xs text-muted-foreground/80">Go-to-market execution</li><li class="text-xs font-medium text-foreground/60">+<!-- -->3<!-- --> <!-- -->more</li></ul></a></div><a href="/services" class="flex items-center justify-center gap-2 border-t border-border py-3 text-sm font-medium text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground">View all services<!-- --> <span aria-hidden="true">↗</span></a></div></div></div><a href="/work" class="transition-colors hover:text-foreground">Work</a><a class="transition-colors hover:text-foreground text-foreground" href="/demos" data-status="active" aria-current="page">Demos</a><a href="/agent" class="transition-colors hover:text-foreground">AI agent</a><a href="/beauto" class="transition-colors hover:text-foreground">Beauto</a><a href="/clients" class="transition-colors hover:text-foreground">Clients</a><a href="/about" class="transition-colors hover:text-foreground">About</a></div><div class="flex items-center gap-2"><div class="flex shrink-0 items-center rounded-full border border-border p-0.5 text-xs "><button type="button" aria-pressed="true" class="rounded-full px-2.5 py-1 font-medium uppercase transition-colors bg-foreground text-background">en</button><button type="button" aria-pressed="false" class="rounded-full px-2.5 py-1 font-medium uppercase transition-colors text-muted-foreground hover:text-foreground">sv</button></div><button type="button" aria-label="Switch to dark mode" title="Switch to dark mode" class="grid h-9 w-9 shrink-0 place-items-center rounded-full border border-border text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground "><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"><path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"></path></svg></button><a href="/contact" class="pill shrink-0 hidden !px-5 !py-2.5 !text-sm sm:inline-flex">Contact</a><button aria-label="Open menu" class="grid h-11 w-11 shrink-0 place-items-center rounded-full border border-border transition-colors hover:bg-secondary sm:hidden"><div class="flex flex-col gap-[5px]"><span class="h-[2px] w-5 rounded-full bg-foreground transition-all duration-300"></span><span class="h-[2px] w-5 rounded-full bg-foreground transition-all duration-300"></span><span class="h-[2px] w-3 rounded-full bg-foreground transition-all duration-300"></span></div></button></div></nav></header>
1<div class="fixed inset-0 z-[60] bg-foreground/20 backdrop-blur-sm transition-opacity duration-300 sm:hidden pointer-events-none opacity-0"></div><div class="fixed inset-x-0 top-0 z-[70] origin-top transition-all duration-500 sm:hidden pointer-events-none -translate-y-4 opacity-0"><div class="flex min-h-screen flex-col bg-background px-6 pb-10 pt-5"><div class="flex items-center justify-between"><a href="/" class="font-display text-lg font-bold tracking-tight">samin panah<sup class="ml-0.5 text-[0.55em] align-super">®</sup></a><button aria-label="Close menu" class="grid h-11 w-11 place-items-center rounded-full border border-border transition-colors hover:bg-secondary"><svg class="h-5 w-5" viewBox="0 0 20 20" fill="none"><path d="M5 5L15 15M15 5L5 15" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"></path></svg></button></div><nav class="mt-10 flex flex-1 flex-col gap-1"><a href="/work" style="animation-delay:0ms" class="reveal-in border-b border-border py-4 font-display text-3xl font-medium tracking-tight transition-colors hover:text-muted-foreground">Work</a><a class="reveal-in border-b border-border py-4 font-display text-3xl font-medium tracking-tight transition-colors hover:text-muted-foreground active" href="/demos" style="animation-delay:80ms" data-status="active" aria-current="page">Demos</a><a href="/agent" style="animation-delay:160ms" class="reveal-in border-b border-border py-4 font-display text-3xl font-medium tracking-tight transition-colors hover:text-muted-foreground">AI agent</a><a href="/beauto" style="animation-delay:240ms" class="reveal-in border-b border-border py-4 font-display text-3xl font-medium tracking-tight transition-colors hover:text-muted-foreground">Beauto</a><a href="/clients" style="animation-delay:320ms" class="reveal-in border-b border-border py-4 font-display text-3xl font-medium tracking-tight transition-colors hover:text-muted-foreground">Clients</a><a href="/about" style="animation-delay:400ms" class="reveal-in border-b border-border py-4 font-display text-3xl font-medium tracking-tight transition-colors hover:text-muted-foreground">About</a><div class="border-b border-border py-4"><p class="font-display text-3xl font-medium tracking-tight text-muted-foreground">Services</p><div class="mt-3 flex flex-col gap-1 pl-2"><a href="/services/ai-automation" style="animation-delay:240ms" class="reveal-in py-2 text-lg text-foreground/80 transition-colors hover:text-foreground">AI &amp; Automation</a><a href="/services/growth-marketing" style="animation-delay:320ms" class="reveal-in py-2 text-lg text-foreground/80 transition-colors hover:text-foreground">Growth &amp; Marketing</a><a href="/services/product-web" style="animation-delay:400ms" class="reveal-in py-2 text-lg text-foreground/80 transition-colors hover:text-foreground">Product &amp; Web</a><a href="/services/leadership" style="animation-delay:480ms" class="reveal-in py-2 text-lg text-foreground/80 transition-colors hover:text-foreground">Leadership</a><a href="/services" style="animation-delay:560ms" class="reveal-in mt-1 py-2 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground">View all services<!-- --> →</a></div></div></nav><a href="/contact" class="pill mt-6 w-full justify-center !py-3.5 !text-base">Start a project<!-- --> <span aria-hidden="true">↗</span></a><div class="mt-6 flex items-center gap-3"><span class="text-xs tracking-wide text-faint uppercase">Language</span><div class="flex shrink-0 items-center rounded-full border border-border p-0.5 text-xs "><button type="button" aria-pressed="true" class="rounded-full px-2.5 py-1 font-medium uppercase transition-colors bg-foreground text-background">en</button><button type="button" aria-pressed="false" class="rounded-full px-2.5 py-1 font-medium uppercase transition-colors text-muted-foreground hover:text-foreground">sv</button></div><button type="button" aria-label="Switch to dark mode" title="Switch to dark mode" class="grid h-9 w-9 shrink-0 place-items-center rounded-full border border-border text-muted-foreground transition-colors hover:bg-secondary hover:text-foreground ml-auto"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"><path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"></path></svg></button></div></div></div><section class="mx-auto max-w-[1200px] px-6 pt-16 pb-10 md:px-10 md:pt-24"><div class="reveal " data-shown="false" style="transition-delay:0ms"><a class="text-sm text-muted-foreground hover:text-foreground active" href="/demos" data-status="active" aria-current="page">← <!-- -->All demos</a><p class="mt-8 text-xs tracking-[0.18em] text-muted-foreground uppercase">Image AI</p></div><h1 class="mt-5 max-w-3xl font-display text-4xl leading-[1.05] font-medium sm:text-5xl"><span class="" style="perspective:600px"><span class="inline-block whitespace-nowrap"><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 80ms, opacity 0.7s ease 80ms;transform-origin:50% 100%">S</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 102ms, opacity 0.7s ease 102ms;transform-origin:50% 100%">o</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 124ms, opacity 0.7s ease 124ms;transform-origin:50% 100%">c</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 146ms, opacity 0.7s ease 146ms;transform-origin:50% 100%">i</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 168ms, opacity 0.7s ease 168ms;transform-origin:50% 100%">a</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 190ms, opacity 0.7s ease 190ms;transform-origin:50% 100%">l</span><span> </span></span><span class="inline-block whitespace-nowrap"><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 212ms, opacity 0.7s ease 212ms;transform-origin:50% 100%">p</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 234ms, opacity 0.7s ease 234ms;transform-origin:50% 100%">o</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 256ms, opacity 0.7s ease 256ms;transform-origin:50% 100%">s</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 278ms, opacity 0.7s ease 278ms;transform-origin:50% 100%">t</span><span> </span></span><span class="inline-block whitespace-nowrap"><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 300ms, opacity 0.7s ease 300ms;transform-origin:50% 100%">g</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 322ms, opacity 0.7s ease 322ms;transform-origin:50% 100%">e</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 344ms, opacity 0.7s ease 344ms;transform-origin:50% 100%">n</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 366ms, opacity 0.7s ease 366ms;transform-origin:50% 100%">e</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 388ms, opacity 0.7s ease 388ms;transform-origin:50% 100%">r</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 410ms, opacity 0.7s ease 410ms;transform-origin:50% 100%">a</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 432ms, opacity 0.7s ease 432ms;transform-origin:50% 100%">t</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 454ms, opacity 0.7s ease 454ms;transform-origin:50% 100%">o</span><span class="inline-block" style="transform:translateY(0.5em) rotateX(-70deg);opacity:0;
1transition:transform 0.7s cubic-bezier(0.16,1,0.3,1) 476ms, opacity 0.7s ease 476ms;transform-origin:50% 100%">r</span></span></span></h1><div class="reveal " data-shown="false" style="transition-delay:180ms"><p class="mt-6 max-w-2xl text-base leading-relaxed text-muted-foreground">Built on GPT Image 2. Describe the campaign and the system renders a finished social visual plus a platform-native caption with hooks and hashtags.</p><p class="mt-4 max-w-2xl border-l-2 border-border pl-4 text-sm text-foreground/70">One marketer ships a week of content in an afternoon.</p></div></section><section class="mx-auto max-w-[1200px] px-6 pb-20 md:px-10"><div class=""><div style="clip-path:inset(100.0% 0 0 0);will-change:clip-path"><div class="grid gap-8 lg:grid-cols-2"><form class="rounded-3xl border border-border p-7"><div class="grid gap-5"><label class="block"><span class="text-xs tracking-[0.14em] text-muted-foreground uppercase">Brand</span><input placeholder="Goodiset" class="mt-2 w-full rounded-2xl border border-border bg-background px-4 py-3 text-sm outline-none transition-colors focus:border-foreground
1/40" value=""/></label><label class="block"><span class="text-xs tracking-[0.14em] text-muted-foreground uppercase">What is the post about?</span><textarea rows="5" placeholder="Launch of a scented candle gift set for autumn, cosy premium feel" class="mt-2 w-full resize-y rounded-2xl border border-border bg-background px-4 py-3 text-sm outline-none transition-colors focus:border-foreground/40"></textarea></label><label class="block"><span class="text-xs tracking-[0.14em] text-muted-foreground uppercase">Platform</span><select class="mt-2 w-full rounded-2xl border border-border bg-background px-4 py-3 text-sm outline-none transition-colors focus:border-foreground/40"><option value="Instagram feed (1:1)" selected="">Instagram feed (1:1)</option><option value="Instagram story (9:16)">Instagram story (9:16)</option><option value="LinkedIn (1:1)">LinkedIn (1:1)</option></select></label><label class="block"><span class="text-xs tracking-[0.14em] text-muted-foreground uppercase">Visual style</span><select class="mt-2 w-full rounded-2xl border border-border bg-background px-4 py-3 text-sm outline-none transition-colors focus:border-foreground
1/40"><option value="Editorial product photography" selected="">Editorial product photography</option><option value="Bold graphic type-led">Bold graphic type-led</option><option value="Lifestyle, natural light">Lifestyle, natural light</option><option value="Dark premium, dramatic lighting">Dark premium, dramatic lighting</option></select></label></div><button type="submit" class="pill mt-7 disabled:opacity-50">Generate post<!-- --> <span aria-hidden="true">↗</span></button></form><div class="rounded-3xl border border-border bg-secondary/30 p-7"><div class="flex items-center justify-between"><span class="text-xs tracking-[0.14em] text-muted-foreground uppercase">Generated post</span></div><div class="mt-5"><p class="text-sm text-muted-foreground">Describe the campaign and generate — image and caption land here.</p></div></div></div></div></div><div class="reveal " data-shown="false" style="transition-delay:120ms"><p class="mt-6 text-xs text-muted-foreground">Demos run on live models and are rate limited. Outputs are illustrative — production builds are tuned on your data, brand and tools.</p></div></section><section class="border-t border-border"><div class="mx-auto max-w-[1200px] px-6 py-20 md:px-10 md:py-24"><div class="reveal " data-shown="false" style="transition-delay:0ms"><div class="flex flex-wrap items-end justify-between gap-6"><h2 class="max-w-2xl font-display text-2xl leading-[1.15] font-medium sm:text-4xl">Want this in your own stack?<span class="text-faint"> I build it on your data and tools.</span></h2><a href="/contact" class="pill">Get in touch<!-- --> <span aria-hidden="true">↗</span></a></div></div><div class="mt-14 grid gap-6 sm:grid-cols-3"><div class="h-full" style="opacity:0;transform:translate3d(-36px,12px,0);filter:blur(6px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 0ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 0ms, filter 0.9s ease 0ms"><div class="relative h-full rounded-3xl" style="transition:transform 500ms cubic-bezier(0.16,1,0.3,1);will-change:transform"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-10 rounded-[inherit] transition-opacity duration-500" style="opacity:0;background:radial-gradient(220px circle at 50% 50%, color-mix(in oklab, var(--color-foreground) 7%, transparent), transparent 70%)"></span><a href="/demos/model-generator" class="group block rounded-3xl border border-border p-6 transition-all duration-500 hover:-translate-y-1 hover:border-foreground
1/30"><span class="text-[10px] tracking-[0.18em] text-muted-foreground uppercase">Image AI</span><h3 class="mt-4 text-lg font-medium">Fashion model generator</h3><p class="mt-2 text-sm text-muted-foreground">Upload a garment — get on-model campaign imagery.</p></a></div></div><div class="h-full" style="opacity:0;transform:scale(0.94);filter:blur(6px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 80ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 80ms, filter 0.9s ease 80ms"><div class="relative h-full rounded-3xl" style="transition:transform 500ms cubic-bezier(0.16,1,0.3,1);will-change:transform"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-10 rounded-[inherit] transition-opacity duration-500" style="opacity:0;background:radial-gradient(220px circle at 50% 50%, color-mix(in oklab, var(--color-foreground) 7%, transparent), transparent 70%)"></span><a href="/demos/automation-agent" class="group block rounded-3xl border border-border p-6 transition-all duration-500 hover:-translate-y-1 hover:border-foreground
1/30"><span class="text-[10px] tracking-[0.18em] text-muted-foreground uppercase">Agents</span><h3 class="mt-4 text-lg font-medium">Automation agent (Beauto-style)</h3><p class="mt-2 text-sm text-muted-foreground">Describe the manual work — the agent designs the automation.</p></a></div></div><div class="h-full" style="opacity:0;transform:translate3d(36px,12px,0);filter:blur(6px);transition:opacity 0.9s cubic-bezier(0.16,1,0.3,1) 160ms, transform 0.9s cubic-bezier(0.16,1,0.3,1) 160ms, filter 0.9s ease 160ms"><div class="relative h-full rounded-3xl" style="transition:transform 500ms cubic-bezier(0.16,1,0.3,1);will-change:transform"><span aria-hidden="true" class="pointer-events-none absolute inset-0 z-10 rounded-[inherit] transition-opacity duration-500" style="opacity:0;background:radial-gradient(220px circle at 50% 50%, color-mix(in oklab, var(--color-foreground) 7%, transparent), transparent 70%)"></span><a href="/demos/support-agent" class="group block rounded-3xl border border-border p-6 transition-all duration-500 hover:-translate-y-1 hover:border-foreground
1/30"><span class="text-[10px] tracking-[0.18em] text-muted-foreground uppercase">Agents</span><h3 class="mt-4 text-lg font-medium">Support agent on your own data</h3><p class="mt-2 text-sm text-muted-foreground">Paste your policies — get a support agent that answers from them.</p></a></div></div></div></div></section><footer class="border-t border-border"><div class="mx-auto max-w-[1400px] px-6 py-16 md:px-10"><h2 class="max-w-3xl text-3xl leading-[1.1] font-medium sm:text-5xl">Let&#x27;s build something that runs itself.<span class="text-faint"> Available for AI, automation and growth work.</span></h2><div class="mt-10 flex flex-wrap items-center gap-3"><a href="/contact" class="pill">Get in touch<!-- --> <span aria-hidden="true">↗</span></a><a href="/work" class="pill-ghost">View work</a></div><div class="mt-16 grid gap-10 border-t border-border pt-12 md:grid-cols-4"><div><a href="/services/ai-automation" class="text-base font-medium transition-colors hover:text-muted-foreground">AI &amp; Automation</a><ul class="mt-5 space-y-3"><li><a href="/services/ai-automation#custom-ai-agents-assistants" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Custom AI agents &amp; assistants</a></li><li><a href="/services/ai-automation#end-to-end-workflow-automation" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">End-to-end workflow automation</a></li><li><a href="/services/ai-automation#ai-image-video-production" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">AI image &amp; video production</a></li><li><a href="/services/ai-automation#chat-based-operations" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Chat-based operations</a></li><li><a href="/services/ai-automation#system-api-integrations" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">System &amp; API integrations</a></li><li><a href="/services/ai-automation#ai-strategy-roadmapping" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">AI strategy &amp; roadmapping</a></li></ul></div><div><a href="/services/growth-marketing" class="text-base font-medium transition-colors hover:text-muted-foreground">Growth &amp; Marketing</a><ul class="mt-5 space-y-3"><li><a href="/services/growth-marketing#seo-strategy-technical-on-page-content-" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">SEO strategy (technical, on-page, content)</a></li><li><a href="/services/growth-marketing#international-local-seo" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">International &amp; local SEO</a></li><li><a href="/services/growth-marketing#google-ads-performance-marketing" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Google Ads &amp; performance marketing</a></li><li><a href="/services/growth-marketing#conversion-rate-optimization" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Conversion rate optimization</a></li><li><a href="/services/growth-marketing#keyword-competitor-analysis" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Keyword &amp; competitor analysis</a></li><li><a href="/services/growth-marketing#content-social-strategy" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Content &amp; social strategy</a></li></ul></div><div><a href="/services/product-web" class="text-base font-medium transition-colors hover:text-muted-foreground">Product &amp; Web</a><ul class="mt-5 space-y-3"><li><a href="/services/product-web#high-performance-web-platforms" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">High-performance web platforms</a></li><li><a href="/services/product-web#conversion-focused-ux-ui" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Conversion-focused UX/UI</a></li><li><a href="/services/product-web#product-development-rollout" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Product development &amp; rollout</a></li><li><a href="/services/product-web#data-analytics-bi" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Data analytics &amp; BI</a></li><li><a href="/services/product-web#brand-web-strategy" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Brand &amp; web strategy</a></li><li><a href="/services/product-web#cro-copywriting" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">CRO copywriting</a></li></ul></div><div><a href="/services/leadership" class="text-base font-medium transition-colors hover:text-muted-foreground">Leadership</a><ul class="mt-5 space-y-3"><li><a href="/services/leadership#founder-ceo-experience" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Founder &amp; CEO experience</a></li><li><a href="/services/leadership#multidisciplinary-team-building" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Multidisciplinary team building</a></li><li><a href="/services/leadership#go-to-market-execution" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Go-to-market execution</a></li><li><a href="/services/leadership#stakeholder-communication" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Stakeholder communication</a></li><li><a href="/services/leadership#kpi-okr-frameworks" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">KPI &amp; OKR frameworks</a></li><li><a href="/services/leadership#investor-pitch-growth" class="text-sm leading-snug text-muted-foreground transition-colors hover:text-foreground">Investor pitch &amp; growth</a></li></ul></div></div><div class="mt-12 flex flex-wrap gap-x-8 gap-y-3 border-t border-border pt-8 text-sm text-muted-foreground"><a href="/services" class="transition-colors hover:text-foreground">All services</a><a href="/work" class="transition-colors hover:text-foreground">Work</a><a class="transition-colors hover:text-foreground active" href="/demos" data-status="active" aria-current="page">Demos</a><a href="/agent" class="transition-colors hover:text-foreground">AI agent</a><a href="/beauto" class="transition-colors hover:text-foreground">Beauto</a><a href="/clients" class="transition-colors hover:text-foreground">Clients</a><a href="/about" class="transition-colors hover:text-foreground">About</a></div><div class="mt-10 flex flex-wrap items-center justify-between gap-4 border-t border-border pt-8 text-sm text-muted-foreground"><span>© <!-- -->2026<!-- --> Samin Panah</span><span>Stockholm · Malmö · London</span></div></div></footer></div>
1<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>
1<!--/$--><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
1<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-DDVhL0hE.js","/assets/rolldown-runtime-CNC7AqOf.js","/assets/jsx-runtime-Dsl7H-5V.js","/assets/link-Yr7lAJ5C.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-DDVhL0hE.js"}}]},"/demos/$slug":$R[8]={preloads:$R[9]=["/assets/_slug-DCfGv1zr.js","/assets/SiteChrome-DDBOaImr.js","/assets/Viz-DMcGpWd0.js","/assets/Motion-RpO8fA11.js","/assets/AnimatedOutput-Clkn4DW7.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1791455665992,s:"success",ssr:!0},$R[12]={i:"�demos�$slug�demos�social-post-generator",u:1791455665992,s:"success",l:$R[13]={demo:$R[14]={slug:"social-post-generator",capability:"AI image & video production",title:"Social post generator",category:"Image AI",tagline:"Brief in, scroll-stopping post out — image and caption.",description:"Built on GPT Image 2. Describe the campaign and the system renders a finished social visual plus a platform-native caption with hooks and hashtags.",value:"One marketer ships a week of content in an afternoon.",kind:"image",cta:"Generate post",outputLabel:"Generated post",fields:$R[15]=[$R[16]={name:"brand",label:"Brand",placeholder:"Goodiset"},$R[17]={name:"brief",label:"What is the post about?",type:"textarea",placeholder:"Launch of a scented candle gift set for autumn, cosy premium feel"},$R[18]={name:"platform",label:"Platform",type:"select",options:$R[19]=["Instagram feed (1:1)","Instagram story (9:16)","LinkedIn (1:1)"],placeholder:""},$R[20]={name:"style",label:"Visual style",type:"select",options:$R[21]=["Editorial product photography","Bold graphic type-led","Lifestyle, natural light","Dark premium, dramatic lighting"],placeholder:""}]}},ssr:!0}],lastMatchId:"�demos�$slug�demos�social-post-generator"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
1<script type="module" async="" src="/assets/index-DDVhL0hE.js"></script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.