Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -4,9 +4,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -213,9 +213,8 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqSplitText
       useInvertedBackground={false}
-      textboxLayout="split"
       faqs={[
         {
           id: "f1",          title: "كيف أسجل في البرنامج؟",          content: "يمكنك التسجيل عبر الرابط في صفحة التسجيل."},
@@ -224,12 +223,9 @@ export default function LandingPage() {
         {
           id: "f3",          title: "هل البرنامج مناسب للمبتدئين؟",          content: "بالتأكيد، لدينا مسار تمهيدي خاص."},
       ]}
-      title="هل لديك استفسار؟"
+      sideTitle="هل لديك استفسار؟"
-      description="إجابات على أكثر أسئلة المستفيدين شيوعاً."
+      sideDescription="إجابات على أكثر أسئلة المستفيدين شيوعاً."
       faqsAnimation="slide-up"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dp2raVnWhbdx7t6togwtPnxvPm/uploaded-1779023190780-8w771p28.png"
-      imageAlt="FAQ Section"
-      mediaAnimation="slide-up"
     />
   </div>
 
@@ -245,12 +241,10 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterLogoEmphasis
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dp2raVnWhbdx7t6togwtPnxvPm/uploaded-1779023190780-gqbd3nx4.png"
-      logoText="بصائر"
       columns={[
         {
-          title: "روابط",          items: [
+          items: [
             {
               label: "عن بصائر",              href: "#about"},
             {
@@ -258,7 +252,7 @@ export default function LandingPage() {
           ],
         },
         {
-          title: "قانوني",          items: [
+          items: [
             {
               label: "الخصوصية",              href: "#"},
             {
@@ -266,6 +260,7 @@ export default function LandingPage() {
           ],
         },
       ]}
+      logoText="بصائر"
     />
   </div>
       </ReactLenis>