A bold, dark-themed portfolio template built with Next.js, Tailwind CSS, and Framer Motion. Customize everything from one config file — no coding needed.

A premium, dark-themed portfolio and agency website template with 4 fully designed pages, smooth scroll animations, and a centralized config system for easy customization.

Pages:
Homepage — 11 sections including hero, projects, awards slider, testimonials, pricing, and FAQ.
About — Bio, skills with tabbed categories, experience timeline, and philosophy.
Work — Filterable project grid, design process, and marquee.
Contact — Animated form, contact info cards, and marquee CTA.

Features:
One config file (config/site.ts) to customize all content — name, contact, projects, stats, skills, testimonials, pricing, and more. Shared Navbar and Footer components with active page detection. 20+ Framer Motion animations including scroll-triggered reveals, character color reveals, staggered entrances, count-up counters, and parallax effects. Next.js <Image> optimization on all images. Tailwind CSS variables for easy color theming. Fully responsive across all breakpoints. SEO-ready with OG tags, sitemap, and robots.txt.

Tech Stack:
Next.js 14+ (App Router), Tailwind CSS 4, Framer Motion, TypeScript, Google Fonts (Syne + DM Sans).

Design Credits:
Original design inspired by Olivia12 — Portfolio & Agency Website Template by UI Bucket. Rebuilt and enhanced with Next.js, component extraction, centralized configuration, and production-ready code.

Branda — Portfolio & Agency Website Template

Comments (0)