Add "Our Partners"

fedora-riscv · Dec 31, 2024 · 9c2a5f5 · 9c2a5f5
1 parent 3b60254
commit 9c2a5f5
Show file tree

Hide file tree

Showing 5 changed files with 88 additions and 5 deletions.
diff --git a/public/partner-logo/milkv.png b/public/partner-logo/milkv.png
diff --git a/public/partner-logo/riscv.svg b/public/partner-logo/riscv.svg
diff --git a/src/components/home-page.tsx b/src/components/home-page.tsx
@@ -3,7 +3,7 @@ import Image from "next/image"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 import { MailIcon } from "lucide-react"
-import { teamMembers, websites, newsList, teamIntro } from "@/lib/data"
+import { teamMembers, websites, newsList, teamIntro, partners } from "@/lib/data"
 import { TeamMemberCard } from "@/components/team-member-card"
 
 export function HomePage() {
@@ -92,6 +92,34 @@ export function HomePage() {
           </div>
         </section>
 
+        <section className="py-16 bg-background">
+          <div className="container mx-auto px-4">
+            <h2 className="text-3xl font-bold text-center mb-4">Our Partners</h2>
+            <div className="flex flex-wrap justify-center items-center gap-24 max-w-4xl mx-auto">
+              {partners.map((partner) => (
+                <div key={partner.name} className="flex-shrink-0 w-full sm:w-auto">
+                  <a
+                    href={partner.link}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="block transition-opacity hover:opacity-80 focus:opacity-80"
+                    aria-label={`${partner.name} Website`}
+                  >
+                    <Image
+                      src={partner.logo}
+                      alt={`${partner.name} logo`}
+                      width={240}
+                      height={80}
+                      className="max-w-full h-auto mx-auto"
+                    />
+                  </a>
+                </div>
+              ))}
+            </div>
+          </div>
+        </section>
+
+
         {/* News Section */}
         {/* <section id="news" className="py-16 bg-background">
           <div className="container mx-auto px-4">
@@ -116,7 +144,7 @@ export function HomePage() {
           </div>
         </section> */}
 
-        <section id="team" className="py-16 bg-background">
+        <section id="team" className="py-16 bg-muted">
           <div className="container mx-auto px-4">
             <h2 className="text-3xl font-bold mb-8 text-center">Team Members</h2>
             <div className="grid grid-cols-2 md:grid-cols-4 gap-6">
@@ -127,7 +155,7 @@ export function HomePage() {
           </div>
         </section>
 
-        <section id="contact" className="py-16 bg-muted">
+        <section id="contact" className="py-16 bg-background">
           <div className="container mx-auto px-4 text-center">
             <h2 className="text-3xl font-bold mb-8">Contact Us</h2>
             <div className="flex items-center justify-center">

diff --git a/src/lib/data.ts b/src/lib/data.ts
@@ -1,4 +1,4 @@
-import { TeamMember, Website, News } from "./types";
+import { TeamMember, Website, News, Partner } from "./types";
 
 export const teamMembers: TeamMember[] = [
     {
@@ -111,11 +111,24 @@ export const websites: Website[] = [
     }
 ]
 
+export const partners: Partner[] = [
+    {
+        name: "RISC-V",
+        logo: "/partner-logo/riscv.svg",
+        link: "https://riscv.org/"
+    },
+    {
+        name: "milkV",
+        logo: "/partner-logo/milkv.png",
+        link: "https://milkv.io/"
+    },
+]
+
 export const newsList: News[] = [
     // {
     //   title: "Fedora",
     //   date: "Sep 20, 2024",
-    //   content: "Fedora FedoraFedora FedoraFedoraFedoraFedora FedoraFedoraFedora.",
+    //   content: "Fedora FedoraFedora FedoraFedoraFedoraFedoraFedora FedoraFedoraFedora.",
     // },
   ]
 

diff --git a/src/lib/types.d.ts b/src/lib/types.d.ts
@@ -18,6 +18,12 @@ export type Website = {
     link: string
 }
 
+export type Partner = {
+    name: string
+    logo: string
+    link: string
+}
+
 export type News = {
     title: string
     date: string