import { Navbar, Hero, ProblemSolution, HowItWorks } from './components';
import './App.css';

function App() {
  const handlePrimaryCta = () => {
    console.log('Primary CTA clicked: Ottieni Webhook URL');
    // TODO: Implementare logica per generazione webhook
  };

  const handleSecondaryCta = () => {
    console.log('Secondary CTA clicked: Guarda Demo');
    // TODO: Implementare logica per apertura demo
  };

  const handleNavbarCta = () => {
    console.log('Navbar CTA clicked: Inizia Gratis');
    // TODO: Scroll to form o apertura modal
  };

  return (
    <div className="min-h-screen bg-slate-50">
      <Navbar onCtaClick={handleNavbarCta} />
      <main>
        <Hero
          onPrimaryCtaClick={handlePrimaryCta}
          onSecondaryCtaClick={handleSecondaryCta}
        />
        <ProblemSolution />
        <HowItWorks />
      </main>
    </div>
  );
}

export default App;