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"; import React from "react";
const ChooseSection = () => ( 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="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="shape-image" style={{ backgroundImage: "url(/assets/imgs/shapes/shape-15.png)" }}></div>
<div className="small-container"> <div className="small-container">
<div className="row g-4"> <div className="row g-4">
<div className="col-xxl-6 col-xl-6 col-lg-6 p-relative section-space-medium-bottom"> <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-wrapper wow fadeInLeft" data-wow-delay=".5s">
<div className="sec-title"> <div className="sec-title mt-25">
<div className="sec-title__shape"></div> <div className="sec-title__shape"></div>
<h6 className="sec-title__tagline">WELCOME TO METATRONCUBE</h6> <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> <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> </div>
<h3 className="fo-card-title">{feature.title}</h3> <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 /> <ArrowIcon />
</Link> </Link> */}
<p className="fo-card-desc">{feature.desc}</p> <p className="fo-card-desc">{feature.desc}</p>
</div> </div>
{/* Bottom white section with image + floating icon */} {/* Bottom white section with image + floating icon */}

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

@ -55,7 +55,7 @@ const AccordionItem = ({
onToggle, onToggle,
align, align,
}: { }: {
faq: { question: string; answer: string }; faq: { q: string; a: string };
isOpen: boolean; isOpen: boolean;
onToggle: () => void; onToggle: () => void;
align: "left" | "right"; align: "left" | "right";
@ -64,7 +64,7 @@ const AccordionItem = ({
className={`faqv2-item${isOpen ? " faqv2-item-open" : ""} faqv2-item-${align}`} className={`faqv2-item${isOpen ? " faqv2-item-open" : ""} faqv2-item-${align}`}
> >
<button className="faqv2-question" onClick={onToggle} aria-expanded={isOpen}> <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" : ""}`}> <span className={`faqv2-icon${isOpen ? " faqv2-icon-open" : ""}`}>
<i className="fa-solid fa-chevron-down"></i> <i className="fa-solid fa-chevron-down"></i>
</span> </span>
@ -76,7 +76,7 @@ const AccordionItem = ({
padding: "0 20px 18px 20px", padding: "0 20px 18px 20px",
}} }}
> >
<p>{faq.answer}</p> <p>{faq.a}</p>
</div> </div>
</div> </div>
); );
@ -89,12 +89,12 @@ const FAQ = ({ faqData }: { faqData?: { question: string; answer: string }[] })
}; };
// If no faqData provided, use empty arrays // If no faqData provided, use empty arrays
const faqs = faqData || []; // const faqs = faqData || [];
const half = Math.ceil(faqs.length / 2); // const half = Math.ceil(faqs.length / 2);
const leftFAQs = faqs.slice(0, half); // const leftFAQs = faqs.slice(0, half);
const rightFAQs = faqs.slice(half); // const rightFAQs = faqs.slice(half);
if (faqs.length === 0) return null; // if (faqs.length === 0) return null;
return ( return (
<section className="ztc-faq-section sp1" id="faq"> <section className="ztc-faq-section sp1" id="faq">