Gym Location Finder

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button, badge, media-slot dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/fitness/fitness4.tsx instead.

Usage

The file also exports fitness4Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Fitness4, fitness4Demo } from "@/components/blocks/fitness/fitness4";

export default function Page() {
  return <Fitness4 {...fitness4Demo} />;
}

Props

Types

type HoursItem = { days: string; hours: string };

Behavior notes

• mapImage is a static preview, not a real embedded/interactive map; supply a screenshot-style image or leave it unset to show MediaSlot's placeholder gradient.
• The hours, parkingInfo, and transitInfo rows each render independently and only when their data is present; address is the only always-shown row in the info column.
• Get directions is a static link (render={<Link/>}) when directionsHref is set, and a plain inert button otherwise; there is no real geolocation or map-linking behavior.