From 23a544b78db618e9bd72013558a0ce1fa6badb23 Mon Sep 17 00:00:00 2001 From: selvi Date: Mon, 16 Mar 2026 20:36:48 +0530 Subject: [PATCH] service last section updated --- public/assets/images/careers/career.webp | Bin 0 -> 23340 bytes src/app/globals.css | 153 ++++++++++++++++-- src/components/careers/WorkProcessSection.tsx | 110 +++++++++---- 3 files changed, 218 insertions(+), 45 deletions(-) create mode 100644 public/assets/images/careers/career.webp diff --git a/public/assets/images/careers/career.webp b/public/assets/images/careers/career.webp new file mode 100644 index 0000000000000000000000000000000000000000..891c33dc02ecb599872fa2b4631a5595e1e15a86 GIT binary patch literal 23340 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 { const sectionRef = useRef(null); + const [activeCardId, setActiveCardId] = useState(null); useEffect(() => { const observer = new IntersectionObserver( @@ -35,14 +36,40 @@ const WorkProcessSection2 = () => { }, []); const processCards = [ - { id: 1, text: "Consultation & Strategy Development", icon: "tolak-icons-two-lamp" }, - { id: 2, text: "Design & Development", icon: "tolak-icons-two-settings-2" }, - { id: 3, text: "Implementation & Optimization", icon: "tolak-icons-two-optimization" }, - { id: 4, text: "Testing & Launch", icon: "tolak-icons-two-business-analysis" }, - { id: 5, text: "Ongoing Support & Analysis", icon: "tolak-icons-two-support" }, - { id: 6, text: "Client Engagement & Feedback", icon: "tolak-icons-two-smart-solution" }, + { + id: 1, title: "Consultation & Strategy Development", + content: "Your vision leads the way. Initially, we deeply understand your needs through consultation. Next, we create a strategy tailored to your goals.", + animationDelay: ".5s", + }, + { + id: 2, title: "Design & Development", + content: "Then comes the creative part. Our team combines art and technology. We focus on aesthetically pleasing, functional solutions.", + animationDelay: ".5s", + }, + { + id: 3, title: "Implementation & Optimization", + content: "After that, we turn plans into reality. Each step is optimized for impact and efficiency. Plus, we keep you updated throughout.", + animationDelay: ".5s", + }, + { + id: 4, title: "Testing & Launch", + content: "Next, we aim for perfection. We conduct thorough testing for smooth operation. Once perfected, we launch your project.", + animationDelay: ".5s", + }, + { + id: 5, title: "Ongoing Support & Analysis", + content: "But it doesn’t end there. We offer continuous support and analyze your digital solutions. This way, they evolve with your business.", + animationDelay: ".5s", + }, + { + id: 6, title: "Client Engagement & Feedback", + content: "We value your feedback after launch. Regular check-ins help us improve solutions and stay aligned with your evolving business needs.", + animationDelay: ".5s", + }, ]; + const activeCard = processCards.find(card => card.id === activeCardId); + return (
@@ -60,46 +87,59 @@ const WorkProcessSection2 = () => {
digital transformation journey
- {/*
- -
*/} + +
+
+
+
+
+
digital transformation journey
+

Embark on a digital transformation journey with Metatroncube

+
+
+
+
-
-
-
-
-
digital transformation journey
-

Embark on a digital transformation journey with Metatroncube

-
-
-
+
+ Our story +
- thumb + {activeCard ? ( +
+ {/*

{activeCard.title}

*/} +

{activeCard.content}

+ {/* */} +
+ ) : ( + thumb + )}
{processCards.map((card) => ( -
+
setActiveCardId(activeCardId === card.id ? null : card.id)} + style={{ cursor: 'pointer' }} + >
{card.id}
- {/*
- -
*/} -
- {card.text.split('\n').map((line, i) => ( - - {line} - {i === 0 &&
} -
- ))} +
+
+ {card.title} +
+
+ {card.content} +
))}