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

first commit

Browse Source
This commit is contained in:
mukesh13
2025-07-30 13:44:47 +05:30
commit 6c0c0e3d1d
494 changed files with 57695 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
components/homes/home-1/Blogs.jsx Normal file
View File

@ -0,0 +1,107 @@
"use client";
import { blogArticles } from "@/data/blogs";
import React from "react";
import { Swiper, SwiperSlide } from "swiper/react";
import Link from "next/link";
import Image from "next/image";
import { Navigation } from "swiper/modules";
export default function Blogs() {
return (
<div className="section-blog style-3 sw-layout-1 tf-spacing-17">
<div className="tf-container">
<div className="wrap">
<div className="heading-section d-flex justify-content-between flex-wrap-md gap_12 align-items-end mb_108">
<div className="left">
<h1 className="heading-title split-text effect-right">
Insights From Our Press
</h1>
<p
className="text-body-1 text_mono-gray-7 mt_20 wow animate__fadeInUp animate__animated"
data-wow-delay="0s"
>
Discover the latest insights and trends in our most recent
articles. Stay informed and <br />
up to date on the topics that matter most to you.
</p>
</div>
<div className="wrap-sw-button d-flex gap_16">
<div className="sw-button style-default v2 has-bg nav-prev-layout-1 snbp5">
<i className="icon-caret-left" />
</div>
<div className="sw-button style-default v2 has-bg nav-next-layout-1 snbn5">
<i className="icon-caret-right" />
</div>
</div>
</div>
<Swiper
className="swiper swiper-container wow animate__fadeInLeft animate__animated"
data-wow-delay="0s"
spaceBetween={15}
breakpoints={{
0: { slidesPerView: 1 },
575: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
spaceBetween: 20,
},
992: {
slidesPerView: 3,
spaceBetween: 24,
},
}}
modules={[Navigation]}
navigation={{
prevEl: ".snbp5",
nextEl: ".snbn5",
}}
>
{blogArticles.map((article) => (
<SwiperSlide className="swiper-slide" key={article.id}>
<div className="blog-article-item hover-image">
<Link
href={`/single-post/${article.id}`}
className="article-thumb mb_25"
>
<Image
className="lazyload"
data-src={article.imageSrc}
alt="blog"
src={article.imageSrc}
width={article.width}
height={article.height}
/>
</Link>
<div className="article-content">
<ul className="blog-article-meta mb_15 d-flex align-items-center">
<li className="meta-item text-body-1">
<Link
href={`/single-post/${article.id}`}
className="link-black"
>
{article.category}
</Link>
</li>
<li className="meta-item date text-body-1">
{article.date}
</li>
</ul>
<h5 className="title letter-spacing-2">
<Link
href={`/single-post/${article.id}`}
className="link"
>
{article.title}
</Link>
</h5>
</div>
</div>
</SwiperSlide>
))}
</Swiper>
</div>
</div>
</div>
);
}

462
components/homes/home-1/Brands.jsx Normal file
View File

