<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="https://storage.googleapis.com/gpt-engineer-file-uploads/kQLrWqr8S2bgNw3gzzpj8DrKRAE2/uploads/1771017431073-1000089749.png">
    <link rel="shortcut icon" href="/favicon.png?v=6" type="image/png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    
    <!-- Critical CSS - Inlined for FCP/LCP optimization -->
    <style>
      /* Design System Variables */
      :root{--background:0 0% 100%;--foreground:0 0% 15%;--card:0 0% 99%;--card-foreground:0 0% 15%;--popover:0 0% 100%;--popover-foreground:0 0% 15%;--primary:259 40% 47%;--primary-foreground:0 0% 100%;--secondary:259 30% 96%;--secondary-foreground:259 40% 30%;--muted:0 0% 96%;--muted-foreground:0 0% 35%;--accent:259 40% 59%;--accent-foreground:0 0% 100%;--border:0 0% 85%;--input:0 0% 90%;--ring:259 40% 59%;--gradient-start:259 40% 59%;--gradient-mid:259 50% 50%;--gradient-end:259 60% 40%;--radius:0.5rem}
      .dark{--background:0 0% 4%;--foreground:0 0% 98%;--card:0 0% 8%;--card-foreground:0 0% 98%;--primary:259 40% 65%;--primary-foreground:0 0% 100%;--secondary:0 0% 14%;--secondary-foreground:0 0% 98%;--muted:0 0% 12%;--muted-foreground:0 0% 75%;--accent:259 40% 65%;--border:0 0% 15%;--input:0 0% 15%}
      
      /* Reset & Base */
      *,*::before,*::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:hsl(var(--border))}
      html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
      body{margin:0;background-color:hsl(var(--background));color:hsl(var(--foreground))}
      #root{min-height:100vh;display:flex;flex-direction:column}
      img{max-width:100%;height:auto;display:block}
      a{color:inherit;text-decoration:none}
      button{font-family:inherit;cursor:pointer}
      
      /* Layout Utilities */
      .container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
      @media(min-width:640px){.container{max-width:640px}}
      @media(min-width:768px){.container{max-width:768px}}
      @media(min-width:1024px){.container{max-width:1024px}}
      @media(min-width:1280px){.container{max-width:1280px}}
      .flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}
      .items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}
      .gap-2{gap:0.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}
      .text-center{text-align:center}.text-sm{font-size:0.875rem}.text-xs{font-size:0.75rem}
      .text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}
      .text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}
      .font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}
      .tracking-tight{letter-spacing:-0.025em}
      .rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}
      .border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}
      .border-border{border-color:hsl(var(--border))}.border-dashed{border-style:dashed}
      .bg-background{background-color:hsl(var(--background))}.bg-card{background-color:hsl(var(--card))}
      .bg-primary{background-color:hsl(var(--primary))}.bg-muted{background-color:hsl(var(--muted))}
      .text-foreground{color:hsl(var(--foreground))}.text-primary{color:hsl(var(--primary))}
      .text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary-foreground{color:hsl(var(--primary-foreground))}
      .min-h-screen{min-height:100vh}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}
      .mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}
      .mt-4{margin-top:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}
      .px-4{padding-left:1rem;padding-right:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}
      .pt-8{padding-top:2rem}.space-y-6>*+*{margin-top:1.5rem}
      .inline-flex{display:inline-flex}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
      .hidden{display:none}
      @media(min-width:768px){.md\\:block{display:block}.md\\:flex{display:flex}.md\\:py-16{padding-top:4rem;padding-bottom:4rem}.md\\:text-6xl{font-size:3.75rem}.md\\:text-3xl{font-size:1.875rem}}
      @media(min-width:1024px){.lg\\:text-7xl{font-size:4.5rem}}
      
      /* Header Critical Styles */
      .sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}
      .glass{background:rgba(255,255,255,0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1)}
      .dark .glass{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08)}
      .backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
      .h-11{height:2.75rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}
      .w-auto{width:auto}
      @media(min-width:640px){.sm\\:h-14{height:3.5rem}.sm\\:h-8{height:2rem}}
      @media(min-width:768px){.md\\:h-16{height:4rem}.md\\:h-10{height:2.5rem}}
      
      /* Hero Section */
      .gradient-brand{background:linear-gradient(to right,hsl(var(--gradient-start)),hsl(var(--gradient-mid)),hsl(var(--gradient-end)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
      .from-primary\\/5{--tw-gradient-from:hsl(var(--primary)/0.05)}
      .to-transparent{--tw-gradient-to:transparent}
      .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-from),var(--tw-gradient-to))}
      .bg-primary\\/10{background-color:hsl(var(--primary)/0.1)}
      .border-primary\\/20{border-color:hsl(var(--primary)/0.2)}
      
      /* Dropzone Critical */
      .cursor-pointer{cursor:pointer}
      .transition-all{transition:all 0.15s ease}
      .hover\\:border-primary:hover{border-color:hsl(var(--primary))}
      .hover\\:bg-primary\\/5:hover{background-color:hsl(var(--primary)/0.05)}
      
      /* Badge */
      .bg-secondary{background-color:hsl(var(--secondary))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}
      
      /* Loading spinner */
      .initial-loader{display:flex;align-items:center;justify-content:center;min-height:100vh;background:hsl(var(--background))}
      .initial-loader .spinner{width:48px;height:48px;border:3px solid hsl(var(--border));border-top-color:hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite}
      @keyframes spin{to{transform:rotate(360deg)}}
      
      /* Animation utilities */
      .animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}
      @keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
    </style>
    
    <!-- Preconnect to critical origins for faster resource loading -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://wwbieclqspmwwhzkoany.supabase.co" crossorigin>
    
    <!-- DNS prefetch for third-party resources loaded later -->
    <link rel="dns-prefetch" href="https://pagead2.googlesyndication.com">
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
    <link rel="dns-prefetch" href="https://www.google-analytics.com">
    <link rel="dns-prefetch" href="https://googleads.g.doubleclick.net">
    <link rel="dns-prefetch" href="https://tpc.googlesyndication.com">
    <link rel="dns-prefetch" href="https://adservice.google.com">
    
    <!-- Preload critical assets for better LCP -->
    <!-- (Handled automatically by Vite; avoid preloading /src entrypoints to prevent MIME/CSP issues) -->
    <!-- Note: LCP hero image is preloaded via eager loading + fetchpriority="high" in HeroPortrait component -->
    <!-- The Vite-bundled asset hash makes static preload impractical -->
    
    <!-- Defer non-critical fonts -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"></noscript>
    
    <!-- PWA Meta Tags -->
    <meta name="theme-color" content="#886fbf" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="JetPencil" />
    <meta name="mobile-web-app-capable" content="yes" />
    <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" />
    <link rel="manifest" href="/manifest.webmanifest" />
    <title>JetPencil - Most Affordable AI Image Editor | 26+ Tools from $2.99/mo</title>
    <meta name="description" content="World&#x27;s most affordable AI image editing. 26+ tools: Background Removal, Text-to-Image, Photo Restoration. 90% cheaper than Remove.bg &amp; Canva. From $2.99/mo."/>
    <meta name="keywords" content="AI image editor, background remover, text to image AI, photo editing online, Remove.bg alternative, affordable image editor, cheap AI tools, AI image tools, background removal, text to image, AI image generator, object removal, photo restoration, image upscaling, style transfer, AI replace, colorize photos, Canva alternative, Picsart alternative, image compression, smart resize, format converter, AI captions, batch processing, image editing, AI backgrounds, free image editor, online photo editor, Google Gemini, OpenAI GPT, Mistral AI, advanced AI models"/>
    <meta name="author" content="JetPencil Team"/>
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="https://www.jetpencil.com/"/>
    
    
    <meta property="og:image" content="https://www.jetpencil.com/og-homepage.jpg"/>
    <meta property="og:image:width" content="1200"/>
    <meta property="og:image:height" content="630"/>
    <meta property="og:site_name" content="JetPencil"/>

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image"/>
    <meta name="twitter:site" content="@JetPencil_"/>
    <meta name="twitter:creator" content="@JetPencil_"/>
    <meta name="twitter:url" content="https://www.jetpencil.com/"/>
    <meta name="twitter:image" content="https://www.jetpencil.com/og-homepage.jpg"/>
    <meta name="twitter:image:alt" content="JetPencil AI Image Tools"/>
    
    <!-- SEO Meta Tags -->
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"/>
    <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"/>
    <link rel="canonical" href="https://www.jetpencil.com/"/>
    
    <!-- Google AdSense - load after page interaction to improve Speed Index -->
    <script>
      // Defer AdSense loading until after user interaction or 5 seconds
      (function() {
        var adsLoaded = false;
        function loadAds() {
          if (adsLoaded) return;
          adsLoaded = true;
          var script = document.createElement('script');
          script.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3186279021719343';
          script.async = true;
          script.crossOrigin = 'anonymous';
          document.head.appendChild(script);
        }
        // Load on first interaction or after 5 seconds
        ['scroll', 'click', 'touchstart', 'mousemove'].forEach(function(e) {
          window.addEventListener(e, loadAds, {once: true, passive: true});
        });
        setTimeout(loadAds, 5000);
      })();
    </script>
    
    <!-- Umami Analytics -->
    <script defer src="https://cloud.umami.is/script.js" data-website-id="3575d338-ecfa-4dd0-9035-226e8fbe303f"></script>
    
  
  
  
  
  
  
  
  <!-- Structured Data (JSON-LD) for SEO -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "@id": "https://www.jetpencil.com/#organization",
    "name": "JetPencil",
    "alternateName": "JetPencil AI Image Tools",
    "description": "Professional AI-powered image editing platform with 26+ tools. Replace Remove.bg, Canva & Adobe with one affordable solution.",
    "url": "https://www.jetpencil.com",
    "logo": "https://www.jetpencil.com/pwa-icon.png",
    "image": "https://www.jetpencil.com/og-homepage.jpg",
    "sameAs": [
      "https://x.com/JetPencil_",
      "https://www.facebook.com/profile.php?id=61583431397375",
      "https://www.instagram.com/jetpencil/"
    ],
    "contactPoint": {
      "@type": "ContactPoint",
      "contactType": "Customer Service",
      "email": "go@jetpencil.com"
    }
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "@id": "https://www.jetpencil.com/#website",
    "name": "JetPencil",
    "url": "https://www.jetpencil.com",
    "description": "AI-powered image editing platform with 26+ professional tools",
    "publisher": { "@id": "https://www.jetpencil.com/#organization" }
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "SoftwareApplication",
    "name": "JetPencil",
    "description": "AI Image Editor with 26+ Professional Tools",
    "applicationCategory": "ImageEditingApplication",
    "operatingSystem": "Web Browser",
    "offers": {
      "@type": "AggregateOffer",
      "lowPrice": "0",
      "highPrice": "6.99",
      "priceCurrency": "USD"
    },
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "4.9",
      "ratingCount": "1247",
      "bestRating": "5"
    }
  }
  </script>
  <meta property="og:title" content="JetPencil - Most Affordable AI Image Editor | 26+ Tools from $2.99/mo"/>
  <meta name="twitter:title" content="JetPencil - Most Affordable AI Image Editor | 26+ Tools from $2.99/mo"/>
  <meta property="og:description" content="World&#x27;s most affordable AI image editing. 26+ tools: Background Removal, Text-to-Image, Photo Restoration. 90% cheaper than Remove.bg &amp; Canva. From $2.99/mo."/>
  <meta name="twitter:description" content="World&#x27;s most affordable AI image editing. 26+ tools: Background Removal, Text-to-Image, Photo Restoration. 90% cheaper than Remove.bg &amp; Canva. From $2.99/mo."/>
  <script type="module" crossorigin src="/assets/index-BZyEb1SK.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/vendor-react-xke15SXO.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-ui-DH2z-oZJ.js">
  <link rel="stylesheet" crossorigin href="/assets/index-DXGLWfz5.css">
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:inline-sw">if('serviceWorker' in navigator) {window.addEventListener('load', () => {navigator.serviceWorker.register('/sw.js', { scope: '/' })})}</script>  <meta property="og:image:alt" content="JetPencil AI Image Tools"/>
  <meta property="og:locale" content="en_US"/>
  <meta name="bingbot" content="index, follow"/>
  <meta name="language" content="en"/>
  <meta name="revisit-after" content="3 days"/>
  <meta name="rating" content="general"/>
  <meta name="distribution" content="global"/>
  <meta name="ai:description" content="World&#x27;s most affordable AI image editing. 26+ tools: Background Removal, Text-to-Image, Photo Restoration. 90% cheaper than Remove.bg &amp; Canva. From $2.99/mo."/>
  <meta name="ai:category" content="Software Platform"/>
  <meta name="ai:topic" content="AI Image Editing, Photo Editing, Image Processing"/>
  <meta property="article:author" content="JetPencil Team"/>
  <link rel="alternate" hrefLang="en" href="https://www.jetpencil.com/"/>
  <link rel="alternate" hrefLang="x-default" href="https://www.jetpencil.com/"/>
