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

27
components/homes/insurance-consulting/About.jsx
View File

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

26
components/homes/insurance-consulting/Hero.jsx
View File

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

39
components/homes/insurance-consulting/Services.jsx
View File

@ -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>
);
}
}