Now I'll update the theme to a dark slate aesthetic with indigo/violet gradient accents, update the layout metadata, and build out the comprehensive landing page with all the sections.
I've built a complete, high-converting landing page for "Digital Marketing Mastery" with a sleek dark mode design using slate/zinc backgrounds with indigo-to-violet gradient accents. The page includes all 9 requested sections: a translucent navbar with glassmorphism, a compelling hero section with dashboard mockup, animated social proof marquee, 6-card benefits grid, interactive accordion curriculum with all 5 modules and 15 lessons, a premium pricing card with launch discount, "Who is this for?" bento cards with stats, an FAQ accordion, and a clean footer with social links.
I can see the landing page is already built but missing the "Exclusive Bonus Section" (Section 6 in the requirements). I also need to update the pricing section to explicitly include "The Ultimate Customer Avatar Workbook" as a FREE BONUS. Let me create the bonus section and update the pricing section.
Now let me update the main page to include the bonus section in the correct order (after curriculum, before pricing):
I've added the missing "Exclusive Bonus Section" featuring "The Ultimate Customer Avatar Workbook" with a premium 3D-effect e-book mockup, amber/orange gradient accents, and compelling copy. The pricing section now also explicitly lists the workbook as a "FREE BONUS" with a highlighted badge. The page now includes all 10 required sections in the correct order: Navbar, Hero, Social Proof, Benefits, Curriculum, Bonus, Pricing, Testimonials/Target Audience, FAQ, and Footer.
Convert this into a single index.html file with inline Tailwind CSS so I can host it easily