import React, { useState } from 'react';
import { Header } from './components/Header';
import { Hero } from './components/Hero';
import { Solutions } from './components/Solutions';
import { Dashboard } from './components/Dashboard';
import { Features } from './components/Features';
import { Footer } from './components/Footer';
import { ThemeProvider } from './context/ThemeContext';

function App() {
  return (
    <ThemeProvider>
      <div className="min-h-screen bg-gradient-to-b from-slate-50 to-white dark:from-slate-900 dark:to-slate-800 transition-colors duration-500">
        <Header />
        <Hero />
        <Solutions />
        <Dashboard />
        <Features />
        <Footer />
      </div>
    </ThemeProvider>
  );
}

export default App;