"use client";
import Image from "next/image";
import { AnimatePresence, motion } from "framer-motion";
import { useEffect, useState } from "react";
export function SiteEntryAnimation({ children }: { children: React.ReactNode }) {
const [showIntro, setShowIntro] = useState(true);
useEffect(() => {
const seenIntro = window.sessionStorage.getItem("sg-intro-seen");
if (seenIntro === "1") {
setShowIntro(false);
return;
}
const timer = window.setTimeout(() => {
setShowIntro(false);
window.sessionStorage.setItem("sg-intro-seen", "1");
}, 2400);
return () => window.clearTimeout(timer);
}, []);
return (
<>
{children}
{showIntro && (
{/* Animated background orbs */}
{/* Particle ring */}
{/* Center content */}
{/* Logo circle */}
{/* Rotating outer ring */}
{/* Brand name */}
Sunna Ghar
{/* Tagline */}
Premium Fashion
{/* Loading bar */}
)}
);
}