59 lines
2.3 KiB
React
59 lines
2.3 KiB
React
// src/pages/Reports/Reports.jsx
|
|
import { useState } from "react"
|
|
import Navbar from "../../components/Navbar/Navbar.jsx"
|
|
import Footer from "../../components/Footer/Footer.jsx"
|
|
import Background from "../../assets/backgrounds/Background.jsx"
|
|
|
|
export default function Reports() {
|
|
return (
|
|
<div className="w-full min-h-screen flex flex-col relative overflow-x-hidden">
|
|
{/* Háttér */}
|
|
<div className="fixed inset-0 -z-10 pointer-events-none">
|
|
<Background />
|
|
</div>
|
|
|
|
{/* Navbar */}
|
|
<div className="fixed top-0 left-0 right-0 z-30">
|
|
<Navbar />
|
|
</div>
|
|
|
|
{/* Fő tartalom */}
|
|
<main className="flex-1 flex flex-col items-center justify-start py-15 min-h-0 mt-[64px] px-4">
|
|
<div className="bg-gradient-to-br from-[#2a3b34] to-[#3e584f] rounded-2xl shadow-xl p-8 w-full max-w-5xl">
|
|
{/* Fejléc */}
|
|
<div className="text-center mb-8">
|
|
<h2 className="text-3xl font-bold text-white">Játék Riportok</h2>
|
|
<p className="text-gray-300 mt-2">
|
|
Áttekintés a legutóbbi játékokról és statisztikákról
|
|
</p>
|
|
</div>
|
|
|
|
{/* Statisztikai kártyák */}
|
|
<div className="grid grid-cols-1 sm:grid-cols-3 gap-6 mb-8">
|
|
<div className="bg-[#1e2a25] rounded-xl p-6 text-center shadow-inner">
|
|
<h3 className="text-3xl font-bold text-[#3dcf85]">25</h3>
|
|
<p className="text-gray-300 mt-2">Lejátszott játék</p>
|
|
</div>
|
|
<div className="bg-[#1e2a25] rounded-xl p-6 text-center shadow-inner">
|
|
<h3 className="text-3xl font-bold text-[#3dcf85]">78%</h3>
|
|
<p className="text-gray-300 mt-2">Átlagos nyerési arány</p>
|
|
</div>
|
|
<div className="bg-[#1e2a25] rounded-xl p-6 text-center shadow-inner">
|
|
<h3 className="text-3xl font-bold text-[#3dcf85]">120</h3>
|
|
<p className="text-gray-300 mt-2">Legmagasabb pontszám</p>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Grafikon helyőrző */}
|
|
<div className="h-72 flex items-center justify-center border-2 border-dashed border-[#3dcf85] rounded-xl bg-[#121816] text-[#3dcf85]">
|
|
valami grafikon lehet itt
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
{/* Footer */}
|
|
<Footer />
|
|
</div>
|
|
)
|
|
}
|