Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>NASKSOFT | AI-Powered Data Analytics</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <custom-navbar></custom-navbar> | |
| <main> | |
| <section class="hero"> | |
| <div class="container"> | |
| <div class="hero-content"> | |
| <h1>Transform Data into <span>Actionable Insights</span></h1> | |
| <p>Our AI-powered platform helps you analyze, visualize and make data-driven decisions effortlessly.</p> | |
| <div class="hero-buttons"> | |
| <a href="dashboard.html" class="btn btn-primary">View Demo</a> | |
| <a href="#" class="btn btn-outline">Learn More</a> | |
| </div> | |
| </div> | |
| <div class="hero-image"> | |
| <img src="http://static.photos/technology/1024x576/1" alt="Data Analytics Dashboard"> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="features"> | |
| <div class="container"> | |
| <h2>Key Features</h2> | |
| <div class="features-grid"> | |
| <div class="feature-card"> | |
| <div class="card-icon"> | |
| <i class="fas fa-chart-line"></i> | |
| </div> | |
| <h3>Advanced Analytics</h3> | |
| <p>Powerful tools to uncover hidden patterns and trends in your data.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="card-icon"> | |
| <i class="fas fa-file-excel"></i> | |
| </div> | |
| <h3>Excel Integration</h3> | |
| <p>Seamlessly import and analyze Excel/CSV files without complex setup.</p> | |
| </div> | |
| <div class="feature-card"> | |
| <div class="card-icon"> | |
| <i class="fas fa-robot"></i> | |
| </div> | |
| <h3>AI-Powered Insights</h3> | |
| <p>Get automated recommendations and predictions from our AI models.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section class="how-it-works"> | |
| <div class="container"> | |
| <h2>How It Works</h2> | |
| <div class="steps"> | |
| <div class="step"> | |
| <div class="step-number">1</div> | |
| <h3>Upload Your Data</h3> | |
| <p>Drag & drop your Excel, CSV or connect to your database.</p> | |
| </div> | |
| <div class="step"> | |
| <div class="step-number">2</div> | |
| <h3>Analyze & Visualize</h3> | |
| <p>Our AI automatically processes and generates insightful visualizations.</p> | |
| </div> | |
| <div class="step"> | |
| <div class="step-number">3</div> | |
| <h3>Make Decisions</h3> | |
| <p>Get actionable insights to drive your business forward.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |