Donat/SerpentRace
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

navbarral footerrel mindennel egyutt

Browse Source
This commit is contained in:
WalkeU
2025-07-11 21:57:39 +02:00
parent 19c762fe67
commit 4bf667a1ac
8 changed files with 356 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
SerpentRace_Frontend/src/components/Landingpage/LandingPage.jsx
+14 -14
View File
@@ -23,7 +23,7 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
</div>
<motion.h1
className="text-4xl md:text-6xl font-bold text-white mb-6 leading-tight"
className="text-3xl md:text-5xl font-bold text-white mb-4 leading-tight"
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.7, delay: 0.4 }}
@@ -32,7 +32,7 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
</motion.h1>
<motion.p
className="text-xl md:text-2xl text-gray-300 mb-6 max-w-3xl mx-auto leading-relaxed"
className="text-lg md:text-xl text-gray-300 mb-4 max-w-3xl mx-auto leading-relaxed"
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.7, delay: 0.6 }}
@@ -41,7 +41,7 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
mindezt szórakozva!
</motion.p>
<motion.div
className="text-2xl md:text-3xl font-bold text-emerald-400 mb-12"
className="text-xl md:text-2xl font-bold text-emerald-400 mb-10"
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.7, delay: 0.8 }}
@@ -55,8 +55,8 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.7, delay: 1 }}
>
<ButtonGreen text="Játék" onClick={onNavigateToPlay} />
<ButtonGreen text="Regisztráció" onClick={onNavigateToAuth} />
<ButtonGreen text="Játék" onClick={onNavigateToPlay} width="w-60" />
<ButtonGreen text="Regisztráció" onClick={onNavigateToAuth} width="w-60" />
</motion.div>
</div>
</motion.section>
@@ -71,7 +71,7 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
>
<div className="max-w-6xl mx-auto">
<motion.h2
className="text-3xl md:text-4xl font-bold text-white text-center mb-16"
className="text-2xl md:text-3xl font-bold text-white text-center mb-12"
initial={{ opacity: 0, y: 20 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
@@ -92,8 +92,8 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
<div className="w-16 h-16 mx-auto mb-6 bg-emerald-500 rounded-full flex items-center justify-center">
<FaUsers className="w-8 h-8 text-white" />
</div>
<h3 className="text-xl font-semibold text-white mb-4">Közösségi élmény</h3>
<p className="text-gray-300">
<h3 className="text-lg font-semibold text-white mb-2">Közösségi élmény</h3>
<p className="text-gray-300 text-sm">
Ismerkedj, nevess, tanulj! A SerpentRace összehozza a társaságot, legyen szó baráti
összejövetelről vagy csapatépítésről.
</p>
@@ -110,8 +110,8 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
<div className="w-16 h-16 mx-auto mb-6 bg-emerald-500 rounded-full flex items-center justify-center">
<FaPaintBrush className="w-8 h-8 text-white" />
</div>
<h3 className="text-xl font-semibold text-white mb-4">Személyre szabható</h3>
<p className="text-gray-300">
<h3 className="text-lg font-semibold text-white mb-2">Személyre szabható</h3>
<p className="text-gray-300 text-sm">
Kérdéskártyák, szabályok, design – minden a te igényeidhez igazítható, akár céges brandinggel
is!
</p>
@@ -128,8 +128,8 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
<div className="w-16 h-16 mx-auto mb-6 bg-emerald-500 rounded-full flex items-center justify-center">
<FaHeadset className="w-8 h-8 text-white" />
</div>
<h3 className="text-xl font-semibold text-white mb-4">Folyamatos támogatás</h3>
<p className="text-gray-300">
<h3 className="text-lg font-semibold text-white mb-2">Folyamatos támogatás</h3>
<p className="text-gray-300 text-sm">
Gyors, segítőkész ügyfélszolgálat – ha bármilyen kérdésed vagy problémád van, mindig
számíthatsz ránk!
</p>
@@ -154,11 +154,11 @@ const LandingPage = ({ onNavigateToPlay, onNavigateToAuth }) => {
viewport={{ once: true }}
transition={{ duration: 0.7, delay: 0.3 }}
>
<h2 className="text-3xl md:text-4xl font-bold text-white mb-6">
<h2 className="text-2xl md:text-3xl font-bold text-white mb-4">
Próbáld ki te is a SerpentRace-t!
</h2>
<p className="text-xl text-gray-300 mb-8">
<p className="text-lg text-gray-300 mb-6">
Legyél részese egy új közösségi élménynek, vagy rendeld meg saját, személyre szabott
társasjátékodat – mi mindenben segítünk!
</p>