@ -0,0 +1,462 @@
"use client";
import React from "react";
import Image from "next/image";
import { counterItems3 } from "@/data/facts";
import OdometerComponent from "@/components/common/OdometerComponent";
export default function Brands() {
return (
<div className="section-about style-2 tf-spacing-15 pt-0">
<div className="tf-container">
<div className="tf-spacing-14">
<div className="heading-section text-center mb_55">
<h6 className="title text-uppercase font2 text_mono-gray-4">
Our clients reflect our expertise
</h6>
</div>
<div className="infiniteslide tf-marquee infiniteSlide">
<div
className="marquee-item"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-15.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-16.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-17.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-18.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-19.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-20.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-21.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-15.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-16.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-17.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-18.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-19.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-20.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-21.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-15.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-16.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-17.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-18.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-19.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-20.png"
width={160}
height={120}
/>
</div>
</div>
<div
className="marquee-item infiniteslide_clone"
style={{ flex: "0 0 auto", display: "block" }}
>
<div className="partner style-3">
<Image
alt="brands"
src="/images/brands/brand-21.png"
width={160}
height={120}
/>
</div>
</div>
</div>
</div>
<div className="text-with-img-1">
<div className="row">
<div className="col-lg-6">
<div className="left">
<div className="shape-img-bg">
<Image
alt="img-with-shape-1"
className="img-custom-anim-left wow"
src="/images/section/img-with-shape-1.jpg"
width={696}
height={598}
/>
<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"
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)" 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 className="item scroll-tranform" data-distance="20%">
<div className="text-circle">
<svg className="textcircle" viewBox="0 0 500 500">
<defs>
<path
id="textcircle"
d="M250,400 a150,150 0 0,1 0,-300a150,150 0 0,1 0,300Z"
/>
</defs>
<text>
<textPath
xlinkHref="#textcircle"
textLength={900}
className="h5"
>
BUSINESS CONSULTING • ADVITEX •
</textPath>
</text>
</svg>
</div>
<Image
alt="logo"
className="logo"
src="/images/item/logo-banner-item.png"
width={100}
height={63}
/>
</div>
</div>
</div>
<div className="col-lg-6">
<div className="content">
<div className="heading">
<h1 className="title split-text effect-right">
Our Mission Is Realization <br />
Your Dream Into Reality
</h1>
<div className="description">
<p
className="text-body-1 text_mono-gray-7 mb_9 wow animate__fadeInUp animate__animated"
data-wow-delay="0s"
>
At Advitex, we are a global consulting firm dedicated to
partnering with business and societal leaders to tackle
their most critical challenges. With our deep industry
expertise and collaborative approach.
</p>
<p
className="text-body-1 text_mono-gray-7 wow animate__fadeInUp animate__animated"
data-wow-delay="0s"
>
Our experienced consultants offer strategic thinking,
analytical rigor, and practical implementation skills.
</p>
</div>
</div>
<div
className="wrap d-flex wow animate__fadeInUp animate__animated"
data-wow-delay="0s"
>
<a
href="#"
className="tf-btn btn-primary2 height-2 btn-px-28"
>
<span> Learn more</span>
<span className="bg-effect" />
</a>
<div className="contact d-flex align-items-center gap_12">
<div className="icon">
<i className="icon-tty-solid" />
</div>
<p className="font2 text-body-2">
24/7 Support: (234) 109-6666
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="row wrap-counter">
{counterItems3.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_21">
{item.title}
</div>
<div className="counter-number mb_15">
<div className="odometer text_primary">
<OdometerComponent max={item.value} />
</div>
<span className="sub text_primary">{item.unit}</span>
</div>
<p className="sub-heading text_mono-gray-5">
{item.description.split("\n").map((line, i) => (
<React.Fragment key={i}>
{line}
{i < item.description.split("\n").length - 1 && <br />}
</React.Fragment>
))}
</p>
</div>
</div>
))}
</div>
</div>
</div>
);
}

122
components/homes/home-1/CaseStudies.jsx Normal file
View File

