|
|
|
|
|
<!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> |
|
|
|
