style: updated social-proof

components/app/marketing-social-proof.tsx

@@ -3,6 +3,7 @@ import Link from "next/link"
 import { models } from "@/data/models"
 
 import { Marquee } from "@/components/fancy/marquee"
+import { partnerships } from "@/data/partnerships"
 
 export function MarketingSocialProof() {
   const companies = models.filter(
@@ -13,7 +14,7 @@ export function MarketingSocialProof() {
   return (
     <div className="relative flex w-full flex-col items-center justify-center overflow-hidden bg-background md:shadow-xl">
       <Marquee pauseOnHover className="[--duration:20s]">
-        {companies.map((company) => (
+        {[...companies, ...partnerships].map((company) => (
           <Link
             href={company.href}
             key={company.label}

components/shared/icons.tsx

@@ -175,6 +175,42 @@ function OpenAi({ className }: { className?: string }) {
   )
 }
 
+function TIC({ className }: { className?: string }) {
+  return (
+    <Image
+      src="/social-proof/tunisian-it-community.jpg"
+      alt="logo"
+      className={className}
+      width={32}
+      height={32}
+    />
+  )
+}
+
+function GDG({ className }: { className?: string }) {
+  return (
+    <Image
+      src="/social-proof/google-developer-club.png"
+      alt="logo"
+      className={className}
+      width={64}
+      height={32}
+    />
+  )
+}
+
+function OpenSourceTunisia({ className }: { className?: string }) {
+  return (
+    <Image
+      src="/social-proof/open-source-tunisia.jpeg"
+      alt="logo"
+      className={className}
+      width={32}
+      height={32}
+    />
+  )
+}
+
 function Undrstnd(props: React.SVGProps<SVGSVGElement>) {
   return (
     <svg
@@ -321,4 +357,7 @@ export const Icons = {
   sheet: SheetIcon,
   json: FileJson,
   plus: SquarePlusIcon,
+  tic: TIC,
+  gdg: GDG,
+  ost: OpenSourceTunisia,
 }

data/partnerships.tsx

@@ -0,0 +1,23 @@
+import { Icons } from "@/components/shared/icons"
+import { Partnership } from "@/types"
+
+export const partnerships: Partnership[] = [
+    {
+        company: "Tunisian I.T. Community",
+        href: "https://www.facebook.com/TunITCo",
+        label: "tunisian-it-community",
+        image: Icons.tic
+    },
+    {
+        company: "Google Developer Club",
+        href: "https://www.facebook.com/google.developer.groups.gdg.on.campus.esprit",
+        label: "google-developer-club",
+        image: Icons.gdg
+    },
+    {
+        company: "Open Source Tunisia",
+        href: "https://www.linkedin.com/company/open-source-tunisia/",
+        label: "open-source-tunisia",
+        image: Icons.ost
+    }
+]

types/index.d.ts

@@ -128,3 +128,10 @@ export type ChartDataType = {
   success: number
   failed: number
 }
+
+export type Partnership = {
+  company: string
+  label: string
+  href: string
+  image: Icon
+}