Spaces:

saad1BM
/

undefined

Running

App Files Files Community

saad1BM commited on Oct 19, 2025

Commit

baa24cb

verified ·

1 Parent(s): d09491a

yrr bro generator.html tou ho hee nahin raha hay

Browse files

Files changed (3) hide show

README.md +9 -5
generator.html +181 -0
index.html +249 -18

README.md CHANGED Viewed

@@ -1,10 +1,14 @@
 ---
-title: Undefined
-emoji: 🦀
-colorFrom: blue
-colorTo: indigo
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: undefined
+colorFrom: gray
+colorTo: yellow
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://deepsite.hf.co).

generator.html ADDED Viewed

	@@ -0,0 +1,181 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pitch Generator | PitchWhiz Pro AI</title>
+    <link rel="icon" href="https://static.photos/technology/32x32/42">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+      body {
+        font-family: 'Inter', sans-serif;
+      }
+      #vanta-bg {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: -1;
+        opacity: 0.7;
+      }
+      .glass-card {
+        backdrop-filter: blur(16px) saturate(180%);
+        -webkit-backdrop-filter: blur(16px) saturate(180%);
+        background-color: rgba(255, 255, 255, 0.85);
+        border-radius: 12px;
+        border: 1px solid rgba(209, 213, 219, 0.3);
+      }
+      .input-highlight {
+        transition: all 0.3s ease;
+      }
+      .input-highlight:focus {
+        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3);
+        border-color: #6366f1;
+      }
+      .btn-glow:hover {
+        box-shadow: 0 0 15px rgba(99, 102, 241, 0.5);
+      }
+    </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+    <div id="vanta-bg"></div>
+    <nav class="bg-white shadow-sm">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="flex justify-between h-16">
+          <div class="flex items-center">
+            <div class="flex-shrink-0 flex items-center">
+              <i data-feather="zap" class="text-indigo-600 h-6 w-6"></i>
+              <span class="ml-2 text-xl font-bold text-gray-900">PitchWhiz Pro AI</span>
+            </div>
+          </div>
+          <div class="hidden sm:ml-6 sm:flex sm:items-center space-x-8">
+            <a href="generator.html" class="text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 border-indigo-600 text-sm font-medium">
+              Generator
+            </a>
+            <a href="dashboard.html" class="text-gray-500 hover:text-gray-900 inline-flex items-center px-1 pt-1 text-sm font-medium">
+              Dashboard
+            </a>
+            <a href="pricing.html" class="text-gray-500 hover:text-gray-900 inline-flex items-center px-1 pt-1 text-sm font-medium">
+              Pricing
+            </a>
+            <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md text-sm font-medium transition duration-150 ease-in-out btn-glow">
+              Sign In
+            </button>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+      <div class="glass-card p-8 shadow-lg">
+        <h1 class="text-3xl font-bold text-gray-900 mb-6">AI Pitch Generator</h1>
+        <div class="space-y-6">
+          <div>
+            <label for="company-name" class="block text-sm font-medium text-gray-700 mb-1">Company Name</label>
+            <input type="text" id="company-name" class="input-highlight w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500">
+          </div>
+          <div>
+            <label for="industry" class="block text-sm font-medium text-gray-700 mb-1">Industry</label>
+            <select id="industry" class="input-highlight w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500">
+              <option value="">Select your industry</option>
+              <option value="tech">Technology</option>
+              <option value="healthcare">Healthcare</option>
+              <option value="finance">Finance</option>
+              <option value="education">Education</option>
+              <option value="retail">Retail</option>
+            </select>
+          </div>
+          <div>
+            <label for="description" class="block text-sm font-medium text-gray-700 mb-1">Brief Description</label>
+            <textarea id="description" rows="4" class="input-highlight w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="Describe your product/service in 2-3 sentences"></textarea>
+          </div>
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+              <label for="target-audience" class="block text-sm font-medium text-gray-700 mb-1">Target Audience</label>
+              <input type="text" id="target-audience" class="input-highlight w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500">
+            </div>
+            <div>
+              <label for="unique-value" class="block text-sm font-medium text-gray-700 mb-1">Unique Value Proposition</label>
+              <input type="text" id="unique-value" class="input-highlight w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500">
+            </div>
+          </div>
+          <div class="flex justify-center pt-6">
+            <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-8 py-4 rounded-lg text-lg font-semibold transition duration-150 ease-in-out btn-glow flex items-center">
+              Generate Pitch
+              <i data-feather="arrow-right" class="ml-2 w-5 h-5"></i>
+            </button>
+          </div>
+        </div>
+        <div id="result" class="mt-10 hidden">
+          <h2 class="text-2xl font-bold text-gray-900 mb-4">Your AI-Generated Pitch</h2>
+          <div class="bg-gray-50 p-6 rounded-lg border border-gray-200">
+            <div id="pitch-content" class="prose max-w-none"></div>
+            <div class="mt-6 flex space-x-4">
+              <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-2 rounded-md text-sm font-medium">
+                <i data-feather="copy" class="mr-2 w-4 h-4 inline"></i> Copy
+              </button>
+              <button class="bg-white hover:bg-gray-50 text-gray-700 px-6 py-2 rounded-md border border-gray-300 text-sm font-medium">
+                <i data-feather="download" class="mr-2 w-4 h-4 inline"></i> Download
+              </button>
+              <button class="bg-white hover:bg-gray-50 text-gray-700 px-6 py-2 rounded-md border border-gray-300 text-sm font-medium">
+                <i data-feather="save" class="mr-2 w-4 h-4 inline"></i> Save
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <footer class="bg-white mt-12 border-t border-gray-200">
+      <div class="max-w-7xl mx-auto py-8 px-4 sm:px-6 lg:px-8 text-center">
+        <p class="text-base text-gray-500">&copy; 2023 PitchWhiz Pro AI. All rights reserved.</p>
+      </div>
+    </footer>
+    <script>
+      // Initialize Vanta.js background
+      VANTA.NET({
+        el: "#vanta-bg",
+        color: 0x6366f1,
+        backgroundColor: 0xf8fafc,
+        points: 12,
+        maxDistance: 22,
+        spacing: 18
+      });
+      // Initialize feather icons
+      feather.replace();
+      // Generate pitch button functionality
+      document.querySelector('button').addEventListener('click', function() {
+        const resultDiv = document.getElementById('result');
+        resultDiv.classList.remove('hidden');
+        // Simulate AI generation (in a real app, this would call an API)
+        setTimeout(() => {
+          document.getElementById('pitch-content').innerHTML = `
+            <h3>About ${document.getElementById('company-name').value || 'Your Company'}</h3>
+            <p>${document.getElementById('description').value || 'We are a cutting-edge company in the ' + (document.getElementById('industry').value || 'your industry') + ' sector.'}</p>
+            <h3>Our Unique Value</h3>
+            <p>${document.getElementById('unique-value').value || 'We provide innovative solutions that set us apart from competitors.'}</p>
+            <h3>Target Market</h3>
+            <p>${document.getElementById('target-audience').value || 'Our solution is designed for businesses and consumers who value quality and innovation.'}</p>
+            <h3>Why Invest?</h3>
+            <p>With our experienced team and proven approach, we're positioned for rapid growth in this emerging market.</p>
+          `;
+        }, 1500);
+      });
+    </script>
+</body>
+</html>

