import React from "react";
import ReactDOM from "react-dom/client";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import "./styles.css";

import { Nav } from "@/components/site/Nav";
import { Hero } from "@/components/site/Hero";
import { Services } from "@/components/site/Services";
import { Partners } from "@/components/site/Partners";
import { Strategy } from "@/components/site/Strategy";
import { Compliance } from "@/components/site/Compliance";
import { Contact, Footer } from "@/components/site/Contact";

const queryClient = new QueryClient();

function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <div className="min-h-dvh bg-background">
        <Nav />
        <main>
          <Hero />
          <Services />
          <Partners />
          <Strategy />
          <Compliance />
          <Contact />
        </main>
        <Footer />
      </div>
    </QueryClientProvider>
  );
}

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
);