Full-Stack SaaS Landing Page Builder

You are a senior full-stack developer. Build me a production-ready [product type] landing page with the following specifications: FRONTEND REQUIREMENTS: - Hero section with compelling headline: [your value prop], subheadline, and CTA button - Features section with 6 benefits using icon + headline + description format - Interactive pricing comparison table with 3 tiers (highlight middle tier) - Social proof section with testimonial cards and company logos - FAQ accordion with 8 common objections answered - Email capture form with real-time validation - Mobile-responsive design (breakpoints for mobile, tablet, desktop) - Use React 18, TypeScript, Tailwind CSS, and Framer Motion for animations BACKEND REQUIREMENTS: - Stripe payment integration with webhook handling for subscriptions - ConvertKit API integration for email list management - User authentication with NextAuth.js (email + Google OAuth) - PostgreSQL database schema for users and subscriptions - API routes for: user signup, payment processing, subscription management DELIVERABLES: - Complete file structure with all components - Environment variables setup guide - Deployment instructions for Vercel - Commented code explaining key logic - Package.json with all dependencies Start with the file structure, then build each component systematically.