<!doctype html>
<html lang="en-GB">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
  <script>(function(){var q=(location.search||'')+(location.hash||''),r=document.referrer||'';var a=/[?&#]gtm_debug=/.test(q)||/^https:\/\/tagassistant\.google\.com/.test(r);if(self!==top&&!a){top.location=self.location;}})();</script>
  <title>TimrX — AI 3D, Image &amp; Video Model Generator</title>
  <meta name="description" content="Generate 3D models, images and videos from prompts or uploads in one browser workspace with Seedance video, AI image generation, text-to-3D and STL/GLB export.">
  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
  <meta name="author" content="TimrX">
  <meta name="theme-color" content="#08090d">
  <link rel="canonical" href="https://timrx.live/">
  <link rel="alternate" hreflang="en-gb" href="https://timrx.live/">
  <link rel="alternate" hreflang="x-default" href="https://timrx.live/">
  <!-- Favicon / app icons -->
  <link rel="icon" href="/favicon.ico?v=20260822head" sizes="any">
  <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-logo-16.png?v=20260822head">
  <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-logo-32.png?v=20260822head">
  <link rel="icon" type="image/png" sizes="48x48" href="/img/favicon-logo-48.png?v=20260822head">
  <link rel="icon" type="image/png" sizes="192x192" href="/img/favicon-logo-192.png?v=20260822head">
  <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon-logo-180.png?v=20260822head">
  <meta name="msapplication-TileImage" content="/img/favicon-logo-192.png?v=20260822head">

  <link rel="manifest" href="site.webmanifest">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="TimrX">
  <meta property="og:url" content="https://timrx.live/">
  <meta property="og:title" content="TimrX — AI 3D, Image &amp; Video Model Generator">
  <meta property="og:description" content="Generate 3D models, images and videos from prompts or uploads with Seedance video, AI image generation, text-to-3D and print-ready export workflows.">
  <meta property="og:image" content="https://timrx.live/img/OG_APP.png">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="TimrX — AI 3D, Image &amp; Video Model Generator">
  <meta name="twitter:description" content="Generate 3D models, images and videos from prompts or uploads with Seedance video, AI image generation and text-to-3D.">
  <meta name="twitter:image" content="https://timrx.live/img/OG_APP.png">
  <meta name="twitter:image:alt" content="TimrX — create images, videos and 3D models in one browser workspace">
  <meta name="twitter:url" content="https://timrx.live/">
  <meta name="twitter:creator" content="@timrx_live">
  <meta property="og:locale" content="en_GB">
  <meta property="og:image:type" content="image/png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="TimrX — create images, videos and 3D models in one browser workspace">
  <script type="application/ld+json">
  {"@context":"https://schema.org","@graph":[
    {"@type":"Organization","@id":"https://timrx.live/#organization","name":"TimrX","url":"https://timrx.live/","logo":"https://timrx.live/img/favicon-logo-512.png","sameAs":["https://www.youtube.com/@TimrX-Studio"],"contactPoint":[{"@type":"ContactPoint","contactType":"customer support","email":"support@timrx.live","url":"https://timrx.live/docs"}],"founder":{"@id":"https://timrx.live/dima-vasiliu#person"}},
    {"@type":"WebSite","@id":"https://timrx.live/#website","url":"https://timrx.live/","name":"TimrX","description":"AI model generator for 3D models, images and videos in the browser.","inLanguage":"en-GB","publisher":{"@id":"https://timrx.live/#organization"}},
    {"@type":"SoftwareApplication","@id":"https://timrx.live/#software","name":"TimrX","alternateName":["AI model generator","AI 3D model generator","AI image generator","AI video generator","Seedance video generator","3D image video generator"],"url":"https://timrx.live/3dprint","applicationCategory":"DesignApplication","operatingSystem":"Web browser","description":"A browser workspace for AI image, video and 3D model generation, refinement, conversion and print-ready export.","featureList":["Text and image to 3D","AI image generation","Seedance and Veo video generation","Remesh and retexture","STL, OBJ, GLB and 3MF export","3D print preparation"],"offers":{"@type":"Offer","price":"0","priceCurrency":"USD","description":"Credit-based generation with starter credits"},"publisher":{"@id":"https://timrx.live/#organization"}},
    {"@type":"WebPage","@id":"https://timrx.live/#webpage","url":"https://timrx.live/","name":"TimrX — AI 3D, Image & Video Model Generator","description":"Generate 3D models, images and videos from prompts or uploads in one browser workspace.","isPartOf":{"@id":"https://timrx.live/#website"},"mainEntity":{"@id":"https://timrx.live/#software"}}
  ]}
  </script>
  <script type="application/ld+json">
  {"@context":"https://schema.org","@type":"FAQPage","mainEntity":[
    {"@type":"Question","name":"Is TimrX a 3D, image and video model generator?","acceptedAnswer":{"@type":"Answer","text":"Yes. TimrX is an AI model generator for 3D models, images and videos. It supports text-to-3D, image-to-3D, AI image generation, Seedance and Veo video generation, and print-ready export workflows."}},
    {"@type":"Question","name":"What can I create with TimrX?","acceptedAnswer":{"@type":"Answer","text":"Create images, short videos, textured 3D models and printable assets from prompts, images or existing files."}},
    {"@type":"Question","name":"Can I export models for 3D printing?","acceptedAnswer":{"@type":"Answer","text":"Yes. TimrX supports print checks and export workflows for STL and 3MF."}},
    {"@type":"Question","name":"Which file formats are supported?","acceptedAnswer":{"@type":"Answer","text":"Core workflows support STL, OBJ, GLB, GLTF, USDZ and 3MF, with additional formats available through the converter."}},
    {"@type":"Question","name":"Do I need Blender or advanced 3D skills?","acceptedAnswer":{"@type":"Answer","text":"No. TimrX is designed to generate, inspect, refine and export assets directly in the browser."}},
    {"@type":"Question","name":"How do credits work?","acceptedAnswer":{"@type":"Answer","text":"Credits are used when running AI generation and selected refinement tools. You can choose a credit pack that fits your workflow."}},
    {"@type":"Question","name":"Can I generate Seedance videos with TimrX?","acceptedAnswer":{"@type":"Answer","text":"Yes. TimrX includes Seedance video generation for text-to-video, image-to-video and transition-style clips inside the same workspace."}}
  ]}
  </script>
  <link rel="preload" href="/fonts/inter-subset.woff2" as="font" type="font/woff2" crossorigin>
  <link rel="stylesheet" href="fonts/fonts.css">
  <link rel="stylesheet" href="landing.css?v=20260820viewerfill3">
  <link rel="stylesheet" href="hero-assistant.css?v=20260816stablehero">
  <link rel="stylesheet" href="landing-widgets.css?v=20260821blogfeed">
  <link rel="stylesheet" href="homepage-responsive.css?v=20260820viewerfill2">
  <link rel="stylesheet" href="tx-menu.css?v=20260819palette2">
  <link rel="stylesheet" href="index-palette.css?v=20260827singleorbit">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha384-/o6I2CkkWC//PSjvWC/eYN7l3xM3tJm8ZzVkCOfp//W05QcE3mlGskpoHB6XqI+B" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media='all'">
  <noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha384-/o6I2CkkWC//PSjvWC/eYN7l3xM3tJm8ZzVkCOfp//W05QcE3mlGskpoHB6XqI+B" crossorigin="anonymous" referrerpolicy="no-referrer"></noscript>
  <script>window.dataLayer=window.dataLayer||[];</script>
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-TH8DB6S5');</script>
  <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" async defer></script>
  <script src="js/console-shield.js?v=1"></script>
</head>
<body>
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TH8DB6S5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <a class="skip-link" href="#main">Skip to content</a>
  <!-- ==========================================================================
       PRIMARY NAVIGATION — Phase 2 structure.
       Canonical model: js/shared/site-nav-data.js (window.TIMRX_NAV.primary).
       This page still ships its nav as static markup on purpose (it is the SEO
       homepage and must render without JS); keep this in sync with
       js/shared/site-nav-data.js.
       Order: Home · Create · Community · Tutorials · Docs · Pricing · Blog · Dashboard
       "Dashboard" is a LABEL ONLY — the route stays /hub (Mollie return URLs,
       DB notification deep links and every in-product money link depend on it).
       "Pricing" stays on /hub#pricing so Hub billing remains untouched.
       ========================================================================== -->
  <header class="site-header" data-header>
    <div class="shell nav-shell">
      <a class="brand" href="/" aria-label="TimrX home"><img src="img/logo.png?v=20260815logo" width="44" height="44" alt=""><span>Timr<span>X</span></span></a>
      <nav class="desktop-nav" aria-label="Primary navigation">
        <a href="/" aria-current="page">Home</a><a href="/3dprint" data-track="nav_create">Create</a><a href="/community" data-track="nav_community">Community</a><a href="/tutorials" data-track="nav_tutorials">Tutorials</a><a href="/docs" data-track="nav_docs">Docs</a><a href="/hub#pricing" data-track="nav_pricing">Pricing</a><a href="/blogs" data-track="nav_blog">Blog</a><a href="/hub" data-track="nav_dashboard">Dashboard</a>
      </nav>
      <a class="button button-small desktop-cta" href="/3dprint" data-track="nav_open_workspace">Open Workspace <span aria-hidden="true">↗</span></a>
      <button class="tx-burger" type="button" aria-label="Open menu" aria-expanded="false" aria-controls="txMenu" data-tx-burger><span></span><span></span><span></span><span></span></button>
    </div>
  </header>

  <!-- Mobile menu — shared component, see tx-menu.css / js/shared/tx-menu.js -->
  <div class="tx-menu" id="txMenu" aria-hidden="true" data-tx-menu>
    <div class="tx-menu-panel">
      <div class="tx-menu-head">
        <span class="tx-menu-brand" aria-hidden="true">
          <img src="img/logo.png?v=20260815logo" width="34" height="34" alt="">
          <span>T<span>X</span></span>
        </span>
        <button class="tx-menu-close" type="button" aria-label="Close menu" data-tx-menu-close><span></span><span></span></button>
      </div>
      <nav class="tx-menu-links" aria-label="Mobile navigation">
        <a href="/"><span>Home</span><small>Product overview and free trial</small></a>
        <a href="/3dprint" data-track="mobile_create"><span>Create</span><small>Open the TimrX workspace</small></a>
        <a href="/community"><span>Community</span><small>Showcase, creators and discovery</small></a>
        <a href="/tutorials"><span>Tutorials</span><small>Guides, flows and walkthroughs</small></a>
        <a href="/docs"><span>Docs</span><small>Reference, support and how-tos</small></a>
        <a href="/hub#pricing"><span>Pricing</span><small>Credits, packs and subscriptions</small></a>
        <a href="/blogs"><span>Blog</span><small>Guides, updates and product notes</small></a>
        <a href="/hub"><span>Dashboard</span><small>Account, credits and billing</small></a>
      </nav>
      <a class="tx-menu-cta" href="/3dprint" data-track="mobile_open_workspace">Open Workspace <span aria-hidden="true">↗</span></a>
      <div class="tx-menu-foot" data-tx-menu-watermark="TimrX creative platform">
        <a href="/ai-tools">Tools</a>
        <a href="/converter">Converter</a>
        <a href="/stl-library">STL Library</a>
        <a href="/company">Company</a>
      </div>
    </div>
  </div>

  <main id="main">
    <section class="hero section-pad hero-guided hero-minimal" aria-labelledby="hero-title">
      <div class="hero-grid-bg" aria-hidden="true"></div><div class="hero-glow hero-glow-one" aria-hidden="true"></div><div class="hero-glow hero-glow-two" aria-hidden="true"></div>
      <div class="shell hero-minimal-shell">
        <div class="hero-copy hero-minimal-copy reveal">
          <div class="eyebrow"><span></span> TimrX creative workspace</div>
          <h1 id="hero-title">Create AI images, videos and 3D models</h1>
          <div class="hero-workflow-strip" aria-label="Popular TimrX workflows">
            <span>Start with</span>
            <strong data-hero-workflow>Product mockups</strong>
          </div>

          <div class="hero-card-deck reveal" data-hero-card-deck>
            <button class="hero-card-arrow hero-card-arrow--prev" type="button" aria-label="Show previous generation cards" data-hero-card-prev>←</button>
            <div class="hero-product-surface" aria-label="TimrX generation possibilities" tabindex="0">
            <a class="hero-cap-card hero-cap-card--feature hero-cap-card--video" href="/ai-video-generator" data-track="hero_capability_video">
              <span class="hero-card-media hero-video-stage" aria-hidden="true" data-hero-media="video">
                <video muted autoplay loop playsinline preload="metadata" poster="img/video-posters/hero-2.jpg">
                  <source src="vid/hero-2.mp4" type="video/mp4">
                </video>
                <span class="hero-media-dots"><i></i><i></i><i></i></span>
              </span>
              <span class="hero-cap-kicker"><i></i> Video studio</span>
              <strong>Seedance and Veo scenes</strong>
              <p>Generate short cinematic clips from prompts, reference images, or product shots.</p>
            </a>
            <a class="hero-cap-card hero-cap-card--feature hero-cap-card--model" href="/text-to-3d" data-track="hero_capability_3d">
              <span class="hero-card-media hero-model-stage" aria-hidden="true" data-hero-media="model">
                <model-viewer src="vid/image-to-3d/toy-robot.glb" poster="vid/image-to-3d/toy-robot.png" auto-rotate auto-rotate-delay="0" rotation-per-second="20deg" disable-zoom disable-pan interaction-prompt="none" environment-image="neutral" exposure="1.05" shadow-intensity=".55" loading="lazy" reveal="auto"></model-viewer>
                <span class="hero-model-hologram hero-model-hologram--one"></span>
                <span class="hero-model-hologram hero-model-hologram--two"></span>
                <span class="hero-model-hologram hero-model-hologram--three"></span>
                <span class="hero-model-grid"></span>
                <span class="hero-media-chip">Live orbit</span>
              </span>
              <span class="hero-cap-kicker"><i></i> 3D models</span>
              <strong>Prompt to printable mesh</strong>
              <p>Build textured 3D assets, inspect geometry, then export for games or printing.</p>
            </a>
            <a class="hero-cap-card hero-cap-card--image" href="/ai-image-generator" data-track="hero_capability_image">
              <span class="hero-card-media hero-image-stage" aria-hidden="true" data-hero-media="image">
                <img class="is-active" src="img/AI-img-gen-1.png" alt="" loading="lazy" decoding="async">
                <img src="img/AI-img-gen-2.png" alt="" loading="lazy" decoding="async">
                <img src="img/AI-img-gen-3.png" alt="" loading="lazy" decoding="async">
                <span class="hero-image-frame"></span>
              </span>
              <span class="hero-cap-icon" aria-hidden="true">IMG</span>
              <strong>Image generation</strong>
              <p>Campaign visuals, product concepts, covers, and reference art.</p>
            </a>
            <a class="hero-cap-card hero-cap-card--print" href="/print-check" data-track="hero_capability_print">
              <span class="hero-card-media hero-scene" data-scene="printprep" aria-hidden="true">
                <canvas class="fxc-stage"></canvas>
                <span class="fxc-hud">
                  <span class="hud-chip" data-hud="layer">Layer <b>000</b></span>
                  <span class="hud-chip" data-hud="state">Slicing</span>
                  <span class="hud-chip" data-hud="score">Score <b>—</b></span>
                </span>
              </span>
              <span class="hero-cap-icon" aria-hidden="true">3MF</span>
              <strong>Print prep</strong>
              <p>Check, repair, and prepare STL or 3MF files for real-world output.</p>
            </a>
            <a class="hero-cap-card hero-cap-card--refine" href="/3dprint?panel=remesh" data-track="hero_capability_refine">
              <span class="hero-card-media hero-scene" data-scene="remesh" aria-hidden="true">
                <canvas class="fxc-stage"></canvas>
                <span class="fxc-hud">
                  <span class="hud-chip" data-hud="mode">Raw scan</span>
                  <span class="hud-chip" data-hud="polys"><b>212k</b> tris</span>
                </span>
              </span>
              <span class="hero-cap-icon" aria-hidden="true">FX</span>
              <strong>Remesh and texture</strong>
              <p>Clean topology, retouch surfaces, rig, animate, and keep iterating.</p>
            </a>
            <a class="hero-cap-card hero-cap-card--export" href="/converter" data-track="hero_capability_export">
              <span class="hero-card-media hero-scene" data-scene="export" aria-hidden="true">
                <canvas class="fxc-stage"></canvas>
                <span class="fxc-hud">
                  <span class="hud-chip" data-hud="job">Converting</span>
                  <span class="hud-chip" data-hud="out">→ <b>GLB</b></span>
                </span>
              </span>
              <span class="hero-cap-icon" aria-hidden="true">GLB</span>
              <strong>Export and convert</strong>
              <p>Move between STL, OBJ, GLB, GLTF, USDZ, and 3MF formats.</p>
            </a>
            </div>
            <button class="hero-card-arrow hero-card-arrow--next" type="button" aria-label="Show next generation cards" data-hero-card-next>→</button>
          </div>
          <p data-hero-subcopy>Generate images, videos and printable 3D models from prompts or uploads. Refine, convert, export or print from one guided workspace.</p>
        </div>

        <div class="hero-command-wrap reveal" data-hero-command-wrap>
          <div class="hero-command" id="heroCommand">
            <form class="hero-promptbar" id="heroAssistantForm">
              <label class="sr-only" for="heroAssistantInput">Ask a question or describe what to create</label>
              <input id="heroAssistantInput" name="question" type="text" autocomplete="off" placeholder="Ask a question or describe what to create…">
              <button class="prompt-ask" type="button" id="heroAskBtn" aria-label="Speak to the TimrX assistant"><i aria-hidden="true">✦</i><span>Ask</span></button>
              <button class="prompt-generate" type="submit" aria-label="Generate with TimrX"><span>Generate</span><i aria-hidden="true">→</i></button>
            </form>
            <div class="assistant-answer" id="heroAssistantAnswer" aria-live="polite" hidden>
              <span class="assistant-answer-kicker">TimrX guide</span>
              <p>Tell me what you want to create and I’ll suggest the right workflow.</p>
              <a class="assistant-route" href="/3dprint" data-hero-route>Open Workspace <span>→</span></a>
            </div>
          </div>
          <section class="prompt-recipes" aria-labelledby="promptRecipesTitle">
            <div class="prompt-recipes__head">
              <span class="prompt-recipes__kicker">Prompt recipes</span>
              <h2 id="promptRecipesTitle">Start with a workflow-ready brief.</h2>
            </div>
            <div class="prompt-recipes__grid" aria-label="Prompt recipe starters">
              <a class="prompt-recipe prompt-recipe--image" href="/3dprint?panel=image&recipe=product-mockup" data-prompt-recipe data-recipe-panel="image" data-recipe-label="Product mockup" data-recipe-output="AI image" data-recipe-prompt="A clean ecommerce product mockup of a matte black smart desk lamp on a seamless white studio background, soft shadow, premium lighting, front three-quarter view" data-track="recipe_product_mockup">
                <span class="prompt-recipe__icon" aria-hidden="true"><i class="fa-solid fa-image"></i></span>
                <span class="prompt-recipe__copy">
                  <strong>Product mockup</strong>
                  <small>Open Image</small>
                  <span>Studio ecommerce visual for ads, listings, and product pages.</span>
                </span>
              </a>
              <a class="prompt-recipe prompt-recipe--model" href="/3dprint?panel=model&recipe=printable-miniature" data-prompt-recipe data-recipe-panel="model" data-recipe-label="Printable miniature" data-recipe-output="3D model" data-recipe-prompt="A heroic tabletop miniature with clean armor plates, stable pose, 32mm scale, thickened sword and base, readable silhouette, ready for resin or FDM printing" data-track="recipe_printable_miniature">
                <span class="prompt-recipe__icon" aria-hidden="true"><i class="fa-solid fa-cube"></i></span>
                <span class="prompt-recipe__copy">
                  <strong>Printable miniature</strong>
                  <small>Open Model</small>
                  <span>Text-to-3D prompt tuned for scale, silhouette, and print checks.</span>
                </span>
              </a>
              <a class="prompt-recipe prompt-recipe--video" href="/3dprint?panel=video&recipe=seedance-product-ad" data-prompt-recipe data-recipe-panel="video" data-recipe-label="Seedance product ad" data-recipe-output="AI video" data-recipe-prompt="Seedance product ad: cinematic 8 second reveal of a smart desk lamp switching on in a minimal studio, slow push-in camera, warm practical glow, clean shadows, 16:9" data-track="recipe_seedance_product_ad">
                <span class="prompt-recipe__icon" aria-hidden="true"><i class="fa-solid fa-play"></i></span>
                <span class="prompt-recipe__copy">
                  <strong>Seedance product ad</strong>
                  <small>Open Video</small>
                  <span>Short product reveal prompt with camera, duration, and format.</span>
                </span>
              </a>
              <a class="prompt-recipe prompt-recipe--reference" href="/3dprint?panel=model&recipe=image-to-3d-reference" data-prompt-recipe data-recipe-panel="model" data-recipe-tab="image3d" data-recipe-label="Image to 3D reference" data-recipe-output="Reference 3D" data-recipe-prompt="Upload a clean front or three-quarter product reference image, then generate a 3D model with simple separated forms, preserved proportions, and material-ready surfaces" data-track="recipe_image_to_3d_reference">
                <span class="prompt-recipe__icon" aria-hidden="true"><i class="fa-solid fa-camera-retro"></i></span>
                <span class="prompt-recipe__copy">
                  <strong>Image to 3D reference</strong>
                  <small>Open Image to 3D</small>
                  <span>Jump to the reference-image flow with a clear upload brief.</span>
                </span>
              </a>
            </div>
          </section>
          <ul class="hero-trust-line" aria-label="Highlights">
            <li>No installs</li>
            <li>Runs in your browser</li>
            <li>STL · OBJ · GLB · 3MF export</li>
            <li>Credit-based generation</li>
          </ul>
        </div>
      </div>
    </section>

    <section class="section-pad proof" id="community-showcase" aria-labelledby="community-showcase-title">
      <div class="shell">
        <div class="section-heading proof-head reveal">
          <div>
            <span class="section-index">01 / COMMUNITY</span>
            <h2 id="community-showcase-title">See what creators are making.</h2>
            <p>Fresh public creations from the TimrX community, pulled into the homepage as proof before visitors open the workspace.</p>
          </div>
          <div class="proof-actions">
            <span class="proof-live" id="homeCommunityStatus" aria-live="polite"><i aria-hidden="true"></i> Live community feed</span>
            <button class="button button-ghost" id="homeCommunityShuffle" type="button" data-track="community_shuffle">Shuffle</button>
            <a class="proof-viewall" href="/community" data-track="community_view_all">View Community <span aria-hidden="true">→</span></a>
          </div>
        </div>
        <div class="proof-grid reveal" id="homeCommunityGrid" aria-live="polite">
          <div class="ls-skeleton"></div>
          <div class="ls-skeleton"></div>
          <div class="ls-skeleton"></div>
          <div class="ls-skeleton"></div>
          <div class="ls-skeleton"></div>
          <div class="ls-skeleton"></div>
          <div class="ls-skeleton"></div>
          <div class="ls-skeleton"></div>
          <div class="ls-skeleton"></div>
          <div class="ls-skeleton"></div>
          <div class="ls-skeleton"></div>
          <div class="ls-skeleton"></div>
        </div>
        <div class="home-community-resources reveal" aria-label="Community resources">
          <div class="resource-tabs" id="resourceTabs">
            <button class="resource-tab" type="button" data-modal="promptTipsModal">
              <i class="fa-solid fa-wand-magic-sparkles" aria-hidden="true"></i>
              <span>Prompt Tips</span>
            </button>
            <button class="resource-tab" type="button" data-modal="apiSnippetsModal">
              <i class="fa-solid fa-code" aria-hidden="true"></i>
              <span>API Snippets</span>
            </button>
            <button class="resource-tab" type="button" data-modal="showcaseModal">
              <i class="fa-solid fa-images" aria-hidden="true"></i>
              <span>Prompt Ideas</span>
            </button>
            <button class="resource-tab" type="button" data-modal="bugReportsModal">
              <i class="fa-solid fa-bug" aria-hidden="true"></i>
              <span>Bug Reports</span>
            </button>
          </div>
          <div class="comm-quick-links">
            <a class="quick-link-card" href="https://discord.gg/VpqT2UywDG" target="_blank" rel="noopener noreferrer">
              <div class="ql-icon"><i class="fa-brands fa-discord" aria-hidden="true"></i></div>
              <div class="ql-body"><strong>Discord Community</strong><p>Share work, get help, vote on features</p></div>
              <span class="ql-cta">Join <i class="fa-solid fa-arrow-right" aria-hidden="true"></i></span>
            </a>
            <a class="quick-link-card" href="/docs">
              <div class="ql-icon"><i class="fa-solid fa-book" aria-hidden="true"></i></div>
              <div class="ql-body"><strong>Documentation</strong><p>Pricing, credits, features, and platform guide</p></div>
              <span class="ql-cta">Read <i class="fa-solid fa-arrow-right" aria-hidden="true"></i></span>
            </a>
            <a class="quick-link-card" href="/blogs">
              <div class="ql-icon"><i class="fa-solid fa-newspaper" aria-hidden="true"></i></div>
              <div class="ql-body"><strong>Updates &amp; Blog</strong><p>New features, fixes, and announcements</p></div>
              <span class="ql-cta">Follow <i class="fa-solid fa-arrow-right" aria-hidden="true"></i></span>
            </a>
          </div>
          <div class="comm-cta-centered">
            <a class="button button-primary" href="https://discord.gg/VpqT2UywDG" target="_blank" rel="noopener noreferrer">
              <i class="fa-brands fa-discord" aria-hidden="true"></i> Join Discord
            </a>
            <a class="button button-ghost" href="/docs">
              <i class="fa-solid fa-book-open" aria-hidden="true"></i> Open Docs
            </a>
          </div>
        </div>
      </div>
    </section>

    <div class="modal resource-modal" id="promptTipsModal" aria-hidden="true" inert>
      <div class="card resource-modal-card" role="dialog" aria-modal="true" aria-labelledby="promptTipsTitle">
        <button class="close-x" type="button" data-close-modal aria-label="Close">&times;</button>
        <div class="resource-modal-header">
          <i class="fa-solid fa-wand-magic-sparkles" aria-hidden="true"></i>
          <h4 id="promptTipsTitle">Prompt Tips</h4>
        </div>
        <div class="resource-modal-body">
          <div class="panel-grid">
            <div class="tip-card"><div class="tip-header"><span class="tip-number">01</span><h4>Structure Your Prompt</h4></div><p>Use the formula: <strong>Subject + Modifiers + Style</strong></p><div class="tip-example"><span class="example-label">Example:</span><code>"A fearsome dragon, with polished obsidian scales, glowing red eyes, in dark fantasy style"</code></div></div>
            <div class="tip-card"><div class="tip-header"><span class="tip-number">02</span><h4>Be Specific with Materials</h4></div><p>Instead of vague descriptions, specify exact materials.</p><div class="tip-compare"><span class="compare-bad"><i class="fa-solid fa-xmark" aria-hidden="true"></i> "looks beautiful"</span><span class="compare-good"><i class="fa-solid fa-check" aria-hidden="true"></i> "smooth gold metal"</span></div></div>
            <div class="tip-card"><div class="tip-header"><span class="tip-number">03</span><h4>One Object at a Time</h4></div><p>Focus on a single subject for best results. Combine multiple assets later in Blender or Unity.</p></div>
            <div class="tip-card"><div class="tip-header"><span class="tip-number">04</span><h4>Use Pose Keywords</h4></div><p>For characters, add pose terms for better results.</p><div class="tip-tags"><span class="mini-tag">T-pose</span><span class="mini-tag">A-pose</span><span class="mini-tag">dynamic action</span></div></div>
            <div class="tip-card"><div class="tip-header"><span class="tip-number">05</span><h4>3-6 Key Details</h4></div><p>Keep it focused. Too many details dilute the output. Prioritize what matters most.</p></div>
            <div class="tip-card"><div class="tip-header"><span class="tip-number">06</span><h4>Style Keywords</h4></div><p>Add artistic direction for cohesive results.</p><div class="tip-tags"><span class="mini-tag">low-poly</span><span class="mini-tag">realistic</span><span class="mini-tag">cartoon</span><span class="mini-tag">voxel</span></div></div>
          </div>
          <div class="panel-footer"><p class="footer-tip"><i class="fa-solid fa-lightbulb" aria-hidden="true"></i> <strong>Pro tip:</strong> Mention scale, silhouette, era cues, and finish for refined results.</p></div>
        </div>
      </div>
    </div>

    <div class="modal resource-modal" id="apiSnippetsModal" aria-hidden="true" inert>
      <div class="card resource-modal-card" role="dialog" aria-modal="true" aria-labelledby="apiSnippetsTitle">
        <button class="close-x" type="button" data-close-modal aria-label="Close">&times;</button>
        <div class="resource-modal-header">
          <i class="fa-solid fa-code" aria-hidden="true"></i>
          <h4 id="apiSnippetsTitle">API Snippets</h4>
        </div>
        <div class="resource-modal-body">
          <div class="snippet-grid">
            <div class="snippet-card"><div class="snippet-header"><span class="snippet-lang">JavaScript</span><button type="button" class="copy-btn" data-copy="snippet-js" aria-label="Copy JavaScript code"><i class="fa-solid fa-copy" aria-hidden="true"></i></button></div><pre class="snippet-code" id="snippet-js"><code>// Text to 3D Generation
const response = await fetch('https://3d.timrx.live/api/generate', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  credentials: 'include',
  body: JSON.stringify({
    prompt: 'A futuristic robot with chrome armor',
    ai_model: 'latest'
  })
});
const { task_id } = await response.json();</code></pre></div>
            <div class="snippet-card"><div class="snippet-header"><span class="snippet-lang">Python</span><button type="button" class="copy-btn" data-copy="snippet-py" aria-label="Copy Python code"><i class="fa-solid fa-copy" aria-hidden="true"></i></button></div><pre class="snippet-code" id="snippet-py"><code># Check generation status
import requests

task_id = "your_task_id"
response = requests.get(
    f"https://3d.timrx.live/api/task/{task_id}",
    cookies=session_cookies
)
status = response.json()
print(f"Status: {status['status']}")</code></pre></div>
            <div class="snippet-card"><div class="snippet-header"><span class="snippet-lang">cURL</span><button type="button" class="copy-btn" data-copy="snippet-curl" aria-label="Copy cURL command"><i class="fa-solid fa-copy" aria-hidden="true"></i></button></div><pre class="snippet-code" id="snippet-curl"><code># Download generated model
curl -X GET "https://3d.timrx.live/api/download/{task_id}" \
  -H "Accept: application/octet-stream" \
  -o model.glb</code></pre></div>
          </div>
          <div class="panel-footer"><p class="footer-tip"><i class="fa-solid fa-book" aria-hidden="true"></i> Full API documentation available in the docs. Includes webhooks, batch processing, and advanced parameters.</p></div>
        </div>
      </div>
    </div>

    <div class="modal resource-modal" id="showcaseModal" aria-hidden="true" inert>
      <div class="card resource-modal-card" role="dialog" aria-modal="true" aria-labelledby="showcaseModalTitle">
        <button class="close-x" type="button" data-close-modal aria-label="Close">&times;</button>
        <div class="resource-modal-header">
          <i class="fa-solid fa-wand-magic-sparkles" aria-hidden="true"></i>
          <h4 id="showcaseModalTitle">Prompt Ideas</h4>
        </div>
        <div class="resource-modal-body">
          <div class="showcase-intro"><p>Prompt inspiration to get you started. Try these in the workspace or use them as a starting point for your own ideas.</p></div>
          <div class="showcase-grid">
            <div class="showcase-item"><div class="showcase-preview"><i class="fa-solid fa-cube" aria-hidden="true"></i></div><div class="showcase-info"><strong>Mech Warrior</strong><span class="showcase-author">3D Model</span><span class="showcase-prompt">"Futuristic mech suit, titanium armor, glowing blue joints, battle-ready pose"</span></div></div>
            <div class="showcase-item"><div class="showcase-preview"><i class="fa-solid fa-dragon" aria-hidden="true"></i></div><div class="showcase-info"><strong>Crystal Dragon</strong><span class="showcase-author">3D Model</span><span class="showcase-prompt">"Elegant dragon, crystalline scales, ethereal glow, fantasy art style"</span></div></div>
            <div class="showcase-item"><div class="showcase-preview"><i class="fa-solid fa-car" aria-hidden="true"></i></div><div class="showcase-info"><strong>Retro Racer</strong><span class="showcase-author">3D Model</span><span class="showcase-prompt">"1960s race car, chrome details, vintage red paint, low-poly style"</span></div></div>
            <div class="showcase-item"><div class="showcase-preview"><i class="fa-solid fa-hat-wizard" aria-hidden="true"></i></div><div class="showcase-info"><strong>Wizard Tower</strong><span class="showcase-author">3D Model</span><span class="showcase-prompt">"Medieval wizard tower, stone texture, magical runes, diorama style"</span></div></div>
            <div class="showcase-item"><div class="showcase-preview"><i class="fa-solid fa-rocket" aria-hidden="true"></i></div><div class="showcase-info"><strong>Space Station</strong><span class="showcase-author">3D Model</span><span class="showcase-prompt">"Orbital space station, solar panels, modular design, sci-fi realistic"</span></div></div>
            <div class="showcase-item"><div class="showcase-preview"><i class="fa-solid fa-landmark" aria-hidden="true"></i></div><div class="showcase-info"><strong>Ancient Temple</strong><span class="showcase-author">3D Model</span><span class="showcase-prompt">"Greek temple ruins, marble columns, overgrown vines, photorealistic"</span></div></div>
          </div>
          <div class="panel-footer"><p class="footer-tip"><i class="fa-solid fa-lightbulb" aria-hidden="true"></i> Copy any prompt above and paste it into the workspace to try it out.</p></div>
        </div>
      </div>
    </div>

    <div class="modal resource-modal" id="bugReportsModal" aria-hidden="true" inert>
      <div class="card resource-modal-card" role="dialog" aria-modal="true" aria-labelledby="bugReportsTitle">
        <button class="close-x" type="button" data-close-modal aria-label="Close">&times;</button>
        <div class="resource-modal-header">
          <i class="fa-solid fa-bug" aria-hidden="true"></i>
          <h4 id="bugReportsTitle">Bug Reports</h4>
        </div>
        <div class="resource-modal-body">
          <div class="bug-intro"><p>Found an issue? Help us improve TimrX by reporting bugs through the proper channels.</p></div>
          <div class="bug-grid">
            <div class="bug-card"><div class="bug-icon"><i class="fa-brands fa-discord" aria-hidden="true"></i></div><h4>Discord #bugs Channel</h4><p>Quick reports and community discussion. Get help from other users while we investigate.</p><a href="https://discord.gg/VpqT2UywDG" target="_blank" rel="noopener noreferrer" class="bug-link">Open Discord <i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></div>
            <div class="bug-card"><div class="bug-icon"><i class="fa-solid fa-envelope" aria-hidden="true"></i></div><h4>Email Support</h4><p>For detailed reports, account issues, or sensitive bugs. We respond within 24-48 hours.</p><a href="mailto:support@timrx.live" class="bug-link">support@timrx.live <i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></div>
            <div class="bug-card"><div class="bug-icon"><i class="fa-brands fa-github" aria-hidden="true"></i></div><h4>GitHub Issues</h4><p>Technical bugs, feature requests, and integration issues. Track progress publicly.</p><a href="https://github.com/DimaVasiliu" target="_blank" rel="noopener noreferrer" class="bug-link">View Issues <i class="fa-solid fa-arrow-right" aria-hidden="true"></i></a></div>
          </div>
          <div class="bug-template"><h5><i class="fa-solid fa-clipboard-list" aria-hidden="true"></i> Bug Report Template</h5><ul><li><strong>Description:</strong> What happened?</li><li><strong>Expected:</strong> What should have happened?</li><li><strong>Steps:</strong> How to reproduce?</li><li><strong>Browser/Device:</strong> Your environment</li><li><strong>Screenshots:</strong> If applicable</li></ul></div>
        </div>
      </div>
    </div>

    <section class="section-pad capabilities features" id="features" aria-labelledby="features-title">
      <div class="shell">
        <div class="section-heading section-heading-center reveal">
          <span class="section-index">02 / FEATURES</span>
          <h2 id="features-title">Smart tools. One creative workflow.</h2>
          <p>Generate images, video and 3D, then refine, organize, print-prep and export from the same browser workspace.</p>
        </div>
        <div class="feature-grid">
          <article class="feature-card reveal">
            <div class="feature-card__icon" aria-hidden="true">⬢</div>
            <span class="feature-card__eyebrow">3D Generation</span>
            <h3>Move from prompt or reference image into editable 3D drafts</h3>
            <p>Create text-to-3D or image-to-3D batches, compare draft picks, retry variations, then continue the best model into refine, remesh or texture.</p>
            <ul class="feature-points"><li>Text to 3D</li><li>Image to 3D</li><li>Draft picks</li></ul>
            <a href="/3dprint?panel=model" class="feature-link" data-track="feature_model">Generate <span>→</span></a>
          </article>
          <article class="feature-card reveal">
            <div class="feature-card__icon" aria-hidden="true">▧</div>
            <span class="feature-card__eyebrow">Image Studio</span>
            <h3>Create brand, concept and product visuals with current image engines</h3>
            <p>Use OpenAI, Gemini, FLUX.2 Pro, Ideogram, Recraft, Nano Banana and Nano Banana Pro for references, text graphics, SVG and 4K outputs.</p>
            <ul class="feature-points"><li>Multi-provider</li><li>4K output</li><li>SVG flow</li></ul>
            <a href="/3dprint?panel=image" class="feature-link" data-track="feature_image">Generate <span>→</span></a>
          </article>
          <article class="feature-card reveal">
            <div class="feature-card__icon" aria-hidden="true">▶</div>
            <span class="feature-card__eyebrow">Video Studio</span>
            <h3>Turn prompts, stills and references into moving clips</h3>
            <p>Generate text-to-video, animate source images, build transition shots, and choose cinematic Veo or fast Seedance flows without leaving the workspace.</p>
            <ul class="feature-points"><li>Text to video</li><li>Image to video</li><li>Seedance / Veo</li></ul>
            <a href="/3dprint?panel=video" class="feature-link" data-track="feature_video">Generate <span>→</span></a>
          </article>
          <article class="feature-card reveal">
            <div class="feature-card__icon" aria-hidden="true">▦</div>
            <span class="feature-card__eyebrow">Refine &amp; Prep</span>
            <h3>Clean, texture and prepare models for real output</h3>
            <p>Run refine, remesh, texture prompts, print readiness checks, manual paint 3MF and Meshy Auto 3MF from the model viewer and asset menu.</p>
            <ul class="feature-points"><li>Remesh</li><li>Print check</li><li>3MF export</li></ul>
            <a href="/3dprint?panel=remesh" class="feature-link" data-track="feature_remesh">Open Panel <span>→</span></a>
          </article>
          <article class="feature-card reveal">
            <div class="feature-card__icon" aria-hidden="true">♙</div>
            <span class="feature-card__eyebrow">Rig &amp; Animate</span>
            <h3>Rig characters, browse motion presets and reuse animation workflows</h3>
            <p>Auto-rig humanoid models, open the animation library, choose actions, reanimate history items, and keep the new result beside the source asset.</p>
            <ul class="feature-points"><li>Auto-rig</li><li>Animation library</li><li>Reanimate from history</li></ul>
            <a href="/3dprint?panel=rig" class="feature-link" data-track="feature_rig">Open Panel <span>→</span></a>
          </article>
          <article class="feature-card reveal">
            <div class="feature-card__icon" aria-hidden="true">↗</div>
            <span class="feature-card__eyebrow">Assets &amp; Sharing</span>
            <h3>Organize every result and publish the right version</h3>
            <p>Use My Assets for favourites, filters, versions, downloads and bulk actions, then share selected work to Inspire or Community when it is ready.</p>
            <ul class="feature-points"><li>My Assets</li><li>Inspire</li><li>Community</li></ul>
            <a href="/3dprint#my-assets" class="feature-link" data-track="feature_assets">Open Assets <span>→</span></a>
          </article>
        </div>
      </div>
    </section>

    <section class="section-pad workflow demo-section" id="demo" aria-labelledby="demo-title">
      <div class="shell">
        <div class="section-heading section-heading-center reveal">
          <span class="section-index">03 / LIVE DEMO</span>
          <h2 id="demo-title">See a prompt become a model.</h2>
          <p>Choose an example prompt, inspect the generated 3D result, then open the workspace when you are ready to create your own.</p>
        </div>
        <div class="demo-how-grid reveal">
          <article class="demo-panel demo-panel--interactive" aria-labelledby="demo-preview-title">
            <div class="demo-main">
              <div class="demo-copy-rail">
                <div class="demo-prompt-area">
                  <div class="demo-prompt-label">Prompt</div>
                  <div class="demo-prompt-text" id="demoPromptText">A majestic winged pegasus with white marble scales, blue and gold feathered wings, ornate golden hooves, standing on a carved stone pedestal with ancient runes</div>
                  <div class="demo-prompt-cursor" aria-hidden="true"></div>
                </div>
                <div class="demo-rail-block">
                  <div class="demo-rail-label">Examples</div>
                  <div class="demo-examples" aria-label="Demo prompt examples">
                    <button class="demo-chip active" data-prompt="A majestic winged pegasus with white marble scales, blue and gold feathered wings, ornate golden hooves, standing on a carved stone pedestal with ancient runes" data-model="img/uni-web.glb" type="button">Winged Pegasus</button>
                    <button class="demo-chip" data-prompt="An aristocratic rabbit in a baroque blue coat with gold embroidery, standing upright on an ornate scrollwork pedestal, reading a royal decree" data-model="img/rabbit-web.glb" type="button">Royal Rabbit</button>
                    <button class="demo-chip" data-prompt="An ancient leather-bound spellbook opened to illuminated pages with silver corner clasps, a glowing purple crystal orb hovering above the text" data-model="img/book-web.glb" type="button">Spell Book</button>
                    <button class="demo-chip" data-prompt="A kung fu panda in a white gi with a brown belt, mid-kick martial arts pose, stylized cartoon fur with soft shading" data-model="img/panda-web.glb" type="button">Kung Fu Panda</button>
                  </div>
                </div>
              </div>
              <div class="demo-visual">
                <div class="demo-result-meta">
                  <span class="demo-result-meta__label" id="demo-preview-title">Live model preview</span>
                  <span class="demo-result-meta__hint">Drag to inspect</span>
                </div>
                <div class="demo-result">
                  <model-viewer id="demoModelViewer" class="demo-model-viewer" src="img/uni-web.glb" auto-rotate camera-controls shadow-intensity="0.6" camera-orbit="30deg 75deg 105%" field-of-view="20deg" environment-image="neutral" alt="AI generated 3D model preview"></model-viewer>
                </div>
              </div>
            </div>
          </article>
          <aside class="demo-panel demo-panel--workflow" aria-labelledby="workflow-title">
            <div class="demo-workflow-head">
              <span class="demo-eyebrow">Workflow</span>
              <h3 id="workflow-title">A full production loop, not a loose tool list.</h3>
              <p>Start from a prompt, reference or file, then generate, improve, organise and deliver the asset.</p>
            </div>
            <ol class="demo-workflow-steps">
              <li><span>01</span><div><h4>Describe or upload</h4><p>Start with a text prompt, image, reference or existing file.</p></div></li>
              <li><span>02</span><div><h4>Generate and inspect</h4><p>Preview the result, inspect the output, and decide what to refine next.</p></div></li>
              <li><span>03</span><div><h4>Refine, export, or print</h4><p>Apply remesh, texture, rigging, animation, sharing, conversion, or print prep.</p></div></li>
            </ol>
            <a class="button button-primary demo-workflow-cta" href="/3dprint?panel=model" data-track="demo_try_model">Try It Yourself <span>→</span></a>
          </aside>
        </div>
      </div>
    </section>

    <section class="tools-band" aria-labelledby="tools-title">
      <div class="shell tools-layout reveal">
        <div>
          <span class="section-index">04 / TOOLS</span>
          <h2 id="tools-title">Open the right tool fast.</h2>
        </div>
        <nav class="tool-links" aria-label="TimrX tools">
          <a href="/text-to-3d" data-track="tool_text_to_3d">Text to 3D <span>↗</span></a>
          <a href="/image-to-3d" data-track="tool_image_to_3d">Image to 3D <span>↗</span></a>
          <a href="/ai-image-generator" data-track="tool_image_generator">Image Generator <span>↗</span></a>
          <a href="/ai-video-generator" data-track="tool_image_to_video">Image to Video <span>↗</span></a>
          <a href="/seedance-video-generator" data-track="tool_seedance_video">Seedance Video <span>↗</span></a>
          <a href="/converter" data-track="tool_converter">File Converter <span>↗</span></a>
          <a href="/stl-library" data-track="tool_stl_library">STL Library <span>↗</span></a>
          <a href="/print-on-demand" data-track="tool_print_ship">Print &amp; Ship <span>↗</span></a>
        </nav>
      </div>
    </section>

    <section class="section-pad ai-workflows" aria-labelledby="ai-workflows-title">
      <div class="shell ai-workflows-layout reveal">
        <div class="ai-workflows-copy">
          <span class="section-index">05 / AI WORKFLOWS</span>
          <h2 id="ai-workflows-title">Start with a prompt, reference image, or model file.</h2>
          <p>TimrX connects AI image generation, image to video, prompt to 3D model creation, and print-ready STL export in one browser workspace. Pick the workflow that matches the asset you need, then keep refining without starting over in another tool.</p>
          <a class="button button-primary" href="/3dprint" data-track="workflows_open_workspace">Open Workspace <span aria-hidden="true">→</span></a>
        </div>
        <div class="ai-workflow-grid" aria-label="AI creative workflow examples">
          <a class="ai-workflow-card" href="/3dprint?panel=model" data-track="workflow_prompt_to_3d">
            <span class="ai-workflow-card__tag">Prompt to 3D model</span>
            <h3>AI 3D model generator</h3>
            <p>Describe a product, prop, character, miniature or environment and generate a textured 3D draft that can move into remesh, texture and export.</p>
            <small>Expected output: GLB, OBJ, STL or 3MF path</small>
          </a>
          <a class="ai-workflow-card" href="/3dprint?panel=model&amp;tab=image3d" data-track="workflow_image_to_3d">
            <span class="ai-workflow-card__tag">Image to 3D reference</span>
            <h3>Turn reference images into 3D assets</h3>
            <p>Upload a product image, concept sketch or front-view reference, then create a model with preserved proportions and material-ready surfaces.</p>
            <small>Expected output: editable 3D preview</small>
          </a>
          <a class="ai-workflow-card" href="/3dprint?panel=video" data-track="workflow_image_to_video">
            <span class="ai-workflow-card__tag">Image to video generator</span>
            <h3>Animate product shots and campaign visuals</h3>
            <p>Use a still image or text brief to make short video clips, Seedance product ads, transition shots, motion previews and social-ready scenes.</p>
            <small>Expected output: short video clip</small>
          </a>
          <a class="ai-workflow-card" href="/3dprint?panel=remesh" data-track="workflow_print_ready_stl">
            <span class="ai-workflow-card__tag">Print-ready STL export</span>
            <h3>Prepare models for real-world printing</h3>
            <p>Check scale, clean geometry, remesh, texture and convert models before exporting STL or 3MF files for slicers and print ordering.</p>
            <small>Expected output: checked printable file</small>
          </a>
        </div>
      </div>
    </section>

    <section class="section-pad pricing-preview" aria-labelledby="pricing-title"><div class="shell pricing-card reveal"><div class="pricing-main"><span class="section-index">06 / FLEXIBLE CREDITS</span><h2 id="pricing-title">Create on demand.<br>Pay only for what you use.</h2><p>Credits power AI generation and selected refinement tools. Start with a small pack, then add more as your workflow grows. Billing stays in your Dashboard.</p><a class="button button-primary" href="/hub#pricing" data-track="pricing_view">View Pricing <span>→</span></a></div><div class="pricing-uses"><span class="pricing-uses-cap">One balance for every tool</span><ul aria-label="What credits unlock"><li><span>Image creation</span><small>Concept art, characters, and product visuals.</small></li><li><span>Video creation</span><small>Cinematic clips, product motion, and animated assets.</small></li><li><span>3D model creation</span><small>Text or image prompts into printable 3D models.</small></li><li><span>Model refinement</span><small>Remesh, retexture, rig, and prepare files for print.</small></li></ul></div></div></section>

    <section class="section-pad platform" id="platform-overview" aria-labelledby="platform-title">
      <div class="shell platform-layout">
        <div class="platform-intro reveal">
          <span class="section-index">07 / OVERVIEW</span>
          <h2 id="platform-title">AI image, video and 3D generation in one browser workspace.</h2>
          <p>TimrX is an AI creative platform for generating product visuals, cinematic video clips and printable 3D models from text prompts, image references or existing files. Create, refine, organize and export assets without moving between disconnected tools.</p>
          <dl class="platform-points">
            <div><dt>Generate from prompts or references</dt><dd>Use text-to-image, image-to-video, text-to-3D and image-to-3D workflows from the same starting point.</dd></div>
            <div><dt>Refine production-ready assets</dt><dd>Continue into remesh, PBR texture generation, rigging, animation preparation and print-readiness checks while the asset is still live.</dd></div>
            <div><dt>Export for web, games, AR and 3D printing</dt><dd>Reopen from history, share to the community and convert across GLB, GLTF, OBJ, STL, FBX import workflows, USDZ and 3MF delivery.</dd></div>
          </dl>
          <div class="platform-actions">
            <a class="button button-primary" href="/3dprint" data-track="platform_open_workspace">Open Workspace <span aria-hidden="true">→</span></a>
            <a class="platform-link" href="/docs#doc-overview" data-track="platform_docs">See full workflow <span aria-hidden="true">→</span></a>
          </div>
        </div>
        <div class="platform-scope reveal">
          <div class="platform-scope-head"><span>Workspace scope</span><span>Prompt to publish</span></div>
          <div class="platform-cards">
            <article class="platform-card"><span class="platform-card-label">Workspace surface</span><strong>7 panels</strong><p>Image, Model, Remesh, Texture, Rig, Animate and Video in one browser workspace.</p></article>
            <article class="platform-card"><span class="platform-card-label">Image stack</span><strong>4K + SVG</strong><p>OpenAI, Gemini, FLUX.2 Pro, Ideogram, Recraft V4 and Nano Banana for concept art, product visuals, brand graphics and vector-ready output.</p></article>
            <article class="platform-card"><span class="platform-card-label">Motion layer</span><strong>Veo + Seedance</strong><p>Create text-to-video clips, animated image sequences, transition shots and motion-directed videos from still or text inputs.</p></article>
            <article class="platform-card"><span class="platform-card-label">3D production</span><strong>Meshy 6</strong><p>Generate 3D models, then remesh, texture, rig, animate, inspect topology and prepare files for 3D printing.</p></article>
            <article class="platform-card"><span class="platform-card-label">Asset delivery</span><strong>GLB to 3MF</strong><p>Preview, share and convert across creator, game asset, AR and 3D print formats.</p></article>
            <article class="platform-card"><span class="platform-card-label">Community flow</span><strong>Remix + share</strong><p>Use public creations for inspiration, reopen your history and publish selected work to the TimrX community.</p></article>
          </div>
          <div class="platform-modes">
            <span class="platform-modes-cap">Core modes</span>
            <ul aria-label="TimrX core modes"><li>Text to image</li><li>Image to video</li><li>Text to 3D</li><li>Image to 3D</li><li>Remesh</li><li>Texture</li><li>Rig</li><li>Animate</li><li>Convert</li><li>Print check</li></ul>
          </div>
        </div>
      </div>
      <p class="sr-only">TimrX supports providers including OpenAI, Google Gemini, FLUX.2 Pro, Ideogram, Recraft, Nano Banana, Veo, Seedance and Meshy, with exports across GLB, GLTF, OBJ, STL, FBX import workflows and USDZ delivery.</p>
    </section>

    <section class="section-pad insight-feed" aria-labelledby="insights-title">
      <div class="shell">
        <div class="insight-head reveal">
          <div class="insight-head-left">
            <span class="section-index">08 / BLOG</span>
            <h2 id="insights-title">Latest TimrX insights.</h2>
            <p>Short product notes, workflow guides and practical articles for creators working with AI images, video and 3D assets.</p>
            <div class="insight-topics" aria-label="Topics"><span>AI generation</span><span>3D &amp; printing</span><span>Workflow</span><span>Web &amp; motion</span></div>
          </div>
          <div class="insight-head-right">
            <a class="insight-viewall" href="/blogs" data-track="blog_feed_view_all">View all posts <span aria-hidden="true">→</span></a>
            <dl class="insight-stats">
              <div><dt data-stat="articles">20+</dt><dd>Articles</dd></div>
              <div><dt data-stat="categories">10</dt><dd>Categories</dd></div>
              <div><dt data-stat="read">3 min</dt><dd>Avg read</dd></div>
            </dl>
            <p class="insight-tagline">Build better · Learn faster · Create more</p>
          </div>
        </div>
        <div class="insight-grid insight-grid--split" data-blog-feed aria-live="polite">
          <article class="insight-card insight-card--featured is-loading"><div class="insight-thumb"></div><div class="insight-body"><h3>Loading article</h3><p>Loading article excerpt</p><div class="insight-meta">Loading</div></div></article>
          <div class="insight-side">
            <article class="insight-card is-loading"><div class="insight-body"><h3>Loading article</h3><div class="insight-meta">Loading</div></div></article>
            <article class="insight-card is-loading"><div class="insight-body"><h3>Loading article</h3><div class="insight-meta">Loading</div></div></article>
            <article class="insight-card is-loading"><div class="insight-body"><h3>Loading article</h3><div class="insight-meta">Loading</div></div></article>
          </div>
        </div>
        <nav class="insight-links" aria-label="Browse the blog">
          <span class="insight-links-cap">Browse articles</span>
          <ul data-blog-links>
            <li><a href="/blogs">All blog posts</a></li>
            <li><a href="/blog/tag/ai">AI articles</a></li>
            <li><a href="/blog/tag/3d">3D printing articles</a></li>
            <li><a href="/blog/tag/workflow">Workflow articles</a></li>
          </ul>
        </nav>
      </div>
    </section>

    <section class="section-pad faq" aria-labelledby="faq-title"><div class="shell faq-layout"><div class="section-heading reveal"><span class="section-index">09 / FAQ</span><h2 id="faq-title">Questions, answered.</h2><p>Everything you need before creating your first asset.</p></div><div class="faq-list">
      <details class="reveal"><summary>Is TimrX a 3D, image and video model generator?<span>＋</span></summary><p>Yes. TimrX is an AI model generator for 3D models, images and videos. It includes text-to-3D, image-to-3D, AI image generation, Seedance and Veo video generation, and export workflows for creator and print formats.</p></details>
      <details class="reveal"><summary>What can I create with TimrX?<span>＋</span></summary><p>Images, short videos, textured 3D models and printable assets from prompts, reference images or existing files.</p></details>
      <details class="reveal"><summary>Can I export models for 3D printing?<span>＋</span></summary><p>Yes. Use print checks and export workflows for STL and 3MF, then prepare the result for your slicer or print service.</p></details>
      <details class="reveal"><summary>Which file formats are supported?<span>＋</span></summary><p>Core workflows support STL, OBJ, GLB, GLTF, USDZ and 3MF. The converter provides additional format paths.</p></details>
      <details class="reveal"><summary>Do I need Blender or advanced 3D skills?<span>＋</span></summary><p>No. TimrX is designed to generate, inspect, refine and export assets directly in your browser.</p></details>
      <details class="reveal"><summary>How do credits work?<span>＋</span></summary><p>Generation and selected refinement actions use credits. Choose a pack based on the tools and output volume you need.</p></details>
      <details class="reveal"><summary>Can I use TimrX for content, games or products?<span>＋</span></summary><p>Yes. Workflows support content creation, game concepts, product visualisation, prototypes and print-ready ideas.</p></details>
      <details class="reveal"><summary>Can I generate Seedance videos with TimrX?<span>＋</span></summary><p>Yes. TimrX includes Seedance video generation for text-to-video, image-to-video and transition-style clips inside the same workspace.</p></details>
    </div></div></section>

    <section class="section-pad info-landing" id="info" aria-labelledby="info-title">
      <div class="shell info-landing-layout reveal">
        <div class="info-landing-copy">
          <span class="section-index">10 / INFO</span>
          <h2 id="info-title">Learn more about the TimrX platform.</h2>
          <p>Explore the company behind TimrX, read product documentation, and find answers about AI generation, credits, exports, account access and supported workflows.</p>
        </div>
        <div class="info-landing-links" aria-label="Learn more">
          <a class="info-link-card" href="/company" data-track="info_about">
            <i class="fa-solid fa-circle-info" aria-hidden="true"></i>
            <span>About TimrX</span>
            <small>Company, mission and platform direction</small>
          </a>
          <a class="info-link-card" href="/docs#doc-faq" data-track="info_faq">
            <i class="fa-solid fa-circle-question" aria-hidden="true"></i>
            <span>Docs &amp; FAQ</span>
            <small>Credits, files, accounts and common questions</small>
          </a>
        </div>
      </div>
    </section>

    <section class="final-cta"><div class="shell reveal"><span class="eyebrow"><span></span> Start with an idea</span><h2>Make the next asset in TimrX.</h2><p>Generate, refine and export without leaving the browser.</p><div class="hero-actions hero-actions--center"><a class="button button-primary" href="/3dprint" data-track="footer_open_workspace">Open Workspace <span>→</span></a><a class="button button-ghost" href="/community" data-track="footer_view_community">View Community</a></div></div></section>
  </main>

  <!-- ==========================================================================
       FOOTER — Phase 2 columns aligned with js/shared/site-nav-data.js
       (window.TIMRX_NAV.footerColumns). Same caveat as the nav: static here on
       purpose because the SEO homepage must render useful navigation without JS.
       ========================================================================== -->
  <footer class="site-footer"><div class="shell footer-grid"><div><a class="brand" href="/"><img src="img/logo.png?v=20260815logo" width="40" height="40" alt=""><span>Timr<span>X</span></span></a><p>Images, video and 3D creation in one browser workspace.</p></div><nav aria-label="Product"><h2>Product</h2><a href="/3dprint">Create</a><a href="/ai-tools">Tools</a><a href="/converter">Converter</a><a href="/stl-library">STL Library</a></nav><nav aria-label="Explore"><h2>Explore</h2><a href="/blogs">Blog</a><a href="/tutorials">Tutorials</a><a href="/community">Community</a><a href="/prompts">Prompts</a><a href="/company">Company</a></nav><nav aria-label="Account"><h2>Account</h2><a href="/hub">Dashboard</a><a href="/hub#pricing">Pricing</a><a href="/docs">Docs</a></nav><nav aria-label="Connect"><h2>Connect</h2><a href="https://www.youtube.com/@TimrX-Studio" target="_blank" rel="noopener noreferrer">YouTube</a><a href="mailto:support@timrx.live">Support</a><a href="/llms.txt">LLM Summary</a></nav><nav aria-label="Legal"><h2>Legal</h2><a href="/terms">Terms</a><a href="/privacy">Privacy</a><a href="/cookies">Cookies</a></nav></div><div class="shell footer-bottom"><span>© <span data-year></span> TimrX</span><a href="/dima-vasiliu">Built by Dima Vasiliu <span>↗</span></a></div></footer>
  <script src="js/env-config.js?v=20260813sync"></script>
  <script>
    window.TIMRX_CHAT_CONTEXT = 'You are the TimrX platform assistant on the main product landing page. Answer as TimrX, not as Dima personally. Focus on helping visitors understand the product, choose the right tool, open the workspace, understand credits, exports, formats and workflows. Keep answers concise, conversion-focused and practical. If users ask for freelance services or Dima personally, route them to /dima-vasiliu instead of mixing that into the product funnel.';
    window.TIMRX_CHAT_FAQ = [
      {q:'What can I create with TimrX?',a:'You can create images, short videos, 3D models and print-ready assets from prompts, images or existing files. Start in /3dprint or browse /ai-tools.',keywords:['create','what can i make','images','video','3d','assets']},
      {q:'Where should I start?',a:'Open the workspace at /3dprint if you want to generate now. Use /ai-tools if you want to pick a specific tool first.',keywords:['start','begin','workspace','open workspace','first step']},
      {q:'Can I export for 3D printing?',a:'Yes. TimrX supports print-focused workflows and exports such as STL and 3MF, with OBJ and GLB available for broader 3D use.',keywords:['export','3d print','stl','3mf','obj','glb','formats']},
      {q:'Can TimrX print and ship my model?',a:'Yes. FDM print ordering is live from the TimrX workspace for completed printable models. Open /3dprint, run Print Check, click Order Print, review the server quote and continue to checkout. Resin ordering is manual quote for now.',keywords:['order print','print and ship','shipping','deliver','physical print','quote','3d model order']},
      {q:'How do credits work?',a:'Credits are used for AI generation and selected refinement actions. Use /hub#pricing to compare packs before starting a larger workflow.',keywords:['credits','pricing','cost','billing','packs']},
      {q:'Do I need Blender?',a:'No. TimrX is browser-based, so you can generate, inspect, refine and export without installing Blender just to get started.',keywords:['blender','software','install','browser']},
      {q:'Which tool should I use?',a:'Use text-to-3D for prompt-based models, image-to-3D for reference images, the image generator for visuals, image-to-video for motion, and the converter for file format changes.',keywords:['which tool','text to 3d','image to 3d','converter','image generator','video']},
      {q:'Can I generate Seedance videos?',a:'Yes. Open the video panel in /3dprint or go to /seedance-video-generator to use Seedance for text-to-video, image-to-video and transition-style clips.',keywords:['seedance','video generator','text to video','image to video','video model']}
    ];
    window.TIMRX_CHAT_WIDGET = {kicker:'Platform assistant',title:'Ask TimrX',subtitle:'Product guidance for images, video, 3D, exports and credits.',spotlightTitle:'Find the right workflow',spotlightCopy:'Ask what to create, which tool to open, what formats are supported, or how credits work.',welcomeTitle:'What do you want to create?',welcomeCopy:'I can point you to the right TimrX tool and explain the workflow before you open the workspace.',placeholder:'Ask about tools, exports, credits or workflows…',prompts:[{label:'Which tool should I use?',prompt:'Which TimrX tool should I use for my idea?'},{label:'Can I export STL?',prompt:'Can I export models for 3D printing as STL or 3MF?'},{label:'How do credits work?',prompt:'How do credits work on TimrX?'},{label:'Start creating',prompt:'Where should I start if I want to create an asset now?'}]};
  </script>
  <script src="app.js?v=20260813sync" defer></script>
  <script src="hero-assistant.js?v=20260816stablehero" defer></script>
  <script src="js/hero-card-media.js?v=20260827singleorbit" defer></script>
  <script src="js/hero-feature-scenes.js?v=20260820fxc-shapes" defer></script>
  <script src="landing-widgets.js?v=20260821blogfeed" defer></script>
  <script src="js/shared/tx-menu.js?v=20260818mobile" defer></script>
  <script src="landing.js?v=20260820corners2" defer></script>
  <script type="module" src="js/model-viewer-3.5.0.module.min.js"></script>
  <script src="js/cookie-consent.js" defer></script>
  <script>
  /* Hero card deck controls */
  (function(){
    var deck=document.querySelector('[data-hero-card-deck]');
    if(!deck)return;
    var rail=deck.querySelector('.hero-product-surface');
    var prev=deck.querySelector('[data-hero-card-prev]');
    var next=deck.querySelector('[data-hero-card-next]');
    if(!rail||!prev||!next)return;
    function update(){
      var max=Math.max(0,rail.scrollWidth-rail.clientWidth-1);
      var hasOverflow=max>2;
      deck.classList.toggle('has-overflow',hasOverflow);
      prev.disabled=!hasOverflow||rail.scrollLeft<=260;
      next.disabled=!hasOverflow||rail.scrollLeft>=max;
    }
    function step(direction){
      var card=rail.querySelector('.hero-cap-card');
      var gap=parseFloat(getComputedStyle(rail).columnGap||getComputedStyle(rail).gap)||16;
      var amount=card?card.getBoundingClientRect().width+gap:rail.clientWidth*.8;
      rail.scrollBy({left:amount*direction,behavior:'smooth'});
    }
    prev.addEventListener('click',function(){step(-1);});
    next.addEventListener('click',function(){step(1);});
    rail.addEventListener('scroll',function(){window.requestAnimationFrame(update);},{passive:true});
    window.addEventListener('resize',update,{passive:true});
    if(document.fonts&&document.fonts.ready)document.fonts.ready.then(update);
    rail.scrollLeft=0;
    update();
  })();
  </script>
  <script>
  /* Reveal the chat toggle only after the hero has scrolled out of view */
  (function(){
    var hero=document.querySelector('.hero');
    if(!hero||!('IntersectionObserver'in window)){document.body.classList.add('chat-toggle-on');return;}
    new IntersectionObserver(function(es){document.body.classList.toggle('chat-toggle-on',!es[0].isIntersecting);},{threshold:0}).observe(hero);
  })();
  </script>
</body>
</html>
