Trevor Noah Landing Page
Home
Portfolio
Trevor Noah Landing Page
Trevor Noah Landing Page
OverView
I designed and built a modern landing page concept for Trevor Noah as a proposal to update his official website. While the team didn't respond, the project demonstrates my ability to create sleek, engaging, and performance-optimized pages with cutting-edge technologies.
Project Links
Technology Stack
frameworks:
Next.js 14,
React 18,
Tailwind CSS,
libraries:
Radix UI (Dialog, Dropdown Menu, Label, Slot),
Embla Carousel,
Lucide React,
Class Variance Authority,
clsx,
tailwind-merge,
tailwindcss-animate,
tools:
TypeScript,
ESLint,
PostCSS,
VS Code,
Role & Contributions:
Developed a responsive landing page using Next.js 14, React 18, and Tailwind CSS.
Implemented clean and reusable UI components with Radix UI and shadcn-inspired patterns.
Built interactive sections using Embla Carousel for smooth sliding effects.
Integrated Lucide React icons for a polished, modern aesthetic.
Ensured accessibility, responsiveness, and best practices across devices.
Approach
Analyzed Trevor Noah's existing website and identified opportunities for modernization.
Designed a landing page with a fresh UI to better represent his brand.
Built modular and reusable components for scalability and maintainability.
Focused on accessibility, performance, and cross-browser compatibility.
Ready to Start Your Project?
Let's discuss how I can help bring your vision to life with modern web technologies and proven development practices.
