"use client";

import FloatingContactButtons from "@/components/FloatingContactButtons";
import ScrollToTop from "@/components/ScrollToTop";
import Footer from "@/components/Footer";
import Header from "@/components/Header";
import { Providers } from "./providers";
import "../styles/index.css";

import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';


export default function RootLayout({
    children,
}: {
    children: React.ReactNode;
}) {
    return (
        <html suppressHydrationWarning lang="vi">
            <body>
                <Providers>
                    <Header />
                    {children}
                    <Footer />
                    <ScrollToTop />
                    <FloatingContactButtons />
                </Providers>
            </body>
        </html>
    );
}
