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";
@@ -137,7 +137,7 @@ export default function LandingPage() {
           plans={[
             {
               id: "deluxe",
-              price: "$189",
+              price: "$210",
               name: "Deluxe Room",
               buttons: [
                 { text: "Check Availability", href: "#booking" },
@@ -204,7 +204,7 @@ export default function LandingPage() {
           metrics={[
             {
               id: "1",
-              value: "600",
+              value: "30+",
               title: "Happy Guests",
               description: "Welcomed travelers from around the world",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006038597-n7qc8lnx.jpg"
@@ -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>