</head>

  <body>
    <div id="root">
      <!-- SSR/SEO Fallback Content - Visible to crawlers before JS loads -->
      <div class="initial-loader" id="initial-loader">
        <div class="spinner"></div>
      </div>
      <!-- Static SEO content for crawlers - Comprehensive content for word count -->
      <noscript>
        <header style="padding: 1rem; border-bottom: 1px solid #eee;">
          <a href="/" aria-label="JetPencil Home">
            <strong>JetPencil</strong> - AI Image Tools
          </a>
          <nav style="margin-top: 0.5rem;">
            <a href="/tools" style="margin-right: 1rem;">Tools</a>
            <a href="/pricing" style="margin-right: 1rem;">Pricing</a>
            <a href="/blog" style="margin-right: 1rem;">Blog</a>
            <a href="/about" style="margin-right: 1rem;">About</a>
            <a href="/contact">Contact</a>
          </nav>
        </header>
        <main style="padding: 2rem; max-width: 1200px; margin: 0 auto;">
          <h1>JetPencil - AI Image Editor with 26+ Professional Tools</h1>
          <p>JetPencil is the world's most affordable AI-powered image editing platform. Edit images with AI in seconds. Remove backgrounds, generate images from text prompts, restore old photos, upscale images, and more with our suite of 26+ professional AI-powered tools. Starting at just $2.99 per month, JetPencil is 90% cheaper than Remove.bg, Canva Pro, and Adobe Creative Cloud while delivering professional-quality results.</p>
          
          <h2>Popular AI Image Tools</h2>
          <ul>
            <li><a href="/background-remover">AI Background Remover</a> - Remove backgrounds from photos instantly using advanced RMBG-1.4 AI technology. Perfect for product photography, portraits, and e-commerce images. Our background removal tool delivers clean, precise cutouts with transparent PNG output. Works offline in your browser for complete privacy.</li>
            <li><a href="/text-to-image">Text to Image Generator</a> - Generate stunning images from text descriptions using state-of-the-art AI models. Create unique artwork, marketing visuals, product mockups, and creative content in seconds. Supports photorealistic, artistic, illustration, and fantasy styles.</li>
            <li><a href="/image-upscaler">AI Image Upscaler</a> - Enhance image resolution 2x to 4x with AI-powered upscaling. Improve photo quality without losing detail. Perfect for enlarging old photos, creating print-ready images, and enhancing low-resolution graphics.</li>
            <li><a href="/photo-restoration">AI Photo Restoration</a> - Restore old and damaged photos to their original glory. Our deep learning technology repairs scratches, tears, fading, and water damage in vintage photographs. Bring family memories back to life.</li>
            <li><a href="/object-remover">AI Object Remover</a> - Remove unwanted objects, people, text, or watermarks from images seamlessly. Our intelligent inpainting AI fills in removed areas naturally. Clean up photos without leaving any traces.</li>
            <li><a href="/smart-resize">Smart Resize Tool</a> - Resize images for any social media platform automatically. One-click presets for Instagram posts, stories, Facebook covers, Twitter headers, LinkedIn banners, and YouTube thumbnails. Maintain quality across all dimensions.</li>
            <li><a href="/image-compression">Image Compression Tool</a> - Reduce file sizes by up to 90% without visible quality loss. Optimize images for web, email, and mobile. Faster page load times improve SEO rankings and user experience.</li>
            <li><a href="/format-converter">Format Converter</a> - Convert between image formats including JPG, PNG, WEBP, GIF, BMP, and TIFF. Batch convert multiple images at once. Optimize file formats for web performance.</li>
            <li><a href="/colorize">AI Photo Colorization</a> - Add realistic color to black and white photographs automatically. Our AI understands historical context to apply accurate colors. Transform old family photos and historical images.</li>
            <li><a href="/qr-code-art">AI QR Code Art Generator</a> - Create beautiful artistic QR codes that actually work. Combine functionality with stunning visuals. Perfect for marketing materials, business cards, and creative campaigns.</li>
          </ul>
          
          <h2>Additional AI Image Editing Tools</h2>
          <ul>
            <li><a href="/background-generator">AI Background Generator</a> - Create custom AI-generated backgrounds for your images. Replace boring backgrounds with stunning AI-created scenes, patterns, and environments.</li>
            <li><a href="/ai-replace">AI Object Replacement</a> - Replace objects in images with AI-generated alternatives. Swap products, change scenery, or transform entire image elements with text prompts.</li>
            <li><a href="/caption-generator">AI Caption Generator</a> - Generate engaging social media captions for your images automatically. Get hashtag suggestions, tone variations, and platform-optimized text.</li>
            <li><a href="/ai-analyzer">AI Image Analyzer</a> - Get detailed AI-powered descriptions and analysis of your images. Understand image content, extract colors, detect objects, and generate alt text for accessibility.</li>
            <li><a href="/style-transfer">AI Style Transfer</a> - Apply artistic styles to your photos. Transform images into Van Gogh, Monet, Picasso, anime, or custom artistic styles.</li>
            <li><a href="/face-swap">AI Face Swap</a> - Swap faces between images realistically using advanced AI. Create fun content, test new looks, or generate creative visuals.</li>
            <li><a href="/image-extender">AI Image Extender</a> - Extend image borders with AI outpainting. Expand your images beyond their original boundaries with contextually appropriate content.</li>
            <li><a href="/sticker-maker">Sticker Maker</a> - Create custom stickers with transparent backgrounds. Perfect for messaging apps, social media, and digital scrapbooking.</li>
            <li><a href="/watermark">Watermark Tool</a> - Add text or image watermarks to protect your creative work. Customizable opacity, position, and styling options.</li>
            <li><a href="/batch-processing">Batch Processing</a> - Process multiple images simultaneously. Apply the same edits to hundreds of images at once. Essential for e-commerce and content creation workflows.</li>
          </ul>
          
          <h2>Why Choose JetPencil AI Image Editor?</h2>
          <ul>
            <li><strong>Most Affordable Pricing</strong> - Starting at just $2.99 per month for Plus plan and $6.99 per month for Pro unlimited access. 90% cheaper than Remove.bg ($29/month), Canva Pro ($15/month), and Adobe ($23/month).</li>
            <li><strong>26+ Professional AI Tools</strong> - Everything you need for image editing in one platform. No need for multiple subscriptions or software.</li>
            <li><strong>Browser-Based Processing</strong> - Many tools work directly in your browser using advanced AI models like RMBG-1.4. Your images never leave your device for maximum privacy.</li>
            <li><strong>Enterprise-Grade AI</strong> - Powered by Google Gemini, GPT, and specialized image AI models for professional-quality results.</li>
            <li><strong>No Design Experience Required</strong> - Intuitive interface designed for everyone. Get professional results in seconds without learning complex software.</li>
            <li><strong>Free Tier Available</strong> - Start with 10 free images per day. No credit card required. Browser-based tools are unlimited for free users.</li>
            <li><strong>Fast Processing</strong> - Most operations complete in under 5 seconds. Batch processing handles hundreds of images efficiently.</li>
            <li><strong>Commercial License Included</strong> - Use your edited images for any commercial purpose with Pro plan. Perfect for businesses and freelancers.</li>
          </ul>
          
          <h2>Perfect for Every Industry</h2>
          <ul>
            <li><strong>E-Commerce Sellers</strong> - Create professional product photos with transparent backgrounds. Optimize images for faster page load times and better SEO rankings on Amazon, Shopify, Etsy, and eBay.</li>
            <li><strong>Marketing Teams</strong> - Generate compelling visuals for social media campaigns, email marketing, and advertising. Create consistent branded content at scale.</li>
            <li><strong>Content Creators</strong> - Produce thumbnail images, blog graphics, and social media posts quickly. AI-generated captions save hours of writing time.</li>
            <li><strong>Real Estate Agents</strong> - Enhance property photos, remove unwanted objects, and create virtual staging. Make listings stand out with professional images.</li>
            <li><strong>Photographers</strong> - Speed up your editing workflow with AI-powered batch processing. Background removal and color correction in seconds instead of hours.</li>
            <li><strong>Small Businesses</strong> - Get enterprise-level image editing tools at small business prices. No design experience needed for professional marketing materials.</li>
            <li><strong>Bloggers and Writers</strong> - Create featured images and illustrations for articles. Compress images for faster page speeds and better SEO.</li>
            <li><strong>Social Media Managers</strong> - Resize images for all platforms instantly. Generate engaging captions and hashtags with AI assistance.</li>
          </ul>
          
          <h2>How JetPencil AI Works</h2>
          <ol>
            <li><strong>Upload Your Image</strong> - Drag and drop any image or paste from clipboard. Supports JPG, PNG, WEBP, GIF, and more.</li>
            <li><strong>Choose Your Tool</strong> - Select from 26+ AI-powered editing tools. Each tool is optimized for specific tasks.</li>
            <li><strong>AI Processes Instantly</strong> - Advanced AI models analyze and edit your image in seconds. See results immediately.</li>
            <li><strong>Download Your Result</strong> - Get your edited image in high quality. Multiple format options available.</li>
          </ol>
          
          <h2>Affordable Pricing Plans</h2>
          <ul>
            <li><strong>Free Plan</strong> - 10 images per day, basic AI tools, browser-based tools unlimited, no signup required.</li>
            <li><strong>Plus Plan - $2.99/month</strong> - 150 AI operations per month, priority processing, all basic tools, no watermarks.</li>
            <li><strong>Pro Plan - $6.99/month</strong> - Unlimited AI operations, all 26+ tools, commercial license, priority support, batch processing.</li>
          </ul>
          <p>Save up to 96% compared to competitors. Remove.bg costs $29/month for similar functionality. Canva Pro is $15/month. Adobe Creative Cloud starts at $23/month. JetPencil gives you more tools for less.</p>
          
          <h2>Latest Blog Posts and Tutorials</h2>
          <ul>
            <li><a href="/blog/how-to-remove-image-backgrounds">How to Remove Image Backgrounds</a> - Complete guide to background removal techniques for product photos and portraits.</li>
            <li><a href="/blog/best-ai-image-tools-2025">Best AI Image Tools 2025</a> - Comprehensive comparison of top AI image editing tools and their features.</li>
            <li><a href="/blog/complete-guide-image-compression">Complete Guide to Image Compression</a> - Optimize your images for web without losing quality.</li>
            <li><a href="/blog/smart-resize-social-media-guide">Smart Resize for Social Media</a> - Perfect image dimensions for Instagram, Facebook, Twitter and LinkedIn.</li>
          </ul>
          
          <p><a href="/pricing">View Pricing</a> | <a href="/auth">Sign Up Free</a> | <a href="/background-remover">Try Background Remover</a> | <a href="/text-to-image">Try Text to Image</a></p>
        </main>
        <footer style="padding: 2rem; border-top: 1px solid #eee; margin-top: 2rem;">
          <p>&copy; 2026 JetPencil. All rights reserved. The world's most affordable AI image editing platform.</p>
          <nav>
            <a href="/privacy" style="margin-right: 1rem;">Privacy Policy</a>
            <a href="/terms" style="margin-right: 1rem;">Terms of Service</a>
            <a href="/about" style="margin-right: 1rem;">About Us</a>
            <a href="/contact" style="margin-right: 1rem;">Contact</a>
            <a href="/blog">Blog</a>
          </nav>
          <p style="margin-top: 1rem; font-size: 0.875rem;">JetPencil AI Image Editor - Background Removal, Text to Image, Photo Restoration, Image Upscaling, Object Removal, Smart Resize, Image Compression, Format Conversion, Photo Colorization, QR Code Art, and 16 more professional AI tools.</p>
        </footer>
      </noscript>
      <script>!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()</script><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><div class="min-h-screen flex flex-col"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://www.jetpencil.com/#organization","name":"JetPencil","alternateName":"JetPencil AI Image Tools","description":"Professional AI-powered image editing platform with 15+ tools. Replace Remove.bg, Canva & Adobe with one affordable solution.","url":"https://www.jetpencil.com","logo":{"@type":"ImageObject","url":"https://www.jetpencil.com/pwa-icon.png","width":512,"height":512},"image":"https://www.jetpencil.com/og-homepage.jpg","sameAs":["https://x.com/JetPencil_","https://www.facebook.com/profile.php?id=61583431397375","https://www.instagram.com/jetpencil/"],"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Service","email":"go@jetpencil.com","availableLanguage":["English"]}],"foundingDate":"2024","slogan":"15+ AI Tools. One Platform. Professional Results.","knowsAbout":["AI Image Processing","Background Removal","Image Compression","Photo Editing","Batch Image Processing","AI Caption Generation","Image Format Conversion"]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://www.jetpencil.com/#website","name":"JetPencil","url":"https://www.jetpencil.com","description":"AI-powered image editing platform with 15+ professional tools","publisher":{"@id":"https://www.jetpencil.com/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.jetpencil.com/search?q={search_term_string}"},"query-input":"required name=search_term_string"},"inLanguage":"en-US"}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","@id":"https://www.jetpencil.com/#webpage","name":"JetPencil - AI Image Tools","description":"Professional AI-powered image editing platform with 15+ tools","url":"https://www.jetpencil.com/","isPartOf":{"@id":"https://www.jetpencil.com/#website"},"about":{"@id":"https://www.jetpencil.com/#organization"},"speakable":{"@type":"SpeakableSpecification","cssSelector":["h1",".hero-description",".tool-description","article p:first-of-type"]},"primaryImageOfPage":{"@type":"ImageObject","url":"https://www.jetpencil.com/og-homepage.jpg"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is JetPencil?","acceptedAnswer":{"@type":"Answer","text":"JetPencil is an all-in-one AI image editing platform with 26+ powerful tools including background removal, smart resize, AI generation, upscaling, and more."}},{"@type":"Question","name":"Is JetPencil free to use?","acceptedAnswer":{"@type":"Answer","text":"Yes! JetPencil offers a free tier with 10 images/day. Plus is just $2.99/month for 150 AI operations. Pro is $6.99/month for unlimited access to all 26+ tools."}},{"@type":"Question","name":"What file formats are supported?","acceptedAnswer":{"@type":"Answer","text":"JetPencil supports JPG, JPEG, PNG, WEBP, and GIF formats. Maximum file size is 10MB for free users and 50MB for Pro users."}}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.jetpencil.com"}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"JetPencil AI Image Tools","description":"Complete list of AI-powered image editing tools","numberOfItems":15,"itemListElement":[{"@type":"ListItem","position":1,"name":"AI Background Remover","url":"https://www.jetpencil.com/background-remover","description":"Remove backgrounds from images instantly with AI precision. Perfect for product photos, portraits, and social media content."},{"@type":"ListItem","position":2,"name":"Smart Image Resize","url":"https://www.jetpencil.com/smart-resize","description":"Resize images for any platform with AI-powered smart cropping. Auto-fit for Instagram, Facebook, Twitter, LinkedIn, and more."},{"@type":"ListItem","position":3,"name":"Image Compression Tool","url":"https://www.jetpencil.com/image-compression","description":"Compress images up to 90% without visible quality loss. Optimize for web, email, and storage."},{"@type":"ListItem","position":4,"name":"Image Format Converter","url":"https://www.jetpencil.com/format-converter","description":"Convert images between JPG, PNG, WEBP, GIF, and more. Batch convert with one click."},{"@type":"ListItem","position":5,"name":"AI Caption Generator","url":"https://www.jetpencil.com/caption-generator","description":"Generate engaging social media captions with AI. Optimized for Instagram, TikTok, Twitter, and LinkedIn."},{"@type":"ListItem","position":6,"name":"AI Image Analyzer","url":"https://www.jetpencil.com/ai-image-analyzer","description":"Get detailed AI analysis of any image including objects, colors, composition, and accessibility descriptions."},{"@type":"ListItem","position":7,"name":"AI Background Generator","url":"https://www.jetpencil.com/background-generator","description":"Generate custom AI backgrounds for your images. Create studio-quality backgrounds in seconds."},{"@type":"ListItem","position":8,"name":"Batch Image Processing","url":"https://www.jetpencil.com/batch-processing","description":"Process hundreds of images at once. Apply background removal, resize, compress, or convert to multiple images simultaneously."},{"@type":"ListItem","position":9,"name":"AI Text to Image Generator","url":"https://www.jetpencil.com/text-to-image","description":"Generate stunning images from text descriptions using advanced AI. Create unique visuals for any purpose."},{"@type":"ListItem","position":10,"name":"AI Object Remover","url":"https://www.jetpencil.com/object-remover","description":"Remove unwanted objects, people, or blemishes from photos with AI. Clean up any image instantly."},{"@type":"ListItem","position":11,"name":"AI Photo Restoration","url":"https://www.jetpencil.com/photo-restoration","description":"Restore old, damaged, or faded photos with AI. Bring vintage photos back to life."},{"@type":"ListItem","position":12,"name":"AI Image Upscaler","url":"https://www.jetpencil.com/image-upscaler","description":"Upscale images up to 4x resolution with AI. Enhance low-resolution photos without losing quality."},{"@type":"ListItem","position":13,"name":"AI Photo Colorizer","url":"https://www.jetpencil.com/colorize","description":"Add realistic colors to black and white photos using AI. Transform old photos into vibrant memories."},{"@type":"ListItem","position":14,"name":"QR Code Generator","url":"https://www.jetpencil.com/qr-code-generator","description":"Create custom QR codes for URLs, text, WiFi, and more. Design branded QR codes with logos and colors."},{"@type":"ListItem","position":15,"name":"Image Watermark Tool","url":"https://www.jetpencil.com/watermark","description":"Add text or image watermarks to protect your photos. Batch watermark multiple images at once."}]}</script><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 border-b bg-white dark:bg-background backdrop-blur-xl border-border/30 translate-y-0"><div class="absolute inset-x-0 -bottom-px h-px bg-gradient-to-r from-transparent via-primary/40 to-transparent"></div><div class="container px-3 sm:px-6 lg:px-8 flex h-12 sm:h-14 md:h-16 items-center justify-between"><div class="flex items-center gap-2 sm:gap-4"><a class="flex items-center group gap-2" href="/"><div class="flex items-center gap-2 sm:gap-3"><img src="/assets/logo-7d6pJlpv.svg?v=2" alt="JetPencil logo" width="36" height="36" decoding="async" loading="eager" class="h-7 sm:h-8 md:h-9 w-7 sm:w-8 md:w-9 object-contain transition-transform group-hover:scale-105"/><div class="hidden sm:block leading-none"><div class="text-base md:text-lg font-extrabold tracking-tight bg-gradient-to-r from-[hsl(280,70%,55%)] via-[hsl(330,70%,55%)] to-[hsl(35,90%,55%)] bg-clip-text text-transparent">JetPencil</div><div class="text-[10px] md:text-xs text-foreground/70">AI Image Tools</div></div></div></a></div><nav class="hidden md:flex items-center gap-1 sm:gap-2 md:gap-3"><div class="relative"><button class="justify-center whitespace-nowrap font-medium ring-offset-background transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent h-9 rounded-md px-3 text-xs sm:text-sm flex items-center gap-1 text-foreground hover:text-primary">Tools<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3 w-3 transition-transform"><path d="m6 9 6 6 6-6"></path></svg></button></div><a href="/pricing"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent h-9 rounded-md px-3 text-xs sm:text-sm text-foreground hover:text-primary">Pricing</button></a><a href="/comparison"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent h-9 rounded-md px-3 text-xs sm:text-sm text-foreground hover:text-primary">Compare</button></a><a href="/blog"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium ring-offset-background transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent h-9 rounded-md px-3 text-xs sm:text-sm text-foreground hover:text-primary">Blog</button></a><div class="flex items-center gap-2"></div></nav><div class="flex md:hidden items-center gap-1.5"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-foreground hover:bg-accent hover:text-accent-foreground h-10 w-10 transition-transform duration-200 hover:scale-110 min-w-[44px] min-h-[44px]" aria-label="Switch to light mode" title="Switch to light mode"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun h-5 w-5 transition-transform duration-300 rotate-0 scale-100"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg><span class="sr-only">Switch to light mode</span></button><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-foreground hover:bg-accent hover:text-accent-foreground h-10 w-10 md:hidden min-w-[44px] min-h-[44px]" aria-label="Open navigation menu" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:Rbji:" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg><span class="sr-only">Open menu</span></button></div></div></header><main class="flex-1"><div class="relative overflow-hidden"><div class="absolute inset-0 -z-10" style="background:linear-gradient(135deg, 
              hsl(270, 65%, 40%) 0%, 
              hsl(280, 60%, 48%) 20%,
              hsl(300, 55%, 52%) 40%,
              hsl(330, 65%, 58%) 60%,
              hsl(15, 75%, 58%) 80%,
              hsl(30, 80%, 55%) 100%
            )"></div><div class="absolute inset-0 -z-10 overflow-hidden"><div class="aurora-band aurora-band-1"></div><div class="aurora-band aurora-band-2"></div><div class="aurora-band aurora-band-3"></div></div><div class="absolute inset-0 -z-10 mesh-gradient"></div><div class="absolute inset-0 -z-10 overflow-hidden"><div class="css-orb css-orb-purple"></div><div class="css-orb css-orb-coral"></div><div class="css-orb css-orb-pink"></div><div class="css-orb css-orb-purple-center"></div></div><div class="absolute inset-0 -z-10 hero-text-contrast"></div><div class="absolute inset-0 -z-10 opacity-[0.03]" style="background-image:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#x27;0 0 256 256&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cfilter id=&#x27;noise&#x27;%3E%3CfeTurbulence type=&#x27;fractalNoise&#x27; baseFrequency=&#x27;0.9&#x27; numOctaves=&#x27;4&#x27; stitchTiles=&#x27;stitch&#x27;/%3E%3C/filter%3E%3Crect width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; filter=&#x27;url(%23noise)&#x27;/%3E%3C/svg%3E&quot;)"></div><div class="relative z-10"><section class="relative min-h-[100vh] lg:min-h-[90vh]"><div class="grid lg:grid-cols-2 min-h-[100vh] lg:min-h-[90vh]"><div class="flex flex-col justify-center text-center lg:text-left space-y-6 px-4 md:px-8 lg:px-12 xl:px-16 py-24 lg:py-12"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/10 backdrop-blur-sm border border-white/20"><div class="relative"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity h-4 w-4 text-emerald-400"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg><span class="absolute -top-0.5 -right-0.5 h-2 w-2 bg-emerald-400 rounded-full"></span></div><span class="text-sm font-medium text-white/90"><span class="inline-block text-white">127,483</span> <!-- -->images processed today</span></div><div class="inline-flex items-center gap-2 rounded-full bg-gradient-to-r from-green-500/20 to-emerald-500/20 backdrop-blur-sm px-4 py-2 text-sm font-medium text-white border border-green-400/30 w-fit mx-auto lg:mx-0"><span class="text-green-300 font-bold">💰</span>Most Affordable AI Tools • From $2.99/mo</div><h1 class="text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight leading-[1.1]"><span class="text-white">The only photo editor you&#x27;ll ever need. </span><span class="bg-gradient-to-r from-green-400 via-emerald-400 to-teal-400 bg-clip-text text-transparent">Simple and Powerful</span></h1><p class="text-lg md:text-xl text-white/80 max-w-xl mx-auto lg:mx-0 leading-relaxed">26+ professional tools. <strong class="text-green-300">90% cheaper</strong> than Remove.bg, Canva &amp; Picsart. Background removal, text-to-image, photo restoration—pro quality for everyone.</p><div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start pt-2"><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm ring-offset-background transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:scale-105 hover:shadow-lg hover:shadow-primary/20 h-11 rounded-md px-8 bg-white text-foreground hover:bg-white/95 font-bold shadow-xl shadow-black/20 group cta-glow" href="/background-remover">Start Free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm ring-offset-background transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:text-accent-foreground h-11 rounded-md px-8 bg-white/10 border-2 border-white/40 text-white hover:bg-white/20 hover:border-white/60 font-semibold backdrop-blur-sm group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play mr-2 h-4 w-4 group-hover:scale-110 transition-transform"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>Watch Demo</button><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm ring-offset-background transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:scale-105 hover:shadow-lg hover:shadow-primary/20 h-11 rounded-md px-8 bg-white/20 border-2 border-white/50 text-white hover:bg-white/30 hover:border-white/70 font-semibold backdrop-blur-sm" href="/pricing">View Pricing</a></div><div class="pt-4"><div class="flex flex-wrap justify-center items-center gap-4 md:gap-6"><div class="flex items-center gap-2 text-white/90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock h-4 w-4 text-emerald-400"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg><span class="text-xs font-semibold">SSL Secured</span></div><div class="flex items-center gap-2 text-white/90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield h-4 w-4 text-blue-400"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><span class="text-xs font-semibold">GDPR Compliant</span></div><div class="flex items-center gap-2 text-white/90"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-check h-4 w-4 text-pink-400"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="m9 15 2 2 4-4"></path></svg><span class="text-xs font-semibold">Auto-Delete</span></div></div></div></div><div class="relative hidden lg:block"><div class="absolute inset-0"><div class="absolute left-6 top-1/2 -translate-y-1/2 z-20 flex flex-col gap-4"><a href="https://facebook.com" target="_blank" rel="noopener noreferrer" class="w-12 h-12 rounded-full bg-white/20 backdrop-blur-md border border-white/30 flex items-center justify-center text-white hover:bg-white/30 hover:scale-110 transition-all duration-300 shadow-lg" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook w-5 h-5"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="https://instagram.com" target="_blank" rel="noopener noreferrer" class="w-12 h-12 rounded-full bg-white/20 backdrop-blur-md border border-white/30 flex items-center justify-center text-white hover:bg-white/30 hover:scale-110 transition-all duration-300 shadow-lg" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram w-5 h-5"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://twitter.com" target="_blank" rel="noopener noreferrer" class="w-12 h-12 rounded-full bg-white/20 backdrop-blur-md border border-white/30 flex items-center justify-center text-white hover:bg-white/30 hover:scale-110 transition-all duration-300 shadow-lg" aria-label="Twitter"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter w-5 h-5"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></a></div><div class="absolute inset-0 overflow-hidden rounded-bl-[80px]"><picture><source type="image/webp" srcSet="/assets/hero-portrait-480-Ck7UA4kg.webp 480w, /assets/hero-portrait-800-B6_OfjZQ.webp 800w, /assets/hero-portrait-DfJhrt5Z.webp 1200w" sizes="(max-width: 640px) 480px, (max-width: 1024px) 800px, 1200px"/><source type="image/jpeg" srcSet="/assets/hero-portrait-480-4EmwW3u5.jpg 480w, /assets/hero-portrait-800-CzCFLsOY.jpg 800w, /assets/hero-portrait-CRbyXF7v.jpg 1200w" sizes="(max-width: 640px) 480px, (max-width: 1024px) 800px, 1200px"/><img src="/assets/hero-portrait-CRbyXF7v.jpg" alt="AI-powered photo editing showcase" width="1200" height="1200" class="w-full h-full object-cover object-top scale-105" loading="eager" fetchPriority="high" decoding="sync" style="content-visibility:visible"/></picture><div class="purple-filter-overlay" aria-hidden="true"></div><div class="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-transparent pointer-events-none" aria-hidden="true"></div><div class="absolute inset-0 bg-gradient-to-r from-[hsl(280,70%,40%)]/30 via-transparent to-transparent pointer-events-none" aria-hidden="true"></div></div><div class="absolute -bottom-10 -right-10 w-60 h-60 bg-primary/40 rounded-full blur-3xl pointer-events-none" aria-hidden="true"></div><div class="absolute top-20 -left-10 w-40 h-40 bg-pink-500/30 rounded-full blur-2xl pointer-events-none" aria-hidden="true"></div></div></div></div><div class="mt-16 pt-8 border-t border-white/10"><div class="flex flex-col items-center gap-4"><p class="text-sm text-white/70 uppercase tracking-wider font-semibold">Trusted by sellers on</p><div class="flex flex-wrap justify-center items-center gap-6 md:gap-10"><div class="flex items-center gap-2 px-4 py-2 rounded-lg bg-white/10 backdrop-blur-sm border border-white/20 hover:bg-white/15 hover:border-white/30 transition-all duration-300 group"><span class="text-xl group-hover:scale-110 transition-transform">🛍️</span><span class="text-sm font-semibold text-white/90 group-hover:text-white transition-colors">Shopify</span></div><div class="flex items-center gap-2 px-4 py-2 rounded-lg bg-white/10 backdrop-blur-sm border border-white/20 hover:bg-white/15 hover:border-white/30 transition-all duration-300 group"><span class="text-xl group-hover:scale-110 transition-transform">🎨</span><span class="text-sm font-semibold text-white/90 group-hover:text-white transition-colors">Etsy</span></div><div class="flex items-center gap-2 px-4 py-2 rounded-lg bg-white/10 backdrop-blur-sm border border-white/20 hover:bg-white/15 hover:border-white/30 transition-all duration-300 group"><span class="text-xl group-hover:scale-110 transition-transform">📦</span><span class="text-sm font-semibold text-white/90 group-hover:text-white transition-colors">Amazon</span></div><div class="flex items-center gap-2 px-4 py-2 rounded-lg bg-white/10 backdrop-blur-sm border border-white/20 hover:bg-white/15 hover:border-white/30 transition-all duration-300 group"><span class="text-xl group-hover:scale-110 transition-transform">📸</span><span class="text-sm font-semibold text-white/90 group-hover:text-white transition-colors">Instagram</span></div><div class="flex items-center gap-2 px-4 py-2 rounded-lg bg-white/10 backdrop-blur-sm border border-white/20 hover:bg-white/15 hover:border-white/30 transition-all duration-300 group"><span class="text-xl group-hover:scale-110 transition-transform">🎵</span><span class="text-sm font-semibold text-white/90 group-hover:text-white transition-colors">TikTok</span></div><div class="flex items-center gap-2 px-4 py-2 rounded-lg bg-white/10 backdrop-blur-sm border border-white/20 hover:bg-white/15 hover:border-white/30 transition-all duration-300 group"><span class="text-xl group-hover:scale-110 transition-transform">📌</span><span class="text-sm font-semibold text-white/90 group-hover:text-white transition-colors">Pinterest</span></div></div></div></div><div class="grid grid-cols-3 gap-8 mt-12 pt-8 border-t border-white/20"><div class="text-center group"><p class="text-3xl md:text-4xl font-bold text-white group-hover:scale-105 transition-transform">26+</p><p class="text-sm text-white/80 font-medium mt-1">AI Tools</p></div><div class="text-center group"><p class="text-3xl md:text-4xl font-bold text-green-300 group-hover:scale-105 transition-transform">90%</p><p class="text-sm text-white/80 font-medium mt-1">Cheaper</p></div><div class="text-center group"><p class="text-3xl md:text-4xl font-bold bg-gradient-to-r from-green-300 to-emerald-300 bg-clip-text text-transparent group-hover:scale-105 transition-transform">$2.99</p><p class="text-sm text-white/80 font-medium mt-1">Per Month</p></div></div><div class="container px-4 mt-8 pt-8 pb-16 border-t border-primary/10 max-w-screen-xl mx-auto"><div class="text-center mb-6"><h2 class="text-2xl md:text-3xl font-bold text-white mb-2">All Tools</h2><p class="text-white/70">Choose a tool to get started</p></div><div class="w-full"><div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 xl:grid-cols-8 gap-3"><a class="group" href="/background-remover"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-emerald-500 to-green-400 text-emerald-950">FREE</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scissors h-5 w-5 text-primary group-hover:text-primary transition-colors"><circle cx="6" cy="6" r="3"></circle><path d="M8.12 8.12 12 12"></path><path d="M20 4 8.12 15.88"></path><circle cx="6" cy="18" r="3"></circle><path d="M14.8 14.8 20 20"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Remove BG</span></div></a><a class="group" href="/meme-generator"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-emerald-500 to-green-400 text-emerald-950">FREE</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-type h-5 w-5 text-primary group-hover:text-primary transition-colors"><polyline points="4 7 4 4 20 4 20 7"></polyline><line x1="9" x2="15" y1="20" y2="20"></line><line x1="12" x2="12" y1="4" y2="20"></line></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Meme Gen</span></div></a><a class="group" href="/collage-maker"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-emerald-500 to-green-400 text-emerald-950">FREE</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grid3x3 h-5 w-5 text-primary group-hover:text-primary transition-colors"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M3 15h18"></path><path d="M9 3v18"></path><path d="M15 3v18"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Collage</span></div></a><a class="group" href="/ai-analyzer"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-emerald-500 to-green-400 text-emerald-950">FREE</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Analyzer</span></div></a><a class="group" href="/caption-generator"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-emerald-500 to-green-400 text-emerald-950">FREE</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Captions</span></div></a><a class="group" href="/image-compression"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-emerald-500 to-green-400 text-emerald-950">FREE</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-image h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><circle cx="10" cy="12" r="2"></circle><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Compress</span></div></a><a class="group" href="/format-converter"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-emerald-500 to-green-400 text-emerald-950">FREE</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><path d="m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7"></path><path d="m7.5 4.27 9 5.15"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Convert</span></div></a><a class="group" href="/color-palette"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-emerald-500 to-green-400 text-emerald-950">FREE</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette h-5 w-5 text-primary group-hover:text-primary transition-colors"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Colors</span></div></a><a class="group" href="/logo-creator"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-emerald-500 to-green-400 text-emerald-950">FREE</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pen-tool h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z"></path><path d="m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18"></path><path d="m2.3 2.3 7.286 7.286"></path><circle cx="11" cy="11" r="2"></circle></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Logo Creator</span></div></a><a class="group" href="/smart-resize"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-emerald-500 to-green-400 text-emerald-950">FREE</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-crop h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="M6 2v14a2 2 0 0 0 2 2h14"></path><path d="M18 22V8a2 2 0 0 0-2-2H2"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Smart Resize</span></div></a><a class="group" href="/text-to-image"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image h-5 w-5 text-primary group-hover:text-primary transition-colors"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Text to Image</span></div></a><a class="group" href="/background-generator"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wand-sparkles h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Background</span></div></a><a class="group" href="/object-remover"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eraser h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21"></path><path d="M22 21H7"></path><path d="m5 11 9 9"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Object Remove</span></div></a><a class="group" href="/ai-replace"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"></path><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"></path><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Replace</span></div></a><a class="group" href="/image-upscaler"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="M8 3H5a2 2 0 0 0-2 2v3"></path><path d="M21 8V5a2 2 0 0 0-2-2h-3"></path><path d="M3 16v3a2 2 0 0 0 2 2h3"></path><path d="M16 21h3a2 2 0 0 0 2-2v-3"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Upscaler</span></div></a><a class="group" href="/style-transfer"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette h-5 w-5 text-primary group-hover:text-primary transition-colors"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Style Transfer</span></div></a><a class="group" href="/image-extender"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image-plus h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="M16 5h6"></path><path d="M19 2v6"></path><path d="M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5"></path><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path><circle cx="9" cy="9" r="2"></circle></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Expand</span></div></a><a class="group" href="/face-swap"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Face Swap</span></div></a><a class="group" href="/photo-restoration"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Restore</span></div></a><a class="group" href="/colorize"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-droplets h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z"></path><path d="M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Colorize</span></div></a><a class="group" href="/watermark"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wand-sparkles h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Watermark</span></div></a><a class="group" href="/qr-code-art"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-qr-code h-5 w-5 text-primary group-hover:text-primary transition-colors"><rect width="5" height="5" x="3" y="3" rx="1"></rect><rect width="5" height="5" x="16" y="3" rx="1"></rect><rect width="5" height="5" x="3" y="16" rx="1"></rect><path d="M21 16h-3a2 2 0 0 0-2 2v3"></path><path d="M21 21v.01"></path><path d="M12 7v3a2 2 0 0 1-2 2H7"></path><path d="M3 12h.01"></path><path d="M12 3h.01"></path><path d="M12 16v.01"></path><path d="M16 12h1"></path><path d="M21 12v.01"></path><path d="M12 21v-1"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">QR Code Art</span></div></a><a class="group" href="/sticker-maker"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Stickers</span></div></a><a class="group" href="/image-inpainting"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"></path><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"></path><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Inpainting</span></div></a><a class="group" href="/batch-processing"><div class="relative flex flex-col items-center justify-center p-3 rounded-xl border bg-card/50 backdrop-blur-sm hover:bg-accent/50 hover:border-primary/50 hover:shadow-xl hover:shadow-primary/20 hover:-translate-y-1 hover:scale-105 transition-all duration-300 ease-out cursor-pointer min-h-[80px]"><div class="inline-flex items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary hover:bg-primary/80 absolute -top-1.5 -right-1.5 text-[9px] px-1.5 py-0 h-4 border-0 font-bold shadow-sm bg-gradient-to-r from-amber-500 to-yellow-400 text-amber-950">PRO</div><button class="absolute top-1 left-1 p-1 rounded-full hover:bg-background/80 transition-colors z-10" aria-label="Add to favorites"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3.5 w-3.5 transition-colors text-foreground/40 group-hover:text-foreground/60"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></button><div class="p-2 rounded-lg bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package2 h-5 w-5 text-primary group-hover:text-primary transition-colors"><path d="M3 9h18v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9Z"></path><path d="m3 9 2.45-4.9A2 2 0 0 1 7.24 3h9.52a2 2 0 0 1 1.8 1.1L21 9"></path><path d="M12 3v6"></path></svg></div><span class="text-xs font-medium text-center leading-tight line-clamp-1 group-hover:text-primary transition-colors duration-300">Batch</span></div></a></div></div></div></section></div></div><div><div class="animate-pulse py-16"><div class="container px-4 max-w-screen-xl mx-auto"><div class="h-8 bg-muted/30 rounded w-1/3 mx-auto mb-8"></div><div class="grid md:grid-cols-3 gap-6"><div class="h-48 bg-muted/20 rounded-xl"></div><div class="h-48 bg-muted/20 rounded-xl"></div><div class="h-48 bg-muted/20 rounded-xl"></div></div></div></div></div><section class="container px-4 py-16 max-w-screen-xl mx-auto"><div class="max-w-4xl mx-auto"><h2 class="text-3xl font-bold text-center mb-8">Why Choose JetPencil AI Image Editor?</h2><div class="grid md:grid-cols-2 gap-8"><div class="space-y-4 p-6 rounded-xl border border-border/50 bg-background/50 backdrop-blur-sm hover:shadow-lg hover:shadow-primary/10 transition-all duration-300 group"><h3 class="text-xl font-semibold group-hover:bg-gradient-to-r group-hover:from-primary group-hover:via-accent group-hover:to-gradient-end group-hover:bg-clip-text group-hover:text-transparent transition-all">Professional AI Background Removal</h3><p class="text-muted-foreground">Remove backgrounds from photos instantly with our advanced AI technology. Perfect for product photography, portraits, and social media content. Our background remover delivers clean, precise cutouts with transparent PNG output. Better results than Remove.bg at a fraction of the cost.</p></div><div class="space-y-4 p-6 rounded-xl border border-border/50 bg-background/50 backdrop-blur-sm hover:shadow-lg hover:shadow-primary/10 transition-all duration-300 group"><h3 class="text-xl font-semibold group-hover:bg-gradient-to-r group-hover:from-primary group-hover:via-accent group-hover:to-gradient-end group-hover:bg-clip-text group-hover:text-transparent transition-all">AI Text-to-Image Generation</h3><p class="text-muted-foreground">Generate stunning images from text descriptions using state-of-the-art AI models. Create unique artwork, marketing visuals, and creative content in seconds. Our text-to-image generator supports various styles including photorealistic, artistic, and illustration formats.</p></div><div class="space-y-4 p-6 rounded-xl border border-border/50 bg-background/50 backdrop-blur-sm hover:shadow-lg hover:shadow-primary/10 transition-all duration-300 group"><h3 class="text-xl font-semibold group-hover:bg-gradient-to-r group-hover:from-primary group-hover:via-accent group-hover:to-gradient-end group-hover:bg-clip-text group-hover:text-transparent transition-all">Smart Image Resize and Compression</h3><p class="text-muted-foreground">Optimize images for web, social media, and print with intelligent resizing and compression. Reduce file sizes by up to 90% without visible quality loss. Supports batch processing for multiple images at once. Perfect for e-commerce, bloggers, and digital marketers.</p></div><div class="space-y-4 p-6 rounded-xl border border-border/50 bg-background/50 backdrop-blur-sm hover:shadow-lg hover:shadow-primary/10 transition-all duration-300 group"><h3 class="text-xl font-semibold group-hover:bg-gradient-to-r group-hover:from-primary group-hover:via-accent group-hover:to-gradient-end group-hover:bg-clip-text group-hover:text-transparent transition-all">AI Photo Enhancement and Restoration</h3><p class="text-muted-foreground">Enhance photo quality with AI-powered upscaling, noise reduction, and color correction. Restore old or damaged photos to their original glory. Our photo restoration tool uses deep learning to intelligently repair scratches, tears, and fading in vintage photographs.</p></div></div></div></section><section class="relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-gradient-end/5 via-accent/5 to-primary/5"></div><div class="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-gradient-end/30 to-transparent"></div><div class="absolute bottom-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div><div class="absolute top-20 right-10 w-64 h-64 rounded-full bg-gradient-to-br from-primary/10 to-accent/10 blur-3xl"></div><div class="absolute bottom-20 left-10 w-64 h-64 rounded-full bg-gradient-to-br from-gradient-end/10 to-accent/10 blur-3xl"></div><div class="container px-4 py-16 max-w-screen-xl mx-auto relative z-10"><div class="max-w-4xl mx-auto"><h2 class="text-3xl font-bold text-center mb-2 bg-gradient-to-r from-primary via-accent to-gradient-end bg-clip-text text-transparent">Perfect for Every Industry</h2><p class="text-center text-muted-foreground mb-8">Trusted by professionals across all sectors</p><div class="grid md:grid-cols-3 gap-6 text-center"><div class="p-6 rounded-xl border border-border/50 bg-background/80 backdrop-blur-sm hover:shadow-xl hover:shadow-primary/10 transition-all duration-300 group"><div class="w-12 h-12 mx-auto mb-4 rounded-xl bg-gradient-to-br from-primary/20 via-accent/20 to-gradient-end/20 flex items-center justify-center group-hover:scale-110 transition-transform"><span class="text-2xl">🛍️</span></div><h3 class="font-semibold mb-2 group-hover:bg-gradient-to-r group-hover:from-primary group-hover:to-accent group-hover:bg-clip-text group-hover:text-transparent">E-Commerce</h3><p class="text-sm text-muted-foreground">Create professional product photos with transparent backgrounds. Optimize images for faster page load times and better SEO rankings.</p></div><div class="p-6 rounded-xl border border-border/50 bg-background/80 backdrop-blur-sm hover:shadow-xl hover:shadow-pink-500/10 transition-all duration-300 group"><div class="w-12 h-12 mx-auto mb-4 rounded-xl bg-gradient-to-br from-pink-500/20 via-orange-500/20 to-amber-500/20 flex items-center justify-center group-hover:scale-110 transition-transform"><span class="text-2xl">📈</span></div><h3 class="font-semibold mb-2 group-hover:bg-gradient-to-r group-hover:from-pink-600 group-hover:to-orange-600 group-hover:bg-clip-text group-hover:text-transparent">Marketing Teams</h3><p class="text-sm text-muted-foreground">Generate compelling visuals for social media campaigns, email marketing, and advertising. Create consistent branded content.</p></div><div class="p-6 rounded-xl border border-border/50 bg-background/80 backdrop-blur-sm hover:shadow-xl hover:shadow-orange-500/10 transition-all duration-300 group"><div class="w-12 h-12 mx-auto mb-4 rounded-xl bg-gradient-to-br from-orange-500/20 via-amber-500/20 to-yellow-500/20 flex items-center justify-center group-hover:scale-110 transition-transform"><span class="text-2xl">🎨</span></div><h3 class="font-semibold mb-2 group-hover:bg-gradient-to-r group-hover:from-orange-600 group-hover:to-amber-600 group-hover:bg-clip-text group-hover:text-transparent">Content Creators</h3><p class="text-sm text-muted-foreground">Produce thumbnail images, blog graphics, and social media posts quickly. AI-generated captions save hours of writing.</p></div><div class="p-6 rounded-xl border border-border/50 bg-background/80 backdrop-blur-sm hover:shadow-xl hover:shadow-primary/10 transition-all duration-300 group"><div class="w-12 h-12 mx-auto mb-4 rounded-xl bg-gradient-to-br from-primary/20 via-accent/20 to-gradient-end/20 flex items-center justify-center group-hover:scale-110 transition-transform"><span class="text-2xl">🏠</span></div><h3 class="font-semibold mb-2 group-hover:bg-gradient-to-r group-hover:from-primary group-hover:to-accent group-hover:bg-clip-text group-hover:text-transparent">Real Estate</h3><p class="text-sm text-muted-foreground">Enhance property photos, remove unwanted objects, and create virtual staging. Make listings stand out with professional images.</p></div><div class="p-6 rounded-xl border border-border/50 bg-background/80 backdrop-blur-sm hover:shadow-xl hover:shadow-pink-500/10 transition-all duration-300 group"><div class="w-12 h-12 mx-auto mb-4 rounded-xl bg-gradient-to-br from-pink-500/20 via-rose-500/20 to-red-500/20 flex items-center justify-center group-hover:scale-110 transition-transform"><span class="text-2xl">📷</span></div><h3 class="font-semibold mb-2 group-hover:bg-gradient-to-r group-hover:from-pink-600 group-hover:to-rose-600 group-hover:bg-clip-text group-hover:text-transparent">Photographers</h3><p class="text-sm text-muted-foreground">Speed up your editing workflow with AI-powered batch processing. Background removal and color correction in seconds.</p></div><div class="p-6 rounded-xl border border-border/50 bg-background/80 backdrop-blur-sm hover:shadow-xl hover:shadow-orange-500/10 transition-all duration-300 group"><div class="w-12 h-12 mx-auto mb-4 rounded-xl bg-gradient-to-br from-orange-500/20 via-amber-500/20 to-yellow-500/20 flex items-center justify-center group-hover:scale-110 transition-transform"><span class="text-2xl">💼</span></div><h3 class="font-semibold mb-2 group-hover:bg-gradient-to-r group-hover:from-orange-600 group-hover:to-amber-600 group-hover:bg-clip-text group-hover:text-transparent">Small Business</h3><p class="text-sm text-muted-foreground">Get enterprise-level image editing tools at small business prices. No design experience needed for professional results.</p></div></div></div></div></section><div><div class="animate-pulse py-16"><div class="container px-4 max-w-screen-xl mx-auto"><div class="h-8 bg-muted/30 rounded w-1/3 mx-auto mb-8"></div><div class="grid md:grid-cols-3 gap-6"><div class="h-48 bg-muted/20 rounded-xl"></div><div class="h-48 bg-muted/20 rounded-xl"></div><div class="h-48 bg-muted/20 rounded-xl"></div></div></div></div></div><div><div class="animate-pulse py-16"><div class="container px-4 max-w-screen-xl mx-auto"><div class="h-8 bg-muted/30 rounded w-1/3 mx-auto mb-8"></div><div class="grid md:grid-cols-3 gap-6"><div class="h-48 bg-muted/20 rounded-xl"></div><div class="h-48 bg-muted/20 rounded-xl"></div><div class="h-48 bg-muted/20 rounded-xl"></div></div></div></div></div><div><div class="animate-pulse py-16"><div class="container px-4 max-w-screen-xl mx-auto"><div class="h-8 bg-muted/30 rounded w-1/3 mx-auto mb-8"></div><div class="grid md:grid-cols-3 gap-6"><div class="h-48 bg-muted/20 rounded-xl"></div><div class="h-48 bg-muted/20 rounded-xl"></div><div class="h-48 bg-muted/20 rounded-xl"></div></div></div></div></div><div><div class="animate-pulse py-16"><div class="container px-4 max-w-screen-xl mx-auto"><div class="h-8 bg-muted/30 rounded w-1/3 mx-auto mb-8"></div><div class="grid md:grid-cols-3 gap-6"><div class="h-48 bg-muted/20 rounded-xl"></div><div class="h-48 bg-muted/20 rounded-xl"></div><div class="h-48 bg-muted/20 rounded-xl"></div></div></div></div></div></main><div class="fixed bottom-6 right-6 z-50 transition-all duration-500 opacity-0 translate-y-4 pointer-events-none"></div><footer class="relative border-t border-white/10 mt-auto pb-16 md:pb-0 overflow-hidden" style="background:linear-gradient(135deg, 
            hsl(270, 65%, 40%) 0%, 
            hsl(280, 60%, 48%) 20%,
            hsl(300, 55%, 52%) 40%,
            hsl(330, 65%, 58%) 60%,
            hsl(15, 75%, 58%) 80%,
            hsl(30, 80%, 55%) 100%
          )"><div class="absolute inset-0 bg-black/75 pointer-events-none"></div><div class="absolute top-0 left-1/4 w-96 h-96 bg-gradient-to-br from-white/10 via-white/5 to-transparent rounded-full blur-3xl pointer-events-none"></div><div class="absolute bottom-0 right-1/4 w-80 h-80 bg-gradient-to-tl from-white/10 via-white/5 to-transparent rounded-full blur-3xl pointer-events-none"></div><div class="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-white/30 to-transparent"></div><div class="container px-4 sm:px-6 lg:px-8 py-12 relative z-10"><div class="grid grid-cols-1 md:grid-cols-4 gap-8"><div class="flex flex-col gap-4"><a class="inline-block group" href="/"><div class="flex items-center gap-3"><img src="/assets/logo-7d6pJlpv.svg?v=2" alt="JetPencil logo" width="40" height="40" loading="lazy" decoding="async" class="h-10 w-10 rounded-xl object-contain"/><div class="leading-none"><div class="text-lg font-extrabold tracking-tight bg-gradient-to-r from-[hsl(280,70%,55%)] via-[hsl(330,70%,55%)] to-[hsl(35,90%,55%)] bg-clip-text text-transparent">JetPencil</div><div class="text-xs text-white font-medium">AI Image Tools</div></div></div></a><p class="text-sm text-white">26+ AI-powered image tools. Generate, edit, and optimize images with professional results.</p><div class="flex items-center gap-3"><a href="https://x.com/JetPencil_?t=bicNltvwgnWRg52uelhg1A&amp;s=09" target="_blank" rel="noopener noreferrer" class="group relative p-2 rounded-lg bg-gradient-to-br from-[hsl(280,70%,55%)]/10 to-[hsl(300,60%,50%)]/10 text-white/70 hover:text-white transition-all duration-300 overflow-hidden" aria-label="X (Twitter)"><div class="absolute inset-0 bg-gradient-to-br from-[hsl(280,70%,55%)] to-[hsl(300,60%,50%)] opacity-0 group-hover:opacity-100 transition-opacity"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter w-4 h-4 relative z-10"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></a><a href="https://www.facebook.com/profile.php?id=61583431397375" target="_blank" rel="noopener noreferrer" class="group relative p-2 rounded-lg bg-gradient-to-br from-[hsl(300,60%,50%)]/10 to-[hsl(330,70%,55%)]/10 text-white/70 hover:text-white transition-all duration-300 overflow-hidden" aria-label="Facebook"><div class="absolute inset-0 bg-gradient-to-br from-[hsl(300,60%,50%)] to-[hsl(330,70%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook w-4 h-4 relative z-10"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="https://www.instagram.com/jetpencil/" target="_blank" rel="noopener noreferrer" class="group relative p-2 rounded-lg bg-gradient-to-br from-[hsl(330,70%,55%)]/10 to-[hsl(15,80%,55%)]/10 text-white/70 hover:text-white transition-all duration-300 overflow-hidden" aria-label="Instagram"><div class="absolute inset-0 bg-gradient-to-br from-[hsl(330,70%,55%)] to-[hsl(15,80%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram w-4 h-4 relative z-10"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="mailto:go@jetpencil.com" class="group relative p-2 rounded-lg bg-gradient-to-br from-[hsl(15,80%,55%)]/10 to-[hsl(35,85%,50%)]/10 text-white/70 hover:text-white transition-all duration-300 overflow-hidden" aria-label="Email"><div class="absolute inset-0 bg-gradient-to-br from-[hsl(15,80%,55%)] to-[hsl(35,85%,50%)] opacity-0 group-hover:opacity-100 transition-opacity"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-4 h-4 relative z-10"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></a></div><div class="flex flex-col gap-2 pt-2"><button aria-label="Download JetPencil for iOS" class="group relative transition-all duration-200 hover:scale-105 min-h-[44px] rounded-lg overflow-hidden"><div class="absolute inset-0 bg-gradient-to-r from-[hsl(280,70%,55%)]/20 to-[hsl(330,70%,55%)]/20 opacity-0 group-hover:opacity-100 transition-opacity rounded-lg bg-emerald-50"></div><img src="/assets/ios-badge-Cds-vfV7.png" alt="Download on the App Store" width="135" height="40" loading="lazy" class="h-10 w-auto relative z-10"/></button><button aria-label="Download JetPencil for Android" class="group relative transition-all duration-200 hover:scale-105 min-h-[44px] rounded-lg overflow-hidden"><div class="absolute inset-0 from-[hsl(330,70%,55%)]/20 to-[hsl(15,80%,55%)]/20 opacity-0 group-hover:opacity-100 transition-opacity rounded-lg bg-[sidebar-primary-foreground] bg-emerald-50"></div><img src="/assets/android-badge-D4PM-irz.png" alt="Get it on Google Play" width="135" height="40" loading="lazy" class="h-10 w-auto relative z-10"/></button></div></div><div class="relative"><div class="absolute -top-2 -left-2 w-16 h-16 bg-gradient-to-br from-[hsl(280,70%,55%)]/15 to-transparent rounded-full blur-2xl"></div><h3 class="mb-4 text-sm font-bold uppercase tracking-wider text-white">Popular Tools</h3><ul class="space-y-2.5 text-sm"><li><a class="group inline-flex items-center gap-2 font-semibold bg-gradient-to-r from-[hsl(280,70%,55%)] via-[hsl(330,70%,55%)] to-[hsl(35,90%,55%)] bg-clip-text text-transparent hover:opacity-80 transition-opacity" href="/tools">🛠️ Tool Hub (All 26+ Tools)</a></li><li><a class="group inline-flex items-center gap-2 font-semibold bg-gradient-to-r from-[hsl(280,70%,55%)] via-[hsl(330,70%,55%)] to-[hsl(35,90%,55%)] bg-clip-text text-transparent hover:opacity-80 transition-opacity" href="/ai-image-tools">✨ AI Image Tools Hub</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/logo-creator"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(280,70%,55%)] to-[hsl(330,70%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>Logo Creator</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/background-remover"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(330,70%,55%)] to-[hsl(35,90%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>Background Remover</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/image-upscaler"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(280,70%,55%)] to-[hsl(330,70%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>Image Upscaler</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/object-remover"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(330,70%,55%)] to-[hsl(35,90%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>Object Remover</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/photo-restoration"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(280,70%,55%)] to-[hsl(35,90%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>Photo Restoration</a></li></ul></div><div class="relative"><div class="absolute -top-2 -left-2 w-16 h-16 bg-gradient-to-br from-[hsl(330,70%,55%)]/15 to-transparent rounded-full blur-2xl"></div><h3 class="mb-4 text-sm font-bold uppercase tracking-wider text-white">Company</h3><ul class="space-y-2.5 text-sm"><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/about">About Us</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/pricing"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(330,70%,55%)] to-[hsl(35,90%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>Pricing</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/referrals"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3 h-3 text-[hsl(35,90%,55%)]"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Referral Program</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/blog"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(280,70%,55%)] to-[hsl(330,70%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>Blog</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/api-docs"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(330,70%,55%)] to-[hsl(35,90%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>API Docs</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/contact"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(280,70%,55%)] to-[hsl(35,90%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>Contact</a></li></ul><ul class="space-y-2.5 text-sm"><li></li><li><span class="font-semibold inline-flex items-center gap-2"></span></li></ul></div><div class="relative"><div class="absolute -top-2 -left-2 w-16 h-16 bg-gradient-to-br from-[hsl(35,90%,55%)]/15 to-transparent rounded-full blur-2xl"></div><h3 class="mb-4 text-sm font-bold uppercase tracking-wider text-white">Legal</h3><ul class="space-y-2.5 text-sm"><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/privacy"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(280,70%,55%)] to-[hsl(330,70%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>Privacy Policy</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/terms"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(330,70%,55%)] to-[hsl(35,90%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>Terms of Service</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/cookies"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(280,70%,55%)] to-[hsl(330,70%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>Cookie Policy</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/gdpr"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(330,70%,55%)] to-[hsl(35,90%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>GDPR</a></li><li><a class="group inline-flex items-center gap-2 text-white/70 hover:text-white transition-all duration-200" href="/refund"><span class="w-1.5 h-1.5 rounded-full bg-gradient-to-r from-[hsl(280,70%,55%)] to-[hsl(35,90%,55%)] opacity-0 group-hover:opacity-100 transition-opacity"></span>Refund Policy</a></li></ul></div></div><div class="mt-12 pt-8 flex flex-col sm:flex-row items-center justify-between gap-4 relative"><div class="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-[hsl(330,70%,55%)]/40 to-transparent"></div><p class="text-sm text-white/60">© <!-- -->2026<!-- --> <span class="font-semibold bg-gradient-to-r from-[hsl(280,70%,55%)] via-[hsl(330,70%,55%)] to-[hsl(35,90%,55%)] bg-clip-text text-transparent">JetPencil</span>. All rights reserved.<span class="mx-2">•</span><span class="text-white/50">A product by <span class="font-medium text-white/70">Appnesis</span></span></p><div class="flex items-center gap-3 text-xs flex-wrap justify-center sm:justify-end"><button aria-label="Check for updates" class="flex items-center gap-1.5 px-2.5 py-1.5 rounded-full bg-gradient-to-r from-[hsl(280,70%,55%)]/10 to-[hsl(330,70%,55%)]/10 border border-[hsl(280,70%,55%)]/20 hover:border-[hsl(280,70%,55%)]/40 text-white/70 hover:text-white transition-all duration-200 disabled:opacity-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw w-3 h-3"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg><span class="hidden sm:inline">Check updates</span></button><span class="flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-gradient-to-r from-[hsl(280,70%,55%)]/10 via-[hsl(330,70%,55%)]/10 to-[hsl(35,90%,55%)]/10 border border-[hsl(280,70%,55%)]/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3 h-3 text-[hsl(330,70%,55%)]"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><span class="font-semibold bg-gradient-to-r from-[hsl(280,70%,55%)] via-[hsl(330,70%,55%)] to-[hsl(35,90%,55%)] bg-clip-text text-transparent">AI Powered</span></span></div></div></div></footer></div>
    </div>
    <script>
      // Remove initial loader once React hydrates
      window.addEventListener('DOMContentLoaded', function() {
        var loader = document.getElementById('initial-loader');
        if (loader) {
          setTimeout(function() { loader.style.display = 'none'; }, 100);
        }
      });
    </script>
  </body>
</html>
