FundStack-AI/index.html at main · JFeimster/FundStack-AI · GitHub

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
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>FundStack AI | Funding Intelligence and Partner Tools</title>
  <meta name="description" content="FundStack AI is a static-first funding intelligence and partner enablement hub for tools, funding education, vertical pages, and partner resources.">
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800;900&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="assets/css/styles.css">
</head>
<body class="antialiased selection:bg-brand-500 selection:text-dark-900 overflow-x-hidden">
  <main class="fs-page-shell">
    <nav class="fixed w-full z-50 border-b border-white/5 bg-dark-900/90 backdrop-blur-md">
      <div class="fs-container h-16 flex items-center justify-between">
        <a href="index.html" class="font-display font-bold text-xl tracking-tight flex items-center gap-2">
          <span class="w-3 h-3 bg-brand-500 rounded-full animate-pulse"></span>
          FUNDSTACK<span class="text-brand-500">AI</span>
        </a>
        <div class="hidden md:flex gap-7 text-[11px] font-bold uppercase tracking-[0.12em] text-gray-500">
          <a href="tools/index.html" class="hover:text-brand-500 transition-colors">Tools</a>
          <a href="funding/index.html" class="hover:text-brand-500 transition-colors">Funding</a>
          <a href="partners/index.html" class="hover:text-brand-500 transition-colors">Partners</a>
          <a href="verticals/index.html" class="hover:text-brand-500 transition-colors">Verticals</a>
          <a href="solutions/index.html" class="hover:text-brand-500 transition-colors">Solutions</a>
        </div>
        <a href="partners/index.html" class="fs-button fs-button-primary !py-2 !px-5 text-[11px]">Partner Hub</a>
      </div>
    </nav>

    <header class="relative z-10 pt-44 pb-20 px-6 text-center">
      <div class="fs-kicker mb-8">Moonshine Capital Partner Ecosystem</div>
      <h1 class="fs-display text-5xl md:text-8xl font-black mb-8 max-w-6xl mx-auto">
        Funding Readiness Tools for Partners Who Hate Guesswork
      </h1>
      <p class="text-lg md:text-xl text-gray-400 max-w-3xl mx-auto mb-10 leading-relaxed">
        FundStack AI helps partners and business owners organize funding conversations with pre-check tools, product education, vertical pages, and compliance-safe next steps.
      </p>
      <div class="fs-button-row justify-center">
        <a href="tools/index.html" class="fs-button fs-button-primary">Explore Tools</a>
        <a href="partners/index.html" class="fs-button fs-button-secondary">Become a Partner</a>
        <a href="funding/index.html" class="fs-button fs-button-secondary">Review Funding Paths</a>
      </div>
    </header>

    <section class="fs-container fs-section">
      <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
        <a href="tools/index.html" class="fs-card p-8">
          <span class="fs-pill mb-5">Tool Library</span>
          <h2 class="font-display text-2xl font-bold mb-3">Pre-Check Before You Pitch</h2>
          <p class="fs-muted leading-relaxed">Use calculators, quizzes, and readiness tools to identify strengths, friction points, and next steps before a full review.</p>
        </a>
        <a href="funding/index.html" class="fs-card p-8">
          <span class="fs-pill mb-5">Funding Education</span>
          <h2 class="font-display text-2xl font-bold mb-3">Match the Profile to the Path</h2>
          <p class="fs-muted leading-relaxed">Review product categories and routing logic without exposing backend relationships or promising outcomes.</p>
        </a>
        <a href="partners/assets.html" class="fs-card p-8">
          <span class="fs-pill mb-5">Partner Assets</span>
          <h2 class="font-display text-2xl font-bold mb-3">Share Better Resources</h2>
          <p class="fs-muted leading-relaxed">Give partners simple launch assets, link-in-bio pages, dashboard concepts, and scripts they can use in real conversations.</p>
        </a>
      </div>
    </section>

    <section class="fs-container fs-section border-t border-white/5">
      <div class="flex flex-col md:flex-row justify-between gap-8 mb-12">
        <div class="max-w-2xl">
          <div class="fs-kicker mb-5">Ecosystem Map</div>
          <h2 class="fs-display text-4xl md:text-6xl font-black mb-4">One Hub. Multiple Entry Points.</h2>
          <p class="fs-muted text-lg leading-relaxed">Send prospects to the right starting point: tools for readiness, vertical pages for industry context, or solution pages for urgent capital conversations.</p>
        </div>
      </div>
      <div class="fs-grid-2">
        <a href="verticals/index.html" class="fs-card p-8">
          <span class="fs-pill mb-5">Verticals</span>
          <h3 class="font-display text-2xl font-bold mb-3">Industry Pages</h3>
          <p class="fs-muted leading-relaxed">Trucking, medical, e-commerce, contractors, and real estate investor pages for more relevant conversations.</p>
        </a>
        <a href="solutions/index.html" class="fs-card p-8">
          <span class="fs-pill mb-5">Solutions</span>
          <h3 class="font-display text-2xl font-bold mb-3">Problem-Based Pages</h3>
          <p class="fs-muted leading-relaxed">Bank denial, payroll gap, equipment need, and pre-revenue startup pages for common pressure points.</p>
        </a>
      </div>
    </section>

    <section id="apply" class="fs-container fs-section border-t border-white/5">
      <div class="text-center mb-12">
        <div class="fs-kicker mb-5">Partner Intake</div>
        <h2 class="fs-display text-4xl md:text-6xl font-black mb-5">Build Better Funding Conversations</h2>
        <p class="text-gray-400 text-lg max-w-3xl mx-auto leading-relaxed">Use FundStack AI as your partner enablement layer for intake, education, and routing support. Submit your partner profile to start the review process.</p>
      </div>
      <div class="fs-panel rounded-[2rem] overflow-hidden bg-dark-800/40">
        <div class="tally-container min-h-[500px]">
          <iframe
            data-tally-src="https://tally.so/embed/mOe658?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1"
            loading="lazy"
            width="100%"
            height="500"
            frameborder="0"
            marginheight="0"
            marginwidth="0"
            title="FundStack AI Partner Intake">
          </iframe>
        </div>
      </div>
      <div class="fs-disclaimer mt-8">FundStack AI tools are for planning, education, intake, and routing support only. Provider criteria apply. Approval, terms, amounts, timing, and available options are not guaranteed.</div>
    </section>

    <footer class="relative z-10 py-20 px-6 border-t border-white/5 text-center">
      <div class="max-w-4xl mx-auto text-gray-600 font-bold text-[10px] uppercase tracking-[0.35em]">
        &copy; 2026 FUNDSTACK AI | A MOONSHINE CAPITAL TECHNOLOGY PARTNER
      </div>
    </footer>
  </main>
  <script src="assets/js/app.js"></script>
</body>
</html>