import { Head, Link, usePage } from '@inertiajs/react';
import { Briefcase, Code2, User, Mail, LogIn, UserPlus, LayoutDashboard, Menu, X, CheckCircle, XCircle } from 'lucide-react';
import { useState, useEffect } from 'react';
import AboutSection from '@/components/welcome/about-section';
import ContactSection from '@/components/welcome/contact-section';
import FeaturedProjects from '@/components/welcome/featured-projects';
import HeroSection from '@/components/welcome/hero-section';
import OpenSourceSection from '@/components/welcome/open-source-section';
import TechStackBento from '@/components/welcome/tech-stack-bento';
import { dashboard, login /*, register */ } from '@/routes';
interface HoneypotData {
enabled: boolean;
nameFieldName: string;
validFromFieldName: string;
encryptedValidFrom: string;
}
interface SeoData {
title: string;
description: string;
url: string;
}
export default function Welcome({
canRegister = true,
honeypot,
seo,
}: {
canRegister?: boolean;
honeypot: HoneypotData;
seo: SeoData;
}) {
const { auth, currentTeam } = usePage().props;
const { flash } = usePage<{ flash: { success?: string; error?: string } }>().props;
const dashboardUrl = currentTeam ? dashboard(currentTeam.slug) : '/';
const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
const [showFlash, setShowFlash] = useState(false);
useEffect(() => {
if (flash?.success || flash?.error) {
setShowFlash(true);
const timer = setTimeout(() => setShowFlash(false), 5000);
return () => clearTimeout(timer);
}
}, [flash]);
return (
<>
{showFlash && flash?.success && (
{flash.success}
)}
{showFlash && flash?.error && (
{flash.error}
)}
{/* Fixed Navigation with Glassmorphism */}