Refactor component imports and structure: Update import paths for various components to improve organization, moving them into appropriate subdirectories. Remove unused components related to user and event management, enhancing code clarity and maintainability across the application.

2025-12-12 16:48:41 +01:00
parent 880e96d6e4
commit 97db800c73
27 changed files with 23 additions and 23 deletions
--- a/components/layout/HeroSection.tsx
+++ b/components/layout/HeroSection.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import Link from "next/link";
+import { Button, BackgroundSection } from "@/components/ui";
+
+interface HeroSectionProps {
+  backgroundImage: string;
+}
+
+export default function HeroSection({ backgroundImage }: HeroSectionProps) {
+  return (
+    <BackgroundSection backgroundImage={backgroundImage} className="pt-24">
+      <div className="text-center flex flex-col items-center">
+        {/* Game Title */}
+        <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"
+              style={{
+                backgroundImage: `linear-gradient(90deg, #daa520 0%, #ffa500 30%, #ff8c00 50%, #ffa500 70%, #daa520 100%)`,
+                backgroundSize: "200% auto",
+                WebkitBackgroundClip: "text",
+                WebkitTextFillColor: "transparent",
+                backgroundClip: "text",
+                color: "transparent",
+                filter: `drop-shadow(0 0 12px rgba(255, 140, 0, 0.4))`,
+              }}
+            >
+              GAME.OF.TECH
+            </span>
+          </h1>
+        </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">
+          <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">
+          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
+          l&apos;expérience, montez en niveau et affrontez vos collègues sur le
+          classement. L&apos;excellence technique, ça se joue.
+        </p>
+
+        {/* Call-to-Action Buttons */}
+        <div className="flex flex-col sm:flex-row items-center justify-center gap-4 mb-16">
+          <Link href="/events">
+            <Button variant="primary" size="lg">
+              See events
+            </Button>
+          </Link>
+          <Link href="/leaderboard">
+            <Button
+              variant="primary"
+              size="lg"
+              className="flex items-center gap-2"
+            >
+              <span>⏵</span>
+              <span>See leaderboard</span>
+            </Button>
+          </Link>
+        </div>
+      </div>
+    </BackgroundSection>
+  );
+}