Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -45,7 +45,7 @@ export default function LandingPage() {
             description="رحلة في أعماق التاريخ، حيث تمتزج الحضارات لتكشف عن كنوز الفسيفساء والآثار التي تروي حكاية صفاقس العريقة."
             buttons={[{ text: "استكشف المعروضات", href: "#features" }]}
             layoutOrder="default"
-            imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-old-ancient-ruin-with-arched-ceiling-dry-grassy-field-blue-sky_181624-15551.jpg"
+            imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-old-ancient-ruin-with-arched-ceiling-dry-grassy-field-blue-sky_181624-15551.jpg?_wi=1"
             mediaAnimation="blur-reveal"
           />
         </div>
@@ -104,9 +104,14 @@ export default function LandingPage() {
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterCard
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-old-ancient-ruin-with-arched-ceiling-dry-grassy-field-blue-sky_181624-15551.jpg?_wi=2"
             logoText="متحف القصبة"
             copyrightText="© 2025 متحف القصبة - صفاقس"
+            columns={[
+                { title: "معلومات", items: [{ label: "ساعات العمل", href: "#" }, { label: "أسعار التذاكر", href: "#" }] },
+                { title: "روابط سريعة", items: [{ label: "خريطة الموقع", href: "#" }, { label: "الخصوصية", href: "#" }] }
+            ]}
           />
         </div>
       </ReactLenis>