Hugging Face's logo

Spaces:
Vibranium0
/
ai_startup
Sleeping

App Files Community
ai_startup
File size: 4,925 Bytes
b14824c
f54551a
30785e5
f54551a
30785e5
 
 
 
 
b14824c
 
30785e5
 
f54551a
 
 
 
30785e5
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
b14824c
 
30785e5
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
f54551a
30785e5
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
b14824c
30785e5
b14824c
f54551a
 
30785e5
f54551a
30785e5
f54551a
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>StartupAI — Analysis</title>

  <link rel="stylesheet" href="style.css" />

  <!-- Firebase -->
  <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
</head>

<body>

  <!-- ===================== NAVBAR ===================== -->
  <header class="topbar">
    <div class="brand" onclick="location.href='/'" style="cursor: pointer;">StartupAI</div>

    <nav class="nav">
      <a href="/">Home</a>
      <a href="features.html">Features</a>
      <a href="analysis.html" class="active">Analysis</a>
    </nav>

    <div class="actions">
      <!-- User Profile -->
      <div id="userSection" class="user-section hidden">
        <img id="userPhoto" class="user-photo" src="" alt="Profile" />
        <div id="userDropdown" class="dropdown hidden">
          <div id="userName" class="dropdown-name"></div>
          <div id="userEmail" class="dropdown-email"></div>
          <button class="dropdown-item" onclick="location.href='my-reports.html'">My Reports</button>
          <button class="dropdown-item danger" onclick="handleLogout()">Logout</button>
        </div>
      </div>

      <!-- Login Button -->
      <button id="openGoogle" class="ghost">Login with Google</button>
    </div>
  </header>


  <!-- ===================== PAGE CONTENT ===================== -->
  <main>
    <section class="hero">
      <div class="hero-badge">📊 AI Startup Evaluation</div>
      <h1 class="hero-title">Your <span>Analysis Dashboard</span></h1>
      <p class="hero-sub">
        Choose an analysis mode to evaluate your startup. Fast for quick insights.
        Deep for complete feasibility & prediction.
      </p>

      <div class="hero-ctas">
        <button class="btn pill" id="openFast">⚡ Start Fast Analysis</button>
        <button class="btn pill" id="openDeep">🎯 Start Deep Analysis</button>
      </div>
    </section>


    <section class="analysis-chooser">
      <h2>Choose Your Analysis Type</h2>
      <p>AI-powered startup evaluation based on thousands of patterns.</p>

      <div class="cards">

        <!-- FAST ANALYSIS -->
        <div class="card" data-mode="fast">
          <div class="card-icon">⚡</div>
          <h3>Fast Analysis</h3>
          <p class="muted">Quick evaluation for early-stage ideas</p>

          <ul>
            <li>Startup idea overview</li>
            <li>Problem statement</li>
            <li>Target audience</li>
            <li>Industry identification</li>
          </ul>

          <button class="btn large start" data-mode="fast">
            Start Fast Analysis →
          </button>
        </div>

        <!-- DEEP ANALYSIS -->
        <div class="card recommended" data-mode="deep">
          <div class="badge">Recommended</div>
          <div class="card-icon">🎯</div>
          <h3>Deep Analysis</h3>
          <p class="muted">Complete in-depth evaluation for founders</p>

          <ul>
            <li>Everything in Fast Analysis</li>
            <li>Business model breakdown</li>
            <li>Competitive mapping</li>
            <li>Financial projection logic</li>
            <li>Market timing</li>
            <li>Growth potential</li>
          </ul>

          <button class="btn large start" data-mode="deep">
            Start Deep Analysis →
          </button>
        </div>

      </div>
    </section>

    <section class="history-section">
      <h3>Your Recent Analyses</h3>
      <div id="historyList" class="history-list"></div>
    </section>

    <footer class="foot">
      Made with ❤️ by team Vibranium — AI for founders.
    </footer>
  </main>


  <!-- ===================== ANALYSIS MODAL ===================== -->
  <div id="inputModal" class="modal hidden">
    <div class="modal-card">
      <button id="closeModal" class="modal-close">✕</button>
      <h2 id="modalTitle">Start Analysis</h2>

      <input id="name" placeholder="Startup / Project name" />
      <input id="pitch" placeholder="One-line pitch (what you do)" />
      <textarea id="description" placeholder="Describe the problem & solution"></textarea>

      <select id="industry">
        <option value="">Industry (optional)</option>
        <option>Fintech</option>
        <option>Healthcare</option>
        <option>Education</option>
        <option>SaaS</option>
        <option>Other</option>
      </select>

      <div style="display:flex;gap:10px;">
        <button id="analyzeBtn" class="btn primary">Analyze</button>
        <button id="cancelBtn" class="btn ghost">Cancel</button>
      </div>

      <div id="formStatus" class="muted small" style="margin-top:10px;"></div>
    </div>
  </div>

  <script src="script.js"></script>
</body>

</html>