How nithinrajuofficial/favor_gsap works
This repository is a single-page photography/creative portfolio site, not an e-commerce runtime despite its package name. A visitor opens the Next.js page to view the portfolio’s hero, work, editorial, and contact/footer sections. Sampled code confirms a GSAP animation wrapper around Recent Works and a theme provider in the root layout; the page composition and wiring of other sections were not sampled, so those links are left unspecified.
Main entry points: AnimatedRecentWorks.tsx Recent Works Motion · layout.tsx Root Layout · Overview.tsx Hero Overview · ImageAcceptance.tsx Image Acceptance
Components 17
Site Entry
- Home Page
src/app/page.tsx - Root Layout
src/app/layout.tsx
Portfolio Content
- Navigation
src/app/components/Navbar/Navbar.tsx - Hero Overview
src/app/components/Overview/Overview.tsx - Recent Works
src/app/components/RecentWorks/RecentWorks.tsx - Image Acceptance
src/app/components/ImageAcceptance/ImageAcceptance.tsx - Featured In
src/app/components/FeaturedIn/FeaturedIn.tsx - Contact Us
src/app/components/ContactUs/ContactUs.tsx - Footer
src/app/components/Footer/Footer.tsx
Motion
- Recent Works Motion
src/app/gsap/AnimatedRecentWorks.tsx - Page Load Motion
src/app/gsap/hooks/usePageLoadAnimation.ts - Scroll Motion Hook
src/app/gsap/hooks/useScrollAnimation.ts
Presentation
- Theme Registry
src/app/utils/ThemeRegistry.tsx - Preloader
src/app/components/Preloader/Preloader.tsx
Other components
- Visitor
- GSAP
- Material UI
Connections 10
- Visitor → Home Page: opens
- Root Layout → Theme Registry: wraps children
- Recent Works Motion → Recent Works: renders
- Recent Works Motion → GSAP: animates with
- Page Load Motion → GSAP: animates with
- Scroll Motion Hook → GSAP: creates timelines
- Hero Overview → Material UI: uses components
- Image Acceptance → Material UI: uses components
- Featured In → Material UI: uses components
- Footer → Material UI: uses components