<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Critical CSS - Inlined for instant rendering --><style>/* Critical CSS - Above-the-fold styles */
/* This CSS is inlined in <head> for instant rendering */

/* CSS Custom Properties */
:root {
  --color-primary: #3d5a80;
  --color-background-light: #ffffff;
  --color-background-gray: #f0f4f8;
  --color-background-dark: #121212;
  --color-text-dark: #1f2937;
  --color-text-light: #4b5563;
  --font-family-display: Inter, system-ui, -apple-system, sans-serif;
  --font-family-body: Inter, system-ui, -apple-system, sans-serif;
}

/* Base Styles */
html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: var(--font-family-body);
  color: var(--color-text-light);
  background-color: var(--color-background-light);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  overflow-x: hidden;
}

/* Layout Utilities */
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

/* These specific responsive widths are for standard Tailwind containers, 
   but we scope them to the hero/header to avoid overriding blog post max-width-4xl settings */
@media (min-width: 640px) {
  .hero-section .container,
  header .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .hero-section .container,
  header .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .hero-section .container,
  header .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .hero-section .container,
  header .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .hero-section .container,
  header .container {
    max-width: 1536px;
  }
}

/* Header - Above the fold */
header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.flex {
  display: flex;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-2 {
  gap: 0.5rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* Landing Page Hero - Namespaced to avoid affecting Blog/other pages */
.hero-section {
  position: relative;
  overflow: hidden;
  text-align: center;
  min-height: 100vh;
}

.hero-section h1 {
  font-size: 3rem;
  line-height: 1;
  font-weight: 300;
  letter-spacing: -0.025em;
  color: var(--color-text-dark);
  margin-bottom: 1.5rem;
  margin-top: 0;
}

@media (min-width: 768px) {
  .hero-section h1 {
    font-size: 4.5rem;
  }
  .hero-section.md\:pt-40 {
    padding-top: 10rem;
  }
}

.pt-24 {
  padding-top: 6rem;
}
.pt-32 {
  padding-top: 8rem;
}

.max-w-3xl {
  max-width: 48rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.relative {
  position: relative;
}

/* Primary Button - Critical for CTAs */
.btn-primary,
.bg-primary {
  background-color: var(--color-primary);
  color: white;
  border-radius: 9999px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.text-lg {
  font-size: 1.125rem;
}
.font-medium {
  font-weight: 500;
}
.w-full {
  width: 100%;
}

@media (min-width: 640px) {
  .sm\:w-auto {
    width: auto;
  }
}

/* Font weight utility */
.font-inter-light {
  font-weight: 300;
}

/* Background visibility */
.bg-background-light {
  background-color: var(--color-background-light);
}
.bg-background-gray {
  background-color: var(--color-background-gray);
}

/* Blog Post Specific Critical Styles */
.max-w-4xl {
  max-width: 56rem;
}
.w-\[80vw\] {
  width: 80vw;
}
.max-w-\[80vw\] {
  max-width: 80vw;
}
.h-\[60vh\] {
  height: 60vh;
}
.mt-12 {
  margin-top: 3rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.absolute {
  position: absolute;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}
.bg-white\/95 {
  background-color: rgba(255, 255, 255, 0.95);
}
.backdrop-blur-sm {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.p-6 {
  padding: 1.5rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.blog-post-page h1 {
  font-size: 1.875rem; /* text-3xl */
  line-height: 1.25;
  text-align: center;
  font-weight: 300;
  color: var(--color-text-dark);
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .blog-post-page h1 {
    font-size: 2.25rem;
  } /* text-4xl */
}
</style><!-- TrackNow / Ascendia Prime Affiliate Tracking --><script>
      window.tracknow =
        window.tracknow ||
        function () {
          (window.tracknow.q = window.tracknow.q || []).push(arguments);
        };
      tracknow("config", { namespace: "ascendiaprime" });
    </script><script async src="https://static.tracknow.io/js/tracking.min.js"></script><!-- Resource Hints --><link rel="preconnect" href="https://www.googletagmanager.com" crossorigin><link rel="dns-prefetch" href="https://www.googletagmanager.com"><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://fonts.gstatic.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><!-- Preload Critical Fonts --><link id="font-inter" rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" as="style"><noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"></noscript><!-- Lazy-load Material Symbols (non-critical) --><link id="font-material-symbols" rel="preload" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap" as="style"><noscript><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap" rel="stylesheet"></noscript><!-- Font preload to stylesheet swap (avoids inline onload TypeScript warnings) --><script>
      (function () {
        var fontIds = ["font-inter", "font-material-symbols"];
        fontIds.forEach(function (id) {
          var link = document.getElementById(id);
          if (link) {
            link.onload = function () {
              this.onload = null;
              this.rel = "stylesheet";
            };
          }
        });
      })();
    </script><!-- Google Analytics --><script>
      (function () {
        const GA_ID = "G-SMT6JYXTGE";
        let loaded = false;

        function loadGA() {
          if (loaded) return;
          loaded = true;

          // Clean up event listeners
          ["scroll", "click", "keydown", "touchstart"].forEach((event) => {
            window.removeEventListener(event, loadGA);
          });

          const inject = () => {
            const script = document.createElement("script");
            script.async = true;
            script.src = "https://www.googletagmanager.com/gtag/js?id=" + GA_ID;
            document.head.appendChild(script);

            window.dataLayer = window.dataLayer || [];
            window.gtag = function () {
              dataLayer.push(arguments);
            };
            window.gtag("js", new Date());
            window.gtag("config", GA_ID);
          };
          if ("requestIdleCallback" in window) {
            requestIdleCallback(inject);
          } else {
            inject(); // No need to delay further
          }
        }

        // Load after 3 seconds or on first interaction
        setTimeout(loadGA, 3000);
        ["scroll", "click", "keydown", "touchstart"].forEach((event) => {
          window.addEventListener(event, loadGA, { passive: true, once: true });
        });
      })();
    </script><!-- Pages inject their SEO here --><!-- Primary Meta Tags --><title>AI Proposal &amp; Contract Generator | Professional Documents in Minutes</title><meta name="title" content="AI Proposal &#38; Contract Generator | Professional Documents in Minutes"><meta name="description" content="Generate professional proposals, SOWs, and project briefs in minutes. FlowEdge uses AI to automate your client onboarding and save you hours of work."><meta name="keywords" content="AI Proposal Generator, AI Contract Generator, AI document generation, proposal software, SOW automation, client acquisition, client onboarding, consulting tools"><!-- Canonical URL --><link rel="canonical" href="https://getflowedge.com/"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://getflowedge.com/"><meta property="og:title" content="AI Proposal &#38; Contract Generator | Professional Documents in Minutes"><meta property="og:description" content="Generate professional proposals, SOWs, and project briefs in minutes. FlowEdge uses AI to automate your client onboarding and save you hours of work."><meta property="og:image" content="https://getflowedge.com/og-default.jpg"><meta property="og:site_name" content="FlowEdge"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://getflowedge.com/"><meta name="twitter:title" content="AI Proposal &#38; Contract Generator | Professional Documents in Minutes"><meta name="twitter:description" content="Generate professional proposals, SOWs, and project briefs in minutes. FlowEdge uses AI to automate your client onboarding and save you hours of work."><meta name="twitter:image" content="https://getflowedge.com/og-default.jpg"><!-- Schema.org JSON-LD --><script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"FlowEdge","applicationCategory":"BusinessApplication","operatingSystem":"Web","description":"Generate professional proposals, SOWs, and project briefs in minutes. FlowEdge uses AI to automate your client onboarding and save you hours of work.","url":"https://getflowedge.com/","author":{"@context":"https://schema.org","@type":"Organization","name":"FlowEdge","url":"https://getflowedge.com","logo":"https://getflowedge.com/logo.png","description":"AI-powered document generation for solopreneurs, consultants, freelancers, fractional executives and small agencies. Generate proposals, SOWs, contracts, and more in minutes. Try it for free! No credit card required.","sameAs":["https://linkedin.com/company/flowedge-ai"]},"offers":[{"@type":"Offer","price":"0.00","priceCurrency":"USD","name":"Free Trial","description":"Try FlowEdge for 7 days with limited features"},{"@type":"Offer","price":"1.00","priceCurrency":"USD","name":"Pay as You Go","description":"Running out of credits? Need more?"},{"@type":"Offer","price":"18.00","priceCurrency":"USD","name":"Solo","description":"Perfect for individual consultants and coaches"},{"@type":"Offer","price":"48.00","priceCurrency":"USD","name":"Business","description":"For growing agencies and teams"},{"@type":"Offer","price":"180.00","priceCurrency":"USD","name":"Solo Annual","description":"Perfect for individual consultants and coaches"},{"@type":"Offer","price":"480.00","priceCurrency":"USD","name":"Business Annual","description":"For growing agencies and teams"},{"@type":"Offer","price":"188.00","priceCurrency":"USD","name":"Solo Lifetime","description":"One-time payment, lifetime access"},{"@type":"Offer","price":"488.00","priceCurrency":"USD","name":"Business Lifetime","description":"One-time payment, lifetime access"}],"aggregateRating":{"@type":"AggregateRating","ratingValue":"5","ratingCount":"3"}}</script><!-- RefGrow Referral Program --><script src="https://scripts.refgrowcdn.com/latest.js" data-project-id="553" async defer></script><!-- CartBooster Remarketing --><script async src="//s.cartbooster.io/preload"></script><!-- RPS Retargeting --><script async src="https://rpsdata.com/script/tag.php"></script><!-- Common Assets --><link rel="icon" type="image/png" href="/favicon.png"><link rel="stylesheet" href="/_astro/_slug_.BRDzo9JX.css">
<style>.hero-background[data-astro-cid-j6r4b4yd]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#hero-canvas[data-astro-cid-j6r4b4yd]{position:absolute;top:0;left:0;width:100%;height:100%;display:block}
</style><script type="module" src="/_astro/page.D1uwR3nK.js"></script></head> <body class="font-display bg-background-light dark:bg-background-dark text-text-light dark:text-text-dark antialiased">   <header class="fixed top-0 left-0 right-0 z-50 bg-background-light/80 backdrop-blur-sm"> <div class="container mx-auto px-6 py-4"> <div class="flex items-center justify-between"> <a href="/" class="flex items-center gap-2 hover:opacity-80 transition-opacity"> <picture> <source srcset="/logo.webp" type="image/webp"> <img src="/logo.png" alt="FlowEdge Logo" width="200" height="59" class="h-auto w-[200px] text-2xl"> </picture> </a> <!-- Desktop Navigation --> <nav class="hidden md:flex items-center gap-6 text-sm font-medium text-text-light"> <!-- Try Free Dropdown --> <div class="relative group"> <button class="hover:text-primary transition-colors flex items-center gap-1 font-medium" aria-haspopup="true">
Try Free
<svg class="w-3 h-3 transition-transform duration-200 group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="absolute left-0 top-full pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50"> <div class="bg-white rounded-xl shadow-lg border border-gray-100 py-2 w-64"> <a href="/free-ai-document-generator/" class="block px-4 py-2 text-sm text-text-light hover:text-primary hover:bg-gray-50 font-medium">Free Business AI Tools</a> <hr class="my-1 border-gray-100"> <a href="/free-ai-proposal-generator/" class="block px-4 py-2 text-sm text-text-light hover:text-primary hover:bg-gray-50">Free AI Proposal Generator</a> <a href="/free-ai-sow-generator/" class="block px-4 py-2 text-sm text-text-light hover:text-primary hover:bg-gray-50">Free AI SOW Generator</a> <a href="/free-ai-briefing-generator/" class="block px-4 py-2 text-sm text-text-light hover:text-primary hover:bg-gray-50">Free AI Briefing Generator</a> <a href="/free-ai-legal-document-generator/" class="block px-4 py-2 text-sm text-text-light hover:text-primary hover:bg-gray-50">Free AI Legal Document Generator</a> </div> </div> </div> <a class="hover:text-primary transition-colors" href="/#product">Product</a> <a class="hover:text-primary transition-colors" href="/#pricing">Pricing</a> <a class="hover:text-primary transition-colors" href="/blog">Blog</a> <a class="hover:text-primary transition-colors" href="/contact">Contact</a> <a class="hover:text-primary transition-colors" href="/how-to-use-flowedge">Help</a> </nav> <!-- Desktop Auth Buttons --> <div class="hidden md:flex items-center gap-3"> <a href="https://flowedge.app/dashboard" class="bg-white text-primary font-medium px-5 py-2.5 rounded-full border border-gray-200 hover:border-primary transition-colors text-sm">
Login
</a> <a href="https://flowedge.app/signup" class="bg-primary text-white px-5 py-2.5 rounded-full text-sm font-medium hover:opacity-90 transition-colors">
Start Free Trial
</a> </div> <!-- Mobile Menu Button --> <button id="mobile-menu-button" class="md:hidden p-2 text-text-light hover:text-primary transition-colors" aria-label="Toggle mobile menu" aria-expanded="false"> <svg id="menu-icon" class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <svg id="close-icon" class="w-6 h-6 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> </div> </header> <!-- Mobile Menu Backdrop --> <div id="mobile-menu-backdrop" class="fixed inset-0 bg-black/50 backdrop-blur-sm opacity-0 pointer-events-none transition-opacity duration-300 z-[60] md:hidden" aria-hidden="true"></div> <!-- Mobile Menu Drawer --> <nav id="mobile-menu" class="fixed top-0 right-0 bottom-0 w-[280px] bg-white shadow-2xl transform translate-x-full transition-transform duration-300 ease-in-out z-[70] md:hidden" aria-label="Mobile navigation"> <div class="flex flex-col h-full p-6"> <!-- Mobile Menu Header --> <div class="flex items-center justify-between mb-8"> <span class="text-lg font-semibold text-text-dark">Menu</span> <button id="mobile-menu-close" class="p-2 text-text-light hover:text-primary transition-colors" aria-label="Close mobile menu"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <!-- Mobile Navigation Links --> <div class="flex flex-col gap-1 mb-8"> <!-- Try Free expandable section --> <details class="group"> <summary class="list-none px-4 py-3 text-text-light hover:text-primary hover:bg-gray-50 rounded-lg transition-colors font-medium flex items-center justify-between cursor-pointer">
Try Free
<svg class="w-4 h-4 transition-transform duration-200 group-open:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </summary> <div class="pl-4 mt-1 flex flex-col gap-1 border-l border-gray-100 ml-4"> <a class="px-4 py-2 text-text-light hover:text-primary hover:bg-gray-50 rounded-lg transition-colors text-sm font-medium" href="/free-ai-document-generator/">Free Business AI Tools</a> <a class="px-4 py-2 text-text-light hover:text-primary hover:bg-gray-50 rounded-lg transition-colors text-sm" href="/free-ai-proposal-generator/">Free AI Proposal Generator</a> <a class="px-4 py-2 text-text-light hover:text-primary hover:bg-gray-50 rounded-lg transition-colors text-sm" href="/free-ai-sow-generator/">Free AI SOW Generator</a> <a class="px-4 py-2 text-text-light hover:text-primary hover:bg-gray-50 rounded-lg transition-colors text-sm" href="/free-ai-briefing-generator/">Free AI Briefing Generator</a> <a class="px-4 py-2 text-text-light hover:text-primary hover:bg-gray-50 rounded-lg transition-colors text-sm" href="/free-ai-legal-document-generator/">Free AI Legal Document Generator</a> </div> </details> <a class="px-4 py-3 text-text-light hover:text-primary hover:bg-gray-50 rounded-lg transition-colors font-medium" href="/#product">
Product
</a> <a class="px-4 py-3 text-text-light hover:text-primary hover:bg-gray-50 rounded-lg transition-colors font-medium" href="/#pricing">
Pricing
</a> <a class="px-4 py-3 text-text-light hover:text-primary hover:bg-gray-50 rounded-lg transition-colors font-medium" href="/blog">
Blog
</a> <a class="px-4 py-3 text-text-light hover:text-primary hover:bg-gray-50 rounded-lg transition-colors font-medium" href="/contact">
Contact
</a> <a class="px-4 py-3 text-text-light hover:text-primary hover:bg-gray-50 rounded-lg transition-colors font-medium" href="/how-to-use-flowedge">
Help
</a> </div> <!-- Mobile Auth Buttons --> <div class="mt-auto flex flex-col gap-3"> <a href="https://flowedge.app/dashboard" class="bg-white text-primary font-medium px-5 py-3 rounded-full border border-gray-200 hover:border-primary transition-colors text-center">
Login
</a> <a href="https://flowedge.app/signup" class="bg-primary text-white px-5 py-3 rounded-full font-medium hover:opacity-90 transition-colors text-center">
Start Free Trial
</a> </div> </div> </nav> <script type="module">const s=document.getElementById("mobile-menu-button"),l=document.getElementById("mobile-menu-close"),e=document.getElementById("mobile-menu"),o=document.getElementById("mobile-menu-backdrop"),c=document.getElementById("menu-icon"),d=document.getElementById("close-icon");function i(){e?.classList.remove("translate-x-full"),o?.classList.remove("opacity-0","pointer-events-none"),c?.classList.add("hidden"),d?.classList.remove("hidden"),s?.setAttribute("aria-expanded","true"),document.body.style.overflow="hidden"}function n(){e?.classList.add("translate-x-full"),o?.classList.add("opacity-0","pointer-events-none"),c?.classList.remove("hidden"),d?.classList.add("hidden"),s?.setAttribute("aria-expanded","false"),document.body.style.overflow=""}s?.addEventListener("click",()=>{!e?.classList.contains("translate-x-full")?n():i()});l?.addEventListener("click",n);o?.addEventListener("click",n);const a=e?.querySelectorAll("a");a?.forEach(t=>{t.addEventListener("click",n)});document.addEventListener("keydown",t=>{t.key==="Escape"&&!e?.classList.contains("translate-x-full")&&n()});</script> <div class="relative overflow-hidden"> <main class="pt-24"> <section class="hero-section relative text-center min-h-screen flex items-start pt-32 md:pt-40 bg-background-light overflow-hidden"> <div class="hero-background" data-astro-cid-j6r4b4yd> <canvas id="hero-canvas" data-astro-cid-j6r4b4yd></canvas> </div>  <script type="module">const d=document.getElementById("hero-canvas"),i=d.getContext("2d");let n=window.innerWidth,o=window.innerHeight;function u(){n=window.innerWidth,o=window.innerHeight,d.width=n,d.height=o}u();window.addEventListener("resize",u);const p=[];let l=n/2,c=o/2,f=n/2,m=o/2;class M{points;numPoints;amplitude;targetAmplitude;phase;speed;yOffset;color;constructor(){this.points=[],this.numPoints=8,this.amplitude=0,this.targetAmplitude=0,this.phase=Math.random()*Math.PI*2,this.speed=.02+Math.random()*.02,this.yOffset=Math.random()*o,this.color=`rgba(${100+Math.random()*100}, ${200+Math.random()*55}, 255, ${.08+Math.random()*.12})`;for(let t=0;t<=this.numPoints;t++)this.points.push({x:n/this.numPoints*t,y:this.yOffset})}update(){this.phase+=this.speed,this.amplitude+=(this.targetAmplitude-this.amplitude)*.1;for(let t=0;t<=this.numPoints;t++){const h=n/this.numPoints*t,s=l-h,a=c-this.yOffset,r=Math.sqrt(s*s+a*a),y=Math.max(0,1-r/400),w=Math.sin(this.phase-t*.5)*this.amplitude,x=y*80;this.points[t].x=h,this.points[t].y=this.yOffset+w+x*Math.sin(this.phase+t*.3)}}draw(){i.beginPath(),i.moveTo(this.points[0].x,this.points[0].y);for(let s=0;s<this.points.length-1;s++){const a=(this.points[s].x+this.points[s+1].x)/2,r=(this.points[s].y+this.points[s+1].y)/2;i.quadraticCurveTo(this.points[s].x,this.points[s].y,a,r)}const t=this.points[this.points.length-1];i.quadraticCurveTo(t.x,t.y,t.x,t.y),i.lineTo(n,o),i.lineTo(0,o),i.closePath();const h=i.createLinearGradient(0,this.yOffset-100,0,this.yOffset+200);h.addColorStop(0,this.color),h.addColorStop(1,"rgba(255, 255, 255, 0)"),i.fillStyle=h,i.fill()}}for(let e=0;e<5;e++){const t=new M;t.targetAmplitude=30+e*10,p.push(t)}d.addEventListener("mousemove",e=>{f=e.clientX,m=e.clientY,p.forEach(t=>{t.targetAmplitude=40+Math.random()*30})});function v(){l+=(f-l)*.1,c+=(m-c)*.1}function g(){i.fillStyle="#ffffff",i.fillRect(0,0,n,o),v(),p.forEach(e=>{e.update(),e.draw()}),requestAnimationFrame(g)}g();</script> <div class="container mx-auto px-6 relative z-10"> <h1 class="text-5xl md:text-7xl font-inter-light tracking-tight text-text-dark mb-6">
Win More Clients, Faster
</h1> <p class="text-lg md:text-xl max-w-3xl mx-auto text-text-light mb-10">
The AI-powered platform to generate winning proposals,
						SOWs, and briefings in minutes, not hours.
</p> <div class="flex flex-col items-center justify-center gap-4"> <a class="bg-primary text-white font-medium px-10 py-4 text-lg rounded-full hover:opacity-90 transition-opacity w-full sm:w-auto" href="https://flowedge.app/signup">Start Free Trial</a> <p class="text-text-light">
No credit card, no commitment. Cancel anytime.
</p> </div> </div> </section> <section class="py-16 md:py-24 bg-background-gray" id="product"> <div class="container mx-auto px-6 text-center"> <h2 class="text-4xl md:text-5xl font-inter-light tracking-tight text-text-dark max-w-4xl mx-auto mb-6">
Simple, Smart, and Effective
</h2> <p class="text-text-light">
Our agentic AI platform, gets you in front of the pack
</p> </div> <div class="mt-16 mb-16 flex justify-center flex-wrap gap-4"> <div class="flex items-center justify-center w-16 h-16 bg-white rounded-full shadow-sm"> <svg class="w-8 h-8 text-text-light" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4"></path> </svg> </div> <div class="flex items-center justify-center w-16 h-16 bg-white rounded-full shadow-sm"> <svg class="w-8 h-8 text-text-light" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path> </svg> </div> <div class="flex items-center justify-center w-16 h-16 bg-white rounded-full shadow-sm"> <svg class="w-8 h-8 text-text-light" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path> </svg> </div> <div class="flex items-center justify-center w-16 h-16 bg-white rounded-full shadow-sm"> <svg class="w-8 h-8 text-text-light" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path> </svg> </div> <div class="flex items-center justify-center w-16 h-16 bg-white rounded-full shadow-sm"> <svg class="w-8 h-8 text-text-light" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path> </svg> </div> <div class="flex items-center justify-center w-16 h-16 bg-white rounded-full shadow-sm"> <svg class="w-8 h-8 text-text-light" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path> </svg> </div> <div class="flex items-center justify-center w-16 h-16 bg-white rounded-full shadow-sm"> <svg class="w-8 h-8 text-text-light" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path> </svg> </div> </div> <div class="container mx-auto px-6"> <div class="grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-16"> <div class="space-y-4"> <h3 class="text-2xl font-semibold text-black font-inter-light">
Instant Professional Documents
</h3> <p class="text-text-light">
FlowEdge helps you write proposals, SOWs, and project briefs very quickly, often in just a few minutes. You tell it what you need in plain language, and it uses your profile, your notes, and other documents to fill in the details for you.
</p> </div> <div class="space-y-4"> <h3 class="text-2xl font-semibold text-black font-inter-light">
Everything You Need, Nothing You Don't
</h3> <p class="text-text-light">
Skip the complicated setup. Your app turns the information you already have, meeting transcripts, client forms, notes, into professional documents you can review and send with confidence.
</p> </div> <div class="space-y-4"> <h3 class="text-2xl font-semibold text-black font-inter-light">
Works With What You Already Use
</h3> <p class="text-text-light">
The app is built to work with the tools and files you already use to run your business. This means it can pull in the right information automatically, so you do less copying and pasting and get more complete documents with less effort.
</p> </div> <div class="space-y-4"> <h3 class="text-2xl font-semibold text-black font-inter-light">
Surprise Clients With Speed
</h3> <p class="text-text-light">
Send a clear, professional proposal just minutes after a meeting. This fast turnaround positions you as organized, reliable, and highly responsive, long before any of your competitors get a draft out.
</p> </div> </div> <div class="mt-16 flex flex-col sm:flex-row justify-center items-center gap-4"> <a class="bg-primary text-white font-medium px-8 py-3 rounded-full hover:opacity-90 transition-opacity" href="/free-ai-proposal-generator/">
Try the Free AI Proposal Generator
</a> <a class="border border-primary text-primary font-medium px-8 py-3 rounded-full hover:bg-primary hover:text-white transition-colors" href="/ai-proposal-generator/">
See How It Works in 3 Steps
</a> </div> </div> </section> <!-- Testimonials Section --> <section class="py-16 md:py-24 bg-background-light"> <div class="container mx-auto px-6"> <div class="text-center"> <h2 class="text-4xl md:text-5xl font-inter-light tracking-tight text-text-dark mb-4">Trusted by Leading Professionals</h2> <p class="text-lg text-text-light max-w-3xl mx-auto">
Join consultants, coaches, and service providers who've automated their client onboarding.
</p> </div> <!-- NEED REAL REVIEWS
				<div class="mt-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
					<div class="bg-white p-8 rounded-lg flex flex-col text-left shadow-sm border border-gray-100">
						<div class="flex items-center text-yellow-500 mb-4">
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
						</div>
						<p class="text-text-dark text-base leading-relaxed flex-grow">"FlowEdge AI cut our client onboarding time by 80%. What used to take hours now takes minutes."</p>
						<div class="mt-6">
							<p class="font-semibold text-text-dark">Sarah Johnson</p>
							<p class="text-sm text-text-light">Business Consultant, Strategic Solutions LLC</p>
						</div>
					</div>
					<div class="bg-white p-8 rounded-lg flex flex-col text-left shadow-sm border border-gray-100">
						<div class="flex items-center text-yellow-500 mb-4">
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
						</div>
						<p class="text-text-dark text-base leading-relaxed flex-grow">"The AI-generated proposals are incredibly professional. My clients are impressed every time."</p>
						<div class="mt-6">
							<p class="font-semibold text-text-dark">Michael Chen</p>
							<p class="text-sm text-text-light">Executive Coach, Peak Performance Coaching</p>
						</div>
					</div>
					<div class="bg-white p-8 rounded-lg flex flex-col text-left shadow-sm border border-gray-100">
						<div class="flex items-center text-yellow-500 mb-4">
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
							<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">star</span>
						</div>
						<p class="text-text-dark text-base leading-relaxed flex-grow">"Game changer for our agency. We can now onboard 3x more clients without adding staff."</p>
						<div class="mt-6">
							<p class="font-semibold text-text-dark">Emily Rodriguez</p>
							<p class="text-sm text-text-light">Marketing Director, Digital Growth Agency</p>
						</div>
					</div>
				</div>
				--> </div> </section> <section class="py-16 md:py-24 bg-background-gray" id="pricing"> <div class="container mx-auto px-6"> <div class="text-center max-w-3xl mx-auto mb-10"> <h2 class="text-4xl md:text-5xl font-inter-light tracking-tight text-text-dark mb-6">
Simple, transparent pricing
</h2> <p class="text-lg text-text-light">
Start for free, scale as you grow. No hidden fees.
</p> </div>    <div class="flex justify-center mb-12"> <div class="bg-white p-1 rounded-full border border-gray-200 inline-flex items-center"> <button class="px-6 py-2 rounded-full text-sm font-medium transition-colors plan-toggle-btn" data-target="monthly">
Monthly
</button> <button class="px-6 py-2 rounded-full text-sm font-medium transition-colors plan-toggle-btn" data-target="annual">
Annual
</button> <button class="px-6 py-2 rounded-full text-sm font-medium transition-colors plan-toggle-btn" data-target="ltd">
Lifetime
</button> </div> </div>  <p id="plan-description" class="text-center text-primary font-medium mb-8 h-6 transition-opacity duration-300"></p>  <div class="flex flex-wrap justify-center gap-8"> <div class="w-full md:w-[calc(50%-1rem)] lg:w-[calc(33.333%-1.5rem)] max-w-sm bg-white border rounded-lg p-8 flex flex-col relative plan-card plan-type-trial border-gray-200"> <span class="absolute top-0 -translate-y-1/2 left-1/2 -translate-x-1/2 bg-primary text-white text-xs font-semibold px-3 py-1 rounded-full"> 14-Day Trial </span> <h3 class="text-2xl font-light mb-2 text-text-dark"> Free Trial </h3> <p class="text-text-light mb-6 min-h-[48px]"> Try FlowEdge for 7 days with limited features </p> <div class="mb-6"> <span class="text-5xl font-light text-text-dark"> $0 </span>    </div> <a class="w-full text-center font-medium py-3 rounded-full border transition-colors bg-white text-primary border-gray-200 hover:border-primary" href="https://flowedge.app/signup">
Start Free Trial
</a> <p class="text-text-light text-center mt-2 text-sm">
No credit card required
</p> <ul class="mt-8 space-y-4 text-text-dark flex-grow"> <li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited clients</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited projects per client</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited intake forms per project</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>10 document generations</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Email support</span> </li> </ul> </div><div class="w-full md:w-[calc(50%-1rem)] lg:w-[calc(33.333%-1.5rem)] max-w-sm bg-white border rounded-lg p-8 flex flex-col relative plan-card plan-type-pay_as_you_go border-gray-200"> <span class="absolute top-0 -translate-y-1/2 left-1/2 -translate-x-1/2 bg-primary text-white text-xs font-semibold px-3 py-1 rounded-full"> Flexible Pricing </span> <h3 class="text-2xl font-light mb-2 text-text-dark"> Pay as You Go </h3> <p class="text-text-light mb-6 min-h-[48px]"> Running out of credits? Need more? </p> <div class="mb-6"> <span class="text-5xl font-light text-text-dark"> $1 </span>    </div> <a class="w-full text-center font-medium py-3 rounded-full border transition-colors bg-white text-primary border-gray-200 hover:border-primary" href="https://flowedge.app/signup">
Start Free Trial
</a> <p class="text-text-light text-center mt-2 text-sm">
No credit card required
</p> <ul class="mt-8 space-y-4 text-text-dark flex-grow"> <li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited clients</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited projects per client</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited intake forms per project</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Pay as you go generations</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Pay as You Go</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Email support</span> </li> </ul> </div><div class="w-full md:w-[calc(50%-1rem)] lg:w-[calc(33.333%-1.5rem)] max-w-sm bg-white border rounded-lg p-8 flex flex-col relative plan-card plan-type-monthly border-gray-200">  <h3 class="text-2xl font-light mb-2 text-text-dark"> Solo </h3> <p class="text-text-light mb-6 min-h-[48px]"> Perfect for individual consultants and coaches </p> <div class="mb-6"> <span class="text-5xl font-light text-text-dark"> $18 </span> <span class="text-text-light">/ month</span>   </div> <a class="w-full text-center font-medium py-3 rounded-full border transition-colors bg-white text-primary border-gray-200 hover:border-primary" href="https://flowedge.app/signup">
Start Free Trial
</a> <p class="text-text-light text-center mt-2 text-sm">
No credit card required
</p> <ul class="mt-8 space-y-4 text-text-dark flex-grow"> <li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited clients</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited projects per client</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited intake forms</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>30 document generations/month</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Email support</span> </li> </ul> </div><div class="w-full md:w-[calc(50%-1rem)] lg:w-[calc(33.333%-1.5rem)] max-w-sm bg-white border rounded-lg p-8 flex flex-col relative plan-card plan-type-monthly border-gray-200"> <span class="absolute top-0 -translate-y-1/2 left-1/2 -translate-x-1/2 bg-primary text-white text-xs font-semibold px-3 py-1 rounded-full"> Most Popular </span> <h3 class="text-2xl font-light mb-2 text-text-dark"> Business </h3> <p class="text-text-light mb-6 min-h-[48px]"> For growing agencies and teams </p> <div class="mb-6"> <span class="text-5xl font-light text-text-dark"> $48 </span> <span class="text-text-light">/ month</span>   </div> <a class="w-full text-center font-medium py-3 rounded-full border transition-colors bg-primary text-white border-primary hover:opacity-90" href="https://flowedge.app/signup">
Start Free Trial
</a> <p class="text-text-light text-center mt-2 text-sm">
No credit card required
</p> <ul class="mt-8 space-y-4 text-text-dark flex-grow"> <li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited clients</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited projects</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited intake forms</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>100 document generations / Month</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Templates</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Email support</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Custom branding</span> </li> </ul> </div><div class="w-full md:w-[calc(50%-1rem)] lg:w-[calc(33.333%-1.5rem)] max-w-sm bg-white border rounded-lg p-8 flex flex-col relative plan-card plan-type-annual border-gray-200">  <h3 class="text-2xl font-light mb-2 text-text-dark"> Solo Annual </h3> <p class="text-text-light mb-6 min-h-[48px]"> Perfect for individual consultants and coaches </p> <div class="mb-6"> <span class="text-5xl font-light text-text-dark"> $180 </span>  <span class="text-text-light">/ year</span>  </div> <a class="w-full text-center font-medium py-3 rounded-full border transition-colors bg-white text-primary border-gray-200 hover:border-primary" href="https://flowedge.app/signup">
Start Free Trial
</a> <p class="text-text-light text-center mt-2 text-sm">
No credit card required
</p> <ul class="mt-8 space-y-4 text-text-dark flex-grow"> <li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Save $36</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited clients</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited projects per client</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited intake forms</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>30 document generations/month</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Email support</span> </li> </ul> </div><div class="w-full md:w-[calc(50%-1rem)] lg:w-[calc(33.333%-1.5rem)] max-w-sm bg-white border rounded-lg p-8 flex flex-col relative plan-card plan-type-annual border-gray-200"> <span class="absolute top-0 -translate-y-1/2 left-1/2 -translate-x-1/2 bg-primary text-white text-xs font-semibold px-3 py-1 rounded-full"> Best Value </span> <h3 class="text-2xl font-light mb-2 text-text-dark"> Business Annual </h3> <p class="text-text-light mb-6 min-h-[48px]"> For growing agencies and teams </p> <div class="mb-6"> <span class="text-5xl font-light text-text-dark"> $480 </span>  <span class="text-text-light">/ year</span>  </div> <a class="w-full text-center font-medium py-3 rounded-full border transition-colors bg-primary text-white border-primary hover:opacity-90" href="https://flowedge.app/signup">
Start Free Trial
</a> <p class="text-text-light text-center mt-2 text-sm">
No credit card required
</p> <ul class="mt-8 space-y-4 text-text-dark flex-grow"> <li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Save $96</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited clients</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited projects</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited intake forms</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>100 document generations / Month</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Templates</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Email support</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Custom branding</span> </li> </ul> </div><div class="w-full md:w-[calc(50%-1rem)] lg:w-[calc(33.333%-1.5rem)] max-w-sm bg-white border rounded-lg p-8 flex flex-col relative plan-card plan-type-ltd border-gray-200"> <span class="absolute top-0 -translate-y-1/2 left-1/2 -translate-x-1/2 bg-primary text-white text-xs font-semibold px-3 py-1 rounded-full"> Lifetime Deal </span> <h3 class="text-2xl font-light mb-2 text-text-dark"> Solo Lifetime </h3> <p class="text-text-light mb-6 min-h-[48px]"> One-time payment, lifetime access </p> <div class="mb-6"> <span class="text-5xl font-light text-text-dark"> $188 </span>   <span class="text-text-light"> one-time</span> </div> <a class="w-full text-center font-medium py-3 rounded-full border transition-colors bg-white text-primary border-gray-200 hover:border-primary" href="https://flowedge.app/signup">
Start Free Trial
</a> <p class="text-text-light text-center mt-2 text-sm">
No credit card required
</p> <ul class="mt-8 space-y-4 text-text-dark flex-grow"> <li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Lifetime access</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited clients</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited projects per client</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited intake forms</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>30 document generations/month</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Email support</span> </li> </ul> </div><div class="w-full md:w-[calc(50%-1rem)] lg:w-[calc(33.333%-1.5rem)] max-w-sm bg-white border rounded-lg p-8 flex flex-col relative plan-card plan-type-ltd border-gray-200"> <span class="absolute top-0 -translate-y-1/2 left-1/2 -translate-x-1/2 bg-primary text-white text-xs font-semibold px-3 py-1 rounded-full"> Lifetime Deal </span> <h3 class="text-2xl font-light mb-2 text-text-dark"> Business Lifetime </h3> <p class="text-text-light mb-6 min-h-[48px]"> One-time payment, lifetime access </p> <div class="mb-6"> <span class="text-5xl font-light text-text-dark"> $488 </span>   <span class="text-text-light"> one-time</span> </div> <a class="w-full text-center font-medium py-3 rounded-full border transition-colors bg-primary text-white border-primary hover:opacity-90" href="https://flowedge.app/signup">
Start Free Trial
</a> <p class="text-text-light text-center mt-2 text-sm">
No credit card required
</p> <ul class="mt-8 space-y-4 text-text-dark flex-grow"> <li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Lifetime access</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited clients</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited projects per client</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Unlimited intake forms</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>100 document generations/month</span> </li><li class="flex items-start"> <svg class="w-5 h-5 text-primary mr-3 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path> </svg> <span>Priority support</span> </li> </ul> </div> </div>  </div> </section> <section class="py-16 md:py-24 bg-background-light"> <div class="container mx-auto px-6"> <div class="text-left md:text-center"> <h2 class="text-4xl md:text-5xl font-inter-light tracking-tight text-text-dark mb-4">
Built for solos and small teams
</h2> <p class="text-lg text-text-light max-w-3xl mx-auto">
Whether you're a small startup automating key tasks or a solo founder scaling your operation, FlowEdge saves you time and helps you win clients.
</p> </div> <div class="mt-16 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <div class="relative rounded-lg overflow-hidden group"> <img src="/_astro/consultants.DQWHQWxm_Z21DeQI.webp" srcset="/_astro/consultants.DQWHQWxm_ZGvF9y.webp 1.5x, /_astro/consultants.DQWHQWxm_1FLsX0.webp 2x" alt="Consultants" loading="lazy" decoding="async" sizes="100vw" fetchpriority="auto" width="400" height="500" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-text-dark/60 to-transparent"></div> <div class="absolute inset-0 p-8 flex flex-col justify-end"> <h3 class="text-2xl font-bold text-white font-inter-light">
Consultants
</h3> </div> </div> <div class="relative rounded-lg overflow-hidden group"> <img src="/_astro/fractional-executives.DT8UxQXs_ZMHWvj.webp" srcset="/_astro/fractional-executives.DT8UxQXs_Z24NMS7.webp 1.5x, /_astro/fractional-executives.DT8UxQXs_5o8p7.webp 2x" alt="Fractional Executives" loading="lazy" decoding="async" sizes="100vw" fetchpriority="auto" width="400" height="500" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-text-dark/60 to-transparent"></div> <div class="absolute inset-0 p-8 flex flex-col justify-end"> <h3 class="text-2xl font-bold text-white font-inter-light">
Fractional Executives
</h3> </div> </div> <div class="relative rounded-lg overflow-hidden group"> <img src="/_astro/coaches.Cz1MAKiD_Z1C3bKO.webp" srcset="/_astro/coaches.Cz1MAKiD_KC5lo.webp 1.5x, /_astro/coaches.Cz1MAKiD_Z24T0dH.webp 2x" alt="Coaches" loading="lazy" decoding="async" sizes="100vw" fetchpriority="auto" width="400" height="500" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-text-dark/60 to-transparent"></div> <div class="absolute inset-0 p-8 flex flex-col justify-end"> <h3 class="text-2xl font-bold text-white font-inter-light">
Coaches
</h3> </div> </div> <div class="relative rounded-lg overflow-hidden group"> <img src="/_astro/tech-freelancers.C32eFL7f_ZUhTQw.webp" srcset="/_astro/tech-freelancers.C32eFL7f_Z5qSS0.webp 1.5x, /_astro/tech-freelancers.C32eFL7f_2o2JML.webp 2x" alt="Tech Freelancers" loading="lazy" decoding="async" sizes="100vw" fetchpriority="auto" width="400" height="500" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-text-dark/60 to-transparent"></div> <div class="absolute inset-0 p-8 flex flex-col justify-end"> <h3 class="text-2xl font-bold text-white font-inter-light">
Tech Freelancers
</h3> </div> </div> <div class="relative rounded-lg overflow-hidden group"> <img src="/_astro/solopreneurs.Cwi2ut3V_1AuG17.webp" srcset="/_astro/solopreneurs.Cwi2ut3V_7cMGB.webp 1.5x, /_astro/solopreneurs.Cwi2ut3V_J62mG.webp 2x" alt="Solopreneurs" loading="lazy" decoding="async" sizes="100vw" fetchpriority="auto" width="400" height="500" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-text-dark/60 to-transparent"></div> <div class="absolute inset-0 p-8 flex flex-col justify-end"> <h3 class="text-2xl font-bold text-white font-inter-light">
Solopreneurs
</h3> </div> </div> <div class="relative rounded-lg overflow-hidden group"> <img src="/_astro/small-agencies.CFIfC_ez_ZG2DOq.webp" srcset="/_astro/small-agencies.CFIfC_ez_1XV24j.webp 1.5x, /_astro/small-agencies.CFIfC_ez_826Hi.webp 2x" alt="Small Agencies" loading="lazy" decoding="async" sizes="100vw" fetchpriority="auto" width="400" height="500" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"> <div class="absolute inset-0 bg-gradient-to-t from-text-dark/60 to-transparent"></div> <div class="absolute inset-0 p-8 flex flex-col justify-end"> <h3 class="text-2xl font-bold text-white font-inter-light">
Small Agencies
</h3> </div> </div> </div> </div> </section> </main></div> <hr class="border-t border-gray-200 w-screen relative left-1/2 right-1/2 -ml-[50vw] -mr-[50vw]"> <div class="  w-screen relative left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] py-16 my-16 text-center"><div class="container mx-auto px-6 max-w-4xl prose prose-lg prose-gray"> <h2 class="text-4xl md:text-5xl font-inter-light tracking-tight text-text-dark max-w-4xl mx-auto mb-6">
Win more deals with FlowEdge
</h2> <div class="mt-12 flex justify-center mb-10 not-prose"> <a href="https://flowedge.app/signup" class="bg-primary text-white font-medium px-10 py-4 text-lg rounded-full hover:opacity-90 transition-opacity shadow-sm no-underline">
Start your free 14-day trial
</a> </div> <p class="text-center text-gray-500">
No credit card required. No complicated setup. Just faster, better proposals.
</p> </div></div> <footer class="bg-background-gray text-text-dark"> <div class="container mx-auto px-6 py-16"> <div class="grid grid-cols-2 md:grid-cols-5 gap-8"> <div class="col-span-2 md:col-span-1"> <picture> <source srcset="/logo.webp" type="image/webp"> <img src="/logo.png" alt="FlowEdge Logo" width="200" height="59" class="h-auto w-[200px] text-3xl"> </picture> <p class="text-text-light mt-2 text-sm">Simple. Smart. Effective.</p> </div> <div> <p class="font-semibold text-text-dark font-inter-light">Product</p> <ul class="mt-4 space-y-3 text-sm text-text-light"> <li> <a class="hover:text-primary" href="https://flowedge.app/signup">Start Your Free Trial</a> </li> <li> <a class="hover:text-primary" href="https://flowedge.app/dashboard">Your Account</a> </li> <li> <a class="hover:text-primary" href="/#product">Professional Doc Generator</a> </li> <li> <a class="hover:text-primary" href="/#pricing">Pricing</a> </li> <li> <a class="hover:text-primary" href="/how-to-use-flowedge">Help Center</a> </li> <!--<li><a class="hover:text-primary" href="#">Docs</a></li>
          <li>
            <a class="hover:text-primary" href="#">Changelog</a>
          </li>--> </ul> </div> <div> <p class="font-semibold text-text-dark font-inter-light">Free Business AI Tools</p> <ul class="mt-4 space-y-3 text-sm text-text-light"> <li> <a class="hover:text-primary" href="/free-ai-document-generator/">Free AI Document Generator</a> </li> <li> <a class="hover:text-primary" href="/free-ai-proposal-generator/">Free AI Proposal Generator</a> </li> <li> <a class="hover:text-primary" href="/free-ai-sow-generator/">Free AI Statement of Work Generator</a> </li> <li> <a class="hover:text-primary" href="/free-ai-briefing-generator/">Free AI Briefing Generator</a> </li> <li> <a class="hover:text-primary" href="/free-ai-legal-document-generator/">Free AI Legal Document Generator</a> </li> </ul> </div> <div> <p class="font-semibold text-text-dark font-inter-light">Resources</p> <ul class="mt-4 space-y-3 text-sm text-text-light"> <li> <a class="hover:text-primary" href="/ai-tools/ai-contract-generator-how-to-draft-safe-professional-contracts">AI Contract Generator</a> </li> <li> <a class="hover:text-primary" href="/ai-tools/free-vs-paid-ai-proposal-tools-what-solo-consultants-need-to-know">Free vs Paid AI Proposal Tools</a> </li> <li> <a class="hover:text-primary" href="/ai-proposal-generator/">Proposal in 3 Simple Steps</a> </li> <li> <a class="hover:text-primary" href="/client-acquisition/proposal-vs-statement-of-work-the-guide-for-solo-operators">Proposal vs Statement of Work</a> </li> <li> <a class="hover:text-primary" href="/client-acquisition/ai-proposal-generator-why-speed-wins-more-deals">Why Speed Wins More Deals</a> </li> <li> <a class="hover:text-primary" href="/productivity/ai-business-proposal-generator-win-more-clients-faster">Win More Clients Faster</a> </li> </ul> </div> <div class="col-span-2 md:col-span-1"> <p class="font-semibold text-text-dark font-inter-light">Company</p> <ul class="mt-4 space-y-3 text-sm text-text-light"> <!--<li>
            <a class="hover:text-primary" href="#">About Us</a>
          </li>
          <li>
            <a class="hover:text-primary" href="#">Careers</a>
          </li>--> <li><a class="hover:text-primary" href="/blog">Blog</a></li> <li> <a class="hover:text-primary" href="/contact">Contact</a> </li> </ul> </div> </div> <div class="mt-16 border-t border-gray-200 pt-8 flex flex-col md:flex-row justify-between items-center"> <p class="text-sm text-text-light">© 2025 FlowEdge by 10x Spring All rights reserved.</p> <div class="flex gap-4 mt-4 md:mt-0"> <a class="text-text-light hover:text-primary" href="/terms">Terms</a> <a class="text-text-light hover:text-primary" href="/privacy">Privacy</a> <a class="text-text-light hover:text-primary" href="/disclaimer">Disclaimer</a> </div> </div> </div> </footer> <script>(function(){const defaultView = "monthly";

		document.addEventListener('DOMContentLoaded', () => {
			const buttons = document.querySelectorAll('.plan-toggle-btn');
			const cards = document.querySelectorAll('.plan-card');
			const descriptionEl = document.getElementById('plan-description');

			const descriptions = {
				monthly: "Month to Month",
				annual: "Two Free Months",
				ltd: "For a Limited Time"
			};

			function setActiveView(view) {
				// Update buttons
				buttons.forEach(btn => {
					if (btn.dataset.target === view) {
						btn.classList.add('bg-primary', 'text-white');
						btn.classList.remove('text-text-light', 'hover:text-primary');
					} else {
						btn.classList.remove('bg-primary', 'text-white');
						btn.classList.add('text-text-light', 'hover:text-primary');
					}
				});

				// Update cards
				cards.forEach(card => {
					if (card.classList.contains(`plan-type-${view}`)) {
						card.classList.remove('hidden');
						card.classList.add('flex');
					} else {
						card.classList.add('hidden');
						card.classList.remove('flex');
					}
				});

				// Update description
				if (descriptionEl) {
					descriptionEl.textContent = descriptions[view] || "";
				}
			}

			// Initialize
			if (defaultView) {
				setActiveView(defaultView);
			}

			// Add click handlers
			buttons.forEach(btn => {
				btn.addEventListener('click', () => {
					const target = btn.dataset.target;
					if (target) setActiveView(target);
				});
			});
		});
	})();</script>  <!-- RefGrow Referral Code & Param Passthrough --> <script>(function(){const appUrl = "https://flowedge.app";

      (function () {
        const STORAGE_KEY = "flowedge_entry_params";

        // Helper: Get referral code from cookie
        function getReferralCodeFromCookie() {
          try {
            const cookies = document.cookie.split(";");
            for (let cookie of cookies) {
              const [name, value] = cookie.trim().split("=");
              if (name === "refgrow_via") return value;
            }
          } catch (e) {}
          return null;
        }

        // Helper: Set referral code cookie
        function setReferralCodeCookie(code) {
          try {
            document.cookie = "refgrow_via=" + code + ";path=/;max-age=2592000"; // 30 days
          } catch (e) {}
        }

        // 1. Capture & Persist Params
        function persistParams() {
          const urlParams = new URLSearchParams(window.location.search);
          let storedParams = {};

          // Load existing params
          try {
            const stored = localStorage.getItem(STORAGE_KEY);
            if (stored) storedParams = JSON.parse(stored);
          } catch (e) {}

          // Update storage with current URL params
          // We iterate current params and update specific keys or all keys
          // User "any other parameters" implies we should capture everything found
          urlParams.forEach((value, key) => {
            storedParams[key] = value;
            // Also set cookie for 'via' param for cross-subdomain access
            if (key === "via") {
              setReferralCodeCookie(value);
            }
          });

          // Special case: RefGrow 'via' fallback
          // If 'via' is missing in params but exists in RefGrow storage or cookie, capture it
          if (!storedParams["via"]) {
            try {
              const refGrowCode = localStorage.getItem("refgrow_referral_code");
              if (refGrowCode) {
                storedParams["via"] = refGrowCode;
              } else {
                // Also try to get from cookie as backup
                const cookieCode = getReferralCodeFromCookie();
                if (cookieCode) storedParams["via"] = cookieCode;
              }
            } catch (e) {}
          }

          // Save back to storage
          if (Object.keys(storedParams).length > 0) {
            localStorage.setItem(STORAGE_KEY, JSON.stringify(storedParams));
          }

          const referralCode = storedParams["via"];
          console.log("[RefGrow Passthrough] Referral code:", referralCode);

          return storedParams;
        }

        // 2. Append to App Links
        function appendToLinks() {
          const params = persistParams(); // Also updates storage
          if (Object.keys(params).length === 0) return;

          // Target links to the app domain
          const links = document.querySelectorAll('a[href^="' + appUrl + '"]');

          links.forEach(function (link) {
            try {
              const url = new URL(link.href);
              // Append all stored params, but do NOT overwrite existing ones on the link
              for (const [key, value] of Object.entries(params)) {
                if (!url.searchParams.has(key)) {
                  url.searchParams.append(key, value);
                }
              }
              link.href = url.toString();
              console.log("[RefGrow Passthrough] Updated link:", link.href);
            } catch (e) {}
          });
        }

        // Run on DOM ready
        if (document.readyState === "loading") {
          document.addEventListener("DOMContentLoaded", appendToLinks);
        } else {
          appendToLinks();
        }
      })();
    })();</script> </body> </html>