added logo and 2024 sponsor

Author: AlBovo

app/layout.tsx

@@ -7,7 +7,10 @@ const inter = Inter({ subsets: ["latin"] })
 
 export const metadata: Metadata = {
   title: "Blaisone CTF Team",
-  description: "PascalCTF is a Capture The Flag (CTF) competition organized by the team Blaisone."
+  description: "PascalCTF is a Capture The Flag (CTF) competition organized by the team Blaisone.",
+  icons: {
+    icon: "/logo.svg",
+  },
 }
 
 export default function RootLayout({

app/page.tsx

@@ -11,10 +11,10 @@ export default function HomePage() {
           <div className="mb-8">
             <div className="w-48 h-48 mx-auto mb-6 bg-blue-500 rounded-full flex items-center justify-center">
               <Image
-                src="/placeholder.svg?height=120&width=120"
+                src="/logo.svg?height=2400&width=240"
                 alt="Blaisone CTF Team Logo"
-                width={120}
-                height={120}
+                width={240}
+                height={240}
                 className="rounded-full"
               />
             </div>

app/sponsors/page.tsx

@@ -1,8 +1,10 @@
 import { SponsorCard } from "@/components/sponsor-card"
 import { Navigation } from "@/components/navigation"
-import { sponsors } from "@/data/sponsors"
+import { sponsors_by_year } from "@/data/sponsors"
 
 export default function SponsorsPage() {
+  const years = Object.keys(sponsors_by_year).sort((a, b) => Number(b) - Number(a))
+
   return (
     <div className="min-h-screen bg-gray-50 dark:bg-gray-900">
       <Navigation />
@@ -14,13 +16,17 @@ export default function SponsorsPage() {
           sponsor us, please reach out via email at [email protected].
         </p>
 
-        <h2 className="text-2xl font-bold text-gray-900 dark:text-white mb-8">2024</h2>
+        {years.map((year) => (
+          <div key={year}>
+            <h2 className="text-2xl font-bold text-gray-900 dark:text-white mb-8">{year}</h2>
 
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-12">
-          {sponsors.map((sponsor, index) => (
-            <SponsorCard key={index} sponsor={sponsor} />
-          ))}
-        </div>
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-12 mb-12">
+              {sponsors_by_year[year].map((sponsor, index) => (
+                <SponsorCard key={index} sponsor={sponsor} />
+              ))}
+            </div>
+          </div>
+        ))}
       </main>
     </div>
   )

components/navigation.tsx

@@ -1,3 +1,4 @@
+import Image from "next/image"
 import Link from "next/link"
 import { ThemeSwitcher } from "./theme-switcher"
 
@@ -7,7 +8,13 @@ export function Navigation() {
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="flex justify-between items-center h-16">
           <Link href="/" className="flex items-center">
-            <div className="w-6 h-6 bg-red-600 rounded-sm mr-2"></div>
+            <Image
+              src="/logo.svg"
+              alt="Blaisone Logo"
+              width={40}
+              height={40}
+              className="mr-2"
+            />
             <span className="font-medium text-gray-900 dark:text-white">Blaisone</span>
           </Link>
           <div className="flex items-center space-x-8">

data/members.json

@@ -1,36 +1,22 @@
-export const sponsors = [
-  {
-    name: "CyberSec Corp",
-    logo: "/placeholder.svg?height=100&width=200",
-    social: {
-      website: "https://cyberseccorp.com",
-      twitter: "https://twitter.com/cyberseccorp",
-      linkedin: "https://linkedin.com/company/cyberseccorp",
-    },
-  },
-  {
-    name: "SecureNet",
-    logo: "/placeholder.svg?height=100&width=200",
-    social: {
-      website: "https://securenet.com",
-      twitter: "https://twitter.com/securenet",
-    },
-  },
-  {
-    name: "ThreatGuard",
-    logo: "/placeholder.svg?height=100&width=200",
-    social: {
-      website: "https://threatguard.io",
-      linkedin: "https://linkedin.com/company/threatguard",
-    },
-  },
-  {
-    name: "PenTest Pro",
-    logo: "/placeholder.svg?height=100&width=200",
-    social: {
-      website: "https://pentestpro.com",
-      twitter: "https://twitter.com/pentestpro",
-      linkedin: "https://linkedin.com/company/pentestpro",
-    },
-  },
-]
+export const sponsors_by_year: Record<string, {
+  name: string
+  logo: string
+  social: {
+    website: string
+    twitter?: string
+    linkedin?: string
+  }
+}[]> = {
+  "2024": [
+    {
+      name: "Cyberloop",
+      logo: "/sponsors/cyberloop.svg?height=100&width=200",
+      social: {
+        website: "https://cyberloop.it/",
+        twitter: "https://twitter.com/CyberloopC",
+        linkedin: "https://www.linkedin.com/company/cyberloop/",
+      },
+    }
+  ],
+  "2025": [],
+}