feat: add subtle primary border to featured program and events cards

Author: eric15342335

src/components/sections/featured-program.tsx

@@ -6,7 +6,7 @@ export function FeaturedProgram() {
   return (
     <section>
       <div className="container mx-auto px-4">
-        <Card className="p-8 hover:border-primary/50 transition-all">
+        <Card className="p-8 border-primary/35 hover:border-primary transition-all">
           <div className="grid md:grid-cols-2 gap-8 items-center">
             <div className="space-y-4">
               <h2 className="text-3xl font-bold">Featured Program</h2>

src/components/sections/whats-happening.tsx

@@ -28,7 +28,7 @@ export function WhatsHappening() {
           {events.map((event, index) => (
             <Card
               key={index}
-              className="p-6 flex flex-col items-center text-center gap-4 hover:border-primary/50 transition-all"
+              className="p-6 flex flex-col items-center text-center gap-4 border-primary/35 hover:border-primary transition-all"
             >
               <div className="relative h-24 w-24">
                 <Image