"use client"; import { useState, useEffect } from "react"; import "./initialLoading.css"; export function InitialLoading() { const [isLoading, setIsLoading] = useState(true); const [isVisible, setIsVisible] = useState(true); useEffect(() => { // Faqat birinchi yuklanishda ishga tushadi const hasVisited = sessionStorage.getItem("hasVisited"); if (hasVisited) { // Agar oldin tashrif buyurilgan bo'lsa, darhol yashirish setIsLoading(false); setIsVisible(false); return; } // Birinchi tashrif const loadingTimer = setTimeout(() => { setIsLoading(false); // Fade out animatsiyasi const hideTimer = setTimeout(() => { setIsVisible(false); sessionStorage.setItem("hasVisited", "true"); }, 1000); // Fade out duration return () => clearTimeout(hideTimer); }, 1500); // Loading duration return () => clearTimeout(loadingTimer); }, []); // Agar ko'rinmas bo'lsa, hech narsa render qilmaymiz if (!isVisible) return null; return (

{/* Loading dots */}

); }