Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -7,9 +7,9 @@ import SplitAbout from '@/components/sections/about/SplitAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Heart, Palette, Sparkles, Users } from 'lucide-react';
+import { Heart, Palette, Sparkles, Users, Mail } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -151,15 +151,17 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
+        <ContactCTA
           tag="Get In Touch"
           title="Visit Snow Day Snowballs Today"
           description="Stop by and beat the heat with our handcrafted snowballs. We're located on [Street Name] in Baton Rouge. Open daily from 11 AM to 10 PM."
+          tagIcon={Mail}
+          buttons={[
+            { text: "Get Directions", href: "#" },
+            { text: "Call Us", href: "#" }
+          ]}
           background={{ variant: "rotated-rays-animated-grid" }}
           useInvertedBackground={false}
-          inputPlaceholder="Enter your email"
-          buttonText="Subscribe for Updates"
-          termsText="We'll keep you updated on new flavors, specials, and events. Unsubscribe anytime."
         />
       </div>