SBAerospace.github.io/sponsor.html at main · SBAerospace/SBAerospace.github.io · 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
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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Sponsor | SBAerospace</title>
  <meta name="description" content="Support SBAerospace and help South Brunswick High School students build real rockets and engineering skills." />
  <link rel="stylesheet" href="style.css" />
  <script src="main.js" defer></script>
</head>
<body>
  <a href="#main" class="skip-link">Skip to content</a>

  <header>
    <div class="nav-inner">
      <a href="index.html" class="logo">
        <img src="assets/logo/white-logo.png" alt="SBAerospace logo" />
        SBAerospace
      </a>
      <nav class="nav-links" aria-label="Primary navigation">
        <a href="index.html">Home</a>
        <a href="about.html">About</a>
        <a href="projects.html">Work</a>
        <a href="teams.html">Team</a>
        <a href="sponsor.html">Sponsor</a>
        <a href="contact.html">Contact</a>
        <a href="tryouts.html" style="color: var(--accent); font-weight: 700;">Tryouts</a>
      </nav>
      <div class="nav-actions">
        <button class="theme-toggle" id="themeToggle" aria-label="Toggle dark mode">
          <!-- Moon: shown in light mode -->
          <svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
          </svg>
          <!-- Sun: shown in dark mode -->
          <svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <circle cx="12" cy="12" r="5"/>
            <line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/>
            <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>
            <line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/>
            <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
          </svg>
        </button>

        <a href="contact.html" class="btn-nav">Join Us</a>
        <button class="hamburger" id="hamburger" aria-label="Open menu" aria-expanded="false">
          <span></span><span></span><span></span>
        </button>
      </div>
    </div>
  </header>

  <nav class="mobile-nav" id="mobileNav">
    <a href="index.html">Home</a>
    <a href="about.html">About</a>
    <a href="projects.html">Work</a>
    <a href="teams.html">Team</a>
    <a href="sponsor.html">Sponsor</a>
    <a href="contact.html">Contact</a>
    <a href="tryouts.html" style="color: var(--accent);">Tryouts →</a>
  </nav>

  <main id="main">

    <div class="page-header">
      <div class="container">
        <div class="section-label">Sponsorship</div>
        <h1>Help us build<br /><em>the next one.</em></h1>
        <p>Every dollar goes directly into rocket hardware, electronics components, and lab materials. We're a 100% student-run team with no permanent budget; sponsors make our biggest projects possible.</p>
      </div>
    </div>

    <!-- ── WHERE MONEY GOES ────────────────────────────────── -->
    <section class="section">
      <div class="container">
        <div class="section-header reveal">
          <div class="section-label">Impact</div>
          <h2 class="section-title">Where it actually goes</h2>
          <p class="section-sub">No overhead, no admin fees. Every contribution funds real builds.</p>
        </div>
        <div class="cards-grid">
          <div class="card reveal">
            <h3>Motor propellant</h3>
            <p>High-power rocket motors (G-J class) run $60-$200 each. We go through several per competition season, including test flights.</p>
          </div>
          <div class="card reveal reveal-delay-1">
            <h3>Electronics components</h3>
            <p>PCB fabrication, microcontrollers, sensors, and RF hardware for Rocket++ and our custom avionics add up fast, especially at prototype iteration speed.</p>
          </div>
          <div class="card reveal reveal-delay-2">
            <h3>Airframe materials</h3>
            <p>Fiberglass tubing, phenolic couplers, balsa and plywood for fins, and hardware like U-bolts and rail buttons are consumed every build cycle.</p>
          </div>
          <div class="card reveal reveal-delay-3">
            <h3>Competition & launch fees</h3>
            <p>ARC registration, TRA/NAR launch field fees, and travel to competition sites are real costs that limit how far we can go without support.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- ── TIERS ──────────────────────────────────────────── -->
    <section class="section" style="background: var(--surface);">
      <div class="container">
        <div class="section-header reveal">
          <div class="section-label">Sponsor Tiers</div>
          <h2 class="section-title">Ways to support us</h2>
        </div>
        <div class="tier-grid">

          <div class="tier-card reveal">
            <div class="tier-name">Bronze</div>
            <div class="tier-amount">$100</div>
            <div class="tier-desc">You'll help fund launch-day consumables: igniters, wadding, hardware. Small but directly felt.</div>
            <div class="tier-features">
              <div class="tier-feature">Name on our website</div>
              <div class="tier-feature">Thank-you post on social media</div>
              <div class="tier-feature">Launch day updates</div>
            </div>
          </div>

          <div class="tier-card featured reveal reveal-delay-1">
            <div class="tier-name">Silver</div>
            <div class="tier-amount">$300</div>
            <div class="tier-desc">Covers a motor and recovery hardware for a full flight. This is the level that makes a launch actually happen.</div>
            <div class="tier-features">
              <div class="tier-feature">Everything in Bronze</div>
              <div class="tier-feature">Logo on rocket airframe</div>
              <div class="tier-feature">Bi-monthly project updates</div>
              <div class="tier-feature">Mention in competition packet</div>
            </div>
          </div>

          <div class="tier-card reveal reveal-delay-2">
            <div class="tier-name">Gold</div>
            <div class="tier-amount">$750</div>
            <div class="tier-desc">Covers PCB fabrication, a full motor, and materials for one build cycle. At this level, you're funding a major subsystem.</div>
            <div class="tier-features">
              <div class="tier-feature">Everything in Silver</div>
              <div class="tier-feature">Named in post-launch write-ups</div>
              <div class="tier-feature">Invitation to demo days</div>
              <div class="tier-feature">Logo on team banner</div>
            </div>
          </div>

          <div class="tier-card reveal reveal-delay-3">
            <div class="tier-name">Platinum</div>
            <div class="tier-amount">$1,500+</div>
            <div class="tier-desc">Sustains the team for a full competition season, from first CAD file to launch day. The highest level of recognition we can offer.</div>
            <div class="tier-features">
              <div class="tier-feature">Everything in Gold</div>
              <div class="tier-feature">Primary sponsor designation</div>
              <div class="tier-feature">Logo on all materials</div>
              <div class="tier-feature">Annual impact report</div>
              <div class="tier-feature">Direct team connection</div>
            </div>
          </div>

        </div>
      </div>
    </section>

    <!-- ── FORM ───────────────────────────────────────────── -->
    <section class="section">
      <div class="container">
        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start;" class="reveal">
          <div>
            <div class="section-label">Get in Touch</div>
            <h2 class="section-title">Interested in<br />sponsoring?</h2>
            <p style="color: var(--text-2); line-height: 1.7; margin-bottom: 1.25rem;">
              Fill out the form and we'll follow up within a week with more information, including a formal sponsorship letter if needed for organizational reimbursement.
            </p>
            <p style="color: var(--text-2); line-height: 1.7; margin-bottom: 1.25rem;">
              Not sure what tier makes sense? We're happy to talk through options, including in-kind donations of materials, tools, or software licenses.
            </p>
            <p style="color: var(--text-2); line-height: 1.7;">
              You can also just email us directly: <a href="mailto:sbhsaerospace@gmail.com" style="color: var(--accent); font-weight: 600;">sbhsaerospace@gmail.com</a>
            </p>
          </div>
          <div class="form-wrap">
            <form id="sponsorForm" novalidate>
              <div class="form-group">
                <label for="sponsor-name">Your name or organization</label>
                <input type="text" id="sponsor-name" name="name" placeholder="ACME Corp or Jane Smith" required />
              </div>
              <div class="form-group">
                <label for="sponsor-email">Email</label>
                <input type="email" id="sponsor-email" name="email" placeholder="you@company.com" required />
              </div>
              <div class="form-group">
                <label>Contribution level</label>
                <div class="amount-radio-group">
                  <div class="amount-radio">
                    <input type="radio" name="tier" id="tier-bronze" value="bronze" />
                    <label for="tier-bronze">Bronze<br />$100</label>
                  </div>
                  <div class="amount-radio">
                    <input type="radio" name="tier" id="tier-silver" value="silver" />
                    <label for="tier-silver">Silver<br />$300</label>
                  </div>
                  <div class="amount-radio">
                    <input type="radio" name="tier" id="tier-gold" value="gold" />
                    <label for="tier-gold">Gold<br />$750</label>
                  </div>
                  <div class="amount-radio">
                    <input type="radio" name="tier" id="tier-platinum" value="platinum" />
                    <label for="tier-platinum">Platinum<br />$1,500+</label>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <label for="sponsor-notes">Anything else? (optional)</label>
                <textarea id="sponsor-notes" name="notes" rows="3" placeholder="In-kind donation, questions, custom amount, etc."></textarea>
              </div>
              <button type="submit" class="btn btn-primary" style="width: 100%;">Send Inquiry</button>
            </form>
          </div>
        </div>
      </div>
    </section>

  </main>

  <footer>
    <div class="footer-inner">
      <div class="footer-brand">
        <h3>SBAerospace</h3>
        <p>South Brunswick High School's student-run aerospace engineering team. We design, build, and fly rockets, and everything inside them.</p>
      </div>
      <div class="footer-col">
        <h4>Pages</h4>
        <a href="about.html">About</a>
        <a href="projects.html">Work</a>
        <a href="teams.html">Team</a>
        <a href="sponsor.html">Sponsor</a>
        <a href="contact.html">Contact</a>
      </div>
      <div class="footer-col">
        <h4>Connect</h4>
        <a href="mailto:sbhsaerospace@gmail.com">Email Us</a>
        <a href="https://www.instagram.com/sbhs_aerospaceclub_team_a/" target="_blank" rel="noopener noreferrer">Instagram</a>
        <a href="https://www.linkedin.com/company/south-brunswick-high-school-aerospace" target="_blank" rel="noopener noreferrer">LinkedIn</a>
        <a href="https://github.com/SBAerospace" target="_blank" rel="noopener noreferrer">GitHub</a>
        <a href="https://www.facebook.com/people/SB-Aerospace/61559474409905/" target="_blank" rel="noopener noreferrer">Facebook</a>
      </div>
    </div>
    <div class="footer-bottom">
      <span>© <span id="copy-year">2026</span> SBAerospace. South Brunswick, NJ.</span>
      <a href="contact.html">sbhsaerospace@gmail.com</a>
    </div>
  </footer>

</body>
</html>