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
0 likes · 9 views · Apr 14, 2026
Bold and Blunt — Elite Marketing Agency Website A premium, animation-driven marketing agency website built for Bold and Blunt. Designed to feel cinematic and...