MetatroncubeSoftwareSolutions/MetatronLatestWebsite
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

images, responsive updated

Browse Source
This commit is contained in:
Selvi 2026-03-05 21:32:49 +05:30
parent d68b290fa2
commit 59f9125b7b
3 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/home/home-1/ChooseSection.tsx
View File

@ -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>

4
src/components/home/home-1/FeaturesSection.tsx
View File

@ -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 */}

16
src/components/web-development-service/FAQ.tsx
View File

@ -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">