Skip to content

feat: add Netflix-style portfolio template#30

Merged
amide-init merged 2 commits intomainfrom
copilot/add-netflix-style-template
Apr 14, 2026
Merged

feat: add Netflix-style portfolio template#30
amide-init merged 2 commits intomainfrom
copilot/add-netflix-style-template

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 14, 2026

Adds a fifth template option — "Netflix" — with a cinematic dark aesthetic, red accent color (#e50914), and horizontal-scroll content rows inspired by Netflix's UI.

New template: src/templates/netflix/

16 components following the same structure as existing templates:

  • HeroSection — full-height cinematic banner with gradient overlay, blurred avatar backdrop, bold title, red primary CTA + secondary "More Info" button
  • VideoCard / BlogCard / ProjectCard / RepoCard — fixed-width cards with hover scale effect (hover:scale-105) and play/view overlays
  • VideosSection / BlogsSection / CustomProjectsSection / GitHubSection — horizontal-scroll rows (overflow-x-auto flex gap-3) with "Explore All ›" links
  • PhilosophySection — grid cards with red left-accent bar on hover
  • StatsSection — "By the Numbers" layout with red-tinted Recharts bar/pie charts
  • HomePage / BlogsPage / BlogPage / VideosPage / ProjectsPage — full page wrappers with Netflix-styled headers

Wiring

  • src/types/gitforgeConfig.tstemplate union extended with 'netflix'
  • src/pages/*.tsx (5 files) — added netflix branch to each template switch
  • src/App.tsx — added isNetflix flag; gates nav/footer styles (dark bg, red logo initials, white #e5e5e5 nav links, matching mobile menu)
  • AdminTemplatePage.tsx — added Netflix card with SVG mini-preview; grid updated to grid-cols-2 sm:grid-cols-3 lg:grid-cols-5

Activate by setting "template": "netflix" in gitforge.config.json or selecting the card in /admin/template.

Copilot AI and others added 2 commits April 14, 2026 17:51
Agent-Logs-Url: https://github.com/amide-init/gitfolio/sessions/86061a39-6138-450a-8da3-70603f1d5d63

Co-authored-by: amide-init <31934584+amide-init@users.noreply.github.com>
@amide-init amide-init marked this pull request as ready for review April 14, 2026 18:05
@amide-init amide-init merged commit 6e4ba0b into main Apr 14, 2026
@amide-init amide-init deleted the copilot/add-netflix-style-template branch April 16, 2026 19:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants