Using the uploaded screenshot as visual reference, generate a full responsive landing page (single page). Structure: 1.Top navbar: left logo placeholder “TavAlign”, center links “Features / How it Works / Pricing”, right primary CTA button “Get Started for Free” (pill, subtle shadow). Mobile: hamburger menu. 2.Hero section: 2 columns. Left: large headline “Discover the Future of Design Comparison with TavAlign”, short paragraph, two buttons (primary “Generate Your Slides”, secondary “Watch Intro Video” with play icon). Right: hero illustration area with laptop mockup + phone mockup and two floating badges “+ New Page” and “+ New Widget”. 3.Section title centered: “Share Your Design Comparison Slides as Widgets & Pages”. Under it: two feature cards side-by-side (stack on mobile) with image placeholders, title, short description. 4.Section title centered: “Showcase Your Before & Afters and Go Viral”. Under it: two horizontal cards side-by-side (stack on mobile) with small image placeholders and text. 5.Footer: logo, social icons, links, and a final CTA button. Style: soft pastel background, light gradients, white cards, rounded-2xl, gentle shadow, consistent typography. Output clean HTML with Tailwind classes and placeholder assets.