Initial commit: TenderPilot MVP
This commit is contained in:
156
public/index.html
Executable file
156
public/index.html
Executable file
@@ -0,0 +1,156 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>TenderPilot - Find & Win UK Government Contracts</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar">
|
||||
<div class="container">
|
||||
<div class="logo">TenderPilot</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="#features">Features</a></li>
|
||||
<li><a href="#pricing">Pricing</a></li>
|
||||
<li><a href="#signup">Sign Up</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<h1>Find and Win UK Government Contracts</h1>
|
||||
<p>TenderPilot is your AI-powered tender finder and bid assistant. Discover relevant government tenders, get intelligent matching, and accelerate your bids.</p>
|
||||
<a href="#signup" class="cta-button">Start Your Free Trial</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- How It Works -->
|
||||
<section class="how-it-works">
|
||||
<div class="container">
|
||||
<h2>How It Works</h2>
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<div class="step-number">1</div>
|
||||
<h3>Set Your Profile</h3>
|
||||
<p>Tell us about your business, sectors, and preferences.</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-number">2</div>
|
||||
<h3>Get Matched</h3>
|
||||
<p>Our algorithm finds relevant tenders from across UK government.</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-number">3</div>
|
||||
<h3>Win Bids</h3>
|
||||
<p>Access tender details, documents, and bid guidance in one place.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Features -->
|
||||
<section id="features" class="features">
|
||||
<div class="container">
|
||||
<h2>Powerful Features</h2>
|
||||
<div class="feature-grid">
|
||||
<div class="feature-card">
|
||||
<h3>Real-Time Alerts</h3>
|
||||
<p>Get notified instantly when new tenders match your profile.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<h3>Smart Matching</h3>
|
||||
<p>AI-powered algorithm matches opportunities to your capability.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<h3>Full Tender Details</h3>
|
||||
<p>Access requirements, evaluation criteria, and related documents.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<h3>Search & Filter</h3>
|
||||
<p>Find tenders by sector, value, location, and more.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<h3>Bid Guidance</h3>
|
||||
<p>Expert tips to improve your bid success rate.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<h3>Portfolio Tracking</h3>
|
||||
<p>Track all your matches and bids in one dashboard.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pricing -->
|
||||
<section id="pricing" class="pricing">
|
||||
<div class="container">
|
||||
<h2>Simple, Transparent Pricing</h2>
|
||||
<div class="pricing-grid">
|
||||
<div class="pricing-card">
|
||||
<h3>Starter</h3>
|
||||
<p class="price">£39<span>/month</span></p>
|
||||
<ul class="features-list">
|
||||
<li>Up to 20 matches/month</li>
|
||||
<li>Email alerts</li>
|
||||
<li>Search tenders</li>
|
||||
</ul>
|
||||
<button class="btn-secondary">Choose Plan</button>
|
||||
</div>
|
||||
<div class="pricing-card featured">
|
||||
<div class="badge">Most Popular</div>
|
||||
<h3>Professional</h3>
|
||||
<p class="price">£99<span>/month</span></p>
|
||||
<ul class="features-list">
|
||||
<li>Unlimited matches</li>
|
||||
<li>Real-time alerts</li>
|
||||
<li>Advanced filtering</li>
|
||||
<li>Bid guidance</li>
|
||||
<li>Email support</li>
|
||||
</ul>
|
||||
<button class="btn-primary">Choose Plan</button>
|
||||
</div>
|
||||
<div class="pricing-card">
|
||||
<h3>Enterprise</h3>
|
||||
<p class="price">£249<span>/month</span></p>
|
||||
<ul class="features-list">
|
||||
<li>Everything in Professional</li>
|
||||
<li>Multiple users</li>
|
||||
<li>API access</li>
|
||||
<li>Priority support</li>
|
||||
<li>Custom matching</li>
|
||||
</ul>
|
||||
<button class="btn-secondary">Choose Plan</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Signup Form -->
|
||||
<section id="signup" class="signup">
|
||||
<div class="container">
|
||||
<h2>Join Our Beta</h2>
|
||||
<p>Be among the first to discover winning tenders</p>
|
||||
<form id="signupForm" class="signup-form">
|
||||
<input type="email" placeholder="Your email" required>
|
||||
<input type="text" placeholder="Company name" required>
|
||||
<button type="submit" class="btn-primary">Sign Up for Beta</button>
|
||||
<p class="message" id="formMessage"></p>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p>© 2026 TenderPilot. All rights reserved.</p>
|
||||
<p>Helping UK businesses win government contracts</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user