index.html CHANGED Viewed

@@ -1,19 +1,250 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>PitchCraft Pro | AI-Powered Pitch Generator</title>
+    <link rel="icon" href="https://static.photos/technology/32x32/42">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+      tailwind.config = {
+        theme: {
+          extend: {
+            colors: {
+              primary: '#6366f1',
+              secondary: '#10b981',
+            }
+          }
+        }
+      }
+    </script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+      body {
+        font-family: 'Inter', sans-serif;
+      }
+      #vanta-bg {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: -1;
+        opacity: 0.7;
+      }
+      .glass-card {
+        backdrop-filter: blur(16px) saturate(180%);
+        -webkit-backdrop-filter: blur(16px) saturate(180%);
+        background-color: rgba(255, 255, 255, 0.85);
+        border-radius: 12px;
+        border: 1px solid rgba(209, 213, 219, 0.3);
+      }
+      .input-highlight {
+        transition: all 0.3s ease;
+      }
+      .input-highlight:focus {
+        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3);
+        border-color: #6366f1;
+      }
+      .btn-glow:hover {
+        box-shadow: 0 0 15px rgba(99, 102, 241, 0.5);
+      }
+    </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+    <div id="vanta-bg"></div>
+    <!-- Navigation -->
+    <nav class="bg-white shadow-sm">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="flex justify-between h-16">
+          <div class="flex items-center">
+            <div class="flex-shrink-0 flex items-center">
+              <i data-feather="zap" class="text-primary h-6 w-6"></i>
+              <span class="ml-2 text-xl font-bold text-gray-900">PitchCraft Pro</span>
+            </div>
+          </div>
+          <div class="hidden sm:ml-6 sm:flex sm:items-center space-x-8">
+            <a href="#" class="text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 border-primary text-sm font-medium">
+              Generator
+            </a>
+            <a href="#" class="text-gray-500 hover:text-gray-900 inline-flex items-center px-1 pt-1 text-sm font-medium">
+              Dashboard
+            </a>
+            <a href="#" class="text-gray-500 hover:text-gray-900 inline-flex items-center px-1 pt-1 text-sm font-medium">
+              Pricing
+            </a>
+            <button class="bg-primary hover:bg-indigo-600 text-white px-4 py-2 rounded-md text-sm font-medium transition duration-150 ease-in-out btn-glow">
+              Sign In
+            </button>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <!-- Hero Section -->
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 md:py-24">
+      <div class="text-center">
+        <h1 class="text-4xl md:text-6xl font-bold text-gray-900 leading-tight">
+          Craft Perfect Pitches <br>
+          <span class="text-primary">Powered by AI</span>
+        </h1>
+        <p class="mt-6 text-xl text-gray-600 max-w-3xl mx-auto">
+          Transform your startup ideas into compelling investor pitches with our AI-powered platform. Get pitch-perfect results in seconds.
+        </p>
+        <div class="mt-8">
+          <button class="bg-primary hover:bg-indigo-600 text-white px-8 py-4 rounded-lg text-lg font-semibold transition duration-150 ease-in-out btn-glow">
+            Generate Your Pitch Now
+            <i data-feather="arrow-right" class="ml-2 w-5 h-5 inline"></i>
+          </button>
+        </div>
+      </div>
+    </div>
+    <!-- Features Section -->
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+        <!-- Feature 1 -->
+        <div class="glass-card p-6 rounded-xl shadow-sm">
+          <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary bg-opacity-10 text-primary">
+            <i data-feather="edit-3"></i>
+          </div>
+          <h3 class="mt-4 text-lg font-medium text-gray-900">Smart Generation</h3>
+          <p class="mt-2 text-gray-600">
+            Our AI analyzes your inputs to create structured, persuasive pitches tailored to your audience.
+          </p>
+        </div>
+        <!-- Feature 2 -->
+        <div class="glass-card p-6 rounded-xl shadow-sm">
+          <div class="flex items-center justify-center h-12 w-12 rounded-md bg-secondary bg-opacity-10 text-secondary">
+            <i data-feather="database"></i>
+          </div>
+          <h3 class="mt-4 text-lg font-medium text-gray-900">Pitch Library</h3>
+          <p class="mt-2 text-gray-600">
+            Save, organize, and revisit all your generated pitches in one convenient dashboard.
+          </p>
+        </div>
+        <!-- Feature 3 -->
+        <div class="glass-card p-6 rounded-xl shadow-sm">
+          <div class="flex items-center justify-center h-12 w-12 rounded-md bg-yellow-500 bg-opacity-10 text-yellow-500">
+            <i data-feather="download"></i>
+          </div>
+          <h3 class="mt-4 text-lg font-medium text-gray-900">Export Options</h3>
+          <p class="mt-2 text-gray-600">
+            Download your pitches as PDFs or text files to share with your team or investors.
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- CTA Section -->
+    <div class="bg-primary bg-opacity-5 py-16">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+        <h2 class="text-3xl font-bold text-gray-900">Ready to transform your ideas?</h2>
+        <p class="mt-4 text-xl text-gray-600 max-w-3xl mx-auto">
+          Join thousands of entrepreneurs who've crafted winning pitches with PitchCraft Pro.
+        </p>
+        <div class="mt-8">
+          <button class="bg-primary hover:bg-indigo-600 text-white px-8 py-3 rounded-lg text-lg font-semibold transition duration-150 ease-in-out btn-glow">
+            Get Started - It's Free
+          </button>
+        </div>
+      </div>
+    </div>
+    <!-- Footer -->
+    <footer class="bg-white mt-12">
+      <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
+        <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
+          <div>
+            <h3 class="text-sm font-semibold text-gray-500 tracking-wider uppercase">Product</h3>
+            <div class="mt-4 space-y-4">
+              <a href="#" class="text-base text-gray-600 hover:text-primary">Features</a><br>
+              <a href="#" class="text-base text-gray-600 hover:text-primary">Pricing</a><br>
+              <a href="#" class="text-base text-gray-600 hover:text-primary">API</a>
+            </div>
+          </div>
+          <div>
+            <h3 class="text-sm font-semibold text-gray-500 tracking-wider uppercase">Company</h3>
+            <div class="mt-4 space-y-4">
+              <a href="#" class="text-base text-gray-600 hover:text-primary">About</a><br>
+              <a href="#" class="text-base text-gray-600 hover:text-primary">Blog</a><br>
+              <a href="#" class="text-base text-gray-600 hover:text-primary">Careers</a>
+            </div>
+          </div>
+          <div>
+            <h3 class="text-sm font-semibold text-gray-500 tracking-wider uppercase">Legal</h3>
+            <div class="mt-4 space-y-4">
+              <a href="#" class="text-base text-gray-600 hover:text-primary">Privacy</a><br>
+              <a href="#" class="text-base text-gray-600 hover:text-primary">Terms</a><br>
+              <a href="#" class="text-base text-gray-600 hover:text-primary">Security</a>
+            </div>
+          </div>
+          <div>
+            <h3 class="text-sm font-semibold text-gray-500 tracking-wider uppercase">Connect</h3>
+            <div class="mt-4 flex space-x-6">
+              <a href="#" class="text-gray-600 hover:text-primary">
+                <i data-feather="twitter"></i>
+              </a>
+              <a href="#" class="text-gray-600 hover:text-primary">
+                <i data-feather="linkedin"></i>
+              </a>
+              <a href="#" class="text-gray-600 hover:text-primary">
+                <i data-feather="github"></i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div class="mt-12 border-t border-gray-200 pt-8 flex justify-between">
+          <p class="text-base text-gray-500">&copy; 2023 PitchCraft Pro. All rights reserved.</p>
+          <div class="flex space-x-6">
+            <a href="#" class="text-gray-500 hover:text-primary">
+              <i data-feather="globe" class="h-5 w-5"></i>
+            </a>
+            <a href="#" class="text-gray-500 hover:text-primary">
+              <i data-feather="mail" class="h-5 w-5"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <script>
+      // Initialize Vanta.js background
+      VANTA.NET({
+        el: "#vanta-bg",
+        color: 0x6366f1,
+        backgroundColor: 0xf8fafc,
+        points: 12,
+        maxDistance: 22,
+        spacing: 18
+      });
+      // Initialize feather icons
+      feather.replace();
+      // Simple animation for CTA button
+      document.querySelector('.btn-glow').addEventListener('mouseover', function() {
+        anime({
+          targets: this,
+          scale: 1.05,
+          duration: 300,
+          easing: 'easeInOutQuad'
+        });
+      });
+      document.querySelector('.btn-glow').addEventListener('mouseout', function() {
+        anime({
+          targets: this,
+          scale: 1,
+          duration: 300,
+          easing: 'easeInOutQuad'
+        });
+      });
+    </script>
+</body>
 </html>