julienfroidefond/got-gaming
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance theming and UI components: Introduce a new dark cyan theme in globals.css, update layout to utilize ThemeProvider for consistent theming, and refactor button and card components to use CSS variables for styling. Improve navigation and alert components with dynamic styles based on theme variables, ensuring a cohesive user experience across the application.
Some checks failed
Deploy with Docker Compose / deploy (push) Failing after 49s
Details

Browse Source
This commit is contained in:
Julien Froidefond
2025-12-12 17:05:22 +01:00
parent 97db800c73
commit 5b96cf907e
20 changed files with 684 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/layout/HeroSection.tsx
View File

@@ -15,15 +15,15 @@ export default function HeroSection({ backgroundImage }: HeroSectionProps) {
<div className="w-full flex justify-center mb-4 overflow-hidden">
<h1 className="text-4xl sm:text-5xl md:text-8xl lg:text-9xl xl:text-9xl font-gaming font-black tracking-tight relative break-words">
<span
className="title-animated inline-block relative z-10"
className="title-animated inline-block relative z-10 font-gaming"
style={{
backgroundImage: `linear-gradient(90deg, #daa520 0%, #ffa500 30%, #ff8c00 50%, #ffa500 70%, #daa520 100%)`,
backgroundImage: `linear-gradient(90deg, var(--accent-color) 0%, var(--accent) 30%, var(--accent) 50%, var(--accent) 70%, var(--accent-color) 100%)`,
backgroundSize: "200% auto",
WebkitBackgroundClip: "text",
WebkitTextFillColor: "transparent",
backgroundClip: "text",
color: "transparent",
filter: `drop-shadow(0 0 12px rgba(255, 140, 0, 0.4))`,
filter: `drop-shadow(0 0 12px color-mix(in srgb, var(--accent-color) 40%, transparent))`,
}}
>
GAME.OF.TECH
@@ -32,14 +32,20 @@ export default function HeroSection({ backgroundImage }: HeroSectionProps) {
</div>
{/* Subtitle */}
<div className="text-pixel-gold text-xl md:text-2xl font-gaming-subtitle font-semibold flex items-center justify-center gap-2 mb-8 tracking-wider">
<div
className="text-xl md:text-2xl font-gaming-subtitle font-semibold flex items-center justify-center gap-2 mb-8 tracking-wider"
style={{ color: "var(--accent-color)" }}
>
<span>✦</span>
<span>Peaksys</span>
<span>✦</span>
</div>
{/* Description */}
<p className="text-white text-base md:text-lg max-w-3xl mx-auto mb-12 leading-relaxed px-4">
<p
className="text-base md:text-lg max-w-3xl mx-auto mb-12 leading-relaxed px-4"
style={{ color: "var(--foreground)" }}
>
Transformez votre apprentissage en aventure. Participez aux ateliers,
défiez-vous sur les katas, partagez vos connaissances lors des
présentations et progressez dans votre parcours tech. Gagnez de