chore: add descriptions for sponsors and change some logos

Maakkkuu · Maakkkuu · commit 2b2a8cc56dae · 2025-04-07T20:59:10.000+08:00
diff --git a/app/(home)/components/Sponsors.tsx b/app/(home)/components/Sponsors.tsx
@@ -1,13 +1,13 @@
 import { Container } from '@/components/ui/container';
 import dynamic from 'next/dynamic';
 const SponsorsDesktop = dynamic(() => import('./SponsorsDesktop'));
-const SponsorsMobile = dynamic(() => import("./SponsorsMobile"));
+const SponsorsMobile = dynamic(() => import('./SponsorsMobile'));
 
 interface SponsorshipProps {
   name: string;
   logo: string;
   logoMobile: string;
-  testimonial: string;
+  description: string;
   url: string;
 }
 
@@ -17,40 +17,40 @@ export function Sponsors() {
       name: 'Mugna Tech',
       logo: '/sponsor-logos/mugna-logo.png',
       logoMobile: '/sponsor-logos/mugna-logo.png',
-      testimonial:
-        'Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reprehenderit, quas possimus. Vitae, officia quia. Doloribus saepe',
+      description:
+        'Mugna Tech specializes in Web, Software, and Mobile Development, UI/UX Design, and more, with 75+ projects for diverse businesses.',
       url: 'https://mugna.tech',
     },
     {
       name: 'Codev',
       logo: '/sponsor-logos/codev-logo.png',
       logoMobile: '/sponsor-logos/codev-logo.png',
-      testimonial:
-        'Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reprehenderit, quas possimus. Vitae, officia quia. Doloribus saepe',
+      description:
+        'Hire top offshore developers with CoDev—skilled professionals dedicated to your success',
       url: 'https://codev.com',
     },
     {
       name: 'Ingenuity Software',
       logo: '/sponsor-logos/ingenuity-logo.png',
       logoMobile: '/sponsor-logos/ingenuity-logo-mobile.png',
-      testimonial:
-        'Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reprehenderit, quas possimus. Vitae, officia quia. Doloribus saepe',
+      description:
+        'Ingenuity Software is a Davao-based software development company that turns ideas into impactful digital solutions. ',
       url: 'https://ingenuity.ph',
     },
     {
       name: 'PythonPH',
       logo: '/sponsor-logos/pythonph-logo.png',
       logoMobile: '/sponsor-logos/pythonph-logo-mobile.png',
-      testimonial:
-        'Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reprehenderit, quas possimus. Vitae, officia quia. Doloribus saepe',
+      description:
+        'Python Philippines is a volunteer-run non-profit supporting the growth of the Python community in the country.',
       url: 'https://python.ph',
     },
     {
       name: 'Stace',
       logo: '/sponsor-logos/stace-logo.svg',
       logoMobile: '/sponsor-logos/stace-logo.svg',
-      testimonial:
-        'Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reprehenderit, quas possimus. Vitae, officia quia. Doloribus saepe',
+      description:
+        'Stace is a comprehensive platform designed to enhance and simplify the rental experience for both renters and landlords.',
       url: 'https://www.stace.app',
     },
   ];
@@ -66,7 +66,7 @@ export function Sponsors() {
         {/* Mobile View (Below 768px) */}
         <section className="md:hidden">
           <SponsorsMobile sponsors={sponsors} />
-        </section> 
+        </section>
       </Container>
     </section>
   );
diff --git a/app/(home)/components/SponsorsDesktop.tsx b/app/(home)/components/SponsorsDesktop.tsx
@@ -19,7 +19,7 @@ interface SponsorshipProps {
   name: string;
   logo: string;
   logoMobile: string;
-  testimonial: string;
+  description: string;
   url: string;
 }
 
