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
2
270
AutoFlow — AI Automation Platform
I built AutoFlow as a full AI automation system that lets users create workflows that trigger events, process data, and deliver results automatically.
Key Features
Animated Interface – Clean dark theme with gradients, motion effects, and responsive design.
AI Workflow Engine – Automates tasks through Trigger → Process → Deliver steps using AI for data handling and transformation.
User Accounts – Secure login, registration, and protected routes.
Dashboard – Create, edit, run, and track automations with execution logs.
API + Webhook Support – Connect external services and trigger workflows from real data.
Stack
Next.js, Tailwind, TypeScript
Supabase (auth + DB)
AI APIs for automation logic
Framer Motion
1
75
