import { type SharedData } from '@/types'; import { Head, Link, usePage } from '@inertiajs/react'; import { useEffect, useState } from 'react'; interface WelcomeProps extends SharedData { heroBackgroundUrl?: string | null; heroHeight?: number; } export default function Welcome() { const { auth, heroBackgroundUrl, heroHeight: _heroHeight } = usePage().props; const [isScrolled, setIsScrolled] = useState(false); // Detect scroll to add blur effect useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 10); }; window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); return ( <>
{/* Hero Background */} {heroBackgroundUrl ? ( heroBackgroundUrl.endsWith('.mp4') ? (
) : (
) ) : (
)} {/* Dark overlay for better text readability */}
{/* Navbar */} {/* Main Content */}

Welcome to Our Platform

Discover the best way to manage your tasks and collaborate with your team.

); }