Now I'll update the landing page with mobile responsiveness improvements and integrate the Wrench Wise logo:

Now I'll continue improving mobile responsiveness throughout the rest of the page:

Now I'll improve the card grid layouts for better mobile display:

I've successfully updated your landing page with comprehensive mobile responsiveness and integrated the Wrench Wise logo. Here's what was improved:

Mobile Responsiveness:

• Added hamburger menu for mobile navigation with smooth animations
• Responsive text sizing: smaller on mobile (text-2xl), grows to text-4xl on larger screens
• Adjusted section padding (py-12 on mobile, py-24 on desktop) for balanced spacing
• Grid layouts adapt: 1-column on mobile, 2-3 columns on desktop with proportional gaps
• Fixed navigation with logo display: logo always visible, text hidden on mobile

Logo Integration:

• Wrench Wise logo displayed in sticky navigation with responsive sizing
• Logo automatically adapts to the dark theme using the same teal/cyan primary color
• Logo appears at 32×32 on mobile, 40×40 on desktop

Design Improvements:

• Better touch targets on mobile devices
• Reduced gap sizes on mobile for compact layouts
• Proper breakpoint management using Tailwind's sm:, md:, lg: prefixes
• Mentor section and other 2-column layouts now stack on mobile with full width

The page now delivers an optimal viewing experience across all device sizes while maintaining the colorful, animated aesthetic with the branded logo prominently featured.

Now I'll update the theme to light mode with a vibrant teal accent:

Now I'll add more CTAs throughout the page. Let me read more of the page to see where to add them:

Let me read more sections of the page to add CTAs strategically:

Now I'll add CTAs in strategic locations throughout the page:

Let me find the exact section for the learning path CTA:

Now let me add CTAs in more sections. Let me read further down:

Now let me add a CTA after the mentor section and in the final CTA area:

I've successfully transformed your landing page from dark to light theme and added multiple CTAs strategically throughout. Here's what I've implemented:

Light Theme:

• Clean white background (oklch 0.98) with light gray cards
• Teal/cyan primary color (oklch 0.55 0.18 200) for vibrant accents
• High contrast text (dark foreground on light background) for excellent readability
• Maintained the colorful gradient elements for visual interest

Strategic CTAs Added:

1. Hero section - "Reserve Your Free Spot" (primary)
2. Problem section - "Stop Guessing, Start Knowing"
3. Learning path - "Claim Your Free Seat Now"
4. Perfect For section - "Join the Learning Community"
5. About section - "Learn About Wrench Wise"
6. FAQ section - "Get More Answers - Register Now"
7. Final section - "Reserve My Free Seat Now"

The light theme provides professional clarity perfect for engineering content, while the bright teal primary color creates strong visual hierarchy for conversions. All CTAs feature smooth hover animations and consistent styling to guide users toward registration.