mukeshs/keystone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Almost updated

Browse Source
This commit is contained in:
mukesh13
2025-08-13 20:21:20 +05:30
parent c6629e4daa
commit a286215d0f
31 changed files with 1163 additions and 665 deletions
Download Patch File Download Diff File Expand all files Collapse all files

242
components/otherPages/About.jsx
View File

@ -1,149 +1,131 @@
import React from "react";
import Image from "next/image";
import { counterItems5 } from "@/data/facts";
import OdometerComponent from "../common/OdometerComponent";
export default function About() {
return (
<>
{/* .section-about */}
<div className="text-with-img-2 tf-spacing-4">
<div className="tf-container">
<div className="row">
<div className="col-lg-6">
<div className="wrap-img">
<div className="shape-img-bg shape-border">
<Image
alt="shape"
className="img-custom-anim-left wow"
src="/images/section/img-with-shape-3.jpg"
width={692}
height={543}
/>
<div className="img-bg-shape">
<svg
xmlns="http://www.w3.org/2000/svg"
x="0px"
y="0px"
viewBox="0 0 288 288"
>
<linearGradient
id="imagewave-1"
x1="70.711%"
x2="0%"
y1="70.711%"
y2="0%"
{/* Section 1: Trusted BPO Partner */}
<div className="bg-color-1">
<div className="text-with-img-2 tf-spacing-47">
<div className="tf-container">
<div className="row">
<div className="col-lg-6">
<div className="wrap-img">
<div className="shape-img-bg shape-border">
<Image
alt="Trusted BPO Partner"
className="img-custom-anim-left wow"
src="/images/section/img-with-shape-3.jpg"
width={692}
height={543}
/>
<div className="img-bg-shape">
<svg
xmlns="http://www.w3.org/2000/svg"
x="0px"
y="0px"
viewBox="0 0 288 288"
>
<stop
className="stop-color"
offset="0%"
stopOpacity={1}
/>
<stop
className="stop-color"
offset="100%"
stopOpacity={1}
/>
</linearGradient>
<path fill="url(#imagewave-1)" d="">
<animate
repeatCount="indefinite"
attributeName="d"
dur="5s"
values="M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45
c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2
c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z;
M51,171.3c-6.1-17.7-15.3-17.2-20.7-32c-8-21.9,0.7-54.6,20.7-67.1c19.5-12.3,32.8,5.5,67.7-3.4C145.2,62,145,49.9,173,43.4
c12-2.8,41.4-9.6,60.2,6.6c19,16.4,16.7,47.5,16,57.7c-1.7,22.8-10.3,25.5-9.4,46.4c1,22.5,11.2,25.8,9.1,42.6
c-2.2,17.6-16.3,37.5-33.5,40.8c-22,4.1-29.4-22.4-54.9-22.6c-31-0.2-40.8,39-68.3,35.7c-17.3-2-32.2-19.8-37.3-34.8
C48.9,198.6,57.8,191,51,171.3z;
M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45
c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2
c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z "
/>
</path>
</svg>
<linearGradient
id="imagewave-1"
x1="70.711%"
x2="0%"
y1="70.711%"
y2="0%"
>
<stop
className="stop-color"
offset="0%"
stopOpacity={1}
/>
<stop
className="stop-color"
offset="100%"
stopOpacity={1}
/>
</linearGradient>
<path fill="url(#imagewave-1)" d="">
<animate
repeatCount="indefinite"
attributeName="d"
dur="5s"
values="M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45
c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2
c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z;
M51,171.3c-6.1-17.7-15.3-17.2-20.7-32c-8-21.9,0.7-54.6,20.7-67.1c19.5-12.3,32.8,5.5,67.7-3.4C145.2,62,145,49.9,173,43.4
c12-2.8,41.4-9.6,60.2,6.6c19,16.4,16.7,47.5,16,57.7c-1.7,22.8-10.3,25.5-9.4,46.4c1,22.5,11.2,25.8,9.1,42.6
c-2.2,17.6-16.3,37.5-33.5,40.8c-22,4.1-29.4-22.4-54.9-22.6c-31-0.2-40.8,39-68.3,35.7c-17.3-2-32.2-19.8-37.3-34.8
C48.9,198.6,57.8,191,51,171.3z;
M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45
c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2
c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z"
/>
</path>
</svg>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6">
<div className="content mb-0">
<h2 className="title split-text split-lines-rotation-x">
Innovate to streamline operations
<br />
and accelerate growth.
</h2>
<p
className="description text-body-1 text_mono-gray-7 description-1 wow animate__fadeInUp animate__animated"
data-wow-delay="0s"
>
We are committed to driving innovation and delivering
cutting-edge software solutions. Our team of skilled
developers and industry experts collaborate closely to create
tailored solutions that address the unique needs of our
clients.
</p>
<p
className="description text-body-1 text_mono-gray-7 description-2 wow animate__fadeInUp animate__animated"
data-wow-delay="0s"
>
By leveraging the latest technologies and industry best
practices, we empower our clients to streamline their
operations, reduce costs, and achieve sustainable business
growth. Our innovative software solutions are designed to
increase efficiency, improve productivity, and enhance overall
business performance.
</p>
<div className="col-lg-6">
<div className="content mb-0">
<h2 className="title split-text split-lines-rotation-x">
Trusted BPO Partner
<br />
for Global Excellence
</h2>
<p
className="description text-body-1 text_mono-gray-7 description-1 wow animate__fadeInUp animate__animated"
data-wow-delay="0s"
>
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.
</p>
<p
className="description text-body-1 text_mono-gray-7 description-2 wow animate__fadeInUp animate__animated"
data-wow-delay="0s"
>
Our strength lies in our ability to deliver consistent, scalable, and reliable services—powered by cutting-edge technology and a highly skilled team. We are committed to excellence, ensuring every project meets the highest standards of quality and precision.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
{/* /.section-about */}
{/* .section-about */}
<div className="text-with-img-2 tf-spacing-5 pt-0">
{/* Section 2: Specialized Data Solutions */}
<div className="text-with-img-2 tf-spacing-47 pt-0">
<div className="tf-container">
<div className="row">
<div className="col-xl-6">
<div className="content">
<div className="col-lg-6">
<div className="content mb-0">
<h2 className="title split-text split-lines-rotation-x">
Innovate to streamline operations
Specialized Data Solutions
<br />
and accelerate growth.
for Business Growth
</h2>
<p
className="description text-body-1 text_mono-gray-7 description-1 wow animate__fadeInUp animate__animated"
data-wow-delay="0s"
>
We are committed to driving innovation and delivering
cutting-edge software solutions. Our team of skilled
developers and industry experts collaborate closely to create
tailored solutions that address the unique needs of our
clients.
At Keystone Solution, we specialize in delivering top-quality outsourcing solutions that help businesses across India work smarter and faster. With a strong focus on precision, speed, and reliability, we take the hassle out of data management so our clients can concentrate on growing their business.
</p>
<p
className="description text-body-1 text_mono-gray-7 description-2 wow animate__fadeInUp animate__animated"
data-wow-delay="0s"
>
By leveraging the latest technologies and industry best
practices, we empower our clients to streamline their
operations, reduce costs, and achieve sustainable business
growth. Our innovative software solutions are designed to
increase efficiency, improve productivity, and enhance overall
business performance.
Our expertise covers a wide spectrum of services, including data entry, data conversion, and data processing, as well as specialized receipt data entry and logistics data entry. By combining our skilled team with the latest technology, we deliver results that are not only error-free but also on time—every time.
</p>
</div>
</div>
<div className="col-xl-6">
<div className="wrap-img mb-0">
<div className="shape-img-bg">
<div className="col-lg-6">
<div className="wrap-img">
<div className="shape-img-bg shape-border">
<Image
alt="shape"
alt="Specialized Data Solutions"
className="img-custom-anim-right wow"
src="/images/section/img-with-shape-4.jpg"
width={695}
@ -157,7 +139,7 @@ export default function About() {
viewBox="0 0 288 288"
>
<linearGradient
id="imagewave"
id="imagewave-2"
x1="70.711%"
x2="0%"
y1="70.711%"
@ -174,7 +156,7 @@ export default function About() {
stopOpacity={1}
/>
</linearGradient>
<path fill="url(#imagewave)" d="">
<path fill="url(#imagewave-2)" d="">
<animate
repeatCount="indefinite"
attributeName="d"
@ -184,7 +166,6 @@ export default function About() {
c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z;
M51,171.3c-6.1-17.7-15.3-17.2-20.7-32c-8-21.9,0.7-54.6,20.7-67.1c19.5-12.3,32.8,5.5,67.7-3.4C145.2,62,145,49.9,173,43.4
c12-2.8,41.4-9.6,60.2,6.6c19,16.4,16.7,47.5,16,57.7c-1.7,22.8-10.3,25.5-9.4,46.4c1,22.5,11.2,25.8,9.1,42.6
c-2.2,17.6-16.3,37.5-33.5,40.8c-22,4.1-29.4-22.4-54.9-22.6c-31-0.2-40.8,39-68.3,35.7c-17.3-2-32.2-19.8-37.3-34.8
@ -193,7 +174,7 @@ export default function About() {
M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45
c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2
c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7
c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z "
c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z"
/>
</path>
</svg>
@ -202,31 +183,8 @@ export default function About() {
</div>
</div>
</div>
<div className="wrap-counter style-4">
<div className="row">
{counterItems5.map((item, index) => (
<div key={index} className="col-md-4">
<div className="counter-item style-default">
<div className="sub-heading text_black text-uppercase mb_22">
{item.title}
</div>
<div className="counter-number">
<div className="odometer text_primary mb_15">
<OdometerComponent max={item.value} />
</div>
<span className="sub text_primary">{item.unit}</span>
</div>
<p
className="sub-heading text_mono-gray-5"
dangerouslySetInnerHTML={{ __html: item.description }}
/>
</div>
</div>
))}
</div>
</div>
</div>
</div>
</>
);
}
}

19
components/otherPages/Contact.jsx
View File

@ -2,6 +2,7 @@
import React from "react";
import Link from "next/link";
import Image from "next/image";
export default function Contact() {
return (
<div className="page-title style-default -mb_11">
@ -11,22 +12,22 @@ export default function Contact() {
<div className="col-lg-6">
<div className="left">
<div className="heading">
<h1 className="mb_21">
Success is a team play, right? Let's work together!
<h1 className="mb_21 text_primary">
Let's Start Building Solutions Together
</h1>
<ul className="breadcrumb">
{/* <ul className="breadcrumb">
<li>
<Link href={`/`} className="link">
Home
</Link>
</li>
<li>Contact</li>
</ul>
</ul> */}
</div>
<div className="bot">
<div className="content mb-0">
<h6>+91 90954 50005</h6>
<p className="text-body-2 text_mono-gray-6">
<div className="content mb-0 ">
<h6 className="text_primary">+91 90954 50005</h6>
<p className="text-body-2 text_primary">
Call us for urgent
</p>
</div>
@ -97,14 +98,14 @@ export default function Contact() {
</div>
</div>
</div>
<div className="shape position-absolute">
{/* <div className="shape position-absolute">
<Image
alt="item"
src="/images/item/shape-5.png"
width={1105}
height={720}
/>
</div>
</div> */}
</div>
</div>
);

175
components/otherPages/ServiceDetails.jsx
View File

@ -1,32 +1,156 @@
import React from "react";
import Image from "next/image";
import ServiceInfo from "./ServiceInfo";
export default function ServiceDetails() {
// Service-specific data
const serviceDetailsData = {
11: { // Health Insurance
title: "Data Entry Services",
description:
"Keystone offers quality data entry services for various businesses and industries. We guarantee timely delivery without compromising the exceptional quality we are known for. Using the latest technologies, we ensure fast turnaround times and accurate results. Our commitment is to provide reliable, high-quality services at costs that remain affordable to all our clients.Our Data Entry Services include:",
image: "/images/section/img-with-shape-6.jpg",
features: [
"Online Data Entry",
"Offline Data Entry",
"MS Access Data Entry",
"Excel Data Entry",
"XML Data Entry",
"Web Data Entry",
"Questionnaire Data Entry",
"Insurance Claims Data Entry",
"Data Capture",
"Book Data Entry",
"Online Typing Services",
"XML Conversion",
"Data Input Services",
"Data Purchasing",
"Medical Billing",
"MSDS Data",
"Data Keying Services"
]
},
12: { // Property Insurance
title: "Data Conversion",
description:
"Keystone provides professional data conversion services, transforming your existing physical or digital data into the required format with zero risk of data loss. Our skilled team and proven technologies ensure accurate, high-quality results delivered on time.",
image: "/images/section/img-with-shape-6.jpg",
features: [
"XML / XHTML Conversion",
"PDF Conversion",
"TEXT / TXT Conversion",
"Document OCR Conversion",
"Catalogue Conversion",
"File Conversion",
"HTML Conversion",
"Audio Conversion",
"Book Conversion",
"XLS / CSV Conversion",
"Image Conversion"
]
},
13: { // Business Insurance
title: "Data Processing",
description:
"Keystone offers superior data processing services 365x24x7. We undertake all types of data processing services at affordable costs. We ensure advanced analysis, summary, and synthesis of complex and unsorted raw data. We undertake bulk data processing, providing valuable information out of raw and unstructured data. Our Data Processing Services include:",
image: "/images/section/img-with-shape-6.jpg",
features: [
"Word Processing",
"Check Processing",
"Form Processing",
"OCR Cleanup",
"Survey Processing",
"Resume Processing",
"Image Processing",
"Catalogue Processing",
"Credit Card Processing",
"Medical Data Processing",
"Insurance Claims Processing"
]
},
14: { // Life Insurance
title: "Receipt Data Entry Services",
description:
"Keystone offers reliable Receipt Data Entry Services to help businesses maintain accurate digital records of their receipts. Our advanced technology and skilled professionals ensure high-quality data, consistency, and quick turnaround times to support your business operations.",
image: "/images/section/img-with-shape-6.jpg",
features: [] // no subcategories in brochure
},
15: { // Auto Insurance
title: "Logistics Data Entry Services",
description:
"Keystone provides high-quality Logistics Data Entry Services to clients worldwide. We prioritize accuracy and timely delivery, ensuring you have reliable information at your fingertips to manage your logistics business efficiently. Our skilled team delivers superior data entry performance, handles bulk projects with ease, and offers services at affordable rates—allowing you to focus on timely deliveries. Our services in Logistics Data Entry Services include:",
image: "/images/section/img-with-shape-6.jpg",
features: [
"Freight Bill Data Entry",
"Freight Bill Processing",
"Contract Management",
"Bill of Lading Verification & Data Entry",
"Invoice Processing"
]
}
};
export default function ServiceDetails({ service }) {
// Get service-specific data or fall back to default
const serviceData = serviceDetailsData[service?.id] || {
title: "INSURANCE SERVICES",
description: "Keystone offers comprehensive insurance solutions tailored to your specific needs. Our experienced team provides personalized service and competitive rates to ensure you get the coverage that's right for you.",
image: "/images/section/img-with-shape-6.jpg",
features: [
"Personalized Consultation",
"Competitive Rates",
"24/7 Customer Support",
"Claims Assistance",
"Policy Management",
"Risk Assessment",
"Coverage Reviews",
"Multi-policy Discounts"
]
};
// Inline styles for the list container
const listContainerStyles = {
columns: 2,
columnGap: '20px',
listStyleType: 'disc',
paddingLeft: '20px',
marginLeft: '15px',
display: 'block'
};
// Inline styles for list items
const listItemStyles = {
marginBottom: '8px',
paddingLeft: '5px',
breakInside: 'avoid',
listStyleType: 'disc',
display: 'list-item',
listStylePosition: 'outside'
};
return (
<>
<div className="text-with-img-2 v2 tf-spacing-11">
<div className="text-with-img-2 v2 tf-spacing-47">
<div className="tf-container">
<div className="row">
<div className="col-xl-6">
<div className="content">
<h2 className="title">
Tailor The Message To Resonate With Your Apecific Audience.
{serviceData.title}
</h2>
<p className="description text-body-1 text_mono-gray-7 description-1">
Business strategy planning is the cornerstone of
organizational success. It involves a systematic process of
defining a company's long-term goals and objectives, and then
devising a plan to achieve them. A well-crafted strategy
provides a roadmap for the entire organization, ensuring
alignment and focus.
</p>
<p className="description text-body-1 text_mono-gray-7 description-2">
By investing time and effort in strategic planning,
organizations can position themselves for long-term success.
Regular review and adjustment of the strategy is crucial to
adapt to changing market conditions and emerging
opportunities.
{serviceData.description}
</p>
{serviceData.features.length > 0 && (
<ul
className="description text-body-1 text_mono-gray-7 description-2"
style={listContainerStyles}
>
{serviceData.features.map((feature, index) => (
<li key={index} style={listItemStyles}>
{feature}
</li>
))}
</ul>
)}
</div>
</div>
<div className="col-xl-6">
@ -34,7 +158,7 @@ export default function ServiceDetails() {
<div className="shape-img-bg mgl-auto">
<Image
alt="shape"
src="/images/section/img-with-shape-6.jpg"
src={serviceData.image}
width={696}
height={598}
/>
@ -93,19 +217,6 @@ export default function ServiceDetails() {
</div>
</div>
</div>
<div className="section-service style-3 tf-spacing-9">
<div className="tf-container">
<div className="heading-secion mb_88">
<h2>Comprehensive Service Information</h2>
<p className="text-body-1 text_mono-gray-7 mt_18">
Our comprehensive service offerings are designed to elevate your
business and <br />
drive sustainable growth.
</p>
</div>
<ServiceInfo />
</div>
</div>
</>
);
}
}