import React from "react";
import Header from "../components/website/Header";
import HeroSection from "../components/website/HeroSection";
import SolutionsSection from "../components/website/SolutionsSection";
import VerticalsSection from "../components/website/VerticalsSection";
import PartnersSection from "../components/website/PartnersSection";
import CaseStudiesSection from "../components/website/CaseStudiesSection";
import TestimonialsSection from "../components/website/TestimonialsSection";
import InsightsSection from "../components/website/InsightsSection";
import ContactSection from "../components/website/ContactSection";
import Footer from "../components/website/Footer";

export default function Home() {
  return (
    <div className="min-h-screen bg-white">
      <style jsx>{`
        * {
          font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
        }
        
        html {
          scroll-behavior: smooth;
        }
        
        .animate-pulse {
          animation: pulse 3s ease-in-out infinite;
        }
        
        @keyframes pulse {
          0%, 100% { opacity: 0.6; }
          50% { opacity: 1; }
        }
      `}</style>
      
      <Header />
      <HeroSection />
      <PartnersSection />
      <SolutionsSection />
      <VerticalsSection />
      <CaseStudiesSection />
      <TestimonialsSection />
      <InsightsSection />
      <ContactSection />
      <Footer />
    </div>
  );
}