'use client'; import { useState, useEffect } from 'react'; import '@styles/sf-pro-display.css'; import 'swiper/css'; import 'swiper/css/navigation'; import 'swiper/css/pagination'; import '@styles/globals.css'; import Header from '@/components/layout/other/Header'; import Footer from '@/components/layout/other/Footer'; import PreLoader from '@components/common/PreLoader'; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { const [loading, setLoading] = useState(true); useEffect(() => { setTimeout(() => setLoading(false), 1000); }, []); return ( {loading ? ( ) : ( <>

{children}