|
|
| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>DataFlow Nexus | Modern Data Infrastructure Solutions</title> |
| <link rel="stylesheet" href="style.css"> |
| <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"> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| </head> |
| <body> |
| |
| <custom-navbar></custom-navbar> |
| |
| |
| <section class="bg-gradient"> |
| <div class="container text-center"> |
| <h1>Data Engineering Redefined</h1> |
| <p class="max-w-2xl mx-auto mt-4 mb-8">End-to-end data solutions from pipelines to lakes - engineered for scale, built for performance.</p> |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> |
| <a href="#contact" class="btn btn-primary">Get Started</a> |
| <a href="#solutions" class="btn btn-outline">Learn More</a> |
| </div> |
| </div> |
| </section> |
| |
| <section id="solutions" class="bg-white"> |
| <div class="container"> |
| <h2 class="text-center">Our Data Solutions</h2> |
| <div class="grid grid-cols-3"> |
| |
| <div class="card"> |
| <div class="bg-primary rounded-full w-16 h-16 flex items-center justify-center mb-6"> |
| <i data-feather="repeat" class="text-white w-8 h-8"></i> |
| </div> |
| <h3>Data Pipelines</h3> |
| <p class="mt-2">Automated, scalable ETL/ELT pipelines that adapt to your data needs in real-time.</p> |
| </div> |
| |
| |
| <div class="card"> |
| <div class="bg-secondary rounded-full w-16 h-16 flex items-center justify-center mb-6"> |
| <i data-feather="database" class="text-white w-8 h-8"></i> |
| </div> |
| <h3>Data Warehouses</h3> |
| <p class="mt-2">Optimized storage solutions with lightning-fast query performance.</p> |
| </div> |
| |
| |
| <div class="card"> |
| <div class="bg-primary rounded-full w-16 h-16 flex items-center justify-center mb-6"> |
| <i data-feather="layers" class="text-white w-8 h-8"></i> |
| </div> |
| <h3>Data Lakes</h3> |
| <p class="mt-2">Flexible, cost-effective storage for structured and unstructured data at any scale.</p> |
| </div> |
| |
| <section class="bg-light"> |
| <div class="container"> |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center"> |
| <div> |
| <div class="text-4xl font-bold text-primary mb-2">99.9%</div> |
| <div>Uptime</div> |
| </div> |
| <div> |
| <div class="text-4xl font-bold text-primary mb-2">10x</div> |
| <div>Faster Processing</div> |
| </div> |
| <div> |
| <div class="text-4xl font-bold text-primary mb-2">500+</div> |
| <div>Data Sources</div> |
| </div> |
| <div> |
| <div class="text-4xl font-bold text-primary mb-2">24/7</div> |
| <div>Support</div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="contact" class="bg-white"> |
| <div class="container text-center"> |
| <h2>Ready to Transform Your Data Infrastructure?</h2> |
| <div class="max-w-2xl mx-auto card"> |
| <form class="space-y-4"> |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> |
| <input type="text" placeholder="Name" class="px-4 py-3 rounded-lg border border-gray-300 w-full"> |
| <input type="email" placeholder="Email" class="px-4 py-3 rounded-lg border border-gray-300 w-full"> |
| </div> |
| <textarea placeholder="Tell us about your data needs" class="px-4 py-3 rounded-lg border border-gray-300 w-full h-32"></textarea> |
| <button type="submit" class="btn btn-primary w-full">Get Free Consultation</button> |
| </form> |
| </div> |
| </div> |
| </section> |
| <custom-footer></custom-footer> |
| <script src="components/navbar.js"></script> |
| <script src="components/footer.js"></script> |
| <script> |
| feather.replace() |
| </script> |
| </body> |
| </html> |
|
|
