feat: visual polish, nav login link, pricing badge fix, cursor fix, button contrast
- Hero mockup: enhanced 3D perspective and shadow - Testimonials: illustrated SVG avatars - Growth pricing card: visual prominence (scale, gradient, badge) - Most Popular badge: repositioned to avoid overlapping heading - Nav: added Log In link next to Start Free Trial - Fixed btn-primary text colour on anchor tags (white on blue) - Fixed cursor: default on all non-interactive elements - Disabled user-select on non-form content to prevent text caret
This commit is contained in:
Peter Foster
420
public/backup-20260214/index.html
Normal file
420
public/backup-20260214/index.html
Normal file
@@ -0,0 +1,420 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="TenderRadar - Your AI-powered UK public sector tender intelligence platform. Find and win more public sector contracts.">
|
||||
<title>TenderRadar | AI-Powered UK Public Sector Tender Intelligence</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header/Navigation -->
|
||||
<header class="header">
|
||||
<nav class="nav container">
|
||||
<div class="nav-brand">
|
||||
<img src="/logo.png" alt="TenderRadar" class="logo-icon">
|
||||
|
||||
</div>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="#features">Features</a></li>
|
||||
<li><a href="#how-it-works">How It Works</a></li>
|
||||
<li><a href="#pricing">Pricing</a></li>
|
||||
<li><a href="#faq">FAQ</a></li>
|
||||
<li><a href="/signup.html" class="btn btn-primary btn-sm">Start Free Trial</a></li>
|
||||
</ul>
|
||||
<button class="mobile-toggle" aria-label="Toggle menu">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<div class="hero-content">
|
||||
<div class="badge">Now in Beta</div>
|
||||
<h1 class="hero-title">Never Miss Another UK Public Sector Tender</h1>
|
||||
<p class="hero-subtitle">AI-powered tender intelligence that monitors every UK public procurement portal, matches opportunities to your capabilities, and helps you write winning bids.</p>
|
||||
<div class="hero-cta">
|
||||
<a href="/signup.html" class="btn btn-primary btn-lg">Start Your Free Trial</a>
|
||||
<a href="#how-it-works" class="btn btn-secondary btn-lg">See How It Works</a>
|
||||
</div>
|
||||
<div class="hero-stats">
|
||||
<div class="stat">
|
||||
<div class="stat-number" style="color:#1e40af!important">50,000+</div>
|
||||
<div class="stat-label">Tenders Monitored Monthly</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="stat-number" style="color: #1e40af !important;">4</div>
|
||||
<div class="stat-label">Major UK Portals Covered</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="stat-number" style="color:#1e40af!important">24/7</div>
|
||||
<div class="stat-label">Automated Monitoring</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Features Section -->
|
||||
<section id="features" class="features section">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2 class="section-title">Everything You Need to Win More Tenders</h2>
|
||||
<p class="section-subtitle">Comprehensive tender intelligence powered by AI</p>
|
||||
</div>
|
||||
<div class="features-grid">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
|
||||
<polyline points="7.5 4.21 12 6.81 16.5 4.21"/>
|
||||
<polyline points="7.5 19.79 7.5 14.6 3 12"/>
|
||||
<polyline points="21 12 16.5 14.6 16.5 19.79"/>
|
||||
<polyline points="3.27 6.96 12 12.01 20.73 6.96"/>
|
||||
<line x1="12" y1="22.08" x2="12" y2="12"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>AI-Powered Matching</h3>
|
||||
<p>Our AI analyzes your company profile and automatically matches you with relevant tenders based on your capabilities, past projects, and certifications.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
|
||||
<circle cx="8.5" cy="8.5" r="1.5"/>
|
||||
<polyline points="21 15 16 10 5 21"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Complete UK Coverage</h3>
|
||||
<p>Monitor all major UK procurement portals: Contracts Finder, Find a Tender, Public Contracts Scotland, and Sell2Wales in one dashboard.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M22 12h-4l-3 9L9 3l-3 9H2"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Instant Alerts</h3>
|
||||
<p>Get notified immediately when relevant tenders are published. Email, SMS, or Slack integration keeps you ahead of the competition.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
|
||||
<polyline points="14 2 14 8 20 8"/>
|
||||
<line x1="16" y1="13" x2="8" y2="13"/>
|
||||
<line x1="16" y1="17" x2="8" y2="17"/>
|
||||
<polyline points="10 9 9 9 8 9"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Bid Writing Assistant</h3>
|
||||
<p>AI-powered bid writing tools help you craft compelling proposals faster. Get suggestions based on winning bids in your sector.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Deadline Tracking</h3>
|
||||
<p>Never miss a deadline again. Smart calendar integration and automated reminders keep your bid pipeline organized.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M18 20V10"/>
|
||||
<path d="M12 20V4"/>
|
||||
<path d="M6 20v-6"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Analytics & Insights</h3>
|
||||
<p>Track your win rate, analyze market trends, and identify the most lucrative opportunities with detailed analytics dashboards.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- How It Works Section -->
|
||||
<section id="how-it-works" class="how-it-works section section-alt">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2 class="section-title">How TenderRadar Works</h2>
|
||||
<p class="section-subtitle">Start finding relevant tenders in minutes</p>
|
||||
</div>
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<div class="step-number">1</div>
|
||||
<div class="step-content">
|
||||
<h3>Set Up Your Profile</h3>
|
||||
<p>Tell us about your company, capabilities, sectors, and contract values you're interested in. Takes just 5 minutes.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-number">2</div>
|
||||
<div class="step-content">
|
||||
<h3>AI Monitors for You</h3>
|
||||
<p>Our AI continuously scans all UK procurement portals, analyzing thousands of tenders daily to find perfect matches.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-number">3</div>
|
||||
<div class="step-content">
|
||||
<h3>Get Instant Alerts</h3>
|
||||
<p>Receive notifications as soon as relevant tenders are published, with AI-generated summaries and match scores.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-number">4</div>
|
||||
<div class="step-content">
|
||||
<h3>Win More Contracts</h3>
|
||||
<p>Use our bid writing tools and deadline tracking to submit higher quality bids faster than ever before.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pricing Section -->
|
||||
<section id="pricing" class="pricing section">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2 class="section-title">Simple, Transparent Pricing</h2>
|
||||
<p class="section-subtitle">Choose the plan that fits your needs. All plans include a 14-day free trial.</p>
|
||||
</div>
|
||||
<div class="pricing-grid">
|
||||
<div class="pricing-card">
|
||||
<div class="pricing-header">
|
||||
<h3>Starter</h3>
|
||||
<div class="price"><span class="currency">£</span>39<span class="period">/month</span></div>
|
||||
</div>
|
||||
<ul class="pricing-features">
|
||||
<li>Up to 10 active tender alerts</li>
|
||||
<li>All UK procurement portals</li>
|
||||
<li>Email notifications</li>
|
||||
<li>Basic AI matching</li>
|
||||
<li>Deadline calendar</li>
|
||||
<li>14-day free trial</li>
|
||||
</ul>
|
||||
<a href="/signup.html" class="btn btn-outline">Start Free Trial</a>
|
||||
</div>
|
||||
<div class="pricing-card pricing-card-featured">
|
||||
<div class="pricing-badge">Most Popular</div>
|
||||
<div class="pricing-header">
|
||||
<h3>Growth</h3>
|
||||
<div class="price"><span class="currency">£</span>99<span class="period">/month</span></div>
|
||||
</div>
|
||||
<ul class="pricing-features">
|
||||
<li>Unlimited tender alerts</li>
|
||||
<li>All UK procurement portals</li>
|
||||
<li>Email, SMS & Slack alerts</li>
|
||||
<li>Advanced AI matching</li>
|
||||
<li>Bid writing assistant</li>
|
||||
<li>Analytics dashboard</li>
|
||||
<li>Priority support</li>
|
||||
<li>14-day free trial</li>
|
||||
</ul>
|
||||
<a href="/signup.html" class="btn btn-primary">Start Free Trial</a>
|
||||
</div>
|
||||
<div class="pricing-card">
|
||||
<div class="pricing-header">
|
||||
<h3>Pro</h3>
|
||||
<div class="price"><span class="currency">£</span>249<span class="period">/month</span></div>
|
||||
</div>
|
||||
<ul class="pricing-features">
|
||||
<li>Everything in Growth</li>
|
||||
<li>API access</li>
|
||||
<li>Custom integrations</li>
|
||||
<li>Team collaboration tools</li>
|
||||
<li>Advanced analytics & reports</li>
|
||||
<li>Dedicated account manager</li>
|
||||
<li>Custom AI training</li>
|
||||
<li>14-day free trial</li>
|
||||
</ul>
|
||||
<a href="/signup.html" class="btn btn-outline">Start Free Trial</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Testimonials Section -->
|
||||
<section class="testimonials section section-alt">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2 class="section-title">Trusted by UK Businesses</h2>
|
||||
<p class="section-subtitle">Join companies already winning more public sector contracts</p>
|
||||
</div>
|
||||
<div class="testimonials-grid">
|
||||
<div class="testimonial-card">
|
||||
<div class="testimonial-quote">"TenderRadar has transformed how we find opportunities. We're now bidding on contracts we would have never found manually."</div>
|
||||
<div class="testimonial-author">
|
||||
<div class="testimonial-name">Sarah Mitchell</div>
|
||||
<div class="testimonial-company">Director, TechServe Solutions</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial-card">
|
||||
<div class="testimonial-quote">"The AI matching is incredibly accurate. We've cut our tender research time by 80% and increased our win rate by 40%."</div>
|
||||
<div class="testimonial-author">
|
||||
<div class="testimonial-name">James Patterson</div>
|
||||
<div class="testimonial-company">CEO, BuildRight Construction</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial-card">
|
||||
<div class="testimonial-quote">"Finally, a tool that actually understands public procurement. The bid writing assistant alone is worth the subscription."</div>
|
||||
<div class="testimonial-author">
|
||||
<div class="testimonial-name">Emma Thompson</div>
|
||||
<div class="testimonial-company">Bid Manager, ConsultPro Ltd</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="faq section">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2 class="section-title">Frequently Asked Questions</h2>
|
||||
</div>
|
||||
<div class="faq-list">
|
||||
<div class="faq-item">
|
||||
<button class="faq-question">
|
||||
<span>Which procurement portals does TenderRadar cover?</span>
|
||||
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<polyline points="6 9 12 15 18 9"/>
|
||||
</svg>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p>TenderRadar monitors all major UK public procurement portals including Contracts Finder, Find a Tender (FTS), Public Contracts Scotland, and Sell2Wales. We also track framework agreements and dynamic purchasing systems.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<button class="faq-question">
|
||||
<span>How does the AI matching work?</span>
|
||||
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<polyline points="6 9 12 15 18 9"/>
|
||||
</svg>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p>Our AI analyzes your company profile, past bids, certifications, and capabilities against tender requirements. It uses natural language processing to understand tender descriptions and scores each opportunity based on relevance, fit, and likelihood of success.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<button class="faq-question">
|
||||
<span>Can I cancel my subscription at any time?</span>
|
||||
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<polyline points="6 9 12 15 18 9"/>
|
||||
</svg>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p>Yes, absolutely. All plans are month-to-month with no long-term contracts. You can cancel at any time from your account settings, and you'll retain access until the end of your billing period.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<button class="faq-question">
|
||||
<span>Is my company data secure?</span>
|
||||
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<polyline points="6 9 12 15 18 9"/>
|
||||
</svg>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p>Security is our top priority. All data is encrypted in transit and at rest, hosted on UK-based servers, and we're fully GDPR compliant. We never share your data with third parties and you maintain full control over your information.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<button class="faq-question">
|
||||
<span>How quickly will I start seeing relevant tenders?</span>
|
||||
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<polyline points="6 9 12 15 18 9"/>
|
||||
</svg>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p>Most users receive their first matched tenders within 24 hours of completing their profile. Our AI scans portals every hour, so you'll get alerts as soon as relevant opportunities are published.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<button class="faq-question">
|
||||
<span>Do you offer enterprise plans for larger organizations?</span>
|
||||
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<polyline points="6 9 12 15 18 9"/>
|
||||
</svg>
|
||||
</button>
|
||||
<div class="faq-answer">
|
||||
<p>Yes! We offer custom enterprise plans with advanced features including multi-user access, custom AI training, API access, dedicated support, and bespoke integrations. Contact us to discuss your requirements.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Signup Section -->
|
||||
<section id="signup" class="signup section">
|
||||
<div class="container">
|
||||
<div class="signup-content">
|
||||
<h2 class="signup-title">Start Finding Better Tenders Today</h2>
|
||||
<p class="signup-subtitle">Join the beta and get 14 days free. No credit card required.</p>
|
||||
<form class="signup-form" id="signupForm">
|
||||
<div class="form-group">
|
||||
<input type="email" id="email" name="email" placeholder="Enter your work email" required>
|
||||
<button type="submit" class="btn btn-primary btn-lg">Start Free Trial</button>
|
||||
</div>
|
||||
<p class="form-note">By signing up, you agree to our Terms of Service and Privacy Policy</p>
|
||||
<div id="formMessage" class="form-message"></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-col">
|
||||
<div class="footer-brand">
|
||||
<img src="/logo.png" alt="TenderRadar" class="logo-icon">
|
||||
|
||||
</div>
|
||||
<p class="footer-desc">AI-powered UK public sector tender intelligence platform</p>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4>Product</h4>
|
||||
<ul>
|
||||
<li><a href="#features">Features</a></li>
|
||||
<li><a href="#pricing">Pricing</a></li>
|
||||
<li><a href="#how-it-works">How It Works</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4>Company</h4>
|
||||
<ul>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<li><a href="#blog">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h4>Legal</h4>
|
||||
<ul>
|
||||
<li><a href="#privacy">Privacy Policy</a></li>
|
||||
<li><a href="#terms">Terms of Service</a></li>
|
||||
<li><a href="#gdpr">GDPR</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>© 2025 TenderRadar. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user