From 59f9125b7b3f821b48baa30d8fb089ee209eb0c6 Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Thu, 5 Mar 2026 21:32:49 +0530
Subject: [PATCH] images, responsive updated

---
 src/components/home/home-1/ChooseSection.tsx   |  4 ++--
 src/components/home/home-1/FeaturesSection.tsx |  4 ++--
 src/components/web-development-service/FAQ.tsx | 16 ++++++++--------
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/home/home-1/ChooseSection.tsx b/src/components/home/home-1/ChooseSection.tsx
index 7dbb44b..0a531c5 100644
--- a/src/components/home/home-1/ChooseSection.tsx
+++ b/src/components/home/home-1/ChooseSection.tsx
@@ -1,14 +1,14 @@
 import React from "react";
 
 const ChooseSection = () => (
-    <section className="choose-section bg-color-1 section-space-top p-relative section-space-bottom">
+    <section className="choose-section bg-color-1 p-relative section-bottom pt-35">
         <div className="bg-image" style={{ backgroundImage: "url(/assets/images/home/3/right-bg.webp)" }}></div>
         <div className="shape-image" style={{ backgroundImage: "url(/assets/imgs/shapes/shape-15.png)" }}></div>
         <div className="small-container">
             <div className="row g-4">
                 <div className="col-xxl-6 col-xl-6 col-lg-6 p-relative section-space-medium-bottom">
                     <div className="sec-title-wrapper wow fadeInLeft" data-wow-delay=".5s">
-                        <div className="sec-title">
+                        <div className="sec-title mt-25">
                             <div className="sec-title__shape"></div>
                             <h6 className="sec-title__tagline">WELCOME TO METATRONCUBE</h6>
                             <h3 className="sec-title__title text-white">Driving Client Success with Cutting-Edge Digital Solutions in Web & App Development, SEO, and Digital Marketing</h3>
diff --git a/src/components/home/home-1/FeaturesSection.tsx b/src/components/home/home-1/FeaturesSection.tsx
index 823ec99..d9b654d 100644
--- a/src/components/home/home-1/FeaturesSection.tsx
+++ b/src/components/home/home-1/FeaturesSection.tsx
@@ -169,9 +169,9 @@ const FeaturesSection = () => {
                                             />
                                         </div>
                                         <h3 className="fo-card-title">{feature.title}</h3>
-                                        <Link href="#" className="fo-card-btn d-none d-md-flex">
+                                        {/* <Link href="#" className="fo-card-btn d-none d-md-flex">
                                             <ArrowIcon />
-                                        </Link>
+                                        </Link> */}
                                         <p className="fo-card-desc">{feature.desc}</p>
                                     </div>
                                     {/* Bottom white section with image + floating icon */}
diff --git a/src/components/web-development-service/FAQ.tsx b/src/components/web-development-service/FAQ.tsx
index 0e7baa8..0e1d25e 100644
--- a/src/components/web-development-service/FAQ.tsx
+++ b/src/components/web-development-service/FAQ.tsx
@@ -55,7 +55,7 @@ const AccordionItem = ({
     onToggle,
     align,
 }: {
-    faq: { question: string; answer: string };
+    faq: { q: string; a: string };
     isOpen: boolean;
     onToggle: () => void;
     align: "left" | "right";
@@ -64,7 +64,7 @@ const AccordionItem = ({
         className={`faqv2-item${isOpen ? " faqv2-item-open" : ""} faqv2-item-${align}`}
     >
         <button className="faqv2-question" onClick={onToggle} aria-expanded={isOpen}>
-            <span className="faqv2-q-text">{faq.question}</span>
+            <span className="faqv2-q-text">{faq.q}</span>
             <span className={`faqv2-icon${isOpen ? " faqv2-icon-open" : ""}`}>
                 <i className="fa-solid fa-chevron-down"></i>
             </span>
@@ -76,7 +76,7 @@ const AccordionItem = ({
                 padding: "0 20px 18px 20px",
             }}
         >
-            <p>{faq.answer}</p>
+            <p>{faq.a}</p>
         </div>
     </div>
 );
@@ -89,12 +89,12 @@ const FAQ = ({ faqData }: { faqData?: { question: string; answer: string }[] })
     };
 
     // If no faqData provided, use empty arrays
-    const faqs = faqData || [];
-    const half = Math.ceil(faqs.length / 2);
-    const leftFAQs = faqs.slice(0, half);
-    const rightFAQs = faqs.slice(half);
+    // const faqs = faqData || [];
+    // const half = Math.ceil(faqs.length / 2);
+    // const leftFAQs = faqs.slice(0, half);
+    // const rightFAQs = faqs.slice(half);
 
-    if (faqs.length === 0) return null;
+    // if (faqs.length === 0) return null;
 
     return (
         <section className="ztc-faq-section sp1" id="faq">