"use client";

import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import BackAnimatsiya from "../backAnimatsiya/backAnimatsiya";
import { Footer, Navbar } from "../layout";
import { PriceModal } from "../priceContact";
import { Analytics } from "@vercel/analytics/next";
import { ReactNode } from "react";
import { ToastContainer } from 'react-toastify';

const queryClient = new QueryClient();

export function Providers({ children }: { children: ReactNode }) {
  return (
    <div>
      <QueryClientProvider client={queryClient}>
        <BackAnimatsiya />
        <Navbar />
        {children}
        <Footer />
        <PriceModal />
        <Analytics />
        <ToastContainer/>
      </QueryClientProvider>
    </div>
  );
}
