Summit Fitness Use Cases
Bold, athletic use cases section with neon green energy.
Features
- 2x2 grid of use case cards: Personal Training, Group Classes, Progress Tracking, Nutrition Planning
- Each card: icon in contrasting box, title, description, feature tags, and learn more link
- Neon green (#AAFF00) accents on clean white (light) or matte black (#121212) (dark)
- Heavy font weights with uppercase titles for athletic feel
- Hover effects: border color transition, shadow glow, expanding decorative circle
- Bottom CTA banner with gradient dark background
- Responsive: single column on mobile, 2x2 grid on tablet+
Usage
import SummitFitnessUseCases from "@/registry/summit-fitness-use-cases/registry-item";
export default function Page() {
return <SummitFitnessUseCases />;
}
Customization
- Replace use case data in the
useCases array with your own features
- Swap icons from lucide-react for your specific use cases
- Adjust the neon green (#AAFF00) to your brand's accent color
- Modify feature tags per card to highlight different capabilities
- Wire up the 'Learn more' links and CTA button
