Built a subscription reminder with Next.js and Supabase.

Phase 1: Marketing & Landing Page (The Foundation) Modular Architecture: Implemented a Marketing Layout to ensure the Header and Footer remain consistent across the Home, About, and Contact pages for better code maintainability. Premium Hero Section: Designed an eye-catching top fold using high-quality gradients and bold typography to drive "Get Started" actions. Responsive Features Grid: Developed a benefits-driven section using a flexible Tailwind grid that adapts seamlessly from mobile to desktop. Native Dark Mode: Integrated built-in dark mode support with smooth transition-colors for a polished, high-end user experience. Final CTA: Concluded the user journey with a strategic "Call to Action" section to convert scrolling visitors into active leads. Phase 2: Dynamic Authentication System Single-Page Auth: Implemented a dynamic login/signup page that switches states without extra routes. It automatically injects or hides the "Full Name" field based on the user's choice. Enhanced UX: