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
MedalsNBongs.com (http://MedalsNBongs.com) is a platform dedicated to promoting and honoring U.S. Army heroes. The system collects public data from Wikipedia and creates detailed hero profiles, including biography, war participation, medals, and automatically calculated points based on medal value.
The platform is built with Next.js, running on a secure Linux VPS with domain hosting and HTTPS. API keys are safely stored on the server. The tech stack includes Next.js (frontend & backend API routes), database integration, authentication system, and role-based access control.
Users can sign up, sign in, and sign out securely. Admin and user pages are separated with managed privileges. Admins can add or remove medals and update hero descriptions.
1
0
266
