Refactor: Remove descriptions from cards

src/components/designers/DesignerCard.tsx

@@ -56,18 +56,9 @@ export function DesignerCard({ company }: DesignerCardProps) {
 
       <CardContent className="p-6 space-y-4">
         {/* Company Name */}
-        <div>
+        <h3 className="font-semibold text-lg mb-2 group-hover:text-primary transition-colors line-clamp-1">
-          <h3 className="font-semibold text-lg mb-2 group-hover:text-primary transition-colors line-clamp-1">
+          {company.name}
-            {company.name}
+        </h3>
-          </h3>
-          
-          {/* Description */}
-          {company.description && (
-            <p className="text-sm text-muted-foreground line-clamp-2 mb-3">
-              {company.description}
-            </p>
-          )}
-        </div>
 
         {/* Company Details */}
         <div className="space-y-2 text-sm">

src/components/manufacturers/ManufacturerCard.tsx

@@ -91,13 +91,6 @@ export function ManufacturerCard({ company }: ManufacturerCardProps) {
           {company.name}
         </h3>
 
-        {/* Description */}
-        {company.description && (
-          <p className="text-xs md:text-sm text-muted-foreground line-clamp-2">
-            {company.description}
-          </p>
-        )}
-
         {/* Company Info */}
         <div className="flex flex-wrap gap-x-3 md:gap-x-4 gap-y-1 text-xs md:text-sm">
           {company.founded_year && (

src/components/operators/OperatorCard.tsx

@@ -78,13 +78,6 @@ const OperatorCard = ({ company }: OperatorCardProps) => {
           {company.name}
         </h3>
 
-        {/* Description */}
-        {company.description && (
-          <p className="text-sm text-muted-foreground line-clamp-2">
-            {company.description}
-          </p>
-        )}
-
         {/* Company Info */}
         <div className="flex flex-wrap gap-x-4 gap-y-1 text-sm">
           {company.founded_year && (

src/components/park-owners/ParkOwnerCard.tsx

@@ -78,13 +78,6 @@ const ParkOwnerCard = ({ company }: ParkOwnerCardProps) => {
           {company.name}
         </h3>
 
-        {/* Description */}
-        {company.description && (
-          <p className="text-sm text-muted-foreground line-clamp-2">
-            {company.description}
-          </p>
-        )}
-
         {/* Company Info */}
         <div className="flex flex-wrap gap-x-4 gap-y-1 text-sm">
           {company.founded_year && (

src/components/parks/ParkCard.tsx

@@ -81,17 +81,12 @@ export function ParkCard({ park }: ParkCardProps) {
               {park.name}
             </h3>
             
-            {park.location && <div className="flex items-center text-sm text-muted-foreground">
+          {park.location && <div className="flex items-center text-sm text-muted-foreground">
                 <MapPin className="w-3 h-3 mr-1" />
                 {park.location.city && `${park.location.city}, `}{park.location.country}
               </div>}
           </div>
 
-          {/* Description */}
-          {park.description && <p className="text-sm text-muted-foreground line-clamp-2">
-              {park.description}
-            </p>}
-
           {/* Park Type */}
           <Badge variant="outline" className="text-xs">
             {formatParkType(park.park_type)}

src/components/rides/RideCard.tsx

@@ -101,13 +101,6 @@ export function RideCard({ ride, showParkName = true, className, parkSlug }: Rid
             )}
           </div>
 
-          {/* Description */}
-          {ride.description && (
-            <p className="text-sm text-muted-foreground line-clamp-2">
-              {ride.description}
-            </p>
-          )}
-
           {/* Category Badge */}
           <Badge variant="outline" className="text-xs">
             {formatCategory(ride.category)}

src/components/rides/RideModelCard.tsx

@@ -64,16 +64,9 @@ export function RideModelCard({ model, manufacturerSlug }: RideModelCardProps) {
       </div>
 
       <CardContent className="p-4 space-y-3">
-        <div>
+        <h3 className="font-semibold text-lg line-clamp-1 group-hover:text-primary transition-colors">
-          <h3 className="font-semibold text-lg line-clamp-1 group-hover:text-primary transition-colors">
+          {model.name}
-            {model.name}
+        </h3>
-          </h3>
-          {model.description && (
-            <p className="text-sm text-muted-foreground line-clamp-2 mt-1">
-              {model.description}
-            </p>
-          )}
-        </div>
 
         <div className="flex flex-wrap gap-2">
           <Badge variant="secondary" className="text-xs">