I'll fix the error by removing the class-variance-authority dependency from the Badge component and using a simpler approach.

I've fixed the error by simplifying the Badge component to remove the class-variance-authority dependency. The component now uses a simple object-based approach for variant styling while maintaining the same functionality and appearance. This should resolve the import error and allow the landing page to load properly.

I'll update the primary color to the purple shade you specified (#7C3AED) and change the app icon to use the new "F+" logo design.

I've updated the entire landing page to use the new purple color scheme (#7C3AED) and integrated your new "F+" app icon. Here are the key changes:

Color Scheme Updates

• Primary colors changed from emerald/teal to violet/purple gradients
• All gradients now use from-violet-600 to-purple-600 and similar variations
• Hover states updated to use from-violet-700 to-purple-700
• Background accents changed to from-violet-50 to-purple-50

App Icon Integration

• New "F+" logo added as /app-icon.png
• Header logo now displays the new icon instead of the Zap icon
• Footer logo also updated to use the new icon
• Consistent branding throughout the entire landing page

Component Updates

• All buttons now use the new purple gradient
• Phone mockups updated with purple UI elements
• Contact form styling updated to match the new theme
• Badge component default variant now uses purple colors
• Floating animations and progress bars use the new color scheme

The new purple theme creates a modern, vibrant look that perfectly complements your new "F+" logo design, giving PlusFit a distinctive and professional brand identity.