Almost updated

2025-08-13 20:21:20 +05:30
parent c6629e4daa
commit a286215d0f
31 changed files with 1163 additions and 665 deletions
--- a/components/homes/finance-consulting/Features.jsx
+++ b/components/homes/finance-consulting/Features.jsx
@ -3,7 +3,7 @@ import Image from "next/image";
 import Link from "next/link";
 export default function Features() {
  return (
-    <div className="section-about tf-spacing-19">
+    <div className="section-about">
      <div className="tf-container-3">
        <div className="box-choose style-1">
          <div className="content">
--- a/components/homes/insurance-consulting/About.jsx
+++ b/components/homes/insurance-consulting/About.jsx
@ -1,19 +1,20 @@
 import React from "react";
 import Link from "next/link";
 import Image from "next/image";
+
 export default function About() {
  return (
    <div className="section">
      <div className="tf-container">
        <div className="box-about style-2">
          <div className="left">
-            <div className=" mb_50">
+            <div className="mb_50">
              <div className="point text-body-1 mb_14">
                <span className="item" />
                About Us
              </div>
-              <h3 className="heading-title text_mono-dark-9">
-                We’re A Trusted And Professional Insurance Company,{" "}
+              <h3 className="heading-title text_primary">
+                We're a Trusted and Professional BPO Partner,{" "}
                <Image
                  alt="item"
                  className="wow animate__rollIn animate__animated"
@ -22,11 +23,11 @@ export default function About() {
                  width={48}
                  height={48}
                />{" "}
-                Committed To Your Financial Security.
+                Committed to Driving Your Business Success.
              </h3>
            </div>
            <div className="bot">
-              <div className="clutch-rating-item style-1 d-flex align-items-center mb_16">
+              {/* <div className="clutch-rating-item style-1 d-flex align-items-center mb_16">
                <div className="logo">
                  <svg
                    width={34}
@ -63,12 +64,18 @@ export default function About() {
                  </div>
                  <p className="text-body-4">Based on 24 reviews</p>
                </div>
-              </div>
+              </div> */}
              <p className="text-body-1 text_mono-gray-6 mb_31">
-                As a trusted and professional insurance company, we are
-                committed to providing comprehensive coverage and exceptional
-                service to our <br />
-                valued clients.
+                At Keystone Solution, we combine technology, expertise, and innovation
+                to deliver world-class BPO services to clients across the globe.
+                As a trusted outsourcing partner to diverse industries, we provide
+                end-to-end solutions that help businesses operate smarter, faster,
+                and more efficiently.
+                <br />
+                Our integrated approach ensures that every service—from data entry
+                and conversion to processing and logistics—works together to
+                support your growth. With a highly skilled team and cutting-edge
+                tools, we deliver consistent, scalable, and reliable results you can trust.
              </p>
              <Link
                href={`/about`}
--- a/components/homes/insurance-consulting/Hero.jsx
+++ b/components/homes/insurance-consulting/Hero.jsx
@ -13,47 +13,45 @@ export default function Hero() {
            <div className="heading-title d-flex flex-wrap-lg mb_40 justify-content-between">
              <div className="left">
                <p className="sub text-body-1 text_primary point">
-                  <span className="item" /> Ultimate Peace Of Mind
+                  <span className="item" /> Ultimate Accuracy & Efficiency
                </p>
                <div className="text_primary text-display-3 title">
-                  Shaping{" "}
+                  Transforming{" "}
                  <img
                    className="icon animate__rollIn animate__animated"
                    data-wow-delay="0s"
                    alt="icon"
                    src="/images/box-icon/check-verified-01.svg"
                  />{" "}
-                  Futures <br />
-                  With{" "}
+                  Data <br />
+                  Into{" "}
                  <img
                    className="icon heart animate__rollIn animate__animated"
                    alt="icon"
                    src="/images/box-icon/heart-circle.svg"
                  />{" "}
-                  Insurance Solutions
+                  Business Power
                </div>
              </div>
              <div className="right">
                <p className="sub-heading text_mono-dark-9 mb_24 split-text split-lines-transform">
-                  Maximize your coverage, minimize your worries. We're committed
-                  to providing exceptional customer service and comprehensive
-                  insurance solutions that exceed your expectations.
+                  Streamline your operations with fast, accurate, and affordable data entry, conversion, and processing services tailored to your business needs.
                </p>
                <div className="d-flex gap_10 wrap-btn flex-wrap-sm">
-                  <Link
-                    href={`/#`}
+                  {/* <Link
+                    href={`/contact-us`}
                    className="tf-btn btn-border border-1 rounded-12 height-3"
                  >
                    <span className="text-body-1 text_primary">
-                      Book a Free Consulting
+                      Request a Free Consultation
                    </span>
                    <span className="bg-effect" />
-                  </Link>
+                  </Link> */}
                  <Link
-                    href={`/contact-us`}
+                    href="#services"
                    className="tf-btn rounded-12 height-3"
                  >
-                    <span className="text-body-1">Find your plan</span>
+                    <span className="text-body-1">Explore Our Services</span>
                    <span className="bg-effect" />
                  </Link>
                </div>
--- a/components/homes/insurance-consulting/Services.jsx
+++ b/components/homes/insurance-consulting/Services.jsx
@ -2,9 +2,10 @@ import React from "react";
 import Link from "next/link";
 import Image from "next/image";
 import { services2 } from "@/data/services";
+
 export default function Services() {
  return (
-    <div className="section tf-spacing-46 pb-0">
+    <div className="section tf-spacing-46 pb-0" style={{ backgroundColor: "#fff" }}>
      <div className="tf-container">
        <div className="heading-section d-flex gap_12 justify-content-between align-items-end flex-wrap-md mb_57">
          <div className="left">
@ -24,17 +25,9 @@ export default function Services() {
              to you, avoiding unnecessary expenses
            </p>
          </div>
-          <div className="right">
-            <Link
-              href={`/#`}
-              className="tf-btn height-3 rounded-12 btn-px-28"
-            >
-              <span>See our services</span>
-              <span className="bg-effect" />
-            </Link>
-          </div>
        </div>
-        <div className="tf-grid-layout lg-col-3">
+        {/* Updated for 3x2 grid layout */}
+        <div className="tf-grid-layout lg-col-3 md-col-2 sm-col-1">
          {services2.map((service, index) => (
            <div
              key={index}
@ -54,13 +47,21 @@ export default function Services() {
                  </Link>
                </h3>
                <p className="text-body-1 mb_23">{service.description}</p>
-                <Link
-                  href={`/service-details/${service.id}`}
-                  className="tf-btn-link"
-                >
-                  <span> Learn more </span>
-                  <i className="icon-arrow-top-right"> </i>
-                </Link>
+                {/* Conditionally render Learn more - disabled for Construction (id: 16) */}
+                {service.id !== 16 ? (
+                  <Link
+                    href={`/service-details/${service.id}`}
+                    className="tf-btn-link"
+                  >
+                    <span> Learn more </span>
+                    <i className="icon-arrow-top-right"> </i>
+                  </Link>
+                ) : (
+                  <span className="tf-btn-link disabled" style={{ opacity: 0.5, cursor: 'not-allowed' }}>
+                    <span> Learn more </span>
+                    <i className="icon-arrow-top-right"> </i>
+                  </span>
+                )}
              </div>
              <div
                className="item scroll-tranform"
@ -80,4 +81,4 @@ export default function Services() {
      </div>
    </div>
  );
-}
+}
--- a/components/homes/marketing-consulting/Services.jsx
+++ b/components/homes/marketing-consulting/Services.jsx
@ -3,6 +3,7 @@ import React, { useState } from "react";
 import Link from "next/link";
 import Image from "next/image";
 import { services3 } from "@/data/services";
+
 export default function Services() {
  const [activeService, setActiveService] = useState(1);
  return (
@ -22,38 +23,50 @@ export default function Services() {
          </div>
          <div className="right">
            <p className="text-body-1 text_mono-gray-7 split-text split-lines-transform">
-              Explore our range of expert services designed to <br />
-              elevate your business. From strategic planning to <br />
+              Explore our range of expert services designed to
+              elevate your business. From strategic planning to
              execution, we deliver solutions.
            </p>
          </div>
        </div>
        <div className="top mb_48">
-          <div className="navigation-bar overflow-x-auto">
+          <div className="navigation-bar">
            <div
              className={`nav-item  ${activeService == 1 ? "is-active" : ""} `}
              onClick={() => setActiveService(1)}
            >
-              Market Research &amp; Analysis
+              Data Entry Services
            </div>
            <div
              className={`nav-item  ${activeService == 2 ? "is-active" : ""} `}
              onClick={() => setActiveService(2)}
            >
-              Brand Development &amp; Positioning
+              Data Conversion
            </div>
            <div
              className={`nav-item  ${activeService == 3 ? "is-active" : ""} `}
              onClick={() => setActiveService(3)}
            >
-              Digital Marketing
+              Data Processing
+            </div>
+            <div
+              className={`nav-item  ${activeService == 4 ? "is-active" : ""} `}
+              onClick={() => setActiveService(4)}
+            >
+              Receipt Data Entry Services
+            </div>
+            <div
+              className={`nav-item  ${activeService == 5 ? "is-active" : ""} `}
+              onClick={() => setActiveService(5)}
+            >
+              Logistics Data Entry Services
            </div>
          </div>
          <div className="navigation-arrows">
            <div
              className="arrow"
              onClick={() =>
-                setActiveService((pre) => (pre == 1 ? 3 : pre - 1))
+                setActiveService((pre) => (pre == 1 ? 5 : pre - 1))
              }
              id="prevButton"
            >
@ -83,7 +96,7 @@ export default function Services() {
            <div
              className="arrow"
              onClick={() =>
-                setActiveService((pre) => (pre == 3 ? 1 : pre + 1))
+                setActiveService((pre) => (pre == 5 ? 1 : pre + 1))
              }
              id="nextButton"
            >
@ -148,7 +161,7 @@ export default function Services() {
                        </div>
                      </div>
                      <div className="right">
-                        <div className="img-style">
+                        <div className="img-style" style={{ maxWidth: '100%', overflow: 'hidden' }}>
                          <Image
                            className="lazyload"
                            data-src={service.image}
@ -156,6 +169,12 @@ export default function Services() {
                            src={service.image}
                            width={393}
                            height={417}
+                            style={{ 
+                              width: '100%', 
+                              height: 'auto', 
+                              maxWidth: '393px',
+                              objectFit: 'cover'
+                            }}
                          />
                        </div>
                      </div>
@ -169,4 +188,4 @@ export default function Services() {
      </div>
    </div>
  );
-}
+}