1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>SlideBitch | AI Market Landscape Slides in 30 Seconds</title> 7 <meta name="description" content="Generate professional competitive landscape and market map slides instantly with AI. Export to PowerPoint in one click. Used by consultants, VCs, and strategists."> 8 <meta name="keywords" content="market landscape slide generator, competitive landscape PowerPoint, market map AI, competitive analysis slide, industry landscape generator"> 9 10 <!-- Open Graph --> 11 <meta property="og:title" content="SlideBitch - AI Market Landscape Slides in 30 Seconds"> 12 <meta property="og:description" content="Generate professional competitive landscape slides instantly. Export to PowerPoint in one click."> 13 <meta property="og:type" content="website"> 14 <meta property="og:url" content="https://slidebitch.ai"> 15 <meta property="og:image" content="https://slidebitch.ai/og-image.png"> 16 17 <!-- Twitter --> 18 <meta name="twitter:card" content="summary_large_image"> 19 <meta name="twitter:title" content="SlideBitch - AI Market Landscape Slides"> 20 <meta name="twitter:description" content="Generate professional competitive landscape slides instantly with AI."> 21 22 <!-- Structured Data --> 23
23<script type="application/ld+json"> 24 { 25 "@context": "https://schema.org", 26 "@type": "SoftwareApplication", 27 "name": "SlideBitch", 28 "applicationCategory": "BusinessApplication", 29 "operatingSystem": "Web", 30 "description": "AI-powered market landscape slide generator. Create competitive analysis PowerPoint slides in 30 seconds.", 31 "offers": [ 32 { "@type": "Offer", "price": "0", "priceCurrency": "USD", "description": "Free tier with 1 export" }, 33 { "@type": "Offer", "price": "5", "priceCurrency": "USD", "description": "3 credit pack" }, 34 { "@type": "Offer", "price": "29", "priceCurrency": "USD", "description": "Unlimited monthly" } 35 ] 36 } 37 </script>
37 38 39 <!-- Canonical --> 40 <link rel="canonical" href="https://slidebitch.ai"> 41 42 <!-- Favicon --> 43 <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><rect width=%22100%22 height=%22100%22 rx=%2220%22 fill=%22%23002060%22/><path d=%22M20 80 L80 20 L80 80 Z%22 fill=%22%232563EB%22 opacity=%220.8%22/><text x=%2250%22 y=%2275%22 font-family=%22Arial%22 font-weight=%22900%22 font-size=%2240%22 fill=%22white%22 text-anchor=%22middle%22>B</text></svg>"> 44 45 <!-- Google Analytics -->
vendor: 68 bytes, lines 45-46
45 46 <script async src="https://www.googletagmanager.com/gtag/js?id=
46G-S5KCC8XTCV
vendor: 16 bytes, lines 46-47
46"></script> 47
47<script> 48
vendor: 145 bytes, lines 48-51
48window.dataLayer = window.dataLayer || []; 49 function gtag(){dataLayer.push(arguments);} 50 gtag('js', new Date()); 51 gtag('config', '
51G-S5KCC8XTCV
vendor: 8 bytes, lines 51-52
51'); 52
52</script>
52 53 54 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> 55 <style> 56 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 57 body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; color: #0f172a; background: #ffffff; -webkit-font-smoothing: antialiased; } 58 .container { max-width: 1120px; margin: 0 auto; padding: 0 24px; } 59 60 /* Nav */ 61 nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,0.92); backdrop-filter: blur(12px); border-bottom: 1px solid #f1f5f9; } 62 nav .inner { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; } 63 .logo { font-size: 20px; font-weight: 900; letter-spacing: -0.5px; color: #0f172a; text-decoration: none; } 64 .nav-cta { background: #0f172a; color: white; padding: 10px 24px; border-radius: 10px; font-weight: 700; font-size: 14px; text-decoration: none; transition: background 0.15s; } 65 .nav-cta:hover { background: #1e293b; } 66 67 /* Hero */ 68 .hero { padding: 140px 0 80px; text-align: center; } 69 .hero h1 { font-size: clamp(36px, 5vw, 64px); font-weight: 900; letter-spacing: -2px; line-height: 1.05; margin-bottom: 20px; } 70 .hero h1 span { background: linear-gradient(135deg, #2563eb, #7c3aed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } 71 .hero p { font-size: 18px; color: #64748b; max-width: 520px; margin: 0 auto 32px; line-height: 1.6; } 72 .hero-cta { display: inline-block; background: #0f172a; color: white; padding: 16px 40px; border-radius: 12px; font-weight: 800; font-size: 16px; text-decoration: none; transition: all 0.15s; } 73 .hero-cta:hover { background: #1e293b; transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } 74 .hero-sub { font-size: 13px; color: #94a3b8; margin-top: 16px; } 75 76 /* Demo */ 77 .demo { padding: 0 0 80px; text-align: center; } 78 .demo-frame { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; max-width: 900px; margin: 0 auto; box-shadow: 0 4px 24px rgba(0,0,0,0.06); } 79 .demo-bar { background: #f1f5f9; padding: 12px 20px; display: flex; align-items: center; gap: 8px; } 80 .demo-dot { width: 10px; height: 10px; border-radius: 50%; } 81 82 /* Benefits */ 83 .benefits { padding: 80px 0; } 84 .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; } 85 .benefit { padding: 32px; background: #f8fafc; border-radius: 16px; border: 1px solid #f1f5f9; } 86 .benefit-icon { width: 48px; height: 48px; border-radius: 12px; background: #eff6ff; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px; } 87 .benefit h3 { font-size: 18px; font-weight: 800; margin-bottom: 8px; } 88 .benefit p { color: #64748b; line-height: 1.6; font-size: 15px; } 89 90 /* How It Works */ 91 .how { padding: 80px 0; text-align: center; } 92 .how h2 { font-size: 36px; font-weight: 900; margin-bottom: 48px; letter-spacing: -1px; } 93 .steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 32px; max-width: 800px; margin: 0 auto; } 94 .step-num { width: 40px; height: 40px; border-radius: 50%; background: #0f172a; color: white; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; margin: 0 auto 16px; } 95 .step h4 { font-weight: 700; margin-bottom: 8px; } 96 .step p { color: #64748b; font-size: 14px; line-height: 1.6; } 97 98 /* Pricing */ 99 .pricing { padding: 80px 0; background: #f8fafc; } 100 .pricing h2 { text-align: center; font-size: 36px; font-weight: 900; margin-bottom: 12px; letter-spacing: -1px; } 101 .pricing .sub { text-align: center; color: #64748b; margin-bottom: 48px; font-size: 16px; } 102 .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; max-width: 900px; margin: 0 auto; } 103 .price-card { background: white; border: 1px solid #e2e8f0; border-radius: 16px; padding: 32px; text-align: center; position: relative; } 104 .price-card.featured { border: 2px solid #2563eb; box-shadow: 0 4px 24px rgba(37,99,235,0.12); } 105 .price-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #2563eb; color: white; font-size: 11px; font-weight: 800; padding: 4px 16px; border-radius: 20px; text-transform: uppercase; letter-spacing: 1px; } 106 .price-name { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #64748b; margin-bottom: 8px; } 107 .price-amount { font-size: 42px; font-weight: 900; margin-bottom: 4px; } 108 .price-period { color: #94a3b8; font-size: 14px; margin-bottom: 20px; } 109 .price-features { list-style: none; text-align: left; margin-bottom: 24px; } 110 .price-features li { padding: 8px 0; color: #475569; font-size: 14px; border-bottom: 1px solid #f8fafc; } 111 .price-features li::before { content: "\2713"; color: #22c55e; font-weight: 700; margin-right: 8px; } 112 .price-cta { display: block; width: 100%; padding: 14px; border-radius: 10px; font-weight: 700; font-size: 14px; text-decoration: none; text-align: center; transition: all 0.15s; border: none; cursor: pointer; } 113 .price-cta.primary { background: #0f172a; color: white; } 114 .price-cta.primary:hover { background: #1e293b; } 115 .price-cta.secondary { background: #f1f5f9; color: #0f172a; } 116 .price-cta.secondary:hover { background: #e2e8f0; } 117 118 /* Social Proof */ 119 .proof { padding: 80px 0; text-align: center; } 120 .proof p { color: #64748b; font-size: 15px; line-height: 1.8; max-width: 600px; margin: 0 auto; } 121 .proof .roles { margin-top: 24px; display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } 122 .proof .role { background: #f1f5f9; padding: 8px 20px; border-radius: 20px; font-size: 13px; font-weight: 600; color: #475569; } 123 124 /* Footer */ 125 footer { padding: 40px 0; border-top: 1px solid #f1f5f9; text-align: center; } 126 footer p { color: #94a3b8; font-size: 13px; } 127 footer a { color: #64748b; text-decoration: none; } 128 129 @media (max-width: 640px) { 130 .hero { padding: 120px 0 60px; } 131 .benefits-grid, .pricing-grid, .steps { grid-template-columns: 1fr; } 132 } 133 </style> 134</head> 135<body> 136 137<!-- Nav --> 138<nav> 139 <div class="container"> 140 <div class="inner"> 141 <a href="/" class="logo">SlideBitch</a> 142 <a href="/app" class="nav-cta">Open App</a> 143 </div> 144 </div> 145</nav> 146 147<!-- Hero --> 148<section class="hero"> 149 <div class="container"> 150 <h1>AI Market Landscape Slides<br>in <span>30 Seconds</span></h1> 151 <p>Type an industry. Get a complete competitive landscape slide with real company logos. Export to PowerPoint in one click.</p> 152 <a href="/app" class="hero-cta">Try It Free</a> 153 <p class="hero-sub">No credit card required. 1 free export included.</p> 154 </div> 155</section> 156 157<!-- Demo Preview --> 158<section class="demo"> 159 <div class="container"> 160 <div class="demo-frame"> 161 <div class="demo-bar"> 162 <div class="demo-dot" style="background:#ef4444;"></div> 163 <div class="demo-dot" style="background:#f59e0b;"></div> 164 <div class="demo-dot" style="background:#22c55e;"></div>
165 <span style="font-size:12px;color:#94a3b8;margin-left:8px;">slidebitch.ai</span> 166 </div> 167 <!-- Realistic slide thumbnail --> 168 <div style="padding: 0; background: white; aspect-ratio: 16/9; position: relative; font-family: Arial, sans-serif;"> 169 <!-- Slide title --> 170 <div style="padding: 18px 28px 10px; font-size: 18px; font-weight: 800; color: #002060; letter-spacing: -0.5px;">Enterprise SaaS Competitive Landscape</div> 171 <!-- Category grid --> 172 <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; padding: 6px 28px 12px;"> 173 <!-- Category 1 --> 174 <div> 175 <div style="background: #002060; color: white; font-size: 10px; font-weight: 700; padding: 6px 10px; border-radius: 4px 4px 0 0; text-transform: uppercase; letter-spacing: 0.5px;">CRM & Sales</div> 176 <div style="background: #f8fafc; border: 1px solid #e2e8f0; border-top: none; border-radius: 0 0 4px 4px; padding: 14px 10px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center;"> 177 <img src="https://logo.clearbit.com/salesforce.com" alt="Salesforce" style="height: 28px; border-radius: 4px;" onerror="this.style.display='none'"> 178 <img src="https://logo.clearbit.com/hubspot.com" alt="HubSpot" style="height: 28px; border-radius: 4px;" onerror="this.style.display='none'"> 179 <img src="https://logo.clearbit.com/pipedrive.com" alt="Pipedrive" style="height: 24px; border-radius: 4px;" onerror="this.style.display='none'"> 180 </div> 181 </div> 182 <!-- Category 2 --> 183 <div> 184 <div style="background: #002060; color: white; font-size: 10px; font-weight: 700; padding: 6px 10px; border-radius: 4px 4px 0 0; text-transform: uppercase; letter-spacing: 0.5px;">Cloud Infrastructure</div> 185 <div style="background: #f8fafc; border: 1px solid #e2e8f0; border-top: none; border-radius: 0 0 4px 4px; padding: 14px 10px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center;"> 186 <img src="https://logo.clearbit.com/aws.amazon.com" alt="AWS" style="height: 28px; border-radius: 4px;" onerror="this.style.display='none'"> 187 <img src="https://logo.clearbit.com/cloud.google.com" alt="GCP" style="height: 28px; border-radius: 4px;" onerror="this.style.display='none'"> 188 <img src="https://logo.clearbit.com/azure.microsoft.com" alt="Azure" style="height: 24px; border-radius: 4px;" onerror="this.style.display='none'"> 189 </div> 190 </div> 191 <!-- Category 3 --> 192 <div> 193 <div style="background: #002060; color: white; font-size: 10px; font-weight: 700; padding: 6px 10px; border-radius: 4px 4px 0 0; text-transform: uppercase; letter-spacing: 0.5px;">Collaboration</div> 194 <div style="background: #f8fafc; border: 1px solid #e2e8f0; border-top: none; border-radius: 0 0 4px 4px; padding: 14px 10px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center;"> 195 <img src="https://logo.clearbit.com/slack.com" alt="Slack" style="height: 28px; border-radius: 4px;" onerror="this.style.display='none'"> 196 <img src="https://logo.clearbit.com/notion.so" alt="Notion" style="height: 28px; border-radius: 4px;" onerror="this.style.display='none'"> 197 <img src="https://logo.clearbit.com/asana.com" alt="Asana" style="height: 24px; border-radius: 4px;" onerror="this.style.display='none'"> 198 </div> 199 </div> 200 <!-- Category 4 --> 201 <div> 202 <div style="background: #002060; color: white; font-size: 10px; font-weight: 700; padding: 6px 10px; border-radius: 4px 4px 0 0; text-transform: uppercase; letter-spacing: 0.5px;">Analytics & BI</div> 203 <div style="background: #f8fafc; border: 1px solid #e2e8f0; border-top: none; border-radius: 0 0 4px 4px; padding: 14px 10px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center;"> 204 <img src="https://logo.clearbit.com/tableau.com" alt="Tableau" style="height: 28px; border-radius: 4px;" onerror="this.style.display='none'"> 205 <img src="https://logo.clearbit.com/looker.com" alt="Looker" style="height: 28px; border-radius: 4px;" onerror="this.style.display='none'"> 206 <img src="https://logo.clearbit.com/amplitude.com" alt="Amplitude" style="height: 24px; border-radius: 4px;" onerror="this.style.display='none'"> 207 </div> 208 </div> 209 <!-- Category 5 --> 210 <div> 211 <div style="background: #002060; color: white; font-size: 10px; font-weight: 700; padding: 6px 10px; border-radius: 4px 4px 0 0; text-transform: uppercase; letter-spacing: 0.5px;">DevOps & Security</div> 212 <div style="background: #f8fafc; border: 1px solid #e2e8f0; border-top: none; border-radius: 0 0 4px 4px; padding: 14px 10px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center;"> 213 <img src="https://logo.clearbit.com/datadog.com" alt="Datadog" style="height: 28px; border-radius: 4px;" onerror="this.style.display='none'"> 214 <img src="https://logo.clearbit.com/github.com" alt="GitHub" style="height: 28px; border-radius: 4px;" onerror="this.style.display='none'"> 215 <img src="https://logo.clearbit.com/crowdstrike.com" alt="CrowdStrike" style="height: 24px; border-radius: 4px;" onerror="this.style.display='none'"> 216 </div> 217 </div> 218 <!-- Category 6 --> 219 <div> 220 <div style="background: #002060; color: white; font-size: 10px; font-weight: 700; padding: 6px 10px; border-radius: 4px 4px 0 0; text-transform: uppercase; letter-spacing: 0.5px;">HR & Finance</div> 221 <div style="background: #f8fafc; border: 1px solid #e2e8f0; border-top: none; border-radius: 0 0 4px 4px; padding: 14px 10px; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center;"> 222 <img src="https://logo.clearbit.com/workday.com" alt="Workday" style="height: 28px; border-radius: 4px;" onerror="this.style.display='none'"> 223 <img src="https://logo.clearbit.com/rippling.com" alt="Rippling" style="height: 28px; border-radius: 4px;" onerror="this.style.display='none'"> 224 <img src="https://logo.clearbit.com/brex.com" alt="Brex" style="height: 24px; border-radius: 4px;" onerror="this.style.display='none'"> 225 </div> 226 </div> 227 </div> 228 <!-- Footer --> 229 <div style="position: absolute; bottom: 0; left: 0; right: 0; padding: 8px 28px; border-top: 1px solid #f1f5f9; display: flex; justify-content: space-between; align-items: center;">
230 <span style="font-size: 7px; color: #cbd5e1; text-transform: uppercase; letter-spacing: 0.5px;">Strictly Confidential | For Internal Use Only</span> 231 <span style="font-size: 7px; color: #cbd5e1;">SLIDEBITCH AI | POWERED BY GEMINI</span> 232 </div> 233 </div> 234 </div> 235 </div> 236</section> 237 238<!-- Benefits --> 239<section class="benefits"> 240 <div class="container"> 241 <div class="benefits-grid"> 242 <div class="benefit"> 243 <div class="benefit-icon">⚡</div> 244 <h3>30-Second Generation</h3> 245 <p>Enter any industry and AI generates a complete market landscape with categorized companies and real logos. No more hours in PowerPoint.</p> 246 </div> 247 <div class="benefit"> 248 <div class="benefit-icon">🎨</div> 249 <h3>Presentation-Ready</h3> 250 <p>Professional themes inspired by McKinsey, Goldman Sachs, and Big 4 consulting. Export to .pptx with one click, ready for your deck.</p> 251 </div> 252 <div class="benefit"> 253 <div class="benefit-icon">🔧</div> 254 <h3>Fully Customizable</h3> 255 <p>Drag and drop logos. Add or remove companies. Adjust spacing, scale, and layout. Refine with natural language prompts.</p> 256 </div> 257 </div> 258 </div> 259</section> 260 261<!-- How It Works --> 262<section class="how"> 263 <div class="container"> 264 <h2>How It Works</h2> 265 <div class="steps"> 266 <div class="step"> 267 <div class="step-num">1</div> 268 <h4>Type an Industry</h4> 269 <p>"Enterprise SaaS", "Electric Vehicles", "Digital Health"... anything.</p> 270 </div> 271 <div class="step"> 272 <div class="step-num">2</div> 273 <h4>AI Builds Your Slide</h4> 274 <p>Gemini AI identifies top companies, categorizes them, and fetches real logos.</p> 275 </div> 276 <div class="step"> 277 <div class="step-num">3</div> 278 <h4>Export to PowerPoint</h4> 279 <p>One click to a high-quality .pptx file. Edit in PowerPoint or Google Slides.</p> 280 </div> 281 </div> 282 </div> 283</section> 284 285<!-- Pricing --> 286<section class="pricing" id="pricing"> 287 <div class="container"> 288 <h2>Simple Pricing</h2> 289 <p class="sub">Start free. Pay only when you export.</p> 290 <div class="pricing-grid"> 291 <div class="price-card"> 292 <div class="price-name">Free</div> 293 <div class="price-amount">$0</div> 294 <div class="price-period">1 export included</div> 295 <ul class="price-features"> 296 <li>Unlimited slide generation</li> 297 <li>All templates and themes</li> 298 <li>1 PowerPoint export</li> 299 </ul> 300 <a href="/app" class="price-cta secondary">Get Started</a> 301 </div> 302 <div class="price-card"> 303 <div class="price-name">Credit Packs</div> 304 <div class="price-amount">$5</div> 305 <div class="price-period">3 exports / $10 for 10</div> 306 <ul class="price-features"> 307 <li>Everything in Free</li> 308 <li>Credits never expire</li> 309 <li>High-DPI exports</li> 310 </ul> 311 <a href="/app" class="price-cta secondary">Buy Credits</a> 312 </div> 313 <div class="price-card featured"> 314 <div class="price-badge">Best Value</div> 315 <div class="price-name">Unlimited</div> 316 <div class="price-amount">$29</div> 317 <div class="price-period">per month</div> 318 <ul class="price-features"> 319 <li>Unlimited exports</li> 320 <li>Priority support</li> 321 <li>All future features</li> 322 <li>Cancel anytime</li> 323 </ul> 324 <a href="/app" class="price-cta primary">Start Unlimited</a> 325 </div> 326 </div> 327 </div> 328</section> 329 330<!-- Social Proof --> 331<section class="proof"> 332 <div class="container"> 333 <p>
333Built for professionals who need competitive landscape slides fast. No design skills needed.</p> 334 <div class="roles"> 335 <span class="role">Strategy Consultants</span> 336 <span class="role">Venture Capital</span> 337 <span class="role">Product Managers</span> 338 <span class="role">MBA Students</span> 339 <span class="role">Corp Dev Teams</span> 340 </div> 341 </div> 342</section> 343 344<!-- Footer --> 345<footer> 346 <div class="container"> 347 <p>© 2025 SlideBitch. <a href="/app">Open App</a></p> 348 </div> 349</footer> 350 351</body> 352</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.