diff --git a/src/app/page.tsx b/src/app/page.tsx
index c528db8..c0291ef 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
@@ -156,8 +156,10 @@ export default function LandingPage() {
   </div>
 
   <div id="practical" data-section="practical">
-      <FaqSplitText
+      <FaqSplitMedia
       useInvertedBackground={false}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9bvu8h"
+      imageAlt="Practical information bistro setting"
       faqs={[
         {
           id: "q1",          title: "Location",          content: "Total Petrol Station, Membley, off Northern Bypass, Ruiru"},
@@ -170,9 +172,10 @@ export default function LandingPage() {
         {
           id: "q5",          title: "Extras",          content: "Board games, card games, bar seating, booth seating, indoor dining"},
       ]}
-      sideTitle="Practical Info"
-      sideDescription="Everything you need to know for your visit."
+      title="Practical Info"
+      description="Everything you need to know for your visit."
       faqsAnimation="slide-up"
+      textboxLayout="split-description"
     />
   </div>
 
@@ -222,4 +225,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file