Added better placeholders for each section

Author: Meatball1601

src/components/EventCard.tsx

@@ -167,22 +167,24 @@ const EventCard: React.FC<EventCardProps> = ({ event }) => {
       </CardContent>
 
       {/* Link to event */}
-      <CardFooter className="pt-2 border-t">
-        <a 
-          href={link.url} 
-          target="_blank" 
-          rel="noopener noreferrer"
-          className="w-full"
-        >
-          <Button 
-            variant="outline" 
-            className="w-full flex items-center justify-center gap-2 border-primary-blue text-primary-blue hover:bg-primary-blue hover:text-white"
+      {link?.url && (
+        <CardFooter className="pt-2 border-t">
+          <a 
+            href={link.url} 
+            target="_blank" 
+            rel="noopener noreferrer"
+            className="w-full"
           >
-            {getLinkIcon(link.type)}
-            <span className="truncate">{getLinkText(link.type)}</span>
-          </Button>
-        </a>
-      </CardFooter>
+            <Button 
+              variant="outline" 
+              className="w-full flex items-center justify-center gap-2 border-primary-blue text-primary-blue hover:bg-primary-blue hover:text-white"
+            >
+              {getLinkIcon(link.type)}
+              <span className="truncate">{getLinkText(link.type)}</span>
+            </Button>
+          </a>
+        </CardFooter>
+      )}
     </Card>
   );
 };

src/components/ProjectCard.tsx

@@ -32,11 +32,54 @@ const ProjectCard: React.FC<ProjectCardProps> = ({ project }) => {
   return (
     <Card className="overflow-hidden h-full flex flex-col transition-all hover:shadow-md">
       <div className="relative h-48">
-        <img 
-          src={image || "/placeholder.svg"} 
-          alt={title} 
-          className="w-full h-full object-cover" 
-        />
+        {image ? (
+          <img 
+            src={image} 
+            alt={title} 
+            className="w-full h-full object-cover" 
+          />
+        ) : (
+          <div className="w-full h-full bg-gradient-to-br from-primary-blue/10 to-primary-blue/5 flex items-center justify-center">
+            <svg
+              width="120"
+              height="120"
+              viewBox="0 0 120 120"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+              className="opacity-50"
+            >
+              {/* Circuit Board Base */}
+              <rect x="20" y="20" width="80" height="80" rx="8" fill="#AB9A89" />
+              
+              {/* Circuit Traces */}
+              <path d="M30 40h60" stroke="rgb(51 51 81)" strokeWidth="2" />
+              <path d="M30 60h60" stroke="rgb(51 51 81)" strokeWidth="2" />
+              <path d="M30 80h60" stroke="rgb(51 51 81)" strokeWidth="2" />
+              <path d="M40 30v60" stroke="rgb(51 51 81)" strokeWidth="2" />
+              <path d="M60 30v60" stroke="rgb(51 51 81)" strokeWidth="2" />
+              <path d="M80 30v60" stroke="rgb(51 51 81)" strokeWidth="2" />
+              
+              {/* Circuit Components */}
+              {/* Microchip */}
+              <rect x="45" y="45" width="30" height="30" rx="2" fill="rgb(51 51 81)" />
+              <rect x="50" y="50" width="20" height="20" rx="1" fill="rgb(248 221 186)" />
+              
+              {/* Capacitors */}
+              <rect x="35" y="35" width="4" height="10" fill="rgb(248 221 186)" />
+              <rect x="81" y="35" width="4" height="10" fill="rgb(248 221 186)" />
+              <rect x="35" y="75" width="4" height="10" fill="rgb(248 221 186)" />
+              <rect x="81" y="75" width="4" height="10" fill="rgb(248 221 186)" />
+              
+              {/* Connection Points */}
+              <circle cx="30" cy="40" r="2" fill="rgb(248 221 186)" />
+              <circle cx="90" cy="40" r="2" fill="rgb(248 221 186)" />
+              <circle cx="30" cy="60" r="2" fill="rgb(248 221 186)" />
+              <circle cx="90" cy="60" r="2" fill="rgb(248 221 186)" />
+              <circle cx="30" cy="80" r="2" fill="rgb(248 221 186)" />
+              <circle cx="90" cy="80" r="2" fill="rgb(248 221 186)" />
+            </svg>
+          </div>
+        )}
         <div className="absolute top-3 left-3">
           <Badge 
             variant="secondary" 

src/components/TeamMember.tsx

@@ -51,21 +51,35 @@ const TeamMember: React.FC<TeamMemberProps> = ({
             </div>
           ) : !isOpenPosition ? (
             // Placeholder image if no image and not open position
-            <div className="w-full h-60 flex items-center justify-center bg-gray-100">
+            <div className="w-full h-60 flex items-center justify-center bg-gradient-to-br from-primary-blue/10 to-primary-blue/5">
               <svg
                 width="120"
                 height="120"
                 viewBox="0 0 120 120"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
-                className="text-gray-300"
+                className="opacity-50"
               >
-                {/* Person silhouette */}
-                <circle cx="60" cy="40" r="25" fill="currentColor" />
+                {/* Fun character design */}
+                {/* Head */}
+                <circle cx="60" cy="45" r="25" fill="rgb(248 221 186)" />
+                
+                {/* Eyes */}
+                <circle cx="50" cy="40" r="4" fill="rgb(51 51 81)" />
+                <circle cx="70" cy="40" r="4" fill="rgb(51 51 81)" />
+                
+                {/* Smile */}
+                <path d="M50 55 Q60 65 70 55" stroke="rgb(51 51 81)" strokeWidth="2" strokeLinecap="round" />
+                
+                {/* Body */}
                 <path
-                  d="M30 100C30 83.4315 43.4315 70 60 70C76.5685 70 90 83.4315 90 100"
-                  fill="currentColor"
+                  d="M40 100C40 85.4315 50 75 60 75C70 75 80 85.4315 80 100"
+                  fill="rgb(248 221 186)"
                 />
+                
+                {/* Connection lines */}
+                <path d="M25 85L40 100" stroke="#AB9A89" strokeWidth="2"  />
+                <path d="M95 85L80 100" stroke="#AB9A89" strokeWidth="2"  />
               </svg>
             </div>
           ) : (

src/data/eventsData.ts

@@ -33,7 +33,7 @@ export interface Event {
   description: string;
   date: string; // Format: YYYY-MM-DD
   image?: string;
-  link: {
+  link?: {
     url: string;
     type: "instagram" | "signup" | "linkedin" | "luma" | "other";
   };
@@ -53,10 +53,6 @@ export const eventsData: Event[] = [
     title: "ASIP Hackathon 2025",
     description: "A hackathon focused on Application-Specific Instruction Set Processors using the ASIP Designer Tool from Synopsys. Participants developed ML inference accelerators with guidance from industry experts.",
     date: "2025-03-15",
-    link: {
-      url: "https://www.linkedin.com/events/asiphackathon2025/",
-      type: "linkedin"
-    },
     organizers: [
       { name: "Agustin N. Coppari Hollmann", role: "Lead Organizer" },
       { name: "Ipek Akdeniz", role: "Co-organizer" },