Now let me set up the task list and install Framer Motion, then start building.

Now let me generate the images needed for the site and start building the theme and components.

All images generated. Now let me update the theme (globals.css), layout, and build shared components.

Now let me build the shared Navbar and Footer components:

Theme and shared components are done. Let me move to the Home page now.

Now let me build all the Home page sections as separate components:

Now let me assemble the Home page and build the remaining pages:

Now let me build the About page:

Now the Coaches page:

Now the Athletes page:

The full Azerbaijan Dinamo Jiu-Jitsu Academy website is now complete across all 4 pages. Here's what was built:

• Home -- Fullscreen cinematic hero carousel with three rotating slides, animated stats counter, programs grid, coaches preview with grayscale-to-color hover, athletes preview with medal badges, bento gallery, CTA banner, and a full contact section with form.
• About -- Hero banner, philosophy section with dojo image, 6 core value cards, animated timeline of academy milestones (2008-2024), achievement stats, and facilities showcase.
• Coaches -- 5 detailed coach profiles in alternating layout, each with portrait (grayscale hover effect), bio, achievements list, and specialty tags.
• Athletes -- Filterable roster by belt rank, clickable athlete cards that open a detailed modal with medal counts and achievements, plus team stats section.

The entire site uses a premium dark theme (black + gold) with glassmorphism, Framer Motion animations, responsive design, a shared Navbar with animated underline and mobile menu, and a branded Footer.

Let me read the current Athletes page to understand the existing modal structure, then enhance it with certificates and verification.

Now let me create an enhanced Athletes page with a full detailed profile modal including certificates with verification. I'll create a separate component for the certificate display and add competition history and certification data to the athletes.

Now let me update the Athletes page with the enhanced modal including competition history, certificates, and verification:

Now let me create a verification page that users can visit to verify certificates:

Now let me update the Navbar to include the Verify link:

I've enhanced the Athletes page with a comprehensive athlete profile system that includes:

Profile Tab:

• Personal info (date of birth, training since, fighting style)
• Detailed biography
• Medal count with visual breakdown (Gold/Silver/Bronze)
• Key achievements list

Competition History Tab:

• Full competition record with event name, date, location
• Results displayed with color-coded badges (Gold, Silver, Bronze, 4th Place)
• Weight category and belt level for each competition

Certificates Tab:

• Visual certificate display showing the academy certificate template with overlay
• Official academy seal and logo
• Verification status badge (green "Verified" indicator)
• Certificate details: number, date issued, issuing authority
• Direct "Verify Online" link to the verification portal

Verification Page (/verify):

• Search form to enter certificate numbers
• Real-time verification against a certificate database
• Success state showing full certificate details with green verified status
• Error state for invalid certificate numbers
• Example certificate numbers for easy testing

The certificate section is designed to feel professional and trustworthy with the official academy logo, recognized federation mentions (IBJJF, JJIF, AJP), and a clear verification system that helps visitors confirm authenticity.