changed words

Author: on3ss

resources/js/components/venue-card.tsx

@@ -117,8 +117,9 @@ export default function VenueCard({ venue }: VenueCardProps) {
                         </Badge>
                     </div>
                     <div className="flex items-baseline gap-1">
+                        <span className="text-sm">from</span>
                         <span className="text-lg font-bold text-primary">₹{venue.price}</span>
-                        <span className="text-sm">/ slot</span>
+                        <span className="text-sm">per slot</span>
                     </div>
                 </CardFooter>
             </Card>

resources/js/pages/venue/components/court-card.tsx

@@ -40,19 +40,19 @@ export default function CourtCard({ court }: { court: Court }) {
 
     const slides = court.gallery_images.length
         ? court.gallery_images.map((img) => ({
-              src: img.url,
-              alt: court.name,
-              title: court.name,
-              thumbnail: img.preview_url ?? img.url,
-          }))
+            src: img.url,
+            alt: court.name,
+            title: court.name,
+            thumbnail: img.preview_url ?? img.url,
+        }))
         : [
-              {
-                  src: '/placeholder.jpg',
-                  alt: court.name,
-                  title: court.name,
-                  thumbnail: '/placeholder.jpg',
-              },
-          ];
+            {
+                src: '/placeholder.jpg',
+                alt: court.name,
+                title: court.name,
+                thumbnail: '/placeholder.jpg',
+            },
+        ];
 
     return (
         <Card className="group flex h-full w-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-all duration-300 hover:translate-y-[-2px] hover:shadow-lg">
@@ -133,10 +133,7 @@ export default function CourtCard({ court }: { court: Court }) {
                                 </div>
                             </div>
                         ))}
-                </CardContent>
 
-                {/* Footer */}
-                <CardFooter className="mt-auto flex items-center justify-between gap-2 border-t px-4 py-3 text-sm text-muted-foreground">
                     <div className="flex flex-wrap gap-1">
                         {court.sport?.name && (
                             <Badge variant="outline" className="flex items-center gap-1">
@@ -147,9 +144,13 @@ export default function CourtCard({ court }: { court: Court }) {
                         {court.surface_type?.name && <Badge variant="outline">{court.surface_type.name}</Badge>}
                         <Badge variant="outline">{court.is_indoor ? 'Indoor' : 'Outdoor'}</Badge>
                     </div>
+                </CardContent>
+
+                {/* Footer */}
+                <CardFooter className="mt-auto flex items-center justify-end gap-2 border-t px-4 py-3 text-sm text-muted-foreground">
                     <div className="flex items-baseline gap-1">
                         <span className="text-lg font-bold text-primary">₹{court.price}</span>
-                        <span className="text-sm">/ slot</span>
+                        <span className="text-sm">per slot</span>
                     </div>
                 </CardFooter>
             </Link>