Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Clock, Lightbulb, ShieldCheck, Star, Users, Phone, MessageCircle } from "lucide-react";
+import { Clock, Lightbulb, ShieldCheck, Star, Users, Phone, MessageCircle, Mail, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -144,29 +144,28 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-            <ContactCenter
+            <ContactSplit
             useInvertedBackground={false}
             background={{ variant: "sparkles-gradient" }}
             tag="İletişim"
             title="Bize Katılın!"
             description="Sihirli dünyamıza davetlisiniz."
+            imageSrc="http://img.b2bpic.net/free-photo/cheerful-child-playing-indoors_23-2149065664.jpg"
+            mediaPosition="right"
           />
         </div>
 
         <div id="footer" data-section="footer">
-            <FooterLogoEmphasis
-            columns={[
-              { items: [
-                  { label: "Instagram", href: "https://instagram.com" },
-                  { label: "WhatsApp İletişim", href: "https://wa.me/905517151313" },
-                ]
-              },
-            ]}
+            <FooterCard
             logoText="Tatvan Panda'm"
+            copyrightText="© 2025 Tatvan Panda'm. Tüm Hakları Saklıdır."
+            socialLinks={[
+                { icon: Mail, href: "mailto:info@tatvanpandam.com", ariaLabel: "Email" },
+                { icon: Phone, href: "tel:05517151313", ariaLabel: "Telefon" },
+            ]}
           />
         </div>
 
-        {/* Fixed Mobile Bottom Nav */}
         <div className="fixed bottom-0 left-0 w-full bg-white border-t border-gray-200 z-50 flex items-center justify-around py-4 md:hidden">
             <a href="tel:05517151313" className="flex flex-col items-center gap-1 font-semibold text-sm">
                 <Phone className="w-6 h-6 text-emerald-700" />
@@ -181,4 +180,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}