summaryrefslogtreecommitdiff
path: root/static/landing.html
diff options
context:
space:
mode:
Diffstat (limited to 'static/landing.html')
-rw-r--r--static/landing.html317
1 files changed, 0 insertions, 317 deletions
diff --git a/static/landing.html b/static/landing.html
deleted file mode 100644
index 339d865..0000000
--- a/static/landing.html
+++ /dev/null
@@ -1,317 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>TaskFlow - Streamline Your Project Management</title>
- <link rel="stylesheet" href="landing-styles.css">
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
-</head>
-<body>
- <nav class="navbar">
- <div class="nav-container">
- <div class="nav-logo">TaskFlow</div>
- <ul class="nav-menu">
- <li><a href="#features" class="nav-link">Features</a></li>
- <li><a href="#pricing" class="nav-link">Pricing</a></li>
- <li><a href="#about" class="nav-link">About</a></li>
- <li><a href="#contact" class="nav-link">Contact</a></li>
- </ul>
- <div class="nav-actions">
- <button class="btn btn-ghost">Sign In</button>
- <button class="btn btn-primary">Start Free Trial</button>
- </div>
- <div class="hamburger">
- <span></span>
- <span></span>
- <span></span>
- </div>
- </div>
- </nav>
-
- <main>
- <section class="hero">
- <div class="hero-content">
- <div class="hero-text">
- <h1 class="hero-title">
- Streamline Your <span class="gradient-text">Project Management</span>
- </h1>
- <p class="hero-subtitle">
- TaskFlow helps teams collaborate better, track progress effortlessly, and deliver projects on time.
- Join thousands of teams who trust TaskFlow to get things done.
- </p>
- <div class="hero-buttons">
- <button class="btn btn-primary btn-large">Start Free Trial</button>
- <button class="btn btn-secondary btn-large">Watch Demo</button>
- </div>
- <div class="hero-stats">
- <div class="stat-item">
- <strong>10,000+</strong>
- <span>Active Teams</span>
- </div>
- <div class="stat-item">
- <strong>500K+</strong>
- <span>Projects Completed</span>
- </div>
- <div class="stat-item">
- <strong>99.9%</strong>
- <span>Uptime</span>
- </div>
- </div>
- </div>
- <div class="hero-visual">
- <div class="dashboard-mockup">
- <div class="mockup-header">
- <div class="mockup-dots">
- <span></span>
- <span></span>
- <span></span>
- </div>
- <div class="mockup-title">TaskFlow Dashboard</div>
- </div>
- <div class="mockup-content">
- <div class="mockup-sidebar">
- <div class="sidebar-item active"></div>
- <div class="sidebar-item"></div>
- <div class="sidebar-item"></div>
- <div class="sidebar-item"></div>
- </div>
- <div class="mockup-main">
- <div class="mockup-cards">
- <div class="mockup-card"></div>
- <div class="mockup-card"></div>
- <div class="mockup-card"></div>
- </div>
- <div class="mockup-chart"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
-
- <section class="social-proof">
- <div class="container">
- <p class="social-proof-text">Trusted by leading companies worldwide</p>
- <div class="company-logos">
- <div class="company-logo">TechCorp</div>
- <div class="company-logo">InnovateLab</div>
- <div class="company-logo">StartupXYZ</div>
- <div class="company-logo">GlobalTech</div>
- <div class="company-logo">FutureWorks</div>
- </div>
- </div>
- </section>
-
- <section id="features" class="features">
- <div class="container">
- <div class="section-header">
- <h2 class="section-title">Everything you need to manage projects</h2>
- <p class="section-subtitle">Powerful features designed to help your team work more efficiently</p>
- </div>
- <div class="features-grid">
- <div class="feature-card">
- <div class="feature-icon">📊</div>
- <h3>Project Tracking</h3>
- <p>Monitor project progress with intuitive dashboards and real-time updates. Never lose sight of your goals.</p>
- </div>
- <div class="feature-card">
- <div class="feature-icon">👥</div>
- <h3>Team Collaboration</h3>
- <p>Seamless communication tools keep your team connected and productive, no matter where they work.</p>
- </div>
- <div class="feature-card">
- <div class="feature-icon">📅</div>
- <h3>Timeline Management</h3>
- <p>Visual timelines and milestone tracking ensure your projects stay on schedule and within budget.</p>
- </div>
- <div class="feature-card">
- <div class="feature-icon">📈</div>
- <h3>Analytics & Reports</h3>
- <p>Detailed insights and customizable reports help you make data-driven decisions for better outcomes.</p>
- </div>
- <div class="feature-card">
- <div class="feature-icon">🔒</div>
- <h3>Enterprise Security</h3>
- <p>Bank-level security with SSO, two-factor authentication, and compliance with industry standards.</p>
- </div>
- <div class="feature-card">
- <div class="feature-icon">🔗</div>
- <h3>Integrations</h3>
- <p>Connect with your favorite tools including Slack, GitHub, Google Workspace, and 100+ more apps.</p>
- </div>
- </div>
- </div>
- </section>
-
- <section class="testimonials">
- <div class="container">
- <h2 class="section-title">What our customers say</h2>
- <div class="testimonials-grid">
- <div class="testimonial-card">
- <div class="testimonial-content">
- <p>"TaskFlow transformed how our team works. We've increased productivity by 40% and never miss deadlines anymore."</p>
- </div>
- <div class="testimonial-author">
- <div class="author-avatar">SM</div>
- <div class="author-info">
- <div class="author-name">Sarah Mitchell</div>
- <div class="author-title">Project Manager, TechCorp</div>
- </div>
- </div>
- </div>
- <div class="testimonial-card">
- <div class="testimonial-content">
- <p>"The best project management tool we've used. Intuitive interface and powerful features that actually help us get work done."</p>
- </div>
- <div class="testimonial-author">
- <div class="author-avatar">MJ</div>
- <div class="author-info">
- <div class="author-name">Michael Johnson</div>
- <div class="author-title">CTO, StartupXYZ</div>
- </div>
- </div>
- </div>
- <div class="testimonial-card">
- <div class="testimonial-content">
- <p>"TaskFlow's reporting features give us insights we never had before. It's like having a project analyst on the team."</p>
- </div>
- <div class="testimonial-author">
- <div class="author-avatar">EL</div>
- <div class="author-info">
- <div class="author-name">Emily Lee</div>
- <div class="author-title">Operations Director, GlobalTech</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
-
- <section id="pricing" class="pricing">
- <div class="container">
- <div class="section-header">
- <h2 class="section-title">Simple, transparent pricing</h2>
- <p class="section-subtitle">Choose the plan that's right for your team</p>
- </div>
- <div class="pricing-grid">
- <div class="pricing-card">
- <div class="pricing-header">
- <h3>Starter</h3>
- <div class="price">
- <span class="price-amount">$9</span>
- <span class="price-period">/user/month</span>
- </div>
- </div>
- <ul class="pricing-features">
- <li>Up to 10 projects</li>
- <li>Basic reporting</li>
- <li>Email support</li>
- <li>5GB storage</li>
- </ul>
- <button class="btn btn-secondary btn-full">Start Free Trial</button>
- </div>
- <div class="pricing-card featured">
- <div class="pricing-badge">Most Popular</div>
- <div class="pricing-header">
- <h3>Professional</h3>
- <div class="price">
- <span class="price-amount">$19</span>
- <span class="price-period">/user/month</span>
- </div>
- </div>
- <ul class="pricing-features">
- <li>Unlimited projects</li>
- <li>Advanced analytics</li>
- <li>Priority support</li>
- <li>50GB storage</li>
- <li>Team collaboration tools</li>
- <li>Custom integrations</li>
- </ul>
- <button class="btn btn-primary btn-full">Start Free Trial</button>
- </div>
- <div class="pricing-card">
- <div class="pricing-header">
- <h3>Enterprise</h3>
- <div class="price">
- <span class="price-amount">$39</span>
- <span class="price-period">/user/month</span>
- </div>
- </div>
- <ul class="pricing-features">
- <li>Everything in Professional</li>
- <li>Advanced security</li>
- <li>24/7 phone support</li>
- <li>Unlimited storage</li>
- <li>SSO & SAML</li>
- <li>Custom onboarding</li>
- </ul>
- <button class="btn btn-secondary btn-full">Contact Sales</button>
- </div>
- </div>
- </div>
- </section>
-
- <section class="cta">
- <div class="container">
- <div class="cta-content">
- <h2>Ready to transform your project management?</h2>
- <p>Join thousands of teams already using TaskFlow to deliver better results, faster.</p>
- <div class="cta-buttons">
- <button class="btn btn-primary btn-large">Start Your Free Trial</button>
- <button class="btn btn-ghost btn-large">Schedule a Demo</button>
- </div>
- <p class="cta-note">No credit card required • 14-day free trial • Cancel anytime</p>
- </div>
- </div>
- </section>
- </main>
-
- <footer class="footer">
- <div class="container">
- <div class="footer-content">
- <div class="footer-section">
- <div class="footer-logo">TaskFlow</div>
- <p>Streamline your project management with the tools teams love to use.</p>
- </div>
- <div class="footer-section">
- <h4>Product</h4>
- <ul>
- <li><a href="#features">Features</a></li>
- <li><a href="#pricing">Pricing</a></li>
- <li><a href="#integrations">Integrations</a></li>
- <li><a href="#security">Security</a></li>
- </ul>
- </div>
- <div class="footer-section">
- <h4>Company</h4>
- <ul>
- <li><a href="#about">About</a></li>
- <li><a href="#careers">Careers</a></li>
- <li><a href="#blog">Blog</a></li>
- <li><a href="#press">Press</a></li>
- </ul>
- </div>
- <div class="footer-section">
- <h4>Support</h4>
- <ul>
- <li><a href="#help">Help Center</a></li>
- <li><a href="#contact">Contact</a></li>
- <li><a href="#status">Status</a></li>
- <li><a href="#api">API Docs</a></li>
- </ul>
- </div>
- </div>
- <div class="footer-bottom">
- <p>&copy; 2025 TaskFlow. All rights reserved.</p>
- <div class="footer-links">
- <a href="#privacy">Privacy Policy</a>
- <a href="#terms">Terms of Service</a>
- </div>
- </div>
- </div>
- </footer>
-
- <script src="landing-script.js"></script>
-</body>
-</html>