The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Bold and Blunt — Elite Marketing Agency Website
A premium, animation-driven marketing agency website built for Bold and Blunt. Designed to feel cinematic and high-end, with scroll-driven animations, a horizontal campaign showcase with embedded YouTube video modals, and a fully integrated contact form with branded transactional emails.
Tech Stack:
Framework: Next.js 15 (App Router) + React 19
Language: TypeScript
Styling: Tailwind CSS
Animations: GSAP (ScrollTrigger) + Framer Motion
Smooth Scrolling: Lenis
Email: Resend API (branded HTML templates)
Forms: React Hook Form + Zod validation
Deployment: Vercel
Key Features:
Cinematic hero with staggered 3D word-by-word text reveal
Scroll-driven horizontal campaign carousel with YouTube video modals
GSAP-powered parallax logo with blur and opacity transitions
Scroll-reactive chromatic background that shifts palette per section
Dual branded email system — team notification + submitter confirmation
Custom font integration (Neusharp-Bold)
Fully responsive, dark theme with gold accent design system
Privacy policy page, social links, and contact form with validation
Live: https://theboldblunt.com
Using Next.js for an animation-rich UI is a great choice because it gives smooth performance, clean component-based development, and a modern user experience that feels fast and polished.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Rebuilt my portfolio with AI and added new case studies.
Brand, web, and product UI. All custom coded, all in one page.
One page with brand, web and product UI together is a strong move. Clients see the range without clicking around. Rebuilding mine with AI coding tools taught me the same thing: the speed lets you spend the saved time on the case study writing, which is what actually wins work.
A website hero and motion identity concept for Cycle.
The experience takes the viewer through seven historical eras in one continuous forward journey, while the logo, camera path and core composition remain consistent.
The concept explores how a static identity can become a living digital experience through motion, environment and interaction.
Workflow included Spline, Claude via MCP, Midjourney and SeaDance.
Available for brand identity, motion and digital design projects.
I fall in love, It is like Encarta, but 1000% better
