-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
4672058
commit c6ec9fd
Showing
9 changed files
with
312 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,309 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Automation as a Service</title> | ||
| <style> | ||
| * { | ||
| margin: 0; | ||
| padding: 0; | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| body { | ||
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; | ||
| background-color: #1c1c1c; | ||
| color: white; | ||
| min-height: 100vh; | ||
| overflow-x: hidden; | ||
| } | ||
|
|
||
| .container { | ||
| max-width: 1280px; | ||
| margin: 0 auto; | ||
| padding: 0 1rem; | ||
| } | ||
|
|
||
| /* Main Section */ | ||
| .main-content { | ||
| min-height: 100vh; | ||
| display: flex; | ||
| flex-direction: column; | ||
| position: relative; | ||
| background-color: #1c1c1c; | ||
| } | ||
|
|
||
| /* Hero Section */ | ||
| .hero { | ||
| flex: 1; | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: center; | ||
| align-items: center; | ||
| text-align: center; | ||
| padding: 2rem 1rem; | ||
| animation: fadeIn 1s ease-out; | ||
| } | ||
|
|
||
| @keyframes fadeIn { | ||
| from { opacity: 0; } | ||
| to { opacity: 1; } | ||
| } | ||
|
|
||
| .hero h1 { | ||
| font-size: 3.5rem; | ||
| font-weight: bold; | ||
| margin-bottom: 1rem; | ||
| } | ||
|
|
||
| .hero p { | ||
| font-size: 1.5rem; | ||
| color: #94a3b8; | ||
| margin-bottom: 2rem; | ||
| } | ||
|
|
||
| .button { | ||
| display: inline-flex; | ||
| align-items: center; | ||
| padding: 1.5rem 2rem; | ||
| background-color: #2563eb; | ||
| color: white; | ||
| border-radius: 0.5rem; | ||
| font-size: 1.125rem; | ||
| border: none; | ||
| cursor: pointer; | ||
| text-decoration: none; | ||
| transition: background-color 0.2s; | ||
| } | ||
|
|
||
| .button:hover { | ||
| background-color: #1d4ed8; | ||
| } | ||
|
|
||
| /* Features Section */ | ||
| .features { | ||
| padding: 4rem 1rem; | ||
| margin-top: auto; | ||
| } | ||
|
|
||
| .features-grid { | ||
| display: flex; | ||
| gap: 1rem; | ||
| justify-content: center; | ||
| max-width: 1280px; | ||
| margin: 0 auto; | ||
| } | ||
|
|
||
| .feature-card { | ||
| flex: 1; | ||
| background-color: #252525; | ||
| padding: 2rem; | ||
| border-radius: 0.5rem; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .feature-icon { | ||
| width: 4rem; | ||
| height: 4rem; | ||
| margin: 0 auto 1.5rem; | ||
| } | ||
|
|
||
| .feature-card h3 { | ||
| font-size: 1.5rem; | ||
| margin-bottom: 1rem; | ||
| } | ||
|
|
||
| .feature-card p { | ||
| color: #94a3b8; | ||
| line-height: 1.5; | ||
| } | ||
|
|
||
| /* Trusted By Section */ | ||
| .trusted-by { | ||
| width: 100%; | ||
| padding: 1rem 0; | ||
| /* background-color: #1e1e1e; */ | ||
| overflow: hidden; | ||
| position: relative; | ||
| } | ||
|
|
||
| .trusted-by h2 { | ||
| text-align: center; | ||
| margin-bottom: 2rem; | ||
| color: #94a3b8; | ||
| font-size: 1.2rem; | ||
| } | ||
|
|
||
| .scroll-container { | ||
| display: flex; | ||
| animation: scroll 20s linear infinite; | ||
| gap: 4rem; | ||
| /* padding: 0 1rem; */ | ||
| } | ||
|
|
||
| .company-icon { | ||
| flex: 0 0 auto; | ||
| /* width: 120px; */ | ||
| height: 40px; | ||
| /* background-color: #94a3b8; */ | ||
| border-radius: 4px; | ||
| opacity: 0.6; | ||
| } | ||
|
|
||
| .company-icon[alt="xCraft Drones"] { | ||
| background-color: #ffffff; | ||
| padding: 5px; | ||
| } | ||
|
|
||
| @keyframes scroll { | ||
| 0% { transform: translateX(0); } | ||
| 100% { transform: translateX(calc(-120px * 6 - 4rem * 6)); } | ||
| } | ||
|
|
||
| /* Trust Indicators */ | ||
| .trust { | ||
| padding: 2rem 1rem; | ||
| text-align: center; | ||
| background-color: #252525; | ||
| } | ||
|
|
||
| .trust-items { | ||
| display: flex; | ||
| justify-content: center; | ||
| gap: 2rem; | ||
| color: #94a3b8; | ||
| } | ||
|
|
||
| .trust-item { | ||
| display: flex; | ||
| align-items: center; | ||
| } | ||
|
|
||
| .trust-icon { | ||
| width: 1.5rem; | ||
| height: 1.5rem; | ||
| margin-right: 0.5rem; | ||
| } | ||
|
|
||
| /* Footer */ | ||
| .footer { | ||
| padding: 2rem 1rem; | ||
| border-top: 1px solid #333; | ||
| text-align: center; | ||
| background-color: #252525; | ||
| } | ||
|
|
||
| .footer a { | ||
| color: #94a3b8; | ||
| text-decoration: none; | ||
| transition: color 0.2s; | ||
| } | ||
|
|
||
| .footer a:hover { | ||
| color: white; | ||
| } | ||
|
|
||
| @media (max-width: 768px) { | ||
| .features-grid { | ||
| flex-direction: column; | ||
| } | ||
|
|
||
| .hero h1 { | ||
| font-size: 2.5rem; | ||
| } | ||
|
|
||
| .trust-items { | ||
| flex-direction: column; | ||
| gap: 1rem; | ||
| } | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="main-content"> | ||
| <div class="trusted-by"> | ||
| <h2>Trusted by Industry Leaders</h2> | ||
| <div class="scroll-container"> | ||
| <!-- Logos --> | ||
| <img src="mit-logo.png" alt="MIT" class="company-icon"> | ||
| <img src="harvard-logo.png" alt="Harvard" class="company-icon"> | ||
| <img src="xcraft-logo.png" alt="xCraft Drones" class="company-icon"> | ||
| <img src="silent-ventures-logo.png" alt="Silent Ventures" class="company-icon"> | ||
| <img src="harpoon-venture-logo.png" alt="Harpoon Ventures" class="company-icon"> | ||
| <img src="bvvc-logo.svg" alt="BVVC" class="company-icon"> | ||
| <!-- Duplicates for seamless loop --> | ||
| <img src="mit-logo.png" alt="MIT" class="company-icon"> | ||
| <img src="harvard-logo.png" alt="Harvard" class="company-icon"> | ||
| <img src="xcraft-logo.png" alt="xCraft Drones" class="company-icon"> | ||
| <img src="silent-ventures-logo.png" alt="Silent Ventures" class="company-icon"> | ||
| <img src="harpoon-venture-logo.png" alt="Harpoon Ventures" class="company-icon"> | ||
| <img src="bvvc-logo.svg" alt="BVVC" class="company-icon"> | ||
| </div> | ||
| </div> | ||
| <div class="hero"> | ||
| <h1>Automation as a Service</h1> | ||
| <p>Instantly make your drone sentient with a camera</p> | ||
| <a href="https://calendar.app.google/wktFY5fMjNjYsNDR9" class="button"> | ||
| Get Started | ||
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-2"> | ||
| <line x1="5" y1="12" x2="19" y2="12"></line> | ||
| <polyline points="12 5 19 12 12 19"></polyline> | ||
| </svg> | ||
| </a> | ||
| </div> | ||
|
|
||
| <div class="features"> | ||
| <div class="features-grid"> | ||
| <div class="feature-card"> | ||
| <svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | ||
| <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/> | ||
| <circle cx="12" cy="13" r="4"/> | ||
| </svg> | ||
| <h3>Advanced Vision</h3> | ||
| <p>State-of-the-art computer vision processing for real-time object detection and tracking.</p> | ||
| </div> | ||
|
|
||
| <div class="feature-card"> | ||
| <svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | ||
| <path d="M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z"/> | ||
| <path d="M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z"/> | ||
| </svg> | ||
| <h3>AI-Powered</h3> | ||
| <p>Neural networks trained on millions of flight patterns.</p> | ||
| </div> | ||
|
|
||
| <div class="feature-card"> | ||
| <svg class="feature-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | ||
| <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon> | ||
| </svg> | ||
| <h3>Instant Setup</h3> | ||
| <p>Connect your drone in minutes with our simple API.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="trust"> | ||
| <div class="trust-items"> | ||
| <div class="trust-item"> | ||
| <svg class="trust-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> | ||
| <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path> | ||
| </svg> | ||
| Enterprise-grade security | ||
| </div> | ||
| <div class="trust-item"> | ||
| <svg class="trust-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> | ||
| <circle cx="12" cy="12" r="10"></circle> | ||
| <polyline points="12 6 12 12 16 14"></polyline> | ||
| </svg> | ||
| 24/7 Support | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- <footer class="footer"> | ||
| <a href="/about">About</a> | ||
| </footer> --> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.