@ -0,0 +1,122 @@
"use client";
import { caseStudies } from "@/data/caseStudies";
import React from "react";
import { Swiper, SwiperSlide } from "swiper/react";
import Link from "next/link";
import Image from "next/image";
import { Navigation } from "swiper/modules";
export default function CaseStudies() {
return (
<div className="section sw-layout-1 tf-spacing-13 pt-0">
<div className="tf-container">
<div className="heading-section d-flex justify-content-between flex-wrap-md gap_12 align-items-end mb_88">
<div className="left">
<h2 className="heading-title split-text effect-right">
Feature Case Studies
</h2>
<p
className="text-body-1 text_mono-gray-7 mt_20 wow animate__fadeInUp animate__animated"
data-wow-delay="0s"
>
Discover the transformative power of our solutions. Learn how
we've helped businesses of all sizes overcome challenges.
</p>
</div>
<div className="wrap-sw-button d-flex gap_16">
<div className="sw-button style-default v2 has-bg nav-prev-layout-1 snbp6">
<i className="icon-caret-left" />
</div>
<div className="sw-button style-default v2 has-bg nav-next-layout-1 snbn6">
<i className="icon-caret-right" />
</div>
</div>
</div>
</div>
<div className="tf-container slider-layout-right w-xl">
<Swiper
className="swiper"
spaceBetween={15}
breakpoints={{
0: { slidesPerView: 1 },
575: {
slidesPerView: 1,
},
768: {
slidesPerView: 1.1,
},
992: {
slidesPerView: 1.4,
spaceBetween: 20,
},
1200: {
slidesPerView: 1.81,
spaceBetween: 24,
},
}}
modules={[Navigation]}
navigation={{
prevEl: ".snbp6",
nextEl: ".snbn6",
}}
>
{caseStudies.map((study) => (
<SwiperSlide className="swiper-slide" key={study.id}>
<div className="case-studies-item style-1 hover-image hover-border border-element h-full">
<Link
href={`/single-project/${study.id}`}
className="img-style"
>
<Image
className="lazyload"
data-src={study.imageSrc}
alt="case-studies"
src={study.imageSrc}
width={382}
height={502}
/>
</Link>
<div className="content">
<div className="top d-flex align-items-center justify-content-between mb_31">
<div className="brand">
<Image
alt="brand"
src={study.brandSrc}
width={study.brandWidth}
height={study.brandHeight}
/>
</div>
<a href="#" className="tf-btn">
<span className="icon-arrow-top-right" />
<span className="bg-effect" />
</a>
</div>
<div className="heading mb_65">
<h4 className="mb_15 title">
<Link
href={`/single-project/${study.id}`}
className="link"
>
{study.title}
</Link>
</h4>
<p className="text_mono-gray-7 text-body-2">
{study.description}
</p>
</div>
<div className="group-number">
{study.stats.map((stat, index) => (
<div className="wrap-number" key={index}>
<h3 className="number fw-5">{stat.value}</h3>
<p className="font2 text-body-1 lh-20">{stat.label}</p>
</div>
))}
</div>
</div>
</div>
</SwiperSlide>
))}
</Swiper>
</div>
</div>
);
}

67
components/homes/home-1/Hero.jsx Normal file
View File

@ -0,0 +1,67 @@
import React from "react";
import Link from "next/link";
import Image from "next/image";
export default function Hero() {
return (
<div className="page-title style-1">
<div className="content-inner">
<div className="tf-container">
<div className="heading-title">
<div className="text-display-2 text_white mb_49 split-text effect-scale">
Fully <br />
Nurture Your <br />
Potential
</div>
<Link href={`/about`} className="tf-btn btn-white height-2">
<span className="text_black">Book A Free Consultant</span>
<span className="bg-effect" />
</Link>
</div>
<div className="bot d-flex align-items-end justify-content-between gap-20 flex-wrap">
<p className="text_white sub-heading description">
Consulting services offer a strategic partnership that bridges
<br />
the gap between your aspirations and their realization. By
leveraging our <br />
deep industry knowledge, analytical skills.
</p>
<div className="wrap-facts">
<h5 className="text_white mb_19">Connect Your Experts</h5>
<div className="facts style-1">
<div className="avatar-wrap d-flex">
<div className="avatar item-1">
<Image
alt=""
src="/images/avatar/facts-2.png"
width={60}
height={60}
/>
</div>
<div className="avatar item-2">
<Image
alt=""
src="/images/avatar/facts-2.png"
width={60}
height={60}
/>
</div>
<div className="avatar item-3">
<Image
alt=""
src="/images/avatar/facts-1.png"
width={60}
height={61}
/>
</div>
</div>
<p className="text-body-1 text_white">
The expert team brings a wealth of knowledge and creativity
</p>
</div>
</div>
</div>
</div>
</div>
</div>
);
}

201
components/homes/home-1/Process.jsx Normal file
View File

