Switch to version 2: modified src/app/page.tsx

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