// src/pages/Landing/Landingpage.jsx
// Főoldal - Landing Page


import { useNavigate } from "react-router-dom"
import Navbar from "../../components/Navbar/Navbar"
import Footer from "../../components/Footer/Footer.jsx"
import Background from "../../assets/backgrounds/Background.jsx"
import LandingPage from "../../components/Landingpage/LandingPage.jsx"

export default function LandingPageMain() {
  const navigate = useNavigate();

  const handleNavigateToPlay = () => {
    navigate("/login"); 
  };

  const handleNavigateToAuth = () => {
    navigate("/register");
  };

  return (
    <div className="w-full min-h-screen flex flex-col relative overflow-x-hidden">
      <div className="fixed inset-0 -z-10 pointer-events-none">
        <Background />
      </div>
      <div className="fixed top-0 left-0 right-0 z-30">
        <Navbar />
      </div>
      <main className="flex-1 flex flex-col items-center justify-start py-15 min-h-0 mt-[64px]">
        <LandingPage onNavigateToPlay={handleNavigateToPlay} onNavigateToAuth={handleNavigateToAuth} />
      </main>
      <Footer />
    </div>
  );
}