@ -0,0 +1,201 @@
import React from "react";
import Image from "next/image";
export default function Process() {
return (
<div className="section-process style-1 tf-spacing-5">
<div className="tf-container">
<div className="wrap">
<div className="row align-items-end">
<div className="col-xl-6 left">
<div className="heading-section mb_88 ps-0">
<h2 className="heading-title split-text effect-right">
Our Approach
</h2>
<p
className="text-body-1 text_mono-gray-7 mt_18 wow animate__fadeInUp animate__animated"
data-wow-delay="0s"
>
We rely on datadriven analysis and rigorous methodologies
<br />
to inform our decisions and ensure accuracy.
</p>
</div>
<ul
className="accordion-wrap gap-16 style-faqs"
id="accordion-approach"
>
<li className="accordion-item action_click scrolling-effect effectLeft style-default">
<a
href="#accordion-approach-1"
className="accordion-title action collapsed current"
data-bs-toggle="collapse"
aria-expanded="true"
aria-controls="accordion-approach-1"
>
<div className="heading">
<h3 className="text_mono-gray-5 title">
<span className="text_primary">1.</span>Story &amp;
Reserach
</h3>
</div>
<span className="icon" />
</a>
<div
id="accordion-approach-1"
className="collapse"
data-bs-parent="#accordion-approach"
>
<div className="accordion-faqs-content">
<p className="text-body-1">
The research gathered to inform the development of the
story provides the foundation for a product or service,
shaping its direction and purpose.
</p>
</div>
</div>
</li>
<li className="accordion-item action_click scrolling-effect effectLeft active style-default">
<a
href="#accordion-approach-2"
className="accordion-title action current"
data-bs-toggle="collapse"
aria-expanded="true"
aria-controls="accordion-approach-2"
>
<div className="heading">
<h3 className="text_mono-gray-5 title">
<span className="text_primary">2.</span> Strategy &amp;
Concept
</h3>
</div>
<span className="icon" />
</a>
<div
id="accordion-approach-2"
className="collapse show"
data-bs-parent="#accordion-approach"
>
<div className="accordion-faqs-content">
<p className="text-body-1">
The research gathered to inform the development of the
story provides the foundation for a product or service,
shaping its direction and purpose.
</p>
</div>
</div>
</li>
<li className="accordion-item action_click scrolling-effect effectLeft style-default">
<a
href="#accordion-approach-3"
className="accordion-title action collapsed current"
data-bs-toggle="collapse"
aria-expanded="true"
aria-controls="accordion-approach-3"
>
<div className="heading">
<h3 className="text_mono-gray-5 title">
<span className="text_primary">3.</span> Implementation
</h3>
</div>
<span className="icon" />
</a>
<div
id="accordion-approach-3"
className="collapse"
data-bs-parent="#accordion-approach"
>
<div className="accordion-faqs-content">
<p className="text-body-1">
The research gathered to inform the development of the
story provides the foundation for a product or service,
shaping its direction and purpose.
</p>
</div>
</div>
</li>
<li className="accordion-item action_click scrolling-effect effectLeft style-default">
<a
href="#accordion-approach-4"
className="accordion-title action collapsed current"
data-bs-toggle="collapse"
aria-expanded="true"
aria-controls="accordion-approach-4"
>
<div className="heading">
<h3 className="text_mono-gray-5 title">
<span className="text_primary">4.</span>Usability
Testing
</h3>
</div>
<span className="icon" />
</a>
<div
id="accordion-approach-4"
className="collapse"
data-bs-parent="#accordion-approach"
>
<div className="accordion-faqs-content">
<p className="text-body-1">
To place an order, browse our We differentiate ourselves
through our commitment to innovation, personalized
solutions, and client satisfaction. We differentiate
ourselves through our commitment to innovation,
personalized solutions, and client satisfaction.
</p>
</div>
</div>
</li>
<li className="accordion-item action_click scrolling-effect effectLeft style-default">
<a
href="#accordion--approach-5"
className="accordion-title action collapsed current"
data-bs-toggle="collapse"
aria-expanded="true"
aria-controls="accordion--approach-5"
>
<div className="heading">
<h3 className="text_mono-gray-5 title">
<span className="text_primary">5.</span>Guide &amp; Hand
Over
</h3>
</div>
<span className="icon" />
</a>
<div
id="accordion--approach-5"
className="collapse"
data-bs-parent="#accordion-approach"
>
<div className="accordion-faqs-content">
<p className="text-body-1">
To place an order, browse our We differentiate ourselves
through our commitment to innovation, personalized
solutions, and client satisfaction. We differentiate
ourselves through our commitment to innovation,
personalized solutions, and client satisfaction.
</p>
</div>
</div>
</li>
</ul>
</div>
<div className="col-xl-6 right">
<div
className="shape-img-bg shape-border style-2 scroll-tranform"
data-distance="20%"
>
<Image
alt=""
className="img-custom-anim-left wow"
src="/images/section/img-with-shape-2.jpg"
width={802}
height={535}
/>
</div>
</div>
</div>
</div>
</div>
</div>
);
}