diff options
| author | Robby Zambito <contact@robbyzambito.me> | 2025-07-29 19:29:17 -0400 |
|---|---|---|
| committer | Robby Zambito <contact@robbyzambito.me> | 2025-07-29 19:53:28 -0400 |
| commit | b3c85a763f719d62c1fbce8cff90712e35d70b86 (patch) | |
| tree | 692c535dd289990e98b6a345f6cd383771708e20 /static/landing.html | |
| parent | c1dd0261b61fca48ba2e79950ae46f749fdb6384 (diff) | |
Added a landing page when logged out
Prompt:
Create a logged out landing page.
Diffstat (limited to 'static/landing.html')
| -rw-r--r-- | static/landing.html | 317 |
1 files changed, 317 insertions, 0 deletions
diff --git a/static/landing.html b/static/landing.html new file mode 100644 index 0000000..339d865 --- /dev/null +++ b/static/landing.html @@ -0,0 +1,317 @@ +<!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>© 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> |