feat: Enhance TestimonialsSection with responsive column layout and animations

- Updated TestimonialsSection to dynamically calculate the number of columns based on container width.
- Improved scrolling animations using GSAP for a smoother user experience.
- Added gradient images for visual enhancement and adjusted layout for better responsiveness.
- Introduced a new fade.png asset for background effects.

Author: 0xdevcollins

app/api/waitlist/subscribe/route.ts

@@ -34,8 +34,7 @@ export async function POST(request: NextRequest) {
 
     const data = await response.json();
     return NextResponse.json(data, { status: 200 });
-  } catch (error) {
-    console.error('Waitlist subscription error:', error);
+  } catch {
     return NextResponse.json(
       {
         message: 'Internal server error',

components/Projects.tsx

@@ -23,6 +23,31 @@ import { useAuth } from '@/hooks/use-auth';
 import { useProjectSheetStore } from '@/lib/stores/project-sheet-store';
 import { ProjectsSkeleton } from './skeleton/ProjectsSkeleton';
 
+// Strongly typed shape for the project objects returned by the API
+type ProjectApi = {
+  _id: string;
+  title: string;
+  description: string;
+  whitepaperUrl?: string;
+  tags?: string[];
+  category?: string;
+  type?: string;
+  status: string;
+  createdAt: string;
+  updatedAt: string;
+  owner?: {
+    type?: {
+      _id?: string;
+      profile?: {
+        firstName?: string;
+        lastName?: string;
+        username?: string;
+        avatar?: string;
+      } | null;
+    } | null;
+  } | null;
+};
+
 type StatusFilter =
   | 'all'
   | 'idea'
@@ -77,16 +102,18 @@ const Projects = () => {
 
         const response = await getProjects(pageNum, ITEMS_PER_PAGE, filters);
 
-        const transformedProjects = (response.projects || []).map(
-          (project: any) => ({
+        const apiProjects = (response.projects ??
+          []) as unknown as ProjectApi[];
+        const transformedProjects: RecentProjectsProps[] = apiProjects.map(
+          project => ({
             id: project._id,
             name: project.title,
             description: project.description,
             image: project.whitepaperUrl || '/banner.png',
             link: `/projects/${project._id}`,
             tags: project.tags || [],
-            category: project.category,
-            type: project.type,
+            category: project.category ?? 'unknown',
+            type: project.type ?? 'unknown',
             amount: 0,
             status: project.status,
             createdAt: project.createdAt,

components/landing-page/navbar copy.tsx

@@ -92,7 +92,7 @@ export function Navbar() {
         hoverTl: gsap.core.Timeline;
         enterHandler: () => void;
         leaveHandler: () => void;
-        split: any;
+        split: SplitText;
       }> = [];
 
       menuItems?.forEach(item => {

components/landing-page/navbar.tsx

@@ -81,7 +81,7 @@ export function Navbar() {
         hoverTl: gsap.core.Timeline;
         enterHandler: () => void;
         leaveHandler: () => void;
-        split: any;
+        split: SplitText;
       }> = [];
 
       menuItems?.forEach(item => {

components/testimonials/TestimonialCard.tsx

@@ -20,7 +20,7 @@ const TestimonialCard: React.FC<TestimonialCardProps> = ({
   icon,
 }) => {
   return (
-    <div className='bg-[#101010] rounded-[8px] shadow-xl p-6 flex flex-col gap-4 border border-[#A7F950]/20 hover:border-[#A7F950]/40 hover:shadow-[0_0_30px_rgba(167,249,80,0.3)] transition-all duration-500 hover:scale-105 transform mb-6'>
+    <div className='bg-[#101010] rounded-[8px] shadow-xl p-6 flex flex-col gap-4 border border-[#A7F950]/20 hover:border-[#A7F950]/40 hover:shadow-[0_0_30px_rgba(167,249,80,0.3)] transition-all duration-500 hover:scale-105 transform mb-6 max-w-[300px] w-[300px]'>
       <div className='flex flex-row justify-between items-start'>
         <div className='flex items-center gap-3'>
           <div className='relative'>