Update src/app/page.tsx

src/app/page.tsx

@@ -9,7 +9,7 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Star, Sparkles, Phone } from "lucide-react";
@@ -316,7 +316,7 @@ export default function LandingPage() {
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqBase
+        <FaqSplitMedia
           faqs={[
             {
               id: "1",
@@ -354,12 +354,15 @@ export default function LandingPage() {
               content: "Yes, we offer 24-hour room service with a complete menu featuring breakfast, lunch, dinner, and light snacks. Special dietary requirements can be accommodated with advance notice."
             }
           ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg"
+          imageAlt="Hotel restaurant"
           title="Frequently Asked Questions"
           description="Find answers to common questions about your stay."
           tag="Help"
           textboxLayout="default"
           useInvertedBackground="noInvert"
           animationType="smooth"
+          mediaPosition="left"
         />
       </div>