src/app/page.tsx

@@ -37,7 +37,7 @@ export default function Page() {
         <PricingCardFive title="Pricing" description="Simple, transparent pricing plans." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} plans={[{ id: 'basic', tag: 'Start', price: '$49', period: '/mo', description: 'Essential tools for small teams.', button: { text: 'Get Started' }, featuresTitle: 'Includes:', features: ['Feature 1', 'Feature 2'] }, { id: 'pro', tag: 'Growth', price: '$99', period: '/mo', description: 'Advanced features for scaling.', button: { text: 'Go Pro' }, featuresTitle: 'Includes:', features: ['All Basic features', 'Priority Support'] }]} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText text="Ready to transform your brand identity? Let's build something exceptional together." background={{ variant: 'radial-gradient' }} buttons={[{ text: 'Start Project', href: '#contact' }]} />
+        <ContactText text="Ready to transform your brand identity? Let's build something exceptional together." background={{ variant: 'radial-gradient' }} buttons={[{ text: 'Start Project', href: '#contact' }]} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterMedia logoText="Webild" columns={[{ title: 'Navigation', items: [{ label: 'Home', href: '/' }, { label: 'About', href: '/about' }] }]} imageSrc="https://images.unsplash.com/photo-1497215728101-856f4ea42174?q=80&w=800&auto=format&fit=crop" />