Coding
PromptBeginner5 minmarkdown
Nano Banana Pro
Agent skill for nano-banana-pro
6
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
Sign in to like and favorite skills
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
This is a full-stack personal trainer landing page with two main parts:
/backend directory with Docker/frontend directoryThe project creates a landing page for Alexander Paskhalis, a personal fitness trainer, with contact information and service descriptions.
cd backend docker-compose up -d # Start Directus with Docker docker-compose down # Stop Directus docker-compose logs # View logs
cd frontend npm run dev # Development server npm run build # Production build npm run lint # ESLint npm run preview # Preview production build
contacts: Stores contact information (telegram, instagram, whatsapp, phone, email, main photo)services_blocks: Service descriptions with title, rich text, and multiple photos/items/{collection}pages/Index.tsx: Main landing page with hero, about, services, contacts sectionscomponents/ServiceSection.tsx: Reusable service display componentcomponents/ServiceCarousel.tsx: Image carousel for servicescomponents/SocialIcons.tsx: Social media icons componentcomponents/ui/: shadcn/ui components/backend/uploads/ with automatic optimization/frontend/src/lib/api.ts/frontend/src/lib/directusApi.ts