Add jetorbit logo and enhance sponsor component

.github/workflows/ci.yml

@@ -7,6 +7,7 @@ on:
     branches:
       - main
       - 'feature/**'
+      - 'bugfix/**'
 
 jobs:
   build:

apps/web/app/partners/page.tsx

@@ -3,30 +3,7 @@
 import { Card } from "@/components/ui/card";
 import { Building2, Users, Globe, ArrowUpRight } from "lucide-react";
 import { Button } from "@/components/ui/button";
-
-const partners = [
-  {
-    name: "Payungi",
-    type: "Mitra Komunitas",
-    description: "Kampung Kreatif - Payungi hadir atas inisiatif warga berdaya yang percaya perubahan bisa dilakukan dengan gotong royong.",
-    logo: "/payungi-logo.jpg",
-    website: "https://payungi.org"
-  },
-  {
-    name: "Kedai Rumah Belajar",
-    type: "Mitra Komunitas",
-    description: "Kedai Rumah Belajar | Coffee & Space",
-    logo: "/rumah-belajar-logo.jpg",
-    website: "https://www.instagram.com/rumah.belajar__"
-  },
-  {
-    name: "Suaka Marga Technopreneur",
-    type: "Mitra Komunitas",
-    description: "Kolaborasi dalam pengembangan ekosistem startup di Lampung.",
-    logo: "https://media.licdn.com/dms/image/v2/D560BAQFY8QKaA3rmYg/company-logo_200_200/company-logo_200_200/0/1730430724989?e=1750896000&v=beta&t=q8CC8nHdf9BVZW0kOcR9t8UYOK7PLw1dqMix9dJy6Vg",
-    website: "https://startuplampung.com"
-  }
-];
+import { partners } from '@/constants/partners';
 
 export default function PartnersPage() {
   return (
@@ -74,7 +51,7 @@ export default function PartnersPage() {
                 <img
                   src={partner.logo}
                   alt={partner.name}
-                  className="w-16 h-16 rounded-lg object-cover"
+                  className="w-24 h-16 rounded-lg object-cover"
                 />
                 <div className="flex-1">
                   <div className="flex items-center justify-between">

apps/web/app/sponsor/page.tsx

@@ -2,11 +2,9 @@
 
 import { Card } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
-import { Instagram } from "lucide-react";
 import { previousSponsors } from '@/constants/sponsors';
 
 export default function SponsorPage() {
-
   return (
     <div className="min-h-screen py-20">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -23,19 +21,27 @@ export default function SponsorPage() {
           <h2 className="text-2xl font-bold text-center mb-8">Sponsor Kami</h2>
           <div className="grid grid-cols-2 md:grid-cols-4 gap-6">
             {previousSponsors.map((sponsor, index) => (
-              <Card key={index} className="p-6 flex flex-col items-center text-center hover:shadow-lg transition-shadow">
-                <img
-                  src={sponsor.logo}
-                  alt={sponsor.name}
-                  className="w-20 h-20 object-cover rounded-lg mb-4"
-                />
-                <h3 className="font-semibold mb-2">{sponsor.name}</h3>
-                <Button variant="ghost" size="icon" asChild className="text-muted-foreground hover:text-primary">
-                  <a href={sponsor.instagram} target="_blank" rel="noopener noreferrer">
-                    <Instagram className="h-5 w-5" />
-                  </a>
-                </Button>
-              </Card>
+              <div key={index} className="flex items-center justify-center h-40">
+                <a 
+                  href={sponsor.instagram} 
+                  target="_blank" 
+                  rel="noopener noreferrer"
+                  className="relative block w-32 h-32 group"
+                >
+                  {sponsor.type && (
+                    <span className="absolute -top-8 left-1/2 -translate-x-1/2 bg-primary/90 text-primary-foreground px-3 py-1 rounded-full text-sm opacity-0 group-hover:opacity-100 group-hover:-translate-y-2 transition-all duration-300 whitespace-nowrap z-10">
+                      {sponsor.type}
+                    </span>
+                  )}
+                  <div className="relative z-0 w-full h-full flex items-center justify-center">
+                    <img
+                      src={sponsor.logo}
+                      alt={sponsor.name}
+                      className="max-w-full max-h-full object-contain transition-transform duration-300 group-hover:scale-110"
+                    />
+                  </div>
+                </a>
+              </div>
             ))}
           </div>
         </div>

apps/web/components/pages/home.tsx

@@ -47,7 +47,8 @@ export function HomePage() {
             <p className="text-xl md:text-2xl mb-2 max-w-3xl mx-auto">
               Bergabunglah dengan komunitas developer teknologi terbesar di Lampung. Belajar, berbagi, dan berkembang bersama.
             </p>
-            <p className="text-lg mb-8 text-primary-foreground/80">#SangBumiRuwaJurai</p>
+            <p className="text-lg text-primary-foreground/80">#SangBumiRuwaJurai</p>
+            <p className="text-lg mb-8 text-primary-foreground/80">#TabikPun!</p>
             <div className="flex justify-center gap-4" data-aos="fade-up" data-aos-delay="200">
               <Button 
                 size="icon"

apps/web/constants/partners.ts

@@ -0,0 +1,24 @@
+export const partners = [
+  {
+    name: 'Payungi',
+    type: 'Mitra Komunitas',
+    description:
+      'Kampung Kreatif - Payungi hadir atas inisiatif warga berdaya yang percaya perubahan bisa dilakukan dengan gotong royong.',
+    logo: '/assets/community-partnerts/payungi-logo.svg',
+    website: 'https://payungi.org',
+  },
+  {
+    name: 'Kedai Rumah Belajar',
+    type: 'Mitra Komunitas',
+    description: 'Kedai Rumah Belajar | Coffee & Space',
+    logo: '/assets/community-partnerts/rumah-belajar-logo.svg',
+    website: 'https://www.instagram.com/rumah.belajar__',
+  },
+  {
+    name: 'Suaka Marga Technopreneur',
+    type: 'Mitra Komunitas',
+    description: 'Kolaborasi dalam pengembangan ekosistem startup di Lampung.',
+    logo: 'https://media.licdn.com/dms/image/v2/D560BAQFY8QKaA3rmYg/company-logo_200_200/company-logo_200_200/0/1730430724989?e=1750896000&v=beta&t=q8CC8nHdf9BVZW0kOcR9t8UYOK7PLw1dqMix9dJy6Vg',
+    website: 'https://www.surga.tech',
+  },
+];

apps/web/constants/sponsors.ts

@@ -1,42 +1,56 @@
 export const previousSponsors = [
+  {
+    name: "Jetorbit",
+    instagram: "https://www.instagram.com/jetorbit",
+    logo: "https://www.jetorbit.com/wp-content/uploads/2019/05/hosting-murah-jetorbit-logo.svg",
+    type: "Infrastructure Partner"
+  },
   {
     name: "Codeathome.id",
     instagram: "https://instagram.com/codeathome",
-    logo: "https://images.unsplash.com/photo-1542831371-29b0f74f9713?auto=format&fit=crop&q=80&w=200",
+    logo: "/assets/sponsors/codeathome-logo.svg",
+    type: "Codeathome.id"
   },
   {
     name: "ngooding.id",
     instagram: "https://instagram.com/ngooding.id",
-    logo: "https://images.unsplash.com/photo-1461749280684-dccba630e2f6?auto=format&fit=crop&q=80&w=200",
+    logo: "/assets/sponsors/ngoding-id-logo.svg",
+    type: "Ngooding"
   },
   {
     name: "Dicoding",
     instagram: "https://instagram.com/dicoding",
-    logo: "https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&q=80&w=200",
+    logo: "/assets/community-partnerts/dicoding-logo.svg",
+    type: "Dicoding"
   },
   {
     name: "BuildWithAngga",
     instagram: "https://instagram.com/buildwithangga",
-    logo: "https://images.unsplash.com/photo-1517180102446-f3ece451e9d8?auto=format&fit=crop&q=80&w=200",
+    logo: "https://buildwithangga.com/themes/front/images/logo_bwa_text.svg",
+    type: "BuildWithAngga"
   },
   {
     name: "Mitra Aslam Beauty",
     instagram: "https://instagram.com/mitraaslambeauty",
-    logo: "https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9?auto=format&fit=crop&q=80&w=200",
+    logo: "/assets/sponsors/mitra-aslam-beauty-logo.svg",
+    type: "Mitra Aslam Beauty"
   },
   {
     name: "IM3 Metro",
     instagram: "https://instagram.com/im3metro",
-    logo: "https://images.unsplash.com/photo-1563770660941-20978e870e26?auto=format&fit=crop&q=80&w=200",
+    logo: "/assets/sponsors/im3-metro-logo.svg",
+    type: "IM3 Metro"
   },
   {
     name: "Cuberaksi",
     instagram: "instagram.com/cube.raksi",
-    logo: "https://images.unsplash.com/photo-1534972195531-d756b9bfa9f2?auto=format&fit=crop&q=80&w=200",
+    logo: "/assets/sponsors/cuberaksi-logo.svg",
+    type: "Cuberaksi"
   },
   {
     name: "Klinik Kosasih Lampung",
     instagram: "https://www.instagram.com/klinikkosasihlampung",
-    logo: "https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&q=80&w=200",
+    logo: "https://klinikkosasih.com/wp-content/uploads/2024/04/cropped-cropped-logo-removebg-preview-150x150.png",
+    type: "Klinik Kosasih Lampung"
   }
 ];

apps/web/constants/testimonials.ts

@@ -7,7 +7,7 @@ export const testimonials = [
   },
   {
     name: 'Ayu Anisa',
-    role: 'Freelancer Graphic Designer dan Illustrator',
+    role: 'Desainer Grafis dan Ilustrator Freelance',
     content: 'Kegiatan Tech Meetup nya seru banget jadi bisa ketemu dengan pekerja design grafis dan ilustrator lainnya serta developer teknologi juga, jadi bener-bener antusias karena jarang banget di Bandar Lampung ada komunitas seperti ini yang bermanfaat untuk semuanya.',
     image: 'https://media.licdn.com/dms/image/v2/D5635AQFSErjdq1qtDw/profile-framedphoto-shrink_200_200/profile-framedphoto-shrink_200_200/0/1726658592366?e=1745899200&v=beta&t=uVWbBU6-QQ6_ypzAKBZZREOxMexm6zYfLGmomsXgaHw',
   },