@@ -124,10 +124,10 @@ const SponsorsDesktop = ({ sponsors }: { sponsors: SponsorshipProps[] }) => {
                   loading="lazy"
                   fill
                   className={cn(
-                    'object-contain',
                     featuredSponsor.name === 'PythonPH'
-                      ? 'scale-150' // Increase the size for specific sponsors
-                      : '',
+                      ? 'scale-150'
+                      : 'scale-100',
+                    'object-contain',
                     'w-full',
                     'h-full',
                     'p-12'
@@ -156,7 +156,7 @@ const SponsorsDesktop = ({ sponsors }: { sponsors: SponsorshipProps[] }) => {
                 <div className="w-[440px] h-[1.5px] bg-[#FFFFFF]"></div>
               </div>
               <p className="lg:text-xl mt-4 text-[12px] max-md:m-5 pr-3 pl-3">
-                {featuredSponsor.testimonial}
+                {featuredSponsor.description}
                 <br></br>
                 <br></br>— {featuredSponsor.name}
               </p>
diff --git a/app/(home)/components/SponsorsMobile.tsx b/app/(home)/components/SponsorsMobile.tsx
@@ -9,12 +9,12 @@ import React, { useState, useEffect, useRef } from 'react';
 import Image from 'next/image';
 import Link from 'next/link';
 import { Button } from '@/components/ui/button';
-
+import { cn } from '@/lib/utils';
 
 interface SponsorsProps {
   name: string;
   logoMobile: string;
-  testimonial: string;
+  description: string;
   url: string;
 }
 
@@ -81,21 +81,21 @@ const SponsorsMobile = ({ sponsors }: { sponsors: SponsorsProps[] }) => {
         <span className="text-white">Our</span> Sponsors
       </h1>
       <p className="text-center text-[12px] mb-10 text-white max-w-[31ch] mx-auto">
-        A big thank you to our generous sponsors whose support makes our
-        work possible and helps us create lasting impact.
+        A big thank you to our generous sponsors whose support makes our work
+        possible and helps us create lasting impact.
       </p>
 
-    <div className="flex justify-center items-center mb-4"> 
-      <Button
-            className="w-[150px] py-[4px] flex justify-center items-center text-sm pt-3 pb-3"
-            variant={'sponsor-be-our-sponsor'}
-            onClick={() => {
-              window.location.href = '/404';
-            }}
-          >
-            Be Our Sponsor
-      </Button>
-    </div>
+      <div className="flex justify-center items-center mb-4">
+        <Button
+          className="w-[150px] py-[4px] flex justify-center items-center text-sm pt-3 pb-3"
+          variant={'sponsor-be-our-sponsor'}
+          onClick={() => {
+            window.location.href = '/404';
+          }}
+        >
+          Be Our Sponsor
+        </Button>
+      </div>
 
       <div className="relative">
         {/* Carousel or Full View */}
@@ -135,8 +135,8 @@ const SponsorsMobile = ({ sponsors }: { sponsors: SponsorsProps[] }) => {
                           showAll
                             ? 'opacity-100 scale-100'
                             : shouldScale
-                            ? `opacity-100 ${scaleSize}`
-                            : 'opacity-50'
+                              ? `opacity-100 ${scaleSize}`
+                              : 'opacity-50'
                         }`}
                       >
                         {/* Sponsor Logo */}
@@ -151,7 +151,10 @@ const SponsorsMobile = ({ sponsors }: { sponsors: SponsorsProps[] }) => {
                               alt={sponsor.name}
                               width={100}
                               height={100}
-                              className="max-h-[100px] w-auto object-contain cursor-pointer"
+                              className={cn(
+                                'max-h-[100px] w-auto object-contain cursor-pointer',
+                                sponsor.name === 'Stace' ? 'scale-125' : ''
+                              )}
                             />
                           </Link>
                         </div>
@@ -179,9 +182,9 @@ const SponsorsMobile = ({ sponsors }: { sponsors: SponsorsProps[] }) => {
                           <div className="w-[100px] h-[1.5px] bg-[#FFFFFF]"></div>
                         </div>
 
-                        {/* Name + testimonial */}
+                        {/* Name + description */}
                         <p className="relative text-white text-[9px] mt-[1px] px-4 leading-tight text-left max-h-[90px] overflow-hidden pb-4">
-                          {sponsor.testimonial}
+                          {sponsor.description}
                           <br></br>
                           <br></br>— {sponsor.name}
                         </p>
@@ -224,4 +227,4 @@ const SponsorsMobile = ({ sponsors }: { sponsors: SponsorsProps[] }) => {
   );
 };
 
-export default SponsorsMobile;
+export default SponsorsMobile;
diff --git a/public/sponsor-logos/pythonph-logo.png b/public/sponsor-logos/pythonph-logo.png
