cloud-hosting-platform/site-builder
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add templates, tests, and miscellaneous project files

Browse Source 
Includes new page templates (fitness-gym, nonprofit, online-course,
photography-studio, real-estate, startup-company, travel-blog,
wedding-invitation) with thumbnail SVGs, test specs, documentation
files, and minor updates to index.html, router.php, and playwright config.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Josh Knapp
2026-03-01 14:15:58 -08:00
parent 03f573b451
commit b511a6684d
61 changed files with 6919 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
templates/startup-company/team.html Normal file
View File

@@ -0,0 +1,115 @@
<!-- Navigation -->
<nav style="display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background-color:#0f172a;font-family:'Inter',sans-serif;">
<a href="home.html" style="font-size:22px;font-weight:700;color:#ffffff;text-decoration:none;letter-spacing:-0.5px;">NovaTech</a>
<div style="display:flex;align-items:center;gap:32px;">
<a href="product.html" style="color:#cbd5e1;text-decoration:none;font-size:15px;font-weight:500;">Product</a>
<a href="team.html" style="color:#ffffff;text-decoration:none;font-size:15px;font-weight:600;">Team</a>
<a href="contact.html" style="color:#cbd5e1;text-decoration:none;font-size:15px;font-weight:500;">Contact</a>
<a href="#" style="background-color:#6366f1;color:#ffffff;padding:10px 24px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;">Get Started</a>
</div>
</nav>
<!-- Page Header -->
<section style="background-color:#0f172a;padding:96px 48px;text-align:center;font-family:'Inter',sans-serif;">
<div style="max-width:640px;margin:0 auto;">
<p style="font-size:14px;font-weight:600;color:#6366f1;text-transform:uppercase;letter-spacing:2px;margin:0 0 16px;">Our Team</p>
<h1 style="font-size:48px;font-weight:800;color:#ffffff;line-height:1.15;margin:0 0 20px;letter-spacing:-1.5px;">Meet Our Team</h1>
<p style="font-size:18px;color:#94a3b8;line-height:1.7;margin:0;">The people behind NovaTech who are passionate about building tools that help teams thrive.</p>
</div>
</section>
<!-- Team Grid -->
<section style="background-color:#ffffff;padding:96px 48px;font-family:'Inter',sans-serif;">
<div style="max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;">
<!-- Member 1 -->
<div style="flex:1;min-width:300px;max-width:340px;text-align:center;">
<img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?w=400&h=400&fit=crop&crop=face" alt="Alex Chen" style="width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:20px;" />
<h3 style="font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">Alex Chen</h3>
<p style="font-size:14px;font-weight:600;color:#6366f1;margin:0 0 12px;">CEO & Co-Founder</p>
<p style="font-size:14px;color:#64748b;line-height:1.7;margin:0;">Former VP of Engineering at DataCo. 15 years building analytics platforms at scale.</p>
</div>
<!-- Member 2 -->
<div style="flex:1;min-width:300px;max-width:340px;text-align:center;">
<img src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=400&h=400&fit=crop&crop=face" alt="Sarah Mitchell" style="width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:20px;" />
<h3 style="font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">Sarah Mitchell</h3>
<p style="font-size:14px;font-weight:600;color:#6366f1;margin:0 0 12px;">CTO & Co-Founder</p>
<p style="font-size:14px;color:#64748b;line-height:1.7;margin:0;">PhD in Machine Learning from Stanford. Led AI research at two Fortune 500 companies.</p>
</div>
<!-- Member 3 -->
<div style="flex:1;min-width:300px;max-width:340px;text-align:center;">
<img src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=400&fit=crop&crop=face" alt="James Park" style="width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:20px;" />
<h3 style="font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">James Park</h3>
<p style="font-size:14px;font-weight:600;color:#6366f1;margin:0 0 12px;">Head of Design</p>
<p style="font-size:14px;color:#64748b;line-height:1.7;margin:0;">Design lead with 10 years of experience crafting intuitive B2B products users love.</p>
</div>
<!-- Member 4 -->
<div style="flex:1;min-width:300px;max-width:340px;text-align:center;">
<img src="https://images.unsplash.com/photo-1580489944761-15a19d654956?w=400&h=400&fit=crop&crop=face" alt="Maria Rodriguez" style="width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:20px;" />
<h3 style="font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">Maria Rodriguez</h3>
<p style="font-size:14px;font-weight:600;color:#6366f1;margin:0 0 12px;">VP of Engineering</p>
<p style="font-size:14px;color:#64748b;line-height:1.7;margin:0;">Full-stack engineer turned leader. Scaled infrastructure at three hypergrowth startups.</p>
</div>
<!-- Member 5 -->
<div style="flex:1;min-width:300px;max-width:340px;text-align:center;">
<img src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop&crop=face" alt="David Kim" style="width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:20px;" />
<h3 style="font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">David Kim</h3>
<p style="font-size:14px;font-weight:600;color:#6366f1;margin:0 0 12px;">Head of Sales</p>
<p style="font-size:14px;color:#64748b;line-height:1.7;margin:0;">Built sales teams from zero to $20M ARR. Passionate about helping customers succeed.</p>
</div>
<!-- Member 6 -->
<div style="flex:1;min-width:300px;max-width:340px;text-align:center;">
<img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop&crop=face" alt="Emily Watson" style="width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:20px;" />
<h3 style="font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">Emily Watson</h3>
<p style="font-size:14px;font-weight:600;color:#6366f1;margin:0 0 12px;">Head of Customer Success</p>
<p style="font-size:14px;color:#64748b;line-height:1.7;margin:0;">Customer advocate with a track record of 98% retention rates and NPS scores above 70.</p>
</div>
</div>
</section>
<!-- Culture Section -->
<section style="background-color:#f8fafc;padding:96px 48px;font-family:'Inter',sans-serif;">
<div style="max-width:800px;margin:0 auto;text-align:center;">
<h2 style="font-size:34px;font-weight:800;color:#0f172a;margin:0 0 20px;letter-spacing:-0.5px;">Our Culture & Values</h2>
<p style="font-size:17px;color:#64748b;line-height:1.8;margin:0 0 40px;">We believe great products come from great teams. At NovaTech, we foster an environment of transparency, continuous learning, and bold experimentation. Every voice matters, and we celebrate both wins and thoughtful failures.</p>
<div style="display:flex;gap:32px;flex-wrap:wrap;justify-content:center;">
<div style="flex:1;min-width:200px;max-width:220px;text-align:center;">
<div style="width:48px;height:48px;background-color:#e0e7ff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:20px;color:#6366f1;font-weight:700;">&#9825;</div>
<h4 style="font-size:16px;font-weight:700;color:#0f172a;margin:0 0 4px;">Transparency</h4>
<p style="font-size:13px;color:#64748b;margin:0;">Open books, open doors, open minds.</p>
</div>
<div style="flex:1;min-width:200px;max-width:220px;text-align:center;">
<div style="width:48px;height:48px;background-color:#e0e7ff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:20px;color:#6366f1;font-weight:700;">&#9883;</div>
<h4 style="font-size:16px;font-weight:700;color:#0f172a;margin:0 0 4px;">Innovation</h4>
<p style="font-size:13px;color:#64748b;margin:0;">Ship fast, learn faster.</p>
</div>
<div style="flex:1;min-width:200px;max-width:220px;text-align:center;">
<div style="width:48px;height:48px;background-color:#e0e7ff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:20px;color:#6366f1;font-weight:700;">&#9734;</div>
<h4 style="font-size:16px;font-weight:700;color:#0f172a;margin:0 0 4px;">Excellence</h4>
<p style="font-size:13px;color:#64748b;margin:0;">Raise the bar, every day.</p>
</div>
</div>
</div>
</section>
<!-- Careers CTA -->
<section style="padding:96px 48px;font-family:'Inter',sans-serif;background:linear-gradient(135deg,#6366f1,#4338ca);text-align:center;">
<div style="max-width:600px;margin:0 auto;">
<h2 style="font-size:38px;font-weight:800;color:#ffffff;margin:0 0 16px;letter-spacing:-1px;">Join Our Team</h2>
<p style="font-size:17px;color:#c7d2fe;line-height:1.7;margin:0 0 36px;">We're always looking for talented people who share our passion for great products. Check out our open roles or drop us a line.</p>
<a href="mailto:careers@novatech.io" style="display:inline-block;background-color:#ffffff;color:#4338ca;padding:14px 36px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:700;">View Open Positions</a>
</div>
</section>
<!-- Footer -->
<footer style="background-color:#0f172a;padding:48px;font-family:'Inter',sans-serif;">
<div style="max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;">
<a href="home.html" style="font-size:18px;font-weight:700;color:#ffffff;letter-spacing:-0.5px;text-decoration:none;">NovaTech</a>
<div style="display:flex;gap:28px;">
<a href="product.html" style="color:#94a3b8;text-decoration:none;font-size:14px;">Product</a>
<a href="team.html" style="color:#94a3b8;text-decoration:none;font-size:14px;">Team</a>
<a href="contact.html" style="color:#94a3b8;text-decoration:none;font-size:14px;">Contact</a>
<a href="#" style="color:#94a3b8;text-decoration:none;font-size:14px;">Privacy</a>
</div>
<p style="color:#475569;font-size:13px;margin:0;">&copy; 2026 NovaTech. All rights reserved.</p>
</div>
</footer>