Initial Commit
This commit is contained in:
mukesh13
96
components/homes/finance-advisor/Blogs.jsx
Normal file
96
components/homes/finance-advisor/Blogs.jsx
Normal file
@ -0,0 +1,96 @@
|
||||
"use client";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { blogArticles4, posts } from "@/data/blogs";
|
||||
export default function Blogs() {
|
||||
return (
|
||||
<div className="section-blog style-2 tf-spacing-23">
|
||||
<div className="tf-container-2">
|
||||
<div className="heading-section mb_59">
|
||||
<div className="heading-tag style-2 v2 text_mono-gray-5 text-body-3 mb_12">
|
||||
BLOGS
|
||||
</div>
|
||||
<h2 className="heading-title text_white fw-6 split-text effect-right">
|
||||
Helpful insights and tips for your <br />
|
||||
financial success journey
|
||||
</h2>
|
||||
</div>
|
||||
<div className="wrapper">
|
||||
{blogArticles4.map((article) => (
|
||||
<div
|
||||
key={article.id}
|
||||
className="blog-article-item style-2 hover-image wow animate__fadeInLeft animate__animated"
|
||||
data-wow-delay={article.delay}
|
||||
>
|
||||
<Link
|
||||
href={`/single-post/${article.id}`}
|
||||
className="article-thumb"
|
||||
>
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={article.imageSrc}
|
||||
alt={article.alt}
|
||||
src={article.imageSrc}
|
||||
width={621}
|
||||
height={621}
|
||||
/>
|
||||
</Link>
|
||||
<div className="article-content">
|
||||
<p className="text-body-2 text_mono-gray-3">{article.date}</p>
|
||||
<h6 className="title fw-5 letter-spacing-2">
|
||||
<Link
|
||||
href={`/single-post/${article.id}`}
|
||||
className="text_white"
|
||||
>
|
||||
{article.title}
|
||||
</Link>
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
<div className="right">
|
||||
{posts.map((post) => (
|
||||
<div
|
||||
key={post.id}
|
||||
className="relatest-post-item style-1 hover-image-2 wow animate__fadeInRight animate__animated"
|
||||
data-wow-delay={post.delay}
|
||||
>
|
||||
<Link
|
||||
href={`/single-post/${post.id}`}
|
||||
className="image-rotate image mt-0"
|
||||
>
|
||||
<Image
|
||||
alt={post.alt}
|
||||
src={post.imageSrc}
|
||||
width={120}
|
||||
height={120}
|
||||
/>
|
||||
</Link>
|
||||
<div className="content">
|
||||
<p className="text-body-2 text_primary-fa-yellow mb_3">
|
||||
{post.date}
|
||||
</p>
|
||||
<div className="sub-heading fw-5 mb_12 text_primary-fa-yellow">
|
||||
<Link
|
||||
href={`/single-post/${post.id}`}
|
||||
className="link line-clamp-3"
|
||||
>
|
||||
{post.title}
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
<Link
|
||||
href={`/blog`}
|
||||
className="link btn_link text-body-1 text_white text-decoration-underline wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
View all stories
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
82
components/homes/finance-advisor/CaseStudies.jsx
Normal file
82
components/homes/finance-advisor/CaseStudies.jsx
Normal file
@ -0,0 +1,82 @@
|
||||
"use client";
|
||||
import { caseStudies3 } 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-case-studies sw-layout-1 tf-spacing-28">
|
||||
<div className="tf-container-2">
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className="heading-section d-flex justify-content-between mb_59">
|
||||
<h2 className="fw-6 split-text effect-right">
|
||||
Explore how we’ve helped people
|
||||
</h2>
|
||||
<div className="wrap-sw-button d-flex gap_16">
|
||||
<div className="sw-button style-default has-bg nav-prev-layout-1 snbp1">
|
||||
<i className="icon-caret-left" />
|
||||
</div>
|
||||
<div className="sw-button style-default has-bg nav-next-layout-1 snbn1">
|
||||
<i className="icon-caret-right" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="tf-container-2 slider-layout-right wow animate__fadeInLeft animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<Swiper
|
||||
className="swiper"
|
||||
spaceBetween={15}
|
||||
breakpoints={{
|
||||
0: { slidesPerView: 1.3 },
|
||||
575: {
|
||||
slidesPerView: 1.3,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 2.5,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 4.73,
|
||||
spaceBetween: 48,
|
||||
},
|
||||
}}
|
||||
modules={[Navigation]}
|
||||
navigation={{
|
||||
prevEl: ".snbp1",
|
||||
nextEl: ".snbn1",
|
||||
}}
|
||||
>
|
||||
{caseStudies3.map((study) => (
|
||||
<SwiperSlide className="swiper-slide" key={study.id}>
|
||||
<div className="case-studies-item style-3 hover-image">
|
||||
<div className="img-style">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={study.imageSrc}
|
||||
alt={study.title}
|
||||
src={study.imageSrc}
|
||||
width={study.width}
|
||||
height={study.height}
|
||||
/>
|
||||
</div>
|
||||
<h6 className="title text_white">
|
||||
<Link href={`/single-project/${study.id}`} className="link">
|
||||
{study.title}
|
||||
</Link>
|
||||
</h6>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
164
components/homes/finance-advisor/Choices.jsx
Normal file
164
components/homes/finance-advisor/Choices.jsx
Normal file
@ -0,0 +1,164 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
export default function Choices() {
|
||||
return (
|
||||
<div className="section-choices">
|
||||
<div className="tf-container-2">
|
||||
<div className="heading-secetion text-center mb_61">
|
||||
<h1 className="heading-title text_dark fw-6 split-text effect-right">
|
||||
We fuel your financial confidence
|
||||
</h1>
|
||||
</div>
|
||||
<div className="tf-grid-layout lg-col-3">
|
||||
<div
|
||||
className="choice-item left wow animate__fadeInLeft animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<div className="heading">
|
||||
<h5 className="text_dark fw-6 mb_16">
|
||||
Frequently asked Questions
|
||||
</h5>
|
||||
<p className="text-body-1 text_dark">
|
||||
Our FAQ section provides straightforward, clear answers to help
|
||||
you better under stand our services
|
||||
</p>
|
||||
</div>
|
||||
<Link href={`/faqs`} className="link text_dark text-body-1">
|
||||
View all question
|
||||
</Link>
|
||||
<div
|
||||
className="item scroll-tranform"
|
||||
data-direction="left"
|
||||
data-distance="20%"
|
||||
>
|
||||
<Image
|
||||
alt="item"
|
||||
src="/images/item/item-choice-1.png"
|
||||
width={235}
|
||||
height={235}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="choice-item center wow animate__fadeInLeft animate__animated"
|
||||
data-wow-delay="0.2s"
|
||||
>
|
||||
<div className="heading">
|
||||
<h5 className="text_dark text_white fw-6 mb_16">
|
||||
Package your Development Plan
|
||||
</h5>
|
||||
<p className="text-body-1 text_dark text_white mb_32">
|
||||
Our development plan packages are designed to provide
|
||||
comprehensive, personalized strategies
|
||||
</p>
|
||||
<ul className="list d-grid gap_8">
|
||||
<li className="text-body-2 text_white fw-6 d-flex align-items-center gap_16">
|
||||
<i className="icon-check-cycle-line-2" />
|
||||
Cancel anytime
|
||||
</li>
|
||||
<li className="text-body-2 text_white fw-6 d-flex align-items-center gap_16">
|
||||
<i className="icon-check-cycle-line-2" />
|
||||
Save cost for your development
|
||||
</li>
|
||||
<li className="text-body-2 text_white fw-6 d-flex align-items-center gap_16">
|
||||
<i className="icon-check-cycle-line-2" />
|
||||
Comprehensive package
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<Link href={`/faqs`} className="link-black text_white text-body-1">
|
||||
View all question
|
||||
</Link>
|
||||
</div>
|
||||
<div
|
||||
className="choice-item right wow animate__fadeInLeft animate__animated"
|
||||
data-wow-delay="0.3s"
|
||||
>
|
||||
<div className="heading">
|
||||
<h5 className="text_dark fw-6 mb_16">
|
||||
Begin your Journey with Advitex!
|
||||
</h5>
|
||||
<p className="text-body-1 text_dark">
|
||||
We are always looking for talented, driven professionals who
|
||||
share our commitment to excellence
|
||||
</p>
|
||||
</div>
|
||||
<Link href={`/faqs`} className="link text_dark text-body-1">
|
||||
View all question
|
||||
</Link>
|
||||
<div
|
||||
className="item scroll-tranform"
|
||||
data-direction="right"
|
||||
data-distance="20%"
|
||||
>
|
||||
<Image
|
||||
alt="item"
|
||||
src="/images/item/item-choice-2.png"
|
||||
width={235}
|
||||
height={235}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="cta">
|
||||
<div className="left">
|
||||
<div className="heading mb_30">
|
||||
<h5 className="text_dark fw-6 mb_16 title split-text effect-right">
|
||||
What you get from us!
|
||||
</h5>
|
||||
<p
|
||||
className="text-body-1 text_dark split-text wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
Our FAQ section provides straightforward, clear
|
||||
<br />
|
||||
answers to help you better
|
||||
</p>
|
||||
</div>
|
||||
<Link
|
||||
href={`/pricing`}
|
||||
className="tf-btn btn-dark height-2 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<span className="fw-5">Get Started</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="right">
|
||||
<ul className="list d-grid gap_8">
|
||||
<li
|
||||
className="text-body-2 text_dark fw-6 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<i className="icon-check-cycle-line-2" />
|
||||
Tailored financial solutions for every client
|
||||
</li>
|
||||
<li
|
||||
className="text-body-2 text_dark fw-6 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<i className="icon-check-cycle-line-2" />
|
||||
Proactive and Agile Market responses
|
||||
</li>
|
||||
<li
|
||||
className="text-body-2 text_dark fw-6 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0.2s"
|
||||
>
|
||||
<i className="icon-check-cycle-line-2" />
|
||||
Transparent, Client-Friendly fee structures
|
||||
</li>
|
||||
<li
|
||||
className="text-body-2 text_dark fw-6 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0.3s"
|
||||
>
|
||||
<i className="icon-check-cycle-line-2" />
|
||||
Advanced technology for Real-Time financial management
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
83
components/homes/finance-advisor/Contact.jsx
Normal file
83
components/homes/finance-advisor/Contact.jsx
Normal file
@ -0,0 +1,83 @@
|
||||
"use client";
|
||||
import React from "react";
|
||||
|
||||
export default function Contact() {
|
||||
return (
|
||||
<div className="section-contact style-1 tf-spacing-20 pt-0">
|
||||
<div className="tf-container-2">
|
||||
<div className="heading-section text-center mb_63">
|
||||
<div className="heading-tag style-2 text_mono-gray-5 text-body-3 mx-auto text-uppercase mb_12">
|
||||
Works with us
|
||||
</div>
|
||||
<h1 className="heading-title fw-6 split-text effect-right">
|
||||
Let’s work together!
|
||||
</h1>
|
||||
<p
|
||||
className="text-body-1 text_mono-gray-7 mt_20 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
Partner with us to unlock tailored solutions, backed by expertise
|
||||
and a <br />
|
||||
commitment to your success.
|
||||
</p>
|
||||
</div>
|
||||
<div className="box-inner">
|
||||
<form className="form-contact" onSubmit={(e) => e.preventDefault()}>
|
||||
<div className="wrap">
|
||||
<fieldset className="mb_20">
|
||||
<label className="mb_15" htmlFor="name">
|
||||
Full Name*
|
||||
</label>
|
||||
<input type="text" placeholder="Full Name" id="name" required />
|
||||
</fieldset>
|
||||
<div className="grid-2 gap_24 mb_20">
|
||||
<fieldset>
|
||||
<label className="mb_15" htmlFor="email">
|
||||
Email Address*
|
||||
</label>
|
||||
<input
|
||||
type="email"
|
||||
placeholder="Your email address*"
|
||||
id="email"
|
||||
required
|
||||
/>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<label className="mb_15" htmlFor="phone">
|
||||
Phone Number
|
||||
<span className="text_mono-gray-5">(Optional)</span>
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Your phone number"
|
||||
id="phone"
|
||||
required
|
||||
/>
|
||||
</fieldset>
|
||||
</div>
|
||||
<fieldset className="mb_24">
|
||||
<label className="mb_15" htmlFor="message">
|
||||
Message
|
||||
</label>
|
||||
<textarea
|
||||
className="message"
|
||||
placeholder="Write your message here..."
|
||||
id="message"
|
||||
defaultValue={""}
|
||||
/>
|
||||
</fieldset>
|
||||
<a href="#" className="link attachment">
|
||||
<i className="icon-paperclip-solid" />
|
||||
Add an attachment
|
||||
</a>
|
||||
</div>
|
||||
<button type="submit" className="tf-btn btn-primary2 height-2">
|
||||
<span>Send Message</span>
|
||||
<span className="bg-effect" />
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
201
components/homes/finance-advisor/Faq.jsx
Normal file
201
components/homes/finance-advisor/Faq.jsx
Normal file
@ -0,0 +1,201 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
export default function Faq() {
|
||||
return (
|
||||
<div className="section-faqs style-2 tf-spacing-20">
|
||||
<div className="tf-container">
|
||||
<div className="heading-section text-center mb_64">
|
||||
<div className="heading-tag style-2 text_mono-gray-5 text-body-3 mx-auto mb_12">
|
||||
FAQs
|
||||
</div>
|
||||
<h1 className="heading-title fw-6 split-text effect-right">
|
||||
Have questions? Explore our FAQs
|
||||
</h1>
|
||||
<p
|
||||
className="text-body-1 text_mono-gray-7 mt_21 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
Providing expert financial consulting services to help you grow,
|
||||
optimize, and <br />
|
||||
thrive in today's competitive landscape
|
||||
</p>
|
||||
</div>
|
||||
<ul
|
||||
className="accordion-wrap style-faqs d-grid gap_24"
|
||||
id="accordion-faq-2"
|
||||
>
|
||||
<li className="accordion-item action_click style-1 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-2-1"
|
||||
className="action accordion-title collapsed current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-2-1"
|
||||
>
|
||||
<div className="heading">
|
||||
<div className="text_mono-dark-9 text-body-1 title fw-5">
|
||||
Do you provide personalized financial plans?
|
||||
</div>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-2-1"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-faq-2"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2">
|
||||
Advitex offers a range of financial consulting services,
|
||||
including personal financial planning, corporate strategy,
|
||||
investment advisory, and risk compliance. We tailor our
|
||||
solutions to help individuals, businesses, and investors
|
||||
achieve their financial goals efficiently.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click active style-1 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-2-2"
|
||||
className="action accordion-title current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-2-2"
|
||||
>
|
||||
<div className="heading">
|
||||
<div className="text_mono-dark-9 text-body-1 title fw-5">
|
||||
How can financial consulting benefit my business?
|
||||
</div>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-2-2"
|
||||
className="collapse show"
|
||||
data-bs-parent="#accordion-faq-2"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2">
|
||||
Advitex offers a range of financial consulting services,
|
||||
including personal financial planning, corporate strategy,
|
||||
investment advisory, and risk compliance. We tailor our
|
||||
solutions to help individuals, businesses, and investors
|
||||
achieve their financial goals efficiently.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click style-1 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-2-3"
|
||||
className="action accordion-title collapsed current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-2-3"
|
||||
>
|
||||
<div className="heading">
|
||||
<div className="text_mono-dark-9 text-body-1 title fw-5">
|
||||
What services does Advitex offer?
|
||||
</div>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-2-3"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-faq-2"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2">
|
||||
Advitex offers a range of financial consulting services,
|
||||
including personal financial planning, corporate strategy,
|
||||
investment advisory, and risk compliance. We tailor our
|
||||
solutions to help individuals, businesses, and investors
|
||||
achieve their financial goals efficiently.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click style-1 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-2-4"
|
||||
className="action accordion-title collapsed current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-2-4"
|
||||
>
|
||||
<div className="heading">
|
||||
<div className="text_mono-dark-9 text-body-1 title fw-5">
|
||||
What industries do you specialize in?
|
||||
</div>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-2-4"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-faq-2"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2">
|
||||
Advitex offers a range of financial consulting services,
|
||||
including personal financial planning, corporate strategy,
|
||||
investment advisory, and risk compliance. We tailor our
|
||||
solutions to help individuals, businesses, and investors
|
||||
achieve their financial goals efficiently.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click style-1 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-2-5"
|
||||
className="action accordion-title collapsed current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-2-5"
|
||||
>
|
||||
<div className="heading">
|
||||
<div className="text_mono-dark-9 text-body-1 title fw-5">
|
||||
How long does the consultation process take?
|
||||
</div>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-2-5"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-faq-2"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2">
|
||||
Advitex offers a range of financial consulting services,
|
||||
including personal financial planning, corporate strategy,
|
||||
investment advisory, and risk compliance. We tailor our
|
||||
solutions to help individuals, businesses, and investors
|
||||
achieve their financial goals efficiently.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="bot text-center">
|
||||
<div className="text-body-1 text_mono-gray-7">
|
||||
If you can't find your answer, please{" "}
|
||||
<Link
|
||||
href={`/contact-us`}
|
||||
className="link text_black fw-5 text-decoration-underline"
|
||||
>
|
||||
Contact Us
|
||||
</Link>
|
||||
</div>
|
||||
<Link href={`/faqs`} className="tf-btn btn-primary2 height-2 mx-auto">
|
||||
<span>All questions</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
95
components/homes/finance-advisor/Features.jsx
Normal file
95
components/homes/finance-advisor/Features.jsx
Normal file
@ -0,0 +1,95 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
export default function Features() {
|
||||
return (
|
||||
<div className="tf-container-2 tf-spacing-24">
|
||||
<div className="heading-secetion text-center mb_60">
|
||||
<h1 className="heading-title text_dark fw-6 split-text effect-right">
|
||||
The core values define our commitment
|
||||
</h1>
|
||||
</div>
|
||||
<div className="tf-grid-layout md-col-2">
|
||||
<div className="tf-box-icon style-4 effect-icon">
|
||||
<div className="heading d-flex justify-content-between gap_12">
|
||||
<h5 className="text_dark fw-6">
|
||||
Commitment to intergrity <br />
|
||||
and ethical practices
|
||||
</h5>
|
||||
<div className="icon">
|
||||
<Image
|
||||
alt="icon"
|
||||
src="/images/box-icon/line-chart.svg"
|
||||
width={48}
|
||||
height={48}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-body-1 text_dark">
|
||||
The company always puts the client's interests first, ensuring
|
||||
transparency and honesty in all financial recommendations
|
||||
</p>
|
||||
</div>
|
||||
<div className="tf-box-icon style-4 effect-icon">
|
||||
<div className="heading d-flex justify-content-between gap_12">
|
||||
<h5 className="text_dark fw-6">
|
||||
Transparency in every <br />
|
||||
communication
|
||||
</h5>
|
||||
<div className="icon">
|
||||
<Image
|
||||
alt="icon"
|
||||
src="/images/box-icon/handshake.svg"
|
||||
width={48}
|
||||
height={48}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-body-1 text_dark">
|
||||
We ensure that every financial recommendation is clearly explained,
|
||||
empowering clients to make informed choices
|
||||
</p>
|
||||
</div>
|
||||
<div className="tf-box-icon style-4 effect-icon">
|
||||
<div className="heading d-flex justify-content-between gap_12">
|
||||
<h5 className="text_dark fw-6">
|
||||
Client-centered approach <br />
|
||||
focused on your needs
|
||||
</h5>
|
||||
<div className="icon">
|
||||
<Image
|
||||
alt="icon"
|
||||
src="/images/box-icon/line-radar.svg"
|
||||
width={39}
|
||||
height={39}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-body-1 text_dark">
|
||||
We prioritize building long-term relationships by understanding each
|
||||
client’s unique financial goals
|
||||
</p>
|
||||
</div>
|
||||
<div className="tf-box-icon style-4 effect-icon">
|
||||
<div className="heading d-flex justify-content-between gap_12">
|
||||
<h5 className="text_dark fw-6">
|
||||
Dedicated to Long-term <br />
|
||||
financial success
|
||||
</h5>
|
||||
<div className="icon">
|
||||
<Image
|
||||
alt="icon"
|
||||
src="/images/box-icon/line-board.svg"
|
||||
width={48}
|
||||
height={48}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-body-1 text_dark">
|
||||
We develop comprehensive financial plans that are built for
|
||||
sustainability, guiding clients toward lasting financial security
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
433
components/homes/finance-advisor/Hero.jsx
Normal file
433
components/homes/finance-advisor/Hero.jsx
Normal file
@ -0,0 +1,433 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
export default function Hero() {
|
||||
return (
|
||||
<div className="page-title style-3">
|
||||
<div className="tf-container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-7">
|
||||
<div className="heading-title">
|
||||
<div className="text-display-2 fw-6 text_white mb_29 split-text effect-rotate">
|
||||
Secure your financial future with expert guidance
|
||||
</div>
|
||||
<p className="sub-heading text_white mb_41 split-text split-lines-transform">
|
||||
Providing expert financial consulting services to help you grow,{" "}
|
||||
<br />
|
||||
optimize, and thrive in today's competitive landscape
|
||||
</p>
|
||||
<Link
|
||||
href={`/pricing`}
|
||||
className="tf-btn btn-white2 btn-px-28 height-2"
|
||||
>
|
||||
<span className="fw-5">Get Started</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-5 col-md-8">
|
||||
<div className="position-relative right">
|
||||
<Image
|
||||
alt="shape"
|
||||
className="shape"
|
||||
src="/images/item/shape.png"
|
||||
width={693}
|
||||
height={620}
|
||||
/>
|
||||
<Image
|
||||
alt="person"
|
||||
className="position-absolute person"
|
||||
src="/images/page-title/person.png"
|
||||
width={435}
|
||||
height={563}
|
||||
/>
|
||||
<Image
|
||||
alt="item"
|
||||
className="position-absolute item left-right"
|
||||
src="/images/item/item-1.png"
|
||||
width={146}
|
||||
height={147}
|
||||
/>
|
||||
<Image
|
||||
alt="item-finance"
|
||||
className="position-absolute item-finance up-down"
|
||||
src="/images/item/item-finance.png"
|
||||
width={260}
|
||||
height={203}
|
||||
/>
|
||||
<Image
|
||||
alt="item-accounting"
|
||||
className="position-absolute item-accounting up-down"
|
||||
src="/images/item/item-accounting.png"
|
||||
width={236}
|
||||
height={158}
|
||||
/>
|
||||
<Image
|
||||
alt="item-expert"
|
||||
className="position-absolute item-expert up-down-2"
|
||||
src="/images/item/item-expert.png"
|
||||
width={260}
|
||||
height={174}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="infiniteslide_wrap" style={{ overflow: "hidden" }}>
|
||||
<div className="infiniteslide tf-marquee infiniteSlide">
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-1-1.png"
|
||||
width={162}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-2-1.png"
|
||||
width={168}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-3-1.png"
|
||||
width={213}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-4-1.png"
|
||||
width={187}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-5-1.png"
|
||||
width={169}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-6-1.png"
|
||||
width={169}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-7-1.png"
|
||||
width={169}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-8-1.png"
|
||||
width={169}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-9-1.png"
|
||||
width={136}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-1-1.png"
|
||||
width={162}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-2-1.png"
|
||||
width={168}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-3-1.png"
|
||||
width={213}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-4-1.png"
|
||||
width={187}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-5-1.png"
|
||||
width={169}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-6-1.png"
|
||||
width={169}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-7-1.png"
|
||||
width={169}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-8-1.png"
|
||||
width={169}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-9-1.png"
|
||||
width={136}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-1-1.png"
|
||||
width={162}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-2-1.png"
|
||||
width={168}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-3-1.png"
|
||||
width={213}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-4-1.png"
|
||||
width={187}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-5-1.png"
|
||||
width={169}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-6-1.png"
|
||||
width={169}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-7-1.png"
|
||||
width={169}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-8-1.png"
|
||||
width={169}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-2">
|
||||
<Image
|
||||
alt="brands"
|
||||
src="/images/brands/brand-9-1.png"
|
||||
width={136}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
557
components/homes/finance-advisor/Services.jsx
Normal file
557
components/homes/finance-advisor/Services.jsx
Normal file
@ -0,0 +1,557 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { counterItems } from "@/data/facts";
|
||||
import OdometerComponent from "@/components/common/OdometerComponent";
|
||||
export default function Services() {
|
||||
return (
|
||||
<div className="section-service style-4 tf-spacing-23">
|
||||
<div className="tf-container-2">
|
||||
<div className="heading-section text-center mb_65">
|
||||
<div className="heading-tag style-2 text_mono-gray-5 text-body-3 mb_12 mx-auto">
|
||||
SERVICES
|
||||
</div>
|
||||
<h1 className="heading-title text_dark fw-6 split-text effect-right">
|
||||
We committed to your financial growth
|
||||
</h1>
|
||||
<p className="text-body-1 text_mono-gray-7 mt_28 split-text split-lines-transform">
|
||||
Providing expert financial consulting services to help you grow,
|
||||
optimize, and <br />
|
||||
thrive in today's competitive landscape
|
||||
</p>
|
||||
</div>
|
||||
<div className="wrap">
|
||||
<ul
|
||||
className="nav nav-tabs-wrap overflow-x-auto style-1 mb_50"
|
||||
id="myTab"
|
||||
role="tablist"
|
||||
>
|
||||
<li className="nav-item" role="presentation">
|
||||
<button
|
||||
className="nav-link active sub-heading text_dark"
|
||||
id="wealth-management"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#wealth-management-pane"
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-controls="wealth-management-pane"
|
||||
aria-selected="true"
|
||||
>
|
||||
<span className="icon">
|
||||
<svg
|
||||
width={32}
|
||||
height={32}
|
||||
viewBox="0 0 32 32"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M6.36251 6.36417L6.03149 5.98893C3.54774 8.35662 2 11.6975 2 15.3999C2 19.7741 4.16034 23.6437 7.47226 25.9999C9.59649 27.5112 12.1945 28.3999 15 28.3999C16.2306 28.3999 17.4212 28.2289 18.5495 27.9094C19.0808 27.759 19.3451 27.18 19.154 26.6619L15.1844 15.8999H15.0026L6.36251 6.36417ZM6.36251 6.36417C3.98179 8.64058 2.5 11.8469 2.5 15.3999C2.5 19.6054 4.57637 23.326 7.76211 25.5925C9.80448 27.0455 12.3017 27.8999 15 27.8999C16.1841 27.8999 17.3289 27.7354 18.4132 27.4283C18.6393 27.3643 18.7843 27.1046 18.6849 26.8349L14.5632 15.6606L6.36251 6.36417ZM15.2257 14.8999L7.11217 5.70235C9.26378 3.95003 12.0087 2.8999 15 2.8999C21.5798 2.8999 26.9726 7.98407 27.4636 14.4378C27.4815 14.6736 27.2866 14.8999 27 14.8999H15.2257Z"
|
||||
stroke="#3F3D2E"
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.0343 17.7002H29.5996C29.8867 17.7002 30.0811 17.9263 30.0632 18.1616C29.7115 22.7887 26.8395 26.7135 22.8148 28.5638C22.6012 28.662 22.3221 28.5586 22.2226 28.2889L18.5652 18.3732C18.4448 18.0468 18.6864 17.7002 19.0343 17.7002Z"
|
||||
stroke="#3F3D2E"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
Wealth Management
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item" role="presentation">
|
||||
<button
|
||||
className="nav-link sub-heading text_dark"
|
||||
id="business-strategy"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#business-strategy-pane"
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-controls="business-strategy-pane"
|
||||
aria-selected="false"
|
||||
>
|
||||
<span className="icon">
|
||||
<svg
|
||||
width={33}
|
||||
height={32}
|
||||
viewBox="0 0 33 32"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M3.33301 2.80005V28.8C3.33301 28.9105 3.42255 29 3.53301 29H29.533"
|
||||
stroke="#3F3D2E"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M25.5332 7L25.5332 24.2"
|
||||
stroke="#3F3D2E"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.7334 11L19.7334 24.2"
|
||||
stroke="#3F3D2E"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M13.9326 15L13.9326 24.2"
|
||||
stroke="#3F3D2E"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M8.13281 19L8.13281 24.2"
|
||||
stroke="#3F3D2E"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
Business Strategy
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item" role="presentation">
|
||||
<button
|
||||
className="nav-link sub-heading text_dark"
|
||||
id="stock-planning"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#stock-planning-pane"
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-controls="stock-planning-pane"
|
||||
aria-selected="false"
|
||||
>
|
||||
<span className="icon">
|
||||
<svg
|
||||
width={33}
|
||||
height={32}
|
||||
viewBox="0 0 33 32"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M16.6663 29V23.6M16.6663 2.80005V7.40005M12.1073 21.2V23.54C12.1073 23.5732 12.1341 23.6 12.1673 23.6H16.6663M12.1073 21.2V18.86C12.1073 18.8269 12.1341 18.8 12.1673 18.8H16.6663M12.1073 21.2H7.26631M28.4663 21.2H23.6254M23.6254 21.2V18.86C23.6254 18.8269 23.5985 18.8 23.5654 18.8H16.6663M23.6254 21.2V23.54C23.6254 23.5732 23.5985 23.6 23.5654 23.6H16.6663M8.30725 9.80005V12.14C8.30725 12.1732 8.33412 12.2 8.36725 12.2H16.6663M8.30725 9.80005V7.46005C8.30725 7.42691 8.33412 7.40005 8.36725 7.40005L16.6663 7.40005M8.30725 9.80005H3.46631M24.6663 9.80005H19.8254M19.8254 9.80005V7.46005C19.8254 7.42691 19.7985 7.40005 19.7654 7.40005H16.6663M19.8254 9.80005V12.14C19.8254 12.1732 19.7985 12.2 19.7654 12.2H16.6663M16.6663 18.8V12.2"
|
||||
stroke="#3F3D2E"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
Stock Planning
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item" role="presentation">
|
||||
<button
|
||||
className="nav-link sub-heading text_dark"
|
||||
id="investment-planning"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#investment-planning-pane"
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-controls="investment-planning-pane"
|
||||
aria-selected="false"
|
||||
>
|
||||
<span className="icon">
|
||||
<svg
|
||||
width={32}
|
||||
height={32}
|
||||
viewBox="0 0 32 32"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<circle
|
||||
cx="14.6109"
|
||||
cy="13.8108"
|
||||
r="8.2"
|
||||
transform="rotate(-45 14.6109 13.8108)"
|
||||
stroke="#3F3D2E"
|
||||
strokeWidth={2}
|
||||
/>
|
||||
<path
|
||||
d="M10.7998 13.3999L10.7998 16.7999"
|
||||
stroke="#3F3D2E"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M18.3999 11.6001L18.3999 16.8001"
|
||||
stroke="#3F3D2E"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M14.6001 10L14.6001 16.8"
|
||||
stroke="#3F3D2E"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M20.5503 19.7505L26.7728 25.973"
|
||||
stroke="#3F3D2E"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
Investment Planning
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div
|
||||
className="tab-content flat-animate-tab effect-content-slide"
|
||||
id="myTabContent"
|
||||
>
|
||||
<div
|
||||
className="tab-pane show active"
|
||||
id="wealth-management-pane"
|
||||
role="tabpanel"
|
||||
aria-labelledby="wealth-management"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div className="box-service style-1">
|
||||
<div className="img-style effect-item effect-left effect-2">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src="/images/section/service-1.jpg"
|
||||
alt="service"
|
||||
src="/images/section/service-1.jpg"
|
||||
width={657}
|
||||
height={534}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="heading mb_25 effect-item effect-right effect-2">
|
||||
<span className="text-body-1 text_dark font2">
|
||||
Optimization
|
||||
</span>
|
||||
<h3 className="text_dark fw-6">
|
||||
Wealth management solutions
|
||||
</h3>
|
||||
</div>
|
||||
<ul className="list effect-item effect-right effect-3">
|
||||
<li className="text-body-1 text_dark">
|
||||
Tailored plans based on your unique financial goals and
|
||||
risk tolerance.
|
||||
</li>
|
||||
<li className="text-body-1 text_dark">
|
||||
A holistic approach that covers asset growth, protection,
|
||||
and long-term wealth preservation.
|
||||
</li>
|
||||
<li className="text-body-1 text_dark">
|
||||
Access to experienced financial advisors who continuously
|
||||
monitor and adjust your portfolio.
|
||||
</li>
|
||||
</ul>
|
||||
<div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
|
||||
<div className="avatar rounded-cycle overflow-hidden">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src="/images/avatar/avatar-17.jpg"
|
||||
width={144}
|
||||
height={144}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<p className="description fw-3 text-body-2 mb_4">
|
||||
“It's a comprehensive tool of Advitex that we
|
||||
<span className="fw-6 text_dark">rely on daily</span> to
|
||||
guide our
|
||||
<span className="fw-6 text_dark">
|
||||
investment decisions
|
||||
</span>
|
||||
and ensure we're on track”
|
||||
</p>
|
||||
<div className="text-body-2 fw-6">
|
||||
John Sena - CEO of Kling
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Link
|
||||
href={`/pricing`}
|
||||
className="tf-btn height-2 btn-dark effect-item effect-right effect-5"
|
||||
>
|
||||
<span>Get Started</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="tab-pane show"
|
||||
id="business-strategy-pane"
|
||||
role="tabpanel"
|
||||
aria-labelledby="business-strategy"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div className="box-service style-1">
|
||||
<div className="img-style effect-item effect-left effect-2">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src="/images/section/service-2.jpg"
|
||||
alt="service"
|
||||
src="/images/section/service-2.jpg"
|
||||
width={657}
|
||||
height={534}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="heading mb_25 effect-item effect-right effect-2">
|
||||
<span className="text-body-1 text_dark font2">
|
||||
Optimization
|
||||
</span>
|
||||
<h3 className="text_dark fw-6">
|
||||
Business Strategy solution
|
||||
</h3>
|
||||
</div>
|
||||
<ul className="list effect-item effect-right effect-3">
|
||||
<li className="text-body-1 text_dark">
|
||||
Customized blueprints designed to propel your business
|
||||
forward and enhance competitiveness.
|
||||
</li>
|
||||
<li className="text-body-1 text_dark">
|
||||
A well-rounded approach that focuses on market analysis,
|
||||
operational efficiency, and sustainable growth
|
||||
</li>
|
||||
<li className="text-body-1 text_dark">
|
||||
Work closely with skilled strategists who provide ongoing
|
||||
support and adjust plans to meet evolving market trends.
|
||||
</li>
|
||||
</ul>
|
||||
<div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
|
||||
<div className="avatar rounded-cycle overflow-hidden">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src="/images/avatar/avatar-5.jpg"
|
||||
width={100}
|
||||
height={100}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<p className="description fw-3 text-body-2 mb_4">
|
||||
“It's a comprehensive tool of Advitex that we
|
||||
<span className="fw-6 text_dark">rely on daily </span>
|
||||
to guide our
|
||||
<span className="text_dark fw-6">
|
||||
investment decision
|
||||
</span>
|
||||
and ensure we're on track"
|
||||
</p>
|
||||
<div className="text-body-2 fw-6">
|
||||
Elise Chrona - CEO of Minga
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Link
|
||||
href={`/pricing`}
|
||||
className="tf-btn height-2 btn-dark effect-item effect-right effect-5"
|
||||
>
|
||||
<span>Get Started</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="tab-pane show"
|
||||
id="stock-planning-pane"
|
||||
role="tabpanel"
|
||||
aria-labelledby="stock-planning"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div className="box-service style-1">
|
||||
<div className="img-style effect-item effect-left effect-2">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src="/images/section/service-3.jpg"
|
||||
alt="service"
|
||||
src="/images/section/service-3.jpg"
|
||||
width={657}
|
||||
height={534}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="heading mb_25 effect-item effect-right effect-2">
|
||||
<span className="text-body-1 text_dark font2">
|
||||
Optimization
|
||||
</span>
|
||||
<h3 className="text_dark fw-6">Stock Planning solution</h3>
|
||||
</div>
|
||||
<ul className="list effect-item effect-right effect-3">
|
||||
<li className="text-body-1 text_dark">
|
||||
Personalized strategies to navigate the stock market with
|
||||
confidence and precision.
|
||||
</li>
|
||||
<li className="text-body-1 text_dark">
|
||||
A thorough process that includes stock selection, risk
|
||||
analysis, and diversification for maximum returns.
|
||||
</li>
|
||||
<li className="text-body-1 text_dark">
|
||||
Receive continuous guidance from market-savvy advisors who
|
||||
adapt strategies based on market movements.
|
||||
</li>
|
||||
</ul>
|
||||
<div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
|
||||
<div className="avatar rounded-cycle overflow-hidden">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src="/images/avatar/avatar-6.jpg"
|
||||
width={100}
|
||||
height={100}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<p className="description fw-3 text-body-2 mb_4">
|
||||
"Thanks to Advitex's stock planning tools, we have seen
|
||||
<span className="text_dark fw-6">
|
||||
remarkable stability
|
||||
</span>
|
||||
in our investments, even during volatile periods."
|
||||
</p>
|
||||
<div className="text-body-2 fw-6">
|
||||
Alex Boar - CEO of Marcus
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Link
|
||||
href={`/pricing`}
|
||||
className="tf-btn height-2 btn-dark effect-item effect-right effect-5"
|
||||
>
|
||||
<span>Get Started</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="tab-pane show"
|
||||
id="investment-planning-pane"
|
||||
role="tabpanel"
|
||||
aria-labelledby="investment-planning"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div className="box-service style-1">
|
||||
<div className="img-style effect-item effect-left effect-2">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src="/images/section/service-4.jpg"
|
||||
alt="service"
|
||||
src="/images/section/service-4.jpg"
|
||||
width={657}
|
||||
height={534}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="heading mb_25 effect-item effect-right effect-2">
|
||||
<span className="text-body-1 text_dark font2">
|
||||
Optimization
|
||||
</span>
|
||||
<h3 className="text_dark fw-6">
|
||||
Investment Planning solution
|
||||
</h3>
|
||||
</div>
|
||||
<ul className="list effect-item effect-right effect-3">
|
||||
<li className="text-body-1 text_dark">
|
||||
Comprehensive investment plans designed to align with your
|
||||
financial objectives and time horizon.
|
||||
</li>
|
||||
<li className="text-body-1 text_dark">
|
||||
An approach that covers asset allocation, portfolio
|
||||
rebalancing, and performance optimization.
|
||||
</li>
|
||||
<li className="text-body-1 text_dark">
|
||||
Leverage expert financial planners who review and
|
||||
fine-tune investments to stay in sync with your goals.
|
||||
</li>
|
||||
</ul>
|
||||
<div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
|
||||
<div className="avatar rounded-cycle overflow-hidden">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src="/images/avatar/avatar-8.jpg"
|
||||
width={96}
|
||||
height={96}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<p className="description fw-3 text-body-2 mb_4">
|
||||
"Advitex's investment planning has
|
||||
<span className="">simplified complex decisions</span> ,
|
||||
giving us clarity and
|
||||
<span className="text_dark fw-6">confidence</span> in
|
||||
our financial journey."
|
||||
</p>
|
||||
<div className="text-body-2 fw-6">
|
||||
Marca Heizy - CEO of Fantom
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Link
|
||||
href={`/pricing`}
|
||||
className="tf-btn height-2 btn-dark effect-item effect-right effect-5"
|
||||
>
|
||||
<span>Get Started</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="wrap-counter styel-1">
|
||||
<div className="clutch-rating-item d-flex align-items-center">
|
||||
<Image
|
||||
alt="clutch-rating"
|
||||
src="/images/item/clutch-rating.png"
|
||||
width={92}
|
||||
height={92}
|
||||
/>
|
||||
<div className="content">
|
||||
<div className="wrap-rating d-flex gap_10 align-items-center">
|
||||
<span className="text-body-1 fw-6 text_dark">4.9/5</span>
|
||||
<ul className="tf-rating d-flex align-items-center gap_3">
|
||||
<li>
|
||||
<i className="icon-star-solid" />
|
||||
</li>
|
||||
<li>
|
||||
<i className="icon-star-solid" />
|
||||
</li>
|
||||
<li>
|
||||
<i className="icon-star-solid" />
|
||||
</li>
|
||||
<li>
|
||||
<i className="icon-star-solid" />
|
||||
</li>
|
||||
<li>
|
||||
<i className="icon-star-solid" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p className="text-body-3 text_dark">
|
||||
Based on 24 Clutch reviews
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="right d-flex align-items-center justify-content-between">
|
||||
{counterItems.map((item, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="counter-item style-1 v2 flex-column align-items-start"
|
||||
>
|
||||
<div className="counter-number">
|
||||
<h2 className="odometer font2 fw-6 text_dark">
|
||||
<OdometerComponent max={item.value} />
|
||||
</h2>
|
||||
<span className="sub text_dark fw-6">{item.unit}</span>
|
||||
</div>
|
||||
<p className="text-body-1 text_dark">{item.description}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
142
components/homes/finance-advisor/Team.jsx
Normal file
142
components/homes/finance-advisor/Team.jsx
Normal file
@ -0,0 +1,142 @@
|
||||
"use client";
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { teamMembers3 } from "@/data/team";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import { Pagination } from "swiper/modules";
|
||||
export default function Team() {
|
||||
return (
|
||||
<div className="section-team style-3 tf-spacing-23 pt-0">
|
||||
<div className="tf-container-2">
|
||||
<div className="heading-section text-center mb_65">
|
||||
<div className="heading-tag style-2 text_mono-gray-5 text-body-3 mb_12 mx-auto">
|
||||
OUR TEAMS
|
||||
</div>
|
||||
<h1 className="heading-title text_dark fw-6 split-text effect-right">
|
||||
Show you the way to the success
|
||||
</h1>
|
||||
<p className="text-body-1 text_mono-gray-7 mt_28 split-text split-lines-transform">
|
||||
Providing expert financial consulting services to help you grow,
|
||||
optimize, and <br />
|
||||
thrive in today's competitive landscape
|
||||
</p>
|
||||
</div>
|
||||
<Swiper
|
||||
spaceBetween={15}
|
||||
modules={[Pagination]}
|
||||
pagination={{
|
||||
clickable: true,
|
||||
el: ".spd17",
|
||||
}}
|
||||
className="swiper tf-sw-mobile mb_40 swiper-active-768"
|
||||
>
|
||||
{teamMembers3.map((member, index) => (
|
||||
<SwiperSlide
|
||||
key={index}
|
||||
className="swiper-slide wow animate__fadeInRight animate__animated"
|
||||
data-wow-delay={`${index * 0.1}s`}
|
||||
>
|
||||
<div className="team-item style-1">
|
||||
<div className="position-relative mb_29">
|
||||
<Link href="/team" className="img-style">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src={member.imgSrc}
|
||||
width={237}
|
||||
height={384}
|
||||
/>
|
||||
</Link>
|
||||
<div className="wrap-social">
|
||||
<div className="btn-share">
|
||||
<i className="icon-share-network" />
|
||||
</div>
|
||||
<ul className="social">
|
||||
<li>
|
||||
<a href="#" className="icon-facebook-f link" />
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="icon-twitter-x link" />
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="icon-instagram link" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content">
|
||||
<h6 className="name text_dark fw-5">
|
||||
<Link href="/team" className="link">
|
||||
{member.name}
|
||||
</Link>
|
||||
</h6>
|
||||
<p className="text-body-1 text_mono-gray-5">{member.role}</p>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
|
||||
<div className="sw-dots spd17 style-default sw-pagination-mb mt_20 justify-content-center d-flex d-md-none" />
|
||||
</Swiper>
|
||||
<div className="swiper tf-sw-mobile mb_40 swiper-inActive-768">
|
||||
<div className="swiper-wrapper tf-grid-layout-md xl-col-5 gap_25 md-col-2">
|
||||
{teamMembers3.map((member, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="swiper-slide wow animate__fadeInRight animate__animated"
|
||||
data-wow-delay={`${index * 0.1}s`}
|
||||
>
|
||||
<div className="team-item style-1">
|
||||
<div className="position-relative mb_29">
|
||||
<Link href="/team" className="img-style">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src={member.imgSrc}
|
||||
width={237}
|
||||
height={384}
|
||||
/>
|
||||
</Link>
|
||||
<div className="wrap-social">
|
||||
<div className="btn-share">
|
||||
<i className="icon-share-network" />
|
||||
</div>
|
||||
<ul className="social">
|
||||
<li>
|
||||
<a href="#" className="icon-facebook-f link" />
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="icon-twitter-x link" />
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="icon-instagram link" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content">
|
||||
<h6 className="name text_dark fw-5">
|
||||
<Link href="/team" className="link">
|
||||
{member.name}
|
||||
</Link>
|
||||
</h6>
|
||||
<p className="text-body-1 text_mono-gray-5">
|
||||
{member.role}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div className="sw-dots style-default sw-pagination-mb mt_20 justify-content-center d-flex d-md-none" />
|
||||
</div>
|
||||
<Link
|
||||
href={`/team`}
|
||||
className="tf-btn btn-dark mx-auto height-2 btn-px-28"
|
||||
>
|
||||
<span>About our team</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
371
components/homes/finance-advisor/Testimonials.jsx
Normal file
371
components/homes/finance-advisor/Testimonials.jsx
Normal file
@ -0,0 +1,371 @@
|
||||
"use client";
|
||||
import Image from "next/image";
|
||||
import { useEffect } from "react";
|
||||
export default function Testimonials() {
|
||||
useEffect(() => {
|
||||
const container = document.querySelector(".circle-container");
|
||||
if (!container) return;
|
||||
|
||||
const outerElements = document.querySelectorAll(".outer-element");
|
||||
const innerElements = document.querySelectorAll(".inner-element");
|
||||
const testimonialElements = document.querySelectorAll(".testimonial");
|
||||
|
||||
let angle = 0,
|
||||
innerAngle = 0;
|
||||
const rotationSpeed = 0.0005,
|
||||
innerRotationSpeed = -0.001;
|
||||
let outerPaused = false;
|
||||
let innerPaused = false;
|
||||
let animationFrameId;
|
||||
|
||||
function updateElementWidth() {
|
||||
const width = container.offsetWidth;
|
||||
container.style.setProperty("--circle-container-width", `${width}px`);
|
||||
}
|
||||
|
||||
function updatePositions() {
|
||||
const containerWidth = container.offsetWidth;
|
||||
const outerRadius = containerWidth / 2.08;
|
||||
const innerRadius = containerWidth / 3.4;
|
||||
|
||||
if (!outerPaused) {
|
||||
outerElements.forEach((element, index) => {
|
||||
const avatarAngle =
|
||||
angle + index * ((2 * Math.PI) / outerElements.length);
|
||||
element.style.transform = `translate(${
|
||||
Math.cos(avatarAngle) * outerRadius
|
||||
}px, ${Math.sin(avatarAngle) * outerRadius}px)`;
|
||||
});
|
||||
}
|
||||
|
||||
if (!innerPaused) {
|
||||
innerElements.forEach((element, index) => {
|
||||
const elemAngle =
|
||||
innerAngle + index * ((2 * Math.PI) / innerElements.length);
|
||||
element.style.transform = `translate(${
|
||||
Math.cos(elemAngle) * innerRadius
|
||||
}px, ${Math.sin(elemAngle) * innerRadius}px)`;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function animate() {
|
||||
if (!outerPaused) angle += rotationSpeed;
|
||||
if (!innerPaused) innerAngle += innerRotationSpeed;
|
||||
updatePositions();
|
||||
animationFrameId = requestAnimationFrame(animate);
|
||||
}
|
||||
|
||||
function handleOuterHover(event) {
|
||||
if (event.type === "mouseenter") {
|
||||
outerPaused = true;
|
||||
} else {
|
||||
outerPaused = false;
|
||||
}
|
||||
}
|
||||
|
||||
function handleInnerHover(event) {
|
||||
if (event.type === "mouseenter") {
|
||||
innerPaused = true;
|
||||
} else {
|
||||
innerPaused = false;
|
||||
}
|
||||
}
|
||||
|
||||
function handleTestimonialHover(event) {
|
||||
const testimonial = event.currentTarget;
|
||||
const popup = testimonial.querySelector(".content");
|
||||
if (!popup) return;
|
||||
|
||||
const pinOffset = testimonial.getBoundingClientRect();
|
||||
const pinWidth = testimonial.offsetWidth;
|
||||
const wrapOffset = container.getBoundingClientRect();
|
||||
const popupWidth = popup.offsetWidth;
|
||||
const windowWidth = window.innerWidth;
|
||||
const windowOffsetTop = window.scrollY;
|
||||
const thisOffsetToWindow = pinOffset.top - windowOffsetTop;
|
||||
const windowHeight = window.innerHeight;
|
||||
|
||||
if (pinOffset.left + popupWidth > windowWidth) {
|
||||
popup.style.left = `-${
|
||||
pinOffset.left + popupWidth - windowWidth + 15
|
||||
}px`;
|
||||
const arrow = popup.querySelector(".arrow");
|
||||
if (arrow) {
|
||||
arrow.style.left = `${
|
||||
pinOffset.left + popupWidth - windowWidth + 47
|
||||
}px`;
|
||||
}
|
||||
} else {
|
||||
const arrow = popup.querySelector(".arrow");
|
||||
if (arrow) {
|
||||
arrow.style.left = "auto";
|
||||
}
|
||||
popup.style.left = "0";
|
||||
}
|
||||
|
||||
if (thisOffsetToWindow > windowHeight / 2) {
|
||||
popup.classList.add("top");
|
||||
popup.classList.remove("bottom");
|
||||
} else {
|
||||
popup.classList.remove("top");
|
||||
popup.classList.add("bottom");
|
||||
}
|
||||
}
|
||||
|
||||
function handleResize() {
|
||||
updateElementWidth();
|
||||
updatePositions();
|
||||
}
|
||||
|
||||
// Add event listeners
|
||||
outerElements.forEach((el) => {
|
||||
el.addEventListener("mouseenter", handleOuterHover);
|
||||
el.addEventListener("mouseleave", handleOuterHover);
|
||||
});
|
||||
|
||||
innerElements.forEach((el) => {
|
||||
el.addEventListener("mouseenter", handleInnerHover);
|
||||
el.addEventListener("mouseleave", handleInnerHover);
|
||||
});
|
||||
|
||||
testimonialElements.forEach((el) => {
|
||||
el.addEventListener("mouseenter", handleTestimonialHover);
|
||||
});
|
||||
|
||||
window.addEventListener("resize", handleResize);
|
||||
|
||||
// Initialize
|
||||
updateElementWidth();
|
||||
updatePositions();
|
||||
animate();
|
||||
|
||||
// Cleanup
|
||||
return () => {
|
||||
cancelAnimationFrame(animationFrameId);
|
||||
|
||||
outerElements.forEach((el) => {
|
||||
el.removeEventListener("mouseenter", handleOuterHover);
|
||||
el.removeEventListener("mouseleave", handleOuterHover);
|
||||
});
|
||||
|
||||
innerElements.forEach((el) => {
|
||||
el.removeEventListener("mouseenter", handleInnerHover);
|
||||
el.removeEventListener("mouseleave", handleInnerHover);
|
||||
});
|
||||
|
||||
testimonialElements.forEach((el) => {
|
||||
el.removeEventListener("mouseenter", handleTestimonialHover);
|
||||
});
|
||||
|
||||
window.removeEventListener("resize", handleResize);
|
||||
};
|
||||
}, []);
|
||||
return (
|
||||
<div className="section-testimonial style-2 tf-spacing-23 pt-0 hide-md">
|
||||
<div className="tf-container-2">
|
||||
<div className="row">
|
||||
<div className="col-12 position-relative testimonial-container">
|
||||
<div className="heading-section">
|
||||
<div className="heading-tag style-2 v2 text-body-3 mb_11 mx-auto">
|
||||
TESTIMONIAL
|
||||
</div>
|
||||
<h1
|
||||
className="heading-title fw-6 text_primary-fa-yellow split-text split-lines-rotation-x"
|
||||
style={{ perspective: "400px" }}
|
||||
>
|
||||
<div
|
||||
className="split-line"
|
||||
style={{
|
||||
display: "block",
|
||||
textAlign: "center",
|
||||
position: "relative",
|
||||
transformOrigin: "238.219px 36px",
|
||||
transform: "translate(0px, 0px)",
|
||||
opacity: 1,
|
||||
}}
|
||||
>
|
||||
Customer
|
||||
</div>
|
||||
<div
|
||||
className="split-line"
|
||||
style={{
|
||||
display: "block",
|
||||
textAlign: "center",
|
||||
position: "relative",
|
||||
transformOrigin: "238.219px 36px",
|
||||
transform: "translate(0px, 0px)",
|
||||
opacity: 1,
|
||||
}}
|
||||
>
|
||||
Testimonial
|
||||
</div>
|
||||
</h1>
|
||||
<div
|
||||
className="text-body-1 text_primary-fa-yellow mt_27 split-text split-lines-transform"
|
||||
style={{ perspective: "400px" }}
|
||||
>
|
||||
<div
|
||||
className="split-line"
|
||||
style={{
|
||||
display: "block",
|
||||
textAlign: "center",
|
||||
position: "relative",
|
||||
opacity: 1,
|
||||
visibility: "inherit",
|
||||
transform: "translate(0px, 0px)",
|
||||
}}
|
||||
>
|
||||
Trusted by businesses and individuals, see how we’ve made a
|
||||
</div>
|
||||
<div
|
||||
className="split-line"
|
||||
style={{
|
||||
display: "block",
|
||||
textAlign: "center",
|
||||
position: "relative",
|
||||
opacity: 1,
|
||||
visibility: "inherit",
|
||||
transform: "translate(0px, 0px)",
|
||||
}}
|
||||
>
|
||||
real impact on their financial well-being
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
className="circle-container"
|
||||
style={{ "--circle-container-width": "1434px" }}
|
||||
>
|
||||
{[
|
||||
{
|
||||
img: "/images/avatar/avatar-5.jpg",
|
||||
width: 100,
|
||||
height: 100,
|
||||
transform: "-434.685px, 535.12px",
|
||||
left: "0px",
|
||||
},
|
||||
{
|
||||
img: "/images/avatar/avatar-13.jpg",
|
||||
width: 96,
|
||||
height: 96,
|
||||
transform: "-643.254px, -248.049px",
|
||||
left: "0px",
|
||||
},
|
||||
{
|
||||
img: "/images/avatar/avatar-9.jpg",
|
||||
width: 96,
|
||||
height: 96,
|
||||
transform: "37.1317px, -688.422px",
|
||||
},
|
||||
{
|
||||
img: "/images/avatar/avatar-10.jpg",
|
||||
width: 96,
|
||||
height: 96,
|
||||
transform: "666.203px, -177.42px",
|
||||
},
|
||||
{
|
||||
img: "/images/avatar/avatar-11.jpg",
|
||||
width: 96,
|
||||
height: 96,
|
||||
transform: "374.604px, 578.771px",
|
||||
left: "-109.684px",
|
||||
arrowLeft: "141.684px",
|
||||
},
|
||||
].map((item, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="testimonial outer-element style-1"
|
||||
style={{ transform: `translate(${item.transform})` }}
|
||||
>
|
||||
<div className="avatar">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src={item.img}
|
||||
width={item.width}
|
||||
height={item.height}
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`content ${item.left ? "top" : ""}`}
|
||||
style={{ left: item.left || undefined }}
|
||||
>
|
||||
<p className="text text_dark text-body-1 fw-5">
|
||||
Advitex provided exceptional financial guidance that
|
||||
transformed my investment approach. Their expertise and
|
||||
personalized advice made all the difference. Highly
|
||||
recommend!"
|
||||
</p>
|
||||
<div className="info">
|
||||
<h6 className="name fw-5 text_dark">James Waverly</h6>
|
||||
<p className="text_mono-gray-5 text-body-2">
|
||||
Senior Wealth Manager
|
||||
</p>
|
||||
</div>
|
||||
<span
|
||||
className="arrow"
|
||||
style={{ left: item.arrowLeft || "auto" }}
|
||||
></span>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className="inner-container">
|
||||
{[
|
||||
{
|
||||
img: "/images/avatar/avatar-12.jpg",
|
||||
transform: "-75.2548px, 414.997px",
|
||||
position: "top",
|
||||
},
|
||||
{
|
||||
img: "/images/avatar/avatar-8.jpg",
|
||||
transform: "75.2548px, -414.997px",
|
||||
position: "bottom",
|
||||
},
|
||||
].map((item, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="testimonial style-1 inner-element"
|
||||
style={{ transform: `translate(${item.transform})` }}
|
||||
>
|
||||
<div className="avatar">
|
||||
<Image alt="avatar" src={item.img} width="96" height="96" />
|
||||
</div>
|
||||
<div
|
||||
className={`content ${item.position}`}
|
||||
style={{ left: "0px" }}
|
||||
>
|
||||
<p className="text text_dark text-body-1 fw-5">
|
||||
Advitex provided exceptional financial guidance that
|
||||
transformed my investment approach. Their expertise and
|
||||
personalized advice made all the difference. Highly
|
||||
recommend!"
|
||||
</p>
|
||||
<div className="info">
|
||||
<h6 className="name fw-5 text_dark">James Waverly</h6>
|
||||
<p className="text_mono-gray-5 text-body-2">
|
||||
Senior Wealth Manager
|
||||
</p>
|
||||
</div>
|
||||
<span className="arrow" style={{ left: "auto" }}></span>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className="bg">
|
||||
<Image
|
||||
alt="background"
|
||||
src="/images/section/bg-testimonial.png"
|
||||
width="1410"
|
||||
height="1410"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
86
components/homes/finance-consulting/About.jsx
Normal file
86
components/homes/finance-consulting/About.jsx
Normal file
@ -0,0 +1,86 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
export default function About() {
|
||||
return (
|
||||
<div className="section-about tf-spacing-7 pt-0">
|
||||
<div className="tf-container-3">
|
||||
<div className="box-about style-1">
|
||||
<div className="img-style img-custom-anim-left wow">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src="/images/section/section-about.jpg"
|
||||
alt="testimonial"
|
||||
src="/images/section/section-about.jpg"
|
||||
width={510}
|
||||
height={698}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="heading-section">
|
||||
<div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_13">
|
||||
About Us
|
||||
</div>
|
||||
<h3 className="split-text split-lines-rotation-x">
|
||||
Welcome to Advitex – driving your financial success with
|
||||
strategic expertise and solutions
|
||||
</h3>
|
||||
</div>
|
||||
<div className="bot">
|
||||
<div className="clutch-rating-item style-1 d-flex align-items-center">
|
||||
<div className="logo">
|
||||
<svg
|
||||
width={34}
|
||||
height={38}
|
||||
viewBox="0 0 34 38"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M33.363 31.4385C29.8792 35.4578 24.7365 38 19 38C8.50659 38 0 29.4934 0 19C0 8.50659 8.50659 0 19 0C24.7364 0 29.879 2.54213 33.3628 6.56127L27.8911 11.2998C25.7345 8.81185 22.551 7.23818 19 7.23818C12.5041 7.23818 7.23807 12.5042 7.23807 19.0001C7.23807 25.496 12.5041 30.762 19 30.762C22.5512 30.762 25.7348 29.1882 27.8914 26.7L33.363 31.4385Z"
|
||||
fill="black"
|
||||
/>
|
||||
<ellipse
|
||||
cx="19.0003"
|
||||
cy="19.0003"
|
||||
rx="6.33333"
|
||||
ry="6.33333"
|
||||
fill="#EF2B10"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div className="wrap-ratings d-flex gap_13 align-items-center">
|
||||
<div className="text-body-1 fw-6 font2 fw-6">4.9/5</div>
|
||||
<div className="ratings">
|
||||
<i className="icon-star-solid" />
|
||||
<i className="icon-star-solid" />
|
||||
<i className="icon-star-solid" />
|
||||
<i className="icon-star-solid" />
|
||||
<i className="icon-star-solid" />
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-body-4">Based on 24 reviews</p>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-body-1 text_mono-gray-7 mb_31">
|
||||
Their expert guidance in streamlining our cash flow processes
|
||||
and optimizing operational costs has saved us 18% in annual
|
||||
expenditures.
|
||||
</p>
|
||||
<Link
|
||||
href={`/about`}
|
||||
className="tf-btn btn-dark rounded-0 btn-px-28 height-2"
|
||||
>
|
||||
<span>View Details</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
115
components/homes/finance-consulting/Blogs.jsx
Normal file
115
components/homes/finance-consulting/Blogs.jsx
Normal file
@ -0,0 +1,115 @@
|
||||
"use client";
|
||||
|
||||
import { blogArticles2 } from "@/data/blogs";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { Pagination } from "swiper/modules";
|
||||
export default function Blogs() {
|
||||
return (
|
||||
<div className="section-blog style-1 sw-layout-1">
|
||||
<div className="tf-container">
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className="heading-section d-flex justify-content-between flex-wrap-md gap_12 align-items-end mb_63">
|
||||
<div className="left">
|
||||
<div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_15">
|
||||
Blogs
|
||||
</div>
|
||||
<h3 className="split-text split-lines-rotation-x">
|
||||
Stay informed with expert insights, tips, and <br />
|
||||
strategies designed to help you navigate
|
||||
</h3>
|
||||
</div>
|
||||
<div className="right">
|
||||
<div className="sw-progress swiper-pagination sw-progress-layout-1 spd2" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="tf-container slider-layout-right w-xl wow animate__fadeInRight animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<Swiper
|
||||
className="swiper"
|
||||
spaceBetween={15}
|
||||
breakpoints={{
|
||||
0: { slidesPerView: 1.1 },
|
||||
575: {
|
||||
slidesPerView: 1.1,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 1.5,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3.4,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3.9,
|
||||
spaceBetween: 72,
|
||||
},
|
||||
}}
|
||||
modules={[Pagination]}
|
||||
pagination={{
|
||||
type: "progressbar",
|
||||
clickable: true,
|
||||
el: ".spd2",
|
||||
}}
|
||||
data-pagination-type="progressbar"
|
||||
>
|
||||
{blogArticles2.map((article) => (
|
||||
<SwiperSlide className="swiper-slide" key={article.id}>
|
||||
<div className="blog-article-item style-1 hover-image-3">
|
||||
<Link
|
||||
href={`/single-post/${article.id}`}
|
||||
className="article-thumb mb_30"
|
||||
>
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={article.imageSrc}
|
||||
alt="blog"
|
||||
src={article.imageSrc}
|
||||
width={article.width}
|
||||
height={article.height}
|
||||
/>
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={article.imageSrc}
|
||||
alt="blog"
|
||||
src={article.imageSrc}
|
||||
width={article.width}
|
||||
height={article.height}
|
||||
/>
|
||||
<div className="tag text-body-3 text_white d-flex flex-column">
|
||||
<h6 className="text_white">{article.day}</h6>
|
||||
<span>{article.month}</span>
|
||||
</div>
|
||||
</Link>
|
||||
<div className="article-content mb_25">
|
||||
<h6 className="title fw-5 letter-spacing-2 mb_8">
|
||||
<Link href={`/single-post/${article.id}`} className="link">
|
||||
{article.title}
|
||||
</Link>
|
||||
</h6>
|
||||
<p className="text-body-1 text_mono-gray-5">
|
||||
{article.description}
|
||||
</p>
|
||||
</div>
|
||||
<Link
|
||||
href={`/single-post/${article.id}`}
|
||||
className="btn_link text-body-1 link-black"
|
||||
>
|
||||
Read it
|
||||
</Link>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
98
components/homes/finance-consulting/CaseStudies.jsx
Normal file
98
components/homes/finance-consulting/CaseStudies.jsx
Normal file
@ -0,0 +1,98 @@
|
||||
"use client";
|
||||
import { caseStudies2 } from "@/data/caseStudies";
|
||||
import React from "react";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
|
||||
import Image from "next/image";
|
||||
import { EffectFade, Navigation, Pagination } from "swiper/modules";
|
||||
export default function CaseStudies() {
|
||||
return (
|
||||
<div className="section-case-studies style-2 tf-spacing-20">
|
||||
<div className="tf-container">
|
||||
<div className="heading-section text-center mb_61">
|
||||
<div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_16 mx-auto">
|
||||
Case Study
|
||||
</div>
|
||||
<h3 className="split-text effect-right">
|
||||
Explore real-life examples of how our solutions have driven results
|
||||
</h3>
|
||||
</div>
|
||||
<Swiper
|
||||
className="swiper sw-single effect-content-slide"
|
||||
effect="fade"
|
||||
modules={[EffectFade, Navigation, Pagination]}
|
||||
pagination={{
|
||||
el: ".csp1",
|
||||
}}
|
||||
navigation={{
|
||||
prevEl: ".snbpc1",
|
||||
nextEl: ".snbnc1",
|
||||
}}
|
||||
>
|
||||
{caseStudies2.map((study) => (
|
||||
<SwiperSlide className="swiper-slide" key={study.id}>
|
||||
<div className="case-studies-item style-2">
|
||||
<div className="tf-grid-layout md-col-2">
|
||||
<div className="content d-flex flex-column justify-content-between">
|
||||
<div className="heading">
|
||||
<p className="text-body-1 text-uppercase text_mono-gray-6 mb_20 effect-item effect-left effect-1">
|
||||
{study.tags}
|
||||
</p>
|
||||
<h1 className="effect-item effect-left effect-2">
|
||||
{study.title}
|
||||
</h1>
|
||||
</div>
|
||||
<div className="bot">
|
||||
<div className="wrap-sw-button d-flex mb_22 hide-md">
|
||||
<div className="sw-button style-1 sw-single-prev snbpc1">
|
||||
<i className="icon-caret-left" />
|
||||
</div>
|
||||
<div className="sw-button style-1 sw-single-next snbnc1">
|
||||
<i className="icon-caret-right" />
|
||||
</div>
|
||||
</div>
|
||||
<p className="text_mono-gray-6 text-body-1 mb_40">
|
||||
{study.description}
|
||||
</p>
|
||||
<a
|
||||
href="#"
|
||||
className="tf-btn btn-dark height-2 btn-px-30 rounded-0"
|
||||
>
|
||||
<span className="">View Details</span>
|
||||
<span className="bg-effect" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="right overflow-hidden position-relative">
|
||||
<div className="img-style effect-img-zoom effect-item effect-right effect-3">
|
||||
<Image
|
||||
className="lazyload img-zoom"
|
||||
data-src={study.imageSrc}
|
||||
alt="case-studies"
|
||||
src={study.imageSrc}
|
||||
width={787}
|
||||
height={826}
|
||||
/>
|
||||
</div>
|
||||
<div className="highlight effect-item effect-right effect-4">
|
||||
<h6 className="text_primary">{study.highlightText}</h6>
|
||||
<div className="icon">
|
||||
<Image
|
||||
alt="icon"
|
||||
src={study.highlightIcon}
|
||||
width={study.highlightIconWidth}
|
||||
height={study.highlightIconHeight}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
<div className="sw-dots style-default sw-pagination-single justify-content-center d-flex d-md-none csp1" />
|
||||
</Swiper>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
109
components/homes/finance-consulting/Cta.jsx
Normal file
109
components/homes/finance-consulting/Cta.jsx
Normal file
@ -0,0 +1,109 @@
|
||||
"use client";
|
||||
import React, { useEffect } from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function Cta() {
|
||||
useEffect(() => {
|
||||
if (typeof window !== "undefined") {
|
||||
import("simple-parallax-js/vanilla").then(
|
||||
({ default: SimpleParallax }) => {
|
||||
const elements = document.querySelectorAll(".parallaxie");
|
||||
|
||||
if (elements.length > 0) {
|
||||
elements.forEach((element) => {
|
||||
new SimpleParallax(element, {
|
||||
delay: 0.5,
|
||||
orientation: "up",
|
||||
scale: 1.7,
|
||||
transition: "cubic-bezier(0.2, 0.8, 1, 1)",
|
||||
customContainer: "",
|
||||
customWrapper: "",
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
}, []);
|
||||
return (
|
||||
<>
|
||||
<div className="section-CTA tf-spacing-21">
|
||||
<div className="tf-container">
|
||||
<div className="box-inner">
|
||||
<div className="row">
|
||||
<div className="col-lg-7">
|
||||
<div className="left d-flex flex-column justify-content-between">
|
||||
<div className="heading-section">
|
||||
<h1 className="text_white split-text effect-right">
|
||||
Let Us Guide You Toward Clarity
|
||||
</h1>
|
||||
<p
|
||||
className="text-body-2 text_mono-gray-3 mt_13 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
Firms using legacy systems experience 30% slower
|
||||
decision-making <br />
|
||||
processes and up to 40% higher operational costs.
|
||||
</p>
|
||||
</div>
|
||||
<Link
|
||||
href={`/contact-us`}
|
||||
className="tf-btn btn-white rounded-0 btn-px-28 height-2 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<span>Get in touch</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<ul className="list d-flex flex-column gap_17">
|
||||
<li
|
||||
className="text-body-1 text_white d-flex align-items-center gap_24 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<i className="icon-check-solid" />
|
||||
We offering customized strategies that truly work for you
|
||||
</li>
|
||||
<li
|
||||
className="text-body-1 text_white d-flex align-items-center gap_24 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<i className="icon-check-solid" />
|
||||
Brings the knowledge and insights you need to make informed
|
||||
decisions that drive success.
|
||||
</li>
|
||||
<li
|
||||
className="text-body-1 text_white d-flex align-items-center gap_24 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0.2s"
|
||||
>
|
||||
<i className="icon-check-solid" />
|
||||
Cancel anytime you want
|
||||
</li>
|
||||
<li
|
||||
className="text-body-1 text_white d-flex align-items-center gap_24 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0.3s"
|
||||
>
|
||||
<i className="icon-check-solid" />
|
||||
Proven Results and Client Satisfaction
|
||||
</li>
|
||||
<li
|
||||
className="text-body-1 text_white d-flex align-items-center gap_24 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0.4s"
|
||||
>
|
||||
<i className="icon-check-solid" />
|
||||
Comprehensive package for all stages
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="wrap parallaxie"
|
||||
style={{ background: 'url("/images/section/cta.jpg")' }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
185
components/homes/finance-consulting/Faqs.jsx
Normal file
185
components/homes/finance-consulting/Faqs.jsx
Normal file
@ -0,0 +1,185 @@
|
||||
import React from "react";
|
||||
|
||||
export default function Faqs() {
|
||||
return (
|
||||
<div className="section-faqs style-3 tf-spacing-22">
|
||||
<div className="tf-container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="heading-section sticky-element">
|
||||
<div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_12">
|
||||
FAQs
|
||||
</div>
|
||||
<h2 className="split-text split-lines-rotation-x">
|
||||
Have questions? Explore our FAQs for clear insights and quick
|
||||
solutions
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<ul
|
||||
className="accordion-wrap style-faqs d-grid gap_24"
|
||||
id="accordion-faq-2"
|
||||
>
|
||||
<li className="accordion-item action_click style-1 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-2-1"
|
||||
className="action accordion-title collapsed current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-2-1"
|
||||
>
|
||||
<div className="heading">
|
||||
<div className="text_mono-dark-9 text-body-1 title fw-5">
|
||||
Do you provide personalized financial plans?
|
||||
</div>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-2-1"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-faq-2"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2">
|
||||
Advitex offers a range of financial consulting services,
|
||||
including personal financial planning, corporate strategy,
|
||||
investment advisory, and risk compliance. We tailor our
|
||||
solutions to help individuals, businesses, and investors
|
||||
achieve their financial goals efficiently.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click active style-1 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-2-2"
|
||||
className="action accordion-title current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-2-2"
|
||||
>
|
||||
<div className="heading">
|
||||
<div className="text_mono-dark-9 text-body-1 title fw-5">
|
||||
How can financial consulting benefit my business?
|
||||
</div>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-2-2"
|
||||
className="collapse show"
|
||||
data-bs-parent="#accordion-faq-2"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2">
|
||||
Advitex offers a range of financial consulting services,
|
||||
including personal financial planning, corporate strategy,
|
||||
investment advisory, and risk compliance. We tailor our
|
||||
solutions to help individuals, businesses, and investors
|
||||
achieve their financial goals efficiently.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click style-1 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-2-3"
|
||||
className="action accordion-title collapsed current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-2-3"
|
||||
>
|
||||
<div className="heading">
|
||||
<div className="text_mono-dark-9 text-body-1 title fw-5">
|
||||
What services does Advitex offer?
|
||||
</div>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-2-3"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-faq-2"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2">
|
||||
Advitex offers a range of financial consulting services,
|
||||
including personal financial planning, corporate strategy,
|
||||
investment advisory, and risk compliance. We tailor our
|
||||
solutions to help individuals, businesses, and investors
|
||||
achieve their financial goals efficiently.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click style-1 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-2-4"
|
||||
className="action accordion-title collapsed current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-2-4"
|
||||
>
|
||||
<div className="heading">
|
||||
<div className="text_mono-dark-9 text-body-1 title fw-5">
|
||||
What industries do you specialize in?
|
||||
</div>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-2-4"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-faq-2"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2">
|
||||
Advitex offers a range of financial consulting services,
|
||||
including personal financial planning, corporate strategy,
|
||||
investment advisory, and risk compliance. We tailor our
|
||||
solutions to help individuals, businesses, and investors
|
||||
achieve their financial goals efficiently.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click style-1 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-2-5"
|
||||
className="action accordion-title collapsed current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-2-5"
|
||||
>
|
||||
<div className="heading">
|
||||
<div className="text_mono-dark-9 text-body-1 title fw-5">
|
||||
How long does the consultation process take?
|
||||
</div>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-2-5"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-faq-2"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2">
|
||||
Advitex offers a range of financial consulting services,
|
||||
including personal financial planning, corporate strategy,
|
||||
investment advisory, and risk compliance. We tailor our
|
||||
solutions to help individuals, businesses, and investors
|
||||
achieve their financial goals efficiently.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
71
components/homes/finance-consulting/Features.jsx
Normal file
71
components/homes/finance-consulting/Features.jsx
Normal file
@ -0,0 +1,71 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
export default function Features() {
|
||||
return (
|
||||
<div className="section-about tf-spacing-19">
|
||||
<div className="tf-container-3">
|
||||
<div className="box-choose style-1">
|
||||
<div className="content">
|
||||
<div className="heading-section">
|
||||
<div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_15">
|
||||
Why Choose Us
|
||||
</div>
|
||||
<h3 className="split-text effect-right">
|
||||
Turn your vision into a financially sound strategy
|
||||
</h3>
|
||||
<p className="text-body-1 mt_23 split-text split-lines-transform">
|
||||
Their expert guidance in streamlining our cash flow processes
|
||||
and optimizing operational costs has saved us 18% in annual
|
||||
expenditures.
|
||||
</p>
|
||||
</div>
|
||||
<div className="bot">
|
||||
<ul className="list-check">
|
||||
<li
|
||||
className="text-body-1 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<i className="icon-check-solid" />
|
||||
Customized financial roadmaps
|
||||
</li>
|
||||
<li
|
||||
className="text-body-1 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<i className="icon-check-solid" />
|
||||
Cash flow forecasting and budgeting
|
||||
</li>
|
||||
<li
|
||||
className="text-body-1 d-flex align-items-center gap_16 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<i className="icon-check-solid" />
|
||||
Long-term growth and sustainability strategies
|
||||
</li>
|
||||
</ul>
|
||||
<Link
|
||||
href={`/about`}
|
||||
className="tf-btn btn-dark rounded-0 btn-px-28 height-2 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<span>View Details</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="img-style img-custom-anim-right wow">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src="/images/section/section-choose.jpg"
|
||||
alt="testimonial"
|
||||
src="/images/section/section-choose.jpg"
|
||||
width={510}
|
||||
height={698}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
103
components/homes/finance-consulting/Hero.jsx
Normal file
103
components/homes/finance-consulting/Hero.jsx
Normal file
@ -0,0 +1,103 @@
|
||||
"use client";
|
||||
import { bannerSlides } from "@/data/heroSlides";
|
||||
import React from "react";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
// const brands = [
|
||||
// { id: 1, src: "/images/brands/brand-1.png", width: 169, height: 56 },
|
||||
// { id: 2, src: "/images/brands/brand-2.png", width: 169, height: 56 },
|
||||
// { id: 3, src: "/images/brands/brand-3.png", width: 213, height: 56 },
|
||||
// { id: 4, src: "/images/brands/brand-4.png", width: 187, height: 56 },
|
||||
// { id: 5, src: "/images/brands/brand-5.png", width: 169, height: 56 },
|
||||
// { id: 6, src: "/images/brands/brand-6.png", width: 169, height: 56 },
|
||||
// { id: 7, src: "/images/brands/brand-7.png", width: 169, height: 56 },
|
||||
// { id: 8, src: "/images/brands/brand-8.png", width: 168, height: 56 },
|
||||
// ];
|
||||
export default function Hero() {
|
||||
// const allBrands = [...brands, ...brands, ...brands];
|
||||
return (
|
||||
<div className="page-title style-2">
|
||||
<div className="tf-container">
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className="heading-title d-flex mb_66">
|
||||
<div className="left">
|
||||
<h4 className="sub text_mono-gray-5 mb_11 split-text effect-left">
|
||||
Bridging Opportunities Between India and Ireland
|
||||
</h4>
|
||||
<h3 className="title split-text effect-right">
|
||||
Fostering global business ventures across tech, energy, food, and logistics.
|
||||
</h3>
|
||||
</div>
|
||||
<div className="right">
|
||||
<p className="text_mono-gray-6 sub-heading mb_17 split-text split-lines-transform">
|
||||
Providing expert financial consulting services to help you
|
||||
grow, <br />
|
||||
optimize, and thrive in today's competitive landscape
|
||||
</p>
|
||||
<div className="wrap-btn d-flex gap_20">
|
||||
<Link
|
||||
href="#focus-areas"
|
||||
className="tf-btn btn-primary2 btn-px-28 height-2 rounded-0"
|
||||
>
|
||||
<span>Explore Opportunities</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
<Link
|
||||
href="#contact"
|
||||
className="tf-btn btn-border btn-px-28 height-2 rounded-0"
|
||||
>
|
||||
<span>Partner With Us</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Swiper className="swiper sw-single" data-effect="fade">
|
||||
{bannerSlides.map((slide) => (
|
||||
<SwiperSlide className="swiper-slide" key={slide.id}>
|
||||
<div className="slide-inner">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={slide.imageSrc}
|
||||
alt="banner"
|
||||
src={slide.imageSrc}
|
||||
width={slide.width}
|
||||
height={slide.height}
|
||||
/>
|
||||
<h3 className="title text_white">{slide.title}</h3>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
<div className="sw-line sw-pagination-single" />
|
||||
</Swiper>
|
||||
{/* <div className="infiniteslide_wrap" style={{ overflow: "hidden" }}>
|
||||
<div
|
||||
className="infiniteslide tf-marquee infiniteSlide"
|
||||
data-clone={2}
|
||||
>
|
||||
{allBrands.map((elm, i) => (
|
||||
<div
|
||||
key={i}
|
||||
className="marquee-item style-2"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner style-1">
|
||||
<Image
|
||||
alt=""
|
||||
src={elm.src}
|
||||
width={elm.width}
|
||||
height={elm.height}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
279
components/homes/finance-consulting/MarqueeSlide.jsx
Normal file
279
components/homes/finance-consulting/MarqueeSlide.jsx
Normal file
@ -0,0 +1,279 @@
|
||||
import React from "react";
|
||||
|
||||
export default function MarqueeSlide() {
|
||||
return (
|
||||
<div className="wrap-infiniteslide">
|
||||
<div className="infiniteslide_wrap" style={{ overflow: "hidden" }}>
|
||||
<div
|
||||
className="infiniteslide tf-marquee style-2 infiniteSlide"
|
||||
style={{ animationDirection: "reverse" }}
|
||||
>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="marquee-item infiniteslide_clone"
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="text-inner">
|
||||
<h3>
|
||||
Strategize <span className="text_mono-gray-5">for</span> Growth
|
||||
</h3>
|
||||
<i className="icon-arrow-right-02-sharp" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
189
components/homes/finance-consulting/Process.jsx
Normal file
189
components/homes/finance-consulting/Process.jsx
Normal file
@ -0,0 +1,189 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
export default function Process() {
|
||||
return (
|
||||
<div className="section-work style-1">
|
||||
<div className="tf-container-3">
|
||||
<div className="row">
|
||||
<div className="col-lg-5">
|
||||
<div className="sticky-element left">
|
||||
<div className="heading-section mb_34">
|
||||
<div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_15">
|
||||
How It Works
|
||||
</div>
|
||||
<h3 className="split-text split-lines-rotation-x">
|
||||
Turn your vision into a financially strategy
|
||||
</h3>
|
||||
<p
|
||||
className="text-body-1 text_mono-gray-5 mt_23 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
Their expert guidance in streamlining our cash flow processes
|
||||
and optimizing operational costs has saved us 18% in annual
|
||||
expenditures.
|
||||
</p>
|
||||
</div>
|
||||
<Link
|
||||
href={`/pricing`}
|
||||
className="tf-btn btn-dark rounded-0 btn-px-30 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<span>See Pricing Plan</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-7">
|
||||
<div className="step-container">
|
||||
<div className="tf-box-icon style-3 effect-icon active">
|
||||
<span className="number text-body-1">1</span>
|
||||
<div className="icon">
|
||||
<svg
|
||||
width={40}
|
||||
height={40}
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M32.0854 16.3555C31.9479 16.2783 31.7753 16.2384 31.596 16.2529C31.4967 16.261 31.3592 16.3037 30.5205 16.6857C30.1542 16.8525 29.9486 16.9485 29.79 17.0634C29.6691 17.1511 29.6301 17.2125 29.6053 17.2854C29.6032 17.2944 29.5971 17.3271 29.5924 17.4041C29.5844 17.533 29.5839 17.7045 29.5839 18.0074V25.3259C29.5839 25.6288 29.5844 25.8003 29.5924 25.9292C29.5971 26.0062 29.6032 26.0389 29.6053 26.0479C29.6301 26.1208 29.669 26.1822 29.79 26.2699C29.9486 26.3848 30.1542 26.4808 30.5205 26.6476C31.3592 27.0296 31.4967 27.0724 31.596 27.0804C31.7753 27.0949 31.9479 27.055 32.0854 26.9778C32.1486 26.9423 32.2336 26.8713 32.8018 26.1811C33.0308 25.9031 33.2442 25.657 33.45 25.4196C33.757 25.0657 34.0472 24.7311 34.3474 24.3383C34.8142 23.7273 35.1396 23.1721 35.2873 22.6313C35.4605 21.9972 35.4605 21.3361 35.2873 20.702C35.1969 20.371 35.0168 20.0043 34.6299 19.4549C34.2342 18.8932 33.68 18.2189 32.882 17.2495C32.7678 17.1108 32.6929 17.0143 32.6276 16.93C32.5492 16.8289 32.4844 16.7454 32.3816 16.6276C32.2366 16.4615 32.144 16.3884 32.0854 16.3555ZM29.606 26.0506C29.606 26.0506 29.6058 26.0499 29.6053 26.0481L29.606 26.0506ZM29.606 17.2827C29.606 17.2828 29.6058 17.2837 29.6053 17.2852L29.606 17.2827ZM31.3945 13.7611C32.0568 13.7075 32.7273 13.8489 33.309 14.1754C33.7272 14.4101 34.0393 14.7251 34.2649 14.9835C34.3895 15.1262 34.5579 15.3398 34.6805 15.4952C34.7371 15.567 34.7839 15.6263 34.812 15.6605L33.847 16.455L34.812 15.6605L34.8428 15.6979C35.6029 16.621 36.2175 17.3676 36.6737 18.0152C37.1448 18.684 37.5017 19.3212 37.6989 20.0432C37.99 21.1086 37.99 22.2247 37.6989 23.2901C37.4271 24.2852 36.8799 25.1416 36.3338 25.8562C36.0032 26.2888 35.6023 26.7534 35.2492 27.1626C35.056 27.3864 34.8772 27.5937 34.7319 27.7702L33.7669 26.9756L34.7319 27.7702C34.6998 27.8092 34.6677 27.8482 34.6358 27.8872C34.234 28.3774 33.8374 28.8614 33.309 29.1579C32.7273 29.4844 32.0568 29.6258 31.3945 29.5723C30.7983 29.524 30.2292 29.2636 29.6243 28.9868C29.5778 28.9655 29.5312 28.9441 29.4842 28.9227C29.4504 28.9074 29.4141 28.8911 29.3755 28.8739C28.7819 28.6087 27.6627 28.1086 27.2364 26.8468C27.0813 26.3879 27.0826 25.8973 27.0837 25.4408C27.0838 25.4022 27.0839 25.3639 27.0839 25.3259V18.0074C27.0839 17.9694 27.0838 17.9311 27.0837 17.8926C27.0826 17.436 27.0813 16.9454 27.2364 16.4865C27.6627 15.2247 28.7819 14.7246 29.3755 14.4594C29.4141 14.4422 29.4504 14.426 29.4842 14.4106C29.5312 14.3892 29.5778 14.3678 29.6243 14.3466C30.2292 14.0698 30.7983 13.8093 31.3945 13.7611Z"
|
||||
fill="#121416"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M7.90244 16.4064C8.06687 16.2834 8.19868 16.2365 8.40526 16.2533C8.5046 16.2613 8.64209 16.304 9.4808 16.686C10.1201 16.9772 10.1972 17.0261 10.2403 17.0636C10.315 17.1285 10.3455 17.1821 10.3704 17.283C10.4071 17.4317 10.4174 17.6294 10.4174 18.0077V25.3262C10.4174 25.7046 10.4071 25.9022 10.3704 26.051C10.3455 26.1518 10.315 26.2055 10.2403 26.2704C10.1972 26.3079 10.1201 26.3568 9.48081 26.648C8.64209 27.03 8.5046 27.0727 8.40526 27.0807C8.20323 27.0971 8.07739 27.0527 7.92834 26.9466C7.72706 26.8035 7.52444 26.5762 7.19946 26.1815C6.97052 25.9034 6.75714 25.6574 6.55127 25.42C6.24434 25.0661 5.95411 24.7314 5.65394 24.3386C5.18708 23.7276 4.86175 23.1725 4.71401 22.6317C4.54078 21.9976 4.54078 21.3364 4.71401 20.7023C4.80443 20.3714 4.98446 20.0046 5.37143 19.4553C5.76711 18.8935 6.32126 18.2192 7.11932 17.2499C7.47075 16.823 7.67975 16.573 7.90244 16.4064ZM5.18929 15.6608L6.1543 16.4553L5.18929 15.6608L5.15847 15.6983C4.39845 16.6214 3.78383 17.3679 3.3276 18.0156C2.85651 18.6843 2.49963 19.3215 2.30239 20.0435C2.01133 21.1089 2.01133 22.2251 2.30239 23.2905C2.57421 24.2855 3.12143 25.1419 3.66752 25.8565C3.99811 26.2892 4.39899 26.7537 4.75212 27.1629C4.94527 27.3867 5.12415 27.594 5.26943 27.7705L6.23444 26.976L5.26943 27.7705C5.28471 27.789 5.30029 27.808 5.31618 27.8274C5.88936 28.5254 6.865 29.7135 8.60679 29.5726C9.20297 29.5244 9.77215 29.2639 10.377 28.9871C10.4235 28.9658 10.4701 28.9445 10.5171 28.9231C10.5534 28.9065 10.5898 28.89 10.6261 28.8736C11.0806 28.6675 11.5258 28.4657 11.8809 28.1568C12.919 27.254 12.918 26.0623 12.9175 25.3733C12.9174 25.3573 12.9174 25.3416 12.9174 25.3262V18.0077C12.9174 17.9923 12.9174 17.9767 12.9175 17.9607C12.918 17.2716 12.919 16.08 11.8809 15.1772C11.5258 14.8683 11.0806 14.6665 10.6261 14.4604C10.5898 14.4439 10.5534 14.4275 10.5171 14.4109C10.4702 14.3895 10.4235 14.3682 10.377 14.3469C9.77215 14.0701 9.20297 13.8096 8.60679 13.7614C6.84856 13.6192 5.85495 14.8421 5.28724 15.5408C5.25307 15.5828 5.22044 15.623 5.18929 15.6608Z"
|
||||
fill="#121416"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M20.0002 6.25C14.0595 6.25 9.5835 10.3413 9.5835 15V16.25H7.0835V15C7.0835 8.61296 13.0542 3.75 20.0002 3.75C26.9461 3.75 32.9168 8.61296 32.9168 15V16.25H30.4168V15C30.4168 10.3413 25.9408 6.25 20.0002 6.25Z"
|
||||
fill="#121416"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M31.6675 27.084C32.3578 27.084 32.9175 27.6436 32.9175 28.334V29.6673C32.9175 33.5491 29.0984 36.2507 25.0008 36.2507H21.6675C20.9771 36.2507 20.4175 35.691 20.4175 35.0007C20.4175 34.3103 20.9771 33.7507 21.6675 33.7507H25.0008C28.2671 33.7507 30.4175 31.6766 30.4175 29.6673V28.334C30.4175 27.6436 30.9771 27.084 31.6675 27.084Z"
|
||||
fill="#121416"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="content">
|
||||
<h6 className="title">
|
||||
Initial Consultation & Assessment
|
||||
</h6>
|
||||
<p className="text-body-2 text_mono-gray-5">
|
||||
Understand your spending habits and make informed decisions.
|
||||
We can make it!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tf-box-icon style-3 effect-icon">
|
||||
<span className="number text-body-1">2</span>
|
||||
<div className="icon">
|
||||
<svg
|
||||
width={40}
|
||||
height={40}
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M13.3325 33.3333C12.4758 34.4957 12.1282 34.9001 11.4237 34.9881C10.7193 35.0761 10.2322 34.6728 9.25814 33.8662C5.63434 30.8656 3.33252 26.3756 3.33252 21.3579C3.33252 12.3237 10.7944 5 19.9992 5C29.2039 5 36.6659 12.3237 36.6659 21.3579C36.6659 26.3756 34.364 30.8656 30.7402 33.8662C29.7661 34.6728 29.2791 35.0761 28.5746 34.9881C27.8702 34.9001 27.5226 34.4957 26.6659 33.3333"
|
||||
stroke="#121416"
|
||||
strokeWidth="2.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M22.499 17.5L29.999 8.33337"
|
||||
stroke="#121416"
|
||||
strokeWidth="2.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<circle
|
||||
cx="19.999"
|
||||
cy={20}
|
||||
r="2.5"
|
||||
stroke="#121416"
|
||||
strokeWidth="2.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="content">
|
||||
<h6 className="title">
|
||||
Strategic Planning & Development
|
||||
</h6>
|
||||
<p className="text-body-2 text_mono-gray-5">
|
||||
Develop a comprehensive financial strategy that aligns with
|
||||
your long-term goals.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tf-box-icon style-3 effect-icon">
|
||||
<span className="number text-body-1">3</span>
|
||||
<div className="icon">
|
||||
<svg
|
||||
width={34}
|
||||
height={34}
|
||||
viewBox="0 0 34 34"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M10.3335 25.3333L10.3335 20.3333"
|
||||
stroke="#141B34"
|
||||
strokeWidth="2.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M17 20.3333L17 11.9999"
|
||||
stroke="#141B34"
|
||||
strokeWidth="2.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M23.6665 12L23.6665 7"
|
||||
stroke="#141B34"
|
||||
strokeWidth="2.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M30.3335 13.6667L30.3335 3.66675"
|
||||
stroke="#141B34"
|
||||
strokeWidth="2.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M2 2V20.3333C2 25.8331 2 28.5829 3.70854 30.2915C5.41709 32 8.16695 32 13.6667 32H32"
|
||||
stroke="#141B34"
|
||||
strokeWidth="2.5"
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="content">
|
||||
<h6 className="title">Ongoing Monitor & Adjustments</h6>
|
||||
<p className="text-body-2 text_mono-gray-5">
|
||||
Continuously monitor your financial progress and adapt the
|
||||
plan as needed.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
105
components/homes/finance-consulting/Services.jsx
Normal file
105
components/homes/finance-consulting/Services.jsx
Normal file
@ -0,0 +1,105 @@
|
||||
"use client";
|
||||
import { serviceBoxes } from "@/data/services";
|
||||
import React from "react";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { Navigation, Pagination } from "swiper/modules";
|
||||
export default function Services() {
|
||||
return (
|
||||
<div className="section-service style-2 tf-spacing-46">
|
||||
<div className="tf-container-3">
|
||||
<div className="heading-section d-flex gap_12 justify-content-between align-items-end flex-wrap-md mb_62">
|
||||
<div className="left">
|
||||
<div className="heading-tag style-1 text_mono-gray-5 text-body-2 mb_15">
|
||||
Our Focus Areas
|
||||
</div>
|
||||
<h3 className="split-text effect-right">
|
||||
Strategic Opportunities for you to maintain <br />
|
||||
sustainable growth
|
||||
</h3>
|
||||
</div>
|
||||
<div className="right">
|
||||
<Link
|
||||
href="#contact-section"
|
||||
className="tf-btn btn-dark rounded-0 btn-px-28 height-2 mb_10"
|
||||
>
|
||||
<span>Get in touch</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="sw-layout-1 position-relative wow animate__fadeInRight animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<Swiper
|
||||
className="swiper"
|
||||
breakpoints={{
|
||||
0: { slidesPerView: 1 },
|
||||
575: {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 16,
|
||||
},
|
||||
}}
|
||||
spaceBetween={15}
|
||||
modules={[Navigation, Pagination]}
|
||||
pagination={{
|
||||
clickable: true,
|
||||
el: ".spd4",
|
||||
}}
|
||||
navigation={{
|
||||
prevEl: ".snbp4",
|
||||
nextEl: ".snbn4",
|
||||
}}
|
||||
>
|
||||
{serviceBoxes.map((service) => (
|
||||
<SwiperSlide className="swiper-slide" key={service.id}>
|
||||
<div className="tf-box-icon style-2 effect-icon">
|
||||
<span className="number">{service.number}</span>
|
||||
<div className="content">
|
||||
<div className="icon mb_16">
|
||||
<Image
|
||||
alt=""
|
||||
src={service.iconSrc}
|
||||
width={48}
|
||||
height={48}
|
||||
/>
|
||||
</div>
|
||||
<h6 className="fw-5 mb_11">
|
||||
<a href="#" className="link">
|
||||
{service.title}
|
||||
</a>
|
||||
</h6>
|
||||
<p className="text-body-2 text_mono-gray-5">
|
||||
{service.description}
|
||||
</p>
|
||||
{/* <a
|
||||
href="#"
|
||||
className="text-body-1 text_primary link-black btn_link"
|
||||
>
|
||||
Book a call
|
||||
</a> */}
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
<div className="sw-button style-default nav-prev-layout-1 xl-hide snbp4">
|
||||
<i className="icon-arrow-left-01" />
|
||||
</div>
|
||||
<div className="sw-button style-default nav-next-layout-1 xl-hide snbn4">
|
||||
<i className="icon-arrow-right-01" />
|
||||
</div>
|
||||
<div className="sw-dots style-default sw-pagination-layout-1 mt_20 justify-content-center d-flex d-xl-none spd4" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
105
components/homes/finance-consulting/Testimonials.jsx
Normal file
105
components/homes/finance-consulting/Testimonials.jsx
Normal file
@ -0,0 +1,105 @@
|
||||
"use client";
|
||||
import { testimonials } from "@/data/testimonials";
|
||||
import React from "react";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import Image from "next/image";
|
||||
import { counterItems2 } from "@/data/facts";
|
||||
import OdometerComponent from "@/components/common/OdometerComponent";
|
||||
export default function Testimonials() {
|
||||
return (
|
||||
<div className="section-testimonial style-5 tf-spacing-16 pb-0">
|
||||
<div className="heading-section text-center mb_63">
|
||||
<h3 className="text_white split-text effect-right">
|
||||
Our client’s journeys to success
|
||||
</h3>
|
||||
</div>
|
||||
<Swiper
|
||||
className="swiper sw-layout"
|
||||
loop
|
||||
initialSlide={1}
|
||||
centeredSlides
|
||||
spaceBetween={15}
|
||||
breakpoints={{
|
||||
0: { slidesPerView: 1.2 },
|
||||
575: {
|
||||
slidesPerView: 1.2,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 1.2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 1.3,
|
||||
spaceBetween: 72,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 1.98,
|
||||
spaceBetween: 72,
|
||||
},
|
||||
}}
|
||||
>
|
||||
{testimonials.map((testimonial, index) => (
|
||||
<SwiperSlide
|
||||
className="swiper-slide"
|
||||
key={`${testimonial.id}-${index}`}
|
||||
>
|
||||
<div className="testimonial style-4">
|
||||
<div className="img-style mb_40">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={testimonial.imageSrc}
|
||||
alt="testimonial"
|
||||
src={testimonial.imageSrc}
|
||||
width={908}
|
||||
height={652}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="left">
|
||||
<p className="text-body-2 text_white mb_12">
|
||||
{testimonial.quote}
|
||||
</p>
|
||||
<p className="text-body-3 text_mono-gray-5">
|
||||
{testimonial.author}
|
||||
</p>
|
||||
</div>
|
||||
<div className="logo">
|
||||
<Image
|
||||
alt="logo"
|
||||
src={testimonial.logoSrc}
|
||||
width={testimonial.logoWidth}
|
||||
height={testimonial.logoHeight}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
<div className="bot">
|
||||
<div className="tf-container">
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className="wrap-counter styel-1">
|
||||
{counterItems2.map((item, index) => (
|
||||
<div key={index} className="counter-item style-1">
|
||||
<div className="counter-number">
|
||||
<h2 className="odometer text_mono-dark-9">
|
||||
<OdometerComponent max={item.value} />
|
||||
</h2>
|
||||
<span className="sub text_mono-dark-9">{item.unit}</span>
|
||||
</div>
|
||||
<p
|
||||
className="text-body-2 text_mono-gray-7"
|
||||
dangerouslySetInnerHTML={{ __html: item.description }}
|
||||
/>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
107
components/homes/home-1/Blogs.jsx
Normal file
107
components/homes/home-1/Blogs.jsx
Normal 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
462
components/homes/home-1/Brands.jsx
Normal 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
122
components/homes/home-1/CaseStudies.jsx
Normal 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
67
components/homes/home-1/Hero.jsx
Normal 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
201
components/homes/home-1/Process.jsx
Normal 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 &
|
||||
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 &
|
||||
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 & 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>
|
||||
);
|
||||
}
|
||||
96
components/homes/insurance-consulting/About.jsx
Normal file
96
components/homes/insurance-consulting/About.jsx
Normal file
@ -0,0 +1,96 @@
|
||||
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="heading-section 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,{" "}
|
||||
<Image
|
||||
alt="item"
|
||||
className="wow animate__rollIn animate__animated"
|
||||
data-wow-delay="0.4s"
|
||||
src="/images/item/item-title.png"
|
||||
width={48}
|
||||
height={48}
|
||||
/>{" "}
|
||||
Committed To Your Financial Security.
|
||||
</h3>
|
||||
</div>
|
||||
<div className="bot">
|
||||
<div className="clutch-rating-item style-1 d-flex align-items-center mb_16">
|
||||
<div className="logo">
|
||||
<svg
|
||||
width={34}
|
||||
height={38}
|
||||
viewBox="0 0 34 38"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M33.363 31.4385C29.8792 35.4578 24.7365 38 19 38C8.50659 38 0 29.4934 0 19C0 8.50659 8.50659 0 19 0C24.7364 0 29.879 2.54213 33.3628 6.56127L27.8911 11.2998C25.7345 8.81185 22.551 7.23818 19 7.23818C12.5041 7.23818 7.23807 12.5042 7.23807 19.0001C7.23807 25.496 12.5041 30.762 19 30.762C22.5512 30.762 25.7348 29.1882 27.8914 26.7L33.363 31.4385Z"
|
||||
fill="black"
|
||||
/>
|
||||
<ellipse
|
||||
cx="19.0003"
|
||||
cy="19.0003"
|
||||
rx="6.33333"
|
||||
ry="6.33333"
|
||||
fill="#EF2B10"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div className="wrap-ratings d-flex gap_13 align-items-center">
|
||||
<div className="text-body-1 fw-6 font2 fw-6">4.9/5</div>
|
||||
<div className="ratings">
|
||||
<i className="icon-star-solid" />
|
||||
<i className="icon-star-solid" />
|
||||
<i className="icon-star-solid" />
|
||||
<i className="icon-star-solid" />
|
||||
<i className="icon-star-solid" />
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-body-4">Based on 24 reviews</p>
|
||||
</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.
|
||||
</p>
|
||||
<Link
|
||||
href={`/about`}
|
||||
className="tf-btn height-2 rounded-12 btn-px-28"
|
||||
>
|
||||
<span>View Details</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="right">
|
||||
<div className="image">
|
||||
<Image
|
||||
alt="item"
|
||||
src="/images/section/section-about-1.jpg"
|
||||
width={760}
|
||||
height={760}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
225
components/homes/insurance-consulting/Approach.jsx
Normal file
225
components/homes/insurance-consulting/Approach.jsx
Normal file
@ -0,0 +1,225 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
export default function Approach() {
|
||||
return (
|
||||
<div className="section-approach style-1">
|
||||
<div className="tf-container">
|
||||
<div className="row align-items-end">
|
||||
<div className="col-lg-6">
|
||||
<div className="heading-section mb_54">
|
||||
<div className="point text-body-1 mb_8">
|
||||
<span className="item" />
|
||||
Approach
|
||||
</div>
|
||||
<h2 className="heading-title text_primary">
|
||||
Helping You Make Informed Decisions
|
||||
</h2>
|
||||
<p className="text-body-1 text_mono-gray-6 mt_20">
|
||||
Navigate the world of insurance with ease. A streamlined
|
||||
approach to finding <br />
|
||||
the perfect plan.
|
||||
</p>
|
||||
</div>
|
||||
<ul
|
||||
className="accordion-wrap gap-16 style-faqs"
|
||||
id="accordion-approach"
|
||||
>
|
||||
<li className="accordion-item action_click scrolling-effect effectLeft style-default v5">
|
||||
<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">
|
||||
<h4 className="text_mono-gray-5 title">
|
||||
<span className="text_primary">1.</span>Personalized
|
||||
Consultation
|
||||
</h4>
|
||||
</div>
|
||||
<span className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-approach-1"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-approach"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<ul className="list">
|
||||
<li className="text-body-1">
|
||||
Tailored advice based on individual needs and
|
||||
circumstances.
|
||||
</li>
|
||||
<li className="text-body-1">
|
||||
Comprehensive assessment of financial goals and risk
|
||||
tolerance.
|
||||
</li>
|
||||
<li className="text-body-1">
|
||||
Clear and concise explanations of complex insurance
|
||||
concepts.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click scrolling-effect effectLeft active style-default v5">
|
||||
<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">
|
||||
<h4 className="text_mono-gray-5 title">
|
||||
<span className="text_primary">2.</span> Comprehensive
|
||||
Product Analysis
|
||||
</h4>
|
||||
</div>
|
||||
<span className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-approach-2"
|
||||
className="collapse show"
|
||||
data-bs-parent="#accordion-approach"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<ul className="list">
|
||||
<li className="text-body-1">
|
||||
Tailored advice based on individual needs and
|
||||
circumstances.
|
||||
</li>
|
||||
<li className="text-body-1">
|
||||
Comprehensive assessment of financial goals and risk
|
||||
tolerance.
|
||||
</li>
|
||||
<li className="text-body-1">
|
||||
Clear and concise explanations of complex insurance
|
||||
concepts.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click scrolling-effect effectLeft style-default v5">
|
||||
<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">
|
||||
<h4 className="text_mono-gray-5 title">
|
||||
<span className="text_primary">3.</span> Proactive Risk
|
||||
Management
|
||||
</h4>
|
||||
</div>
|
||||
<span className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-approach-3"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-approach"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<ul className="list">
|
||||
<li className="text-body-1">
|
||||
Tailored advice based on individual needs and
|
||||
circumstances.
|
||||
</li>
|
||||
<li className="text-body-1">
|
||||
Comprehensive assessment of financial goals and risk
|
||||
tolerance.
|
||||
</li>
|
||||
<li className="text-body-1">
|
||||
Clear and concise explanations of complex insurance
|
||||
concepts.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click scrolling-effect effectLeft style-default v5">
|
||||
<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">
|
||||
<h4 className="text_mono-gray-5 title">
|
||||
<span className="text_primary">4.</span>Exceptional Client
|
||||
Service
|
||||
</h4>
|
||||
</div>
|
||||
<span className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-approach-4"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-approach"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<ul className="list">
|
||||
<li className="text-body-1">
|
||||
Tailored advice based on individual needs and
|
||||
circumstances.
|
||||
</li>
|
||||
<li className="text-body-1">
|
||||
Comprehensive assessment of financial goals and risk
|
||||
tolerance.
|
||||
</li>
|
||||
<li className="text-body-1">
|
||||
Clear and concise explanations of complex insurance
|
||||
concepts.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="right position-relative">
|
||||
<div className="img-style">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src="/images/section/section-approach.jpg"
|
||||
alt="approach"
|
||||
src="/images/section/section-approach.jpg"
|
||||
width={873}
|
||||
height={873}
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className="item approach-1 scroll-tranform"
|
||||
data-direction="left"
|
||||
>
|
||||
<Image
|
||||
alt="item"
|
||||
src="/images/item/item-approach-1.png"
|
||||
width={252}
|
||||
height={161}
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className="item approach-2 scroll-tranform"
|
||||
data-direction="right"
|
||||
>
|
||||
<Image
|
||||
alt="item"
|
||||
src="/images/item/item-approach-2.png"
|
||||
width={311}
|
||||
height={81}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
106
components/homes/insurance-consulting/Blogs.jsx
Normal file
106
components/homes/insurance-consulting/Blogs.jsx
Normal file
@ -0,0 +1,106 @@
|
||||
"use client";
|
||||
import { blogPosts } from "@/data/blogs";
|
||||
import React from "react";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { Pagination } from "swiper/modules";
|
||||
export default function Blogs() {
|
||||
return (
|
||||
<div className="section">
|
||||
<div className="tf-container">
|
||||
<div className="heading-section d-flex gap_12 justify-content-between align-items-end flex-wrap-md mb_56">
|
||||
<div className="left">
|
||||
<div className="point text-body-1 mb_7">
|
||||
<span className="item" />
|
||||
Latest Articles
|
||||
</div>
|
||||
<h2 className="heading-title text_primary split-text effect-right">
|
||||
Get The Latest Updates
|
||||
</h2>
|
||||
<p
|
||||
className="text_mono-gray-7 text-body-1 mt_20 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
We provide timely updates on industry trends, regulatory changes,
|
||||
and <br />
|
||||
best practices to help you make informed decisions.
|
||||
</p>
|
||||
</div>
|
||||
<div className="right">
|
||||
<Link
|
||||
href={`/blog`}
|
||||
className="tf-btn height-3 rounded-12 btn-px-28"
|
||||
>
|
||||
<span>View Details</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<Swiper
|
||||
className="swiper style-pagination sw-layout"
|
||||
breakpoints={{
|
||||
0: { slidesPerView: 1 },
|
||||
575: {
|
||||
slidesPerView: 2,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 4,
|
||||
},
|
||||
}}
|
||||
spaceBetween={12}
|
||||
modules={[Pagination]}
|
||||
pagination={{
|
||||
clickable: true,
|
||||
el: ".spd7",
|
||||
}}
|
||||
>
|
||||
{blogPosts.map((post) => (
|
||||
<SwiperSlide className="swiper-slide" key={`blog-${post.id}`}>
|
||||
<div className="blog-article-item style-4">
|
||||
<Link
|
||||
href={`/single-post/${post.id}`}
|
||||
className="article-thumb mb_11"
|
||||
>
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={post.imageSrc}
|
||||
alt={post.alt}
|
||||
src={post.imageSrc}
|
||||
width={415}
|
||||
height={280}
|
||||
/>
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={post.imageSrc}
|
||||
alt={post.alt}
|
||||
src={post.imageSrc}
|
||||
width={415}
|
||||
height={280}
|
||||
/>
|
||||
</Link>
|
||||
<div className="article-content">
|
||||
<ul className="blog-article-meta mb_8 d-flex align-items-center style-2">
|
||||
<li className="meta-item text-body-2">{post.date}</li>
|
||||
<li className="meta-item date text-body-2">
|
||||
{post.comments}
|
||||
</li>
|
||||
</ul>
|
||||
<h6 className="title fw-5 letter-spacing-2 text_mono-dark-9 line-clamp-2">
|
||||
<Link href={`/single-post/${post.id}`} className="link">
|
||||
{post.title}
|
||||
</Link>
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
<div className="sw-pagination sw-pagination-layout text-center mt_20 spd7" />
|
||||
</Swiper>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
196
components/homes/insurance-consulting/CaseStudies.jsx
Normal file
196
components/homes/insurance-consulting/CaseStudies.jsx
Normal file
@ -0,0 +1,196 @@
|
||||
"use client";
|
||||
import { caseStudies4 } from "@/data/caseStudies";
|
||||
import React, { useEffect, useState } from "react";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import Image from "next/image";
|
||||
import {
|
||||
EffectCreative,
|
||||
Navigation,
|
||||
Pagination,
|
||||
Controller,
|
||||
} from "swiper/modules";
|
||||
import { brandData } from "@/data/brands";
|
||||
const filters = [
|
||||
"All",
|
||||
"Health Insurance",
|
||||
"Property Insurance",
|
||||
"Business Insurance",
|
||||
];
|
||||
|
||||
export default function CaseStudies() {
|
||||
const [controllerSwiper, setControllerSwiper] = useState(null);
|
||||
const [activeFilter, setActiveFilter] = useState("All");
|
||||
const [filtered, setFiltered] = useState(caseStudies4);
|
||||
useEffect(() => {
|
||||
if (activeFilter == "All") {
|
||||
setFiltered(caseStudies4);
|
||||
} else {
|
||||
setFiltered(
|
||||
caseStudies4.filter((elm) => elm.categories.includes(activeFilter))
|
||||
);
|
||||
}
|
||||
}, [activeFilter]);
|
||||
|
||||
return (
|
||||
<div className="section-case-studies">
|
||||
<div className="tf-container">
|
||||
<div className="heading-section text-center mb_50">
|
||||
<div className="point text-body-1 justify-content-center mb_6">
|
||||
<span className="item" />
|
||||
Case Studies
|
||||
</div>
|
||||
<h2 className="heading-title text_primary split-text effect-right">
|
||||
Flexible Coverage Options
|
||||
</h2>
|
||||
</div>
|
||||
<div className="projectCarousel">
|
||||
<div className="thumbs">
|
||||
<div className="sw-pagination-project h2" />
|
||||
<div className="swiper-container">
|
||||
<Swiper
|
||||
controller={{ control: controllerSwiper }}
|
||||
className="swiper project-carousel-layout"
|
||||
{...{
|
||||
slidesPerView: 1,
|
||||
loop: false,
|
||||
speed: 550,
|
||||
spaceBetween: 50,
|
||||
direction: "horizontal",
|
||||
grabCursor: true,
|
||||
effect: "creative",
|
||||
creativeEffect: {
|
||||
prev: { opacity: 0, rotate: [0, 0, -10] },
|
||||
next: { opacity: 0, rotate: [0, 0, 10] },
|
||||
},
|
||||
// navigation: {
|
||||
// nextEl: navNext.length > 0 ? navNext[0] : null,
|
||||
// prevEl: navPrev.length > 0 ? navPrev[0] : null,
|
||||
// },
|
||||
pagination: {
|
||||
el: ".sw-pagination-project",
|
||||
type: "fraction",
|
||||
formatFractionCurrent: (number) =>
|
||||
number.toString().padStart(2, "0"),
|
||||
formatFractionTotal: (number) =>
|
||||
number.toString().padStart(2, "0"),
|
||||
},
|
||||
}}
|
||||
navigation={{
|
||||
prevEl: ".snbp8",
|
||||
nextEl: ".snbn8",
|
||||
}}
|
||||
modules={[EffectCreative, Navigation, Pagination, Controller]}
|
||||
>
|
||||
<div className="bg position-absolute">
|
||||
<Image
|
||||
alt="background"
|
||||
src="/images/item/bg-project.png"
|
||||
width={774}
|
||||
height={574}
|
||||
/>
|
||||
</div>
|
||||
<div className="shape position-absolute">
|
||||
<Image
|
||||
alt="shape"
|
||||
src="/images/item/shape-4.png"
|
||||
width={1129}
|
||||
height={768}
|
||||
/>
|
||||
</div>
|
||||
{filtered.map((slide, index) => (
|
||||
<SwiperSlide
|
||||
key={index}
|
||||
className="swiper-slide"
|
||||
data-categories={slide.categories}
|
||||
>
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={slide.imageSrc}
|
||||
alt={slide.alt}
|
||||
src={slide.imageSrc}
|
||||
width={slide.width}
|
||||
height={slide.height}
|
||||
/>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
<div className="swiper-filter">
|
||||
<ul className="filter-list">
|
||||
{filters.map((filter) => (
|
||||
<li
|
||||
key={filter}
|
||||
className={`filter-list-item ${
|
||||
activeFilter === filter ? "active" : ""
|
||||
}`}
|
||||
onClick={() => setActiveFilter(filter)}
|
||||
>
|
||||
{filter}
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="content flex-wrap-sm gap_16">
|
||||
<Swiper
|
||||
className="swiper project-carousel-layout-extra"
|
||||
onSwiper={setControllerSwiper}
|
||||
{...{
|
||||
slidesPerView: 1,
|
||||
loop: true,
|
||||
simulateTouch: false,
|
||||
speed: 950,
|
||||
effect: "creative",
|
||||
creativeEffect: {
|
||||
prev: { opacity: 0, translate: [-105, 0, 0] },
|
||||
next: { opacity: 0, translate: [105, 0, 0] },
|
||||
},
|
||||
}}
|
||||
modules={[EffectCreative, Controller]}
|
||||
>
|
||||
{filtered.map((elm, i) => (
|
||||
<SwiperSlide className="swiper-slide">
|
||||
<h2 className="mb_15">{elm.title}</h2>
|
||||
<p
|
||||
className="text-body-2 text_mono-gray-7"
|
||||
dangerouslySetInnerHTML={{ __html: elm.description }}
|
||||
></p>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
<div className="wrap-sw-button d-flex gap_15">
|
||||
<div className="sw-button style-default has-bg sw-project-prev snbp8">
|
||||
<i className="icon-long-arrow-alt-left-solid" />
|
||||
</div>
|
||||
<div className="sw-button style-default has-bg sw-project-next snbn8">
|
||||
<i className="icon-long-arrow-alt-right-solid" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="infiniteslide_wrap" style={{ overflow: "hidden" }}>
|
||||
<div className="infiniteslide tf-marquee style-1 infiniteSlide">
|
||||
{[...brandData, ...brandData, ...brandData].map((brand, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className={`marquee-item ${
|
||||
index >= brandData.length ? "infiniteslide_clone" : ""
|
||||
}`}
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
>
|
||||
<div className="partner">
|
||||
<Image
|
||||
alt="brands"
|
||||
src={brand.src}
|
||||
width={brand.width}
|
||||
height={brand.height}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
77
components/homes/insurance-consulting/Cta.jsx
Normal file
77
components/homes/insurance-consulting/Cta.jsx
Normal file
@ -0,0 +1,77 @@
|
||||
"use client";
|
||||
import React, { useEffect } from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
|
||||
export default function Cta() {
|
||||
return (
|
||||
<div className="section-work style-2 tf-spacing-23">
|
||||
<div className="tf-container">
|
||||
<div className="box-inner position-relative">
|
||||
<div className="heading-section text-center mb_56">
|
||||
<div className="point text-body-1 mb_17 justify-content-center">
|
||||
<span className="item" />
|
||||
Works With Us
|
||||
</div>
|
||||
<h1 className="heading-title text_primary mb_36 split-text split-lines-rotation-x">
|
||||
Customize{" "}
|
||||
<img
|
||||
className="item-1 item"
|
||||
alt=""
|
||||
src="/images/box-icon/settings-02.svg"
|
||||
/>{" "}
|
||||
Your Coverage To <br />
|
||||
Fit Your Specific{" "}
|
||||
<img
|
||||
className="item-2 item"
|
||||
alt=""
|
||||
src="/images/box-icon/check-verified-02.svg"
|
||||
/>{" "}
|
||||
Needs
|
||||
</h1>
|
||||
<p className="text-body-1 text_primary">
|
||||
Tailored insurance solutions for your unique circumstances.
|
||||
</p>
|
||||
</div>
|
||||
<div className="d-flex gap_10 wrap-btn justify-content-center">
|
||||
<Link href={`/contact-us`} className="tf-btn rounded-12 height-4">
|
||||
<span className="text-body-1">Contact Us Online</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
<Link
|
||||
href={`/about`}
|
||||
className="tf-btn btn-border border-1 height-4 rounded-12"
|
||||
>
|
||||
<span className="text-body-1 text_primary">
|
||||
Request A Call Back
|
||||
</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
<div
|
||||
className="shape-1 position-absolute scroll-tranform"
|
||||
data-direction="right"
|
||||
>
|
||||
<Image
|
||||
alt="ellipse"
|
||||
src="/images/item/ellipse-1.png"
|
||||
width={400}
|
||||
height={400}
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className="shape-2 position-absolute scroll-tranform"
|
||||
data-direction="left"
|
||||
>
|
||||
<Image
|
||||
alt="ellipse"
|
||||
src="/images/item/ellipse-2.png"
|
||||
width={640}
|
||||
height={640}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
70
components/homes/insurance-consulting/Facts.jsx
Normal file
70
components/homes/insurance-consulting/Facts.jsx
Normal file
@ -0,0 +1,70 @@
|
||||
import OdometerComponent from "@/components/common/OdometerComponent";
|
||||
import { counterData } from "@/data/facts";
|
||||
import React from "react";
|
||||
|
||||
export default function Facts() {
|
||||
return (
|
||||
<div className="section-hard-data">
|
||||
<div className="tf-container">
|
||||
<div className="heading-section d-flex gap_12 justify-content-between flex-wrap-md mb_86">
|
||||
<div className="left">
|
||||
<div className="point text-body-1 mb_12">
|
||||
<span className="item" />
|
||||
Hard Data
|
||||
</div>
|
||||
<h6 className="text_primary split-text split-lines-transform">
|
||||
As a trusted and professional insurance company, we are committed{" "}
|
||||
<br />
|
||||
to providing exceptional service and comprehensive coverage to our{" "}
|
||||
<br />
|
||||
valued clients.
|
||||
</h6>
|
||||
</div>
|
||||
<div className="right">
|
||||
<a href="#" className="tf-btn-link">
|
||||
<span className="h6"> Find Your Plan </span>
|
||||
<i className="icon-arrow-top-right"> </i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="wrap-counter style-3 gap_12">
|
||||
<div className="left">
|
||||
{counterData.left.map((item, index) => (
|
||||
<div key={`left-${index}`} className="counter-item style-3">
|
||||
<div className="counter-number">
|
||||
<div className="odometer text_primary">
|
||||
<OdometerComponent max={item.value} />
|
||||
</div>
|
||||
{item.units.map((unit, i) => (
|
||||
<span key={i} className="sub text_primary">
|
||||
{unit}
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
<p className="h6 text_primary">{item.label}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className="right">
|
||||
{counterData.right.map((item, index) => (
|
||||
<div key={`right-${index}`} className="counter-item style-3">
|
||||
<div className="counter-number">
|
||||
<div className="odometer text_primary">
|
||||
<OdometerComponent max={item.value} />
|
||||
</div>
|
||||
{item.units.map((unit, i) => (
|
||||
<span key={i} className="sub text_primary">
|
||||
{unit}
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
<p className="h6 text_primary">{item.label}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
206
components/homes/insurance-consulting/Faqs.jsx
Normal file
206
components/homes/insurance-consulting/Faqs.jsx
Normal file
@ -0,0 +1,206 @@
|
||||
import React from "react";
|
||||
|
||||
export default function Faqs() {
|
||||
return (
|
||||
<div className="section-faqs style-1">
|
||||
<div className="tf-container">
|
||||
<div className="heading-section text-center mb_52">
|
||||
<div className="point text-body-1 justify-content-center mb_7">
|
||||
<span className="item" />
|
||||
FAQs
|
||||
</div>
|
||||
<h2 className="heading-title text_primary split-text effect-right">
|
||||
Got A Question? Get Your Answer
|
||||
</h2>
|
||||
<p
|
||||
className="text_mono-gray-7 text-body-1 mt_20 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
We revolutionize industries with dynamic digital solutions, tailored
|
||||
to meet contemporary demands and <br />
|
||||
drive impactful transformations for businesses of all sectors.
|
||||
</p>
|
||||
</div>
|
||||
<ul
|
||||
className="accordion-wrap style-faqs d-grid gap_13"
|
||||
id="accordion-faq-3"
|
||||
>
|
||||
<li className="accordion-item action_click style-default v3 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-3-1"
|
||||
className="action accordion-title collapsed current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-3-1"
|
||||
>
|
||||
<div className="heading">
|
||||
<h5 className="text_mono-gray-6 title">
|
||||
How benefit that We got when choose Basic plan?
|
||||
</h5>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-3-1"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-faq-3"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2 lh-20">
|
||||
Through the collaboration with customers in discussing needs
|
||||
and demand, we’re able to attain mutual understand again
|
||||
customer trust to offer appropriate advice.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click active style-default v3 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-3-2"
|
||||
className="action accordion-title current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-3-2"
|
||||
>
|
||||
<div className="heading">
|
||||
<h5 className="text_mono-gray-6 title">
|
||||
Our project will 100% Secure?
|
||||
</h5>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-3-2"
|
||||
className="collapse show"
|
||||
data-bs-parent="#accordion-faq-3"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2 lh-20">
|
||||
Through the collaboration with customers in discussing needs
|
||||
and demand, we’re able to attain mutual understand again
|
||||
customer trust to offer appropriate advice.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click style-default v3 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-3-3"
|
||||
className="action accordion-title collapsed current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-3-3"
|
||||
>
|
||||
<div className="heading">
|
||||
<h5 className="text_mono-gray-6 title">
|
||||
NDA Agreement will include?
|
||||
</h5>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-3-3"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-faq-3"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2 lh-20">
|
||||
Through the collaboration with customers in discussing needs
|
||||
and demand, we’re able to attain mutual understand again
|
||||
customer trust to offer appropriate advice.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click style-default v3 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-3-4"
|
||||
className="action accordion-title collapsed current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-3-4"
|
||||
>
|
||||
<div className="heading">
|
||||
<h5 className="text_mono-gray-6 title">
|
||||
Can my premium license be used for all devices?
|
||||
</h5>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-3-4"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-faq-3"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2 lh-20">
|
||||
Through the collaboration with customers in discussing needs
|
||||
and demand, we’re able to attain mutual understand again
|
||||
customer trust to offer appropriate advice.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click style-default v3 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-3-5"
|
||||
className="action accordion-title collapsed current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-3-5"
|
||||
>
|
||||
<div className="heading">
|
||||
<h5 className="text_mono-gray-6 title">
|
||||
What things that we need provide when choose your service
|
||||
</h5>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-3-5"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-faq-3"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2 lh-20">
|
||||
Through the collaboration with customers in discussing needs
|
||||
and demand, we’re able to attain mutual understand again
|
||||
customer trust to offer appropriate advice.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="accordion-item action_click style-default v3 scrolling-effect effectRight">
|
||||
<a
|
||||
href="#accordion-3-6"
|
||||
className="action accordion-title collapsed current"
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded="true"
|
||||
aria-controls="accordion-3-6"
|
||||
>
|
||||
<div className="heading">
|
||||
<h5 className="text_mono-gray-6 title">
|
||||
How long for a standard project?
|
||||
</h5>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id="accordion-3-6"
|
||||
className="collapse"
|
||||
data-bs-parent="#accordion-faq-3"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2 lh-20">
|
||||
Through the collaboration with customers in discussing needs
|
||||
and demand, we’re able to attain mutual understand again
|
||||
customer trust to offer appropriate advice.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
101
components/homes/insurance-consulting/Hero.jsx
Normal file
101
components/homes/insurance-consulting/Hero.jsx
Normal file
@ -0,0 +1,101 @@
|
||||
"use client";
|
||||
import { bannerSlides2 } from "@/data/heroSlides";
|
||||
import React from "react";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
export default function Hero() {
|
||||
return (
|
||||
<div className="page-title style-4">
|
||||
<div className="tf-container">
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<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
|
||||
</p>
|
||||
<div className="text_primary text-display-3 title">
|
||||
Shaping{" "}
|
||||
<img
|
||||
className="icon animate__rollIn animate__animated"
|
||||
data-wow-delay="0s"
|
||||
alt="icon"
|
||||
src="/images/box-icon/check-verified-01.svg"
|
||||
/>{" "}
|
||||
Futures <br />
|
||||
With{" "}
|
||||
<img
|
||||
className="icon heart animate__rollIn animate__animated"
|
||||
alt="icon"
|
||||
src="/images/box-icon/heart-circle.svg"
|
||||
/>{" "}
|
||||
Insurance Solutions
|
||||
</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.
|
||||
</p>
|
||||
<div className="d-flex gap_10 wrap-btn flex-wrap-sm">
|
||||
<Link
|
||||
href={`/about`}
|
||||
className="tf-btn btn-border border-1 rounded-12 height-3"
|
||||
>
|
||||
<span className="text-body-1 text_primary">
|
||||
Book a Free Consulting
|
||||
</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
<Link
|
||||
href={`/contact-us`}
|
||||
className="tf-btn rounded-12 height-3"
|
||||
>
|
||||
<span className="text-body-1">Find your plan</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Swiper
|
||||
className="swiper style-pagination sw-layout"
|
||||
centeredSlides
|
||||
spaceBetween={12}
|
||||
loop
|
||||
initialSlide={1}
|
||||
breakpoints={{
|
||||
0: { slidesPerView: 1.2 },
|
||||
575: {
|
||||
slidesPerView: 1.2,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 1.5,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 1.67,
|
||||
},
|
||||
}}
|
||||
>
|
||||
{bannerSlides2.map((slide) => (
|
||||
<SwiperSlide className="swiper-slide" key={slide.id}>
|
||||
<div className="img-wrap">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={`images/page-title/${slide.src}`}
|
||||
alt={slide.alt}
|
||||
src={`/images/page-title/${slide.src}`}
|
||||
width={1142}
|
||||
height={744}
|
||||
/>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
83
components/homes/insurance-consulting/Services.jsx
Normal file
83
components/homes/insurance-consulting/Services.jsx
Normal file
@ -0,0 +1,83 @@
|
||||
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-22 pb-0">
|
||||
<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">
|
||||
<div className="point text-body-1 mb_7">
|
||||
<span className="item" />
|
||||
Our Services
|
||||
</div>
|
||||
<h2 className="heading-title text_primary split-text effect-right">
|
||||
Flexible Coverage Options
|
||||
</h2>
|
||||
<p
|
||||
className="text_mono-gray-7 text-body-1 mt_20 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
With our customizable approach, you can select the specific
|
||||
coverages that matter most <br />
|
||||
to you, avoiding unnecessary expenses
|
||||
</p>
|
||||
</div>
|
||||
<div className="right">
|
||||
<Link
|
||||
href={`/services`}
|
||||
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">
|
||||
{services2.map((service, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className={`tf-box-icon style-6 effect-icon ${service.bgColor} wow animate__fadeInRight animate__animated`}
|
||||
data-wow-delay={service.delay}
|
||||
>
|
||||
<div className="icon">
|
||||
<Image alt="icon" src={service.icon} width={33} height={32} />
|
||||
</div>
|
||||
<div className="content">
|
||||
<h3 className="text_primary">
|
||||
<Link
|
||||
href={`/service-details/${service.id}`}
|
||||
className="link-white mb_11"
|
||||
>
|
||||
{service.title}
|
||||
</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>
|
||||
</div>
|
||||
<div
|
||||
className="item scroll-tranform"
|
||||
data-direction="right"
|
||||
data-distance="20%"
|
||||
>
|
||||
<Image
|
||||
alt="item"
|
||||
src="/images/item/ellipse-1.png"
|
||||
width={400}
|
||||
height={400}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
224
components/homes/insurance-consulting/Testimonials.jsx
Normal file
224
components/homes/insurance-consulting/Testimonials.jsx
Normal file
@ -0,0 +1,224 @@
|
||||
"use client";
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
export default function Testimonials() {
|
||||
return (
|
||||
<div className="section-testimonial style-4">
|
||||
<div className="tf-container">
|
||||
<div className="heading-section mb_56">
|
||||
<div className="point text-body-1 mb_7">
|
||||
<span className="item" />
|
||||
Testimonials
|
||||
</div>
|
||||
<h2 className="heading-title text_primary">
|
||||
Client Satisfaction, Our Reputation
|
||||
</h2>
|
||||
<p className="text-body-1 text_mono-gray-6 mt_20">
|
||||
We’ve helped hundreds of partners, to achieve their goals and
|
||||
stellar <br />
|
||||
feedback, is our reward!
|
||||
</p>
|
||||
</div>
|
||||
<div className="d-grid gap_12">
|
||||
<div className="tf-grid-layout md-col-2">
|
||||
<div className="grid-2 gap_12">
|
||||
<div
|
||||
className="highlight-item bg-color-yellow wow animate__fadeInLeft animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<h2 className="text_pirmary fw-6">Top 5 Best</h2>
|
||||
<div className="logo">
|
||||
<Image
|
||||
alt="logo"
|
||||
src="/images/logo/logo.png"
|
||||
width={230}
|
||||
height={64}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="highlight-item bg-color-blue wow animate__fadeInLeft animate__animated"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<h2 className="text_pirmary fw-6">12+ Awards</h2>
|
||||
<div className="logo">
|
||||
<Image
|
||||
alt="logo"
|
||||
src="/images/logo/logo-1.png"
|
||||
width={222}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="testimonial style-3 wow animate__fadeInLeft animate__animated"
|
||||
data-wow-delay="0.2s"
|
||||
>
|
||||
<h5 className="text">
|
||||
"We couldn’t have asked for a better experience. Their
|
||||
dedication to client satisfaction is reflected in their strong
|
||||
industry reputation. "
|
||||
</h5>
|
||||
<div className="content d-flex align-items-end justify-content-between gap_12">
|
||||
<div className="box-user d-flex align-items-center">
|
||||
<div className="avatar">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src="/images/avatar/avatar-14.jpg"
|
||||
width={64}
|
||||
height={64}
|
||||
/>
|
||||
</div>
|
||||
<div className="info">
|
||||
<h6 className="name">Z. Ibrahimović</h6>
|
||||
<p>CEO & Founder, Catherine Studio</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="partner">
|
||||
<Image
|
||||
alt="logo"
|
||||
src="/images/brands/brand-10.png"
|
||||
width={138}
|
||||
height={32}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tf-grid-layout md-col-2">
|
||||
<div
|
||||
className="testimonial style-3 wow animate__fadeInRight animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<h5 className="text">
|
||||
"Their reputation for excellence speaks for itself. Every
|
||||
interaction was professional."
|
||||
</h5>
|
||||
<div className="content d-flex align-items-end justify-content-between gap_12">
|
||||
<div className="box-user d-flex align-items-center">
|
||||
<div className="avatar">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src="/images/avatar/avatar-15.jpg"
|
||||
width={64}
|
||||
height={64}
|
||||
/>
|
||||
</div>
|
||||
<div className="info">
|
||||
<h6 className="name">K. Mainoo</h6>
|
||||
<p>Project Managerment at Amoor</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="partner">
|
||||
<Image
|
||||
alt="logo"
|
||||
src="/images/brands/brand-11.png"
|
||||
width={97}
|
||||
height={37}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="grid-2 gap_12">
|
||||
<div
|
||||
className="highlight-item bg-color-red wow animate__fadeInRight animate__animated"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<h2 className="text_pirmary fw-6">Winner</h2>
|
||||
<div className="logo">
|
||||
<Image
|
||||
alt="logo"
|
||||
src="/images/logo/logo-2.png"
|
||||
width={178}
|
||||
height={48}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="highlight-item bg-color-yellow wow animate__fadeInRight animate__animated"
|
||||
data-wow-delay="0.2s"
|
||||
>
|
||||
<h2 className="text_pirmary fw-6">12+ Awards</h2>
|
||||
<div className="logo">
|
||||
<Image
|
||||
alt="logo"
|
||||
src="/images/logo/logo-4.png"
|
||||
width={160}
|
||||
height={96}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tf-grid-layout md-col-2">
|
||||
<div className="grid-2 gap_12">
|
||||
<div
|
||||
className="highlight-item bg-color-blue wow animate__fadeInLeft animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<h2 className="text_pirmary fw-6">News</h2>
|
||||
<div className="logo">
|
||||
<Image
|
||||
alt="logo"
|
||||
src="/images/logo/logo-3.png"
|
||||
width={202}
|
||||
height={96}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="highlight-item bg-color-green wow animate__fadeInLeft animate__animated"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<h2 className="text_pirmary fw-6">Top 8 Best</h2>
|
||||
<div className="logo">
|
||||
<Image
|
||||
alt="logo"
|
||||
src="/images/logo/logo-1.png"
|
||||
width={222}
|
||||
height={56}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="testimonial style-3 wow animate__fadeInLeft animate__animated"
|
||||
data-wow-delay="0.2s"
|
||||
>
|
||||
<h5 className="text">
|
||||
"The team’s responsiveness and ability to meet our needs was
|
||||
remarkable. Their excellent reputation precedes them, and they
|
||||
more than lived up to it."
|
||||
</h5>
|
||||
<div className="content d-flex align-items-end justify-content-between gap_12">
|
||||
<div className="box-user d-flex align-items-center">
|
||||
<div className="avatar">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src="/images/avatar/avatar-14.jpg"
|
||||
width={64}
|
||||
height={64}
|
||||
/>
|
||||
</div>
|
||||
<div className="info">
|
||||
<h6 className="name">D. Van De Beek</h6>
|
||||
<p>Marketing Manager, VDV</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="partner">
|
||||
<Image
|
||||
alt="logo"
|
||||
src="/images/brands/brand-12.png"
|
||||
width={108}
|
||||
height={40}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
119
components/homes/marketing-consulting/About.jsx
Normal file
119
components/homes/marketing-consulting/About.jsx
Normal file
@ -0,0 +1,119 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import OdometerComponent from "@/components/common/OdometerComponent";
|
||||
export default function About() {
|
||||
return (
|
||||
<div className="section-about style-1">
|
||||
<div className="tf-container-2">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="left">
|
||||
<div className="heading-section gap_12">
|
||||
<div className="heading-tag d-flex gap_12 mb_20 text_mono-dark-8 fw-5">
|
||||
<div className="icon">
|
||||
<i className="icon-star" />
|
||||
</div>
|
||||
<p className="text-body-3">About Us</p>
|
||||
</div>
|
||||
<h2 className="title text_mono-dark-9 fw-5 split-text split-lines-rotation-x">
|
||||
<span className="text-gradient">Master</span> your marketing
|
||||
<br />
|
||||
strategies with us
|
||||
</h2>
|
||||
</div>
|
||||
<div className="content">
|
||||
<p
|
||||
className="text-body-1 mb_40 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
Building personalized campaigns that drive engagement, boost{" "}
|
||||
<br />
|
||||
conversions, and enhance customer loyalty.
|
||||
</p>
|
||||
<Link
|
||||
href={`/about`}
|
||||
className="tf-btn btn-primary2 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<span className="text-caption-3">About Us</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="right position-relative">
|
||||
<div className="img-style">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src="/images/section/section-about-2.jpg"
|
||||
alt="section-about"
|
||||
src="/images/section/section-about-2.jpg"
|
||||
width={693}
|
||||
height={410}
|
||||
/>
|
||||
</div>
|
||||
<div className="highlight scroll-tranform" data-distance="20%">
|
||||
<div className="icon mb_29">
|
||||
<svg
|
||||
width={24}
|
||||
height={24}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9.20696 20.2929C9.59748 20.6834 9.59748 21.3166 9.20696 21.7071C8.81643 22.0976 8.18327 22.0976 7.79274 21.7071L4.49985 18.4142C3.7188 17.6332 3.7188 16.3668 4.49985 15.5858L7.79274 12.2929C8.18327 11.9024 8.81643 11.9024 9.20696 12.2929C9.59748 12.6834 9.59748 13.3166 9.20696 13.7071L6.91406 16L18.9998 16C19.5521 16 19.9998 16.4477 19.9998 17C19.9998 17.5523 19.5521 18 18.9998 18L6.91406 18L9.20696 20.2929Z"
|
||||
fill="white"
|
||||
/>
|
||||
<path
|
||||
d="M5 6C4.44771 6 4 6.44772 4 7C4 7.55228 4.44772 8 5 8L17.0858 8L14.7929 10.2929C14.4024 10.6834 14.4024 11.3166 14.7929 11.7071C15.1834 12.0976 15.8166 12.0976 16.2071 11.7071L19.5 8.41421C20.281 7.63316 20.281 6.36683 19.5 5.58579L16.2071 2.29289C15.8166 1.90237 15.1834 1.90237 14.7929 2.29289C14.4024 2.68342 14.4024 3.31658 14.7929 3.70711L17.0858 6L5 6Z"
|
||||
fill="white"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="text-body-3 fw-6 total mb_2">Total Sales</div>
|
||||
<div className="counter-item style-1 flex-column align-items-start mb_6">
|
||||
<div className="counter-number">
|
||||
<h2 className="odometer fw-6">
|
||||
<OdometerComponent max={30} />
|
||||
</h2>
|
||||
<span className="sub fw-6">k</span>
|
||||
<span className="sub fw-6">+</span>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-body-3 fw-6">
|
||||
<svg
|
||||
width={16}
|
||||
height={16}
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M3 7L8 2L13 7"
|
||||
stroke="#83BF6E"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M8 14V2"
|
||||
stroke="#83BF6E"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
</svg>
|
||||
<span>25.8%</span> this week
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
106
components/homes/marketing-consulting/Banner.jsx
Normal file
106
components/homes/marketing-consulting/Banner.jsx
Normal file
@ -0,0 +1,106 @@
|
||||
"use client";
|
||||
|
||||
import gsap from "gsap";
|
||||
import { ScrollTrigger } from "gsap/ScrollTrigger";
|
||||
import { useEffect } from "react";
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
export default function Banner() {
|
||||
useEffect(() => {
|
||||
// Select all elements with the class "text-container" inside ".banner-stripe"
|
||||
const textContainers = document.querySelectorAll(
|
||||
".banner-stripe .text-container"
|
||||
);
|
||||
|
||||
textContainers.forEach((container) => {
|
||||
const settings = {
|
||||
scrollTrigger: {
|
||||
trigger: container,
|
||||
start: "top bottom", // Animation starts when the top of the element hits the bottom of the viewport
|
||||
end: "bottom top", // Animation ends when the bottom of the element hits the top of the viewport
|
||||
scrub: 1, // Smooth scrubbing effect
|
||||
markers: false, // Disable debug markers
|
||||
},
|
||||
ease: "none", // No easing
|
||||
};
|
||||
|
||||
// Check if the element has the class "effect-left" or "effect-right"
|
||||
if (container.classList.contains("effect-left")) {
|
||||
settings.x = "-7%"; // Move left by 7%
|
||||
}
|
||||
if (container.classList.contains("effect-right")) {
|
||||
settings.x = "7%"; // Move right by 7%
|
||||
}
|
||||
|
||||
// Apply the GSAP animation
|
||||
gsap.to(container, settings);
|
||||
});
|
||||
|
||||
// Cleanup ScrollTrigger instances on component unmount
|
||||
return () => {
|
||||
ScrollTrigger.getAll().forEach((trigger) => trigger.kill());
|
||||
};
|
||||
}, []); // Empty dependency array ensures this runs only once after mount
|
||||
return (
|
||||
<div className="banner-stripe tf-spacing-43">
|
||||
<div className="text-container scrolling-text effect-right">
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
Email
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
<i className="icon-Star-2" />
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
Business
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
<i className="icon-Star-2" />
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
Marketing
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
<i className="icon-Star-2" />
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
Consulting
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
<i className="icon-Star-2" />
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
Money
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
<i className="icon-Star-2" />
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
Email
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
<i className="icon-Star-2" />
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
Business
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
<i className="icon-Star-2" />
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
Marketing
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
<i className="icon-Star-2" />
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
Consulting
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
<i className="icon-Star-2" />
|
||||
</span>
|
||||
<span className="banner-text text-display-2 text_mono-gray-5">
|
||||
Money
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
140
components/homes/marketing-consulting/Blogs.jsx
Normal file
140
components/homes/marketing-consulting/Blogs.jsx
Normal file
@ -0,0 +1,140 @@
|
||||
"use client";
|
||||
import { blogArticles3 } from "@/data/blogs";
|
||||
import React from "react";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
export default function Blogs() {
|
||||
return (
|
||||
<div className="section-blog style-1 sw-layout-1 tf-spacing-44">
|
||||
<div className="tf-container-2">
|
||||
<div className="heading-section d-flex gap_12 justify-content-between align-items-end flex-wrap-md mb_59">
|
||||
<div className="left">
|
||||
<div className="heading-tag v2 d-flex gap_12 mb_20 text_mono-gray-5 fw-5">
|
||||
<div className="icon">
|
||||
<i className="icon-blogger text_mono-gray-5" />
|
||||
</div>
|
||||
<p className="text-body-3 fw-5">Blogs</p>
|
||||
</div>
|
||||
<h2 className="title text_white fw-5 split-text effect-right">
|
||||
Our precious <span className="text-gradient">blogs</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div className="right">
|
||||
<div className="wrap-sw-button d-flex gap_16">
|
||||
<div className="sw-button style-default has-bg nav-prev-layout-1">
|
||||
<svg
|
||||
width={24}
|
||||
height={24}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M4 12L20 12"
|
||||
stroke="white"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M8.99996 17C8.99996 17 4.00001 13.3176 4 12C3.99999 10.6824 9 7 9 7"
|
||||
stroke="white"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="sw-button style-default has-bg nav-next-layout-1">
|
||||
<svg
|
||||
width={24}
|
||||
height={24}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M20 12L4 12"
|
||||
stroke="white"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M15 17C15 17 20 13.3176 20 12C20 10.6824 15 7 15 7"
|
||||
stroke="white"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tf-container-2 slider-layout-right">
|
||||
<Swiper
|
||||
className="swiper"
|
||||
breakpoints={{
|
||||
0: { slidesPerView: 1.2 },
|
||||
575: {
|
||||
slidesPerView: 1.6,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 2.5,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3.6,
|
||||
spaceBetween: 72,
|
||||
},
|
||||
}}
|
||||
spaceBetween={15}
|
||||
>
|
||||
{blogArticles3.map((article) => (
|
||||
<SwiperSlide
|
||||
className="swiper-slide"
|
||||
key={`blog-article-${article.id}`}
|
||||
>
|
||||
<div className="blog-article-item style-3 hover-image-3">
|
||||
<Link
|
||||
href={`/single-post/${article.id}`}
|
||||
className="article-thumb mb_30"
|
||||
>
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={article.imageSrc}
|
||||
alt="blog"
|
||||
src={article.imageSrc}
|
||||
width={article.width}
|
||||
height={article.height}
|
||||
/>
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={article.imageSrc}
|
||||
alt="blog"
|
||||
src={article.imageSrc}
|
||||
width={article.width}
|
||||
height={article.height}
|
||||
/>
|
||||
</Link>
|
||||
<div className="article-content">
|
||||
<p className="text-body-1 text_mono-gray-5 mb_8">
|
||||
{article.date}
|
||||
</p>
|
||||
<h6 className="title fw-5 letter-spacing-2 text_white">
|
||||
<Link href={`/single-post/${article.id}`} className="link">
|
||||
{article.title}
|
||||
</Link>
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
37
components/homes/marketing-consulting/Brands.jsx
Normal file
37
components/homes/marketing-consulting/Brands.jsx
Normal file
@ -0,0 +1,37 @@
|
||||
const brands = [
|
||||
{ id: 1, src: "/images/brands/brand1.png", width: 169, height: 56 },
|
||||
{ id: 2, src: "/images/brands/brand2.png", width: 169, height: 56 },
|
||||
];
|
||||
import Image from "next/image";
|
||||
|
||||
export default function Brands() {
|
||||
return (
|
||||
<div className="">
|
||||
<div >
|
||||
<div
|
||||
className="tf-marquee"
|
||||
style={{
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
}}
|
||||
>
|
||||
{brands.map((brand) => (
|
||||
<div
|
||||
key={`brand-${brand.id}`}
|
||||
>
|
||||
<div className="partner style-1">
|
||||
<Image
|
||||
alt={`Brand ${brand.id}`}
|
||||
src={brand.src}
|
||||
width={brand.width}
|
||||
height={brand.height}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
165
components/homes/marketing-consulting/CaseStudies.jsx
Normal file
165
components/homes/marketing-consulting/CaseStudies.jsx
Normal file
@ -0,0 +1,165 @@
|
||||
"use client";
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { socialIcons, teamMembers2 } from "@/data/team";
|
||||
|
||||
export default function CaseStudies() {
|
||||
return (
|
||||
<div className="section-case-studies style-1 tf-spacing-36 pb-5">
|
||||
<div className="tf-container">
|
||||
<div className="heading-section gap_12 text-center">
|
||||
<div className="heading-tag d-flex gap_12 mx-auto mb_20 text_mono-dark-8 fw-5">
|
||||
<div className="icon">
|
||||
<i className="icon-book-bookmark-02" />
|
||||
</div>
|
||||
<p className="text-body-3">Management</p>
|
||||
</div>
|
||||
<h2 className="title text_mono-dark-9 fw-5 split-text effect-right">
|
||||
Our <span className="text-gradient">expert</span> team
|
||||
</h2>
|
||||
<p
|
||||
className="text-body-1 text_mono-gray-7 mt_28 mb_20 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
With custom services, we empower the development, <br />
|
||||
provide support from your unique vision
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Responsive Grid Container */}
|
||||
<div className="team-grid-container">
|
||||
<div className="team-grid">
|
||||
{teamMembers2.map((member, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="team-item v2 style-default hover-border hover-image"
|
||||
>
|
||||
{/* <a href="#" className="img-style mb_19">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src={member.image}
|
||||
width={406}
|
||||
height={406}
|
||||
/>
|
||||
</a> */}
|
||||
<div className="bot">
|
||||
<div className="content">
|
||||
<h3 className="name team-member-name">
|
||||
<a href="#" className="link hover-line-text">
|
||||
{member.name}
|
||||
</a>
|
||||
</h3>
|
||||
<p className="text-body-1 team-member-role">{member.role}</p>
|
||||
</div>
|
||||
<ul className="social d-flex gap_12 justify-content-center">
|
||||
{socialIcons.map((icon, i) => (
|
||||
<li key={i}>
|
||||
<a href={icon.href} className={icon.className} />
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style jsx>{`
|
||||
.team-grid-container {
|
||||
width: 100%;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.team-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
gap: 1rem;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.team-member-name {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.team-member-role {
|
||||
font-size: 16px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
/* Tablet styles */
|
||||
@media (max-width: 1024px) {
|
||||
.team-grid {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.team-member-name {
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile landscape */
|
||||
@media (max-width: 768px) {
|
||||
.team-grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.team-member-name {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.team-member-role {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile portrait */
|
||||
@media (max-width: 480px) {
|
||||
.team-grid-container {
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
.team-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 1.5rem;
|
||||
max-width: 350px;
|
||||
}
|
||||
|
||||
.team-item {
|
||||
text-align: center;
|
||||
padding: 1.5rem 1rem;
|
||||
}
|
||||
|
||||
.team-member-name {
|
||||
font-size: 22px;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.team-member-role {
|
||||
font-size: 14px;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.social {
|
||||
justify-content: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Extra small devices */
|
||||
@media (max-width: 320px) {
|
||||
.team-member-name {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.team-member-role {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
`}</style>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
28
components/homes/marketing-consulting/Cta.jsx
Normal file
28
components/homes/marketing-consulting/Cta.jsx
Normal file
@ -0,0 +1,28 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
export default function Cta() {
|
||||
return (
|
||||
<div className="tf-container-2 tf-spacing-45 pt-0">
|
||||
<div className="banner-CTA">
|
||||
<h1 className="text_white split-text effect-right">
|
||||
Ready to start a new project?
|
||||
</h1>
|
||||
<div className="bot flex-wrap-md d-flex align-items-end justify-content-between gap_12">
|
||||
<p className="text-body-1 text_white split-text split-lines-transform">
|
||||
Our expert marketing consulting services are designed to help your
|
||||
business unlock its full potential. From identifying growth
|
||||
opportunities
|
||||
</p>
|
||||
<Link
|
||||
href={`/pricing`}
|
||||
className="tf-btn btn-white2 wow animate__fadeInRight animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
<span className="text-body-3">Get Started</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
159
components/homes/marketing-consulting/Faqs.jsx
Normal file
159
components/homes/marketing-consulting/Faqs.jsx
Normal file
@ -0,0 +1,159 @@
|
||||
"use client";
|
||||
const faqData = [
|
||||
{
|
||||
id: 1,
|
||||
question: "Do you provide personalized financial plans?",
|
||||
answer:
|
||||
"Advitex offers a range of financial consulting services, including personal financial planning, corporate strategy, investment advisory, and risk compliance. We tailor our solutions to help individuals, businesses, and investors achieve their financial goals efficiently.",
|
||||
isActive: false,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
question: "How can financial consulting benefit my business?",
|
||||
answer:
|
||||
"Advitex offers a range of financial consulting services, including personal financial planning, corporate strategy, investment advisory, and risk compliance. We tailor our solutions to help individuals, businesses, and investors achieve their financial goals efficiently.",
|
||||
isActive: true, // Default open
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
question: "What services does Advitex offer?",
|
||||
answer:
|
||||
"Advitex offers a range of financial consulting services, including personal financial planning, corporate strategy, investment advisory, and risk compliance. We tailor our solutions to help individuals, businesses, and investors achieve their financial goals efficiently.",
|
||||
isActive: false,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
question: "What industries do you specialize in?",
|
||||
answer:
|
||||
"Advitex offers a range of financial consulting services, including personal financial planning, corporate strategy, investment advisory, and risk compliance. We tailor our solutions to help individuals, businesses, and investors achieve their financial goals efficiently.",
|
||||
isActive: false,
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
question: "How long does the consultation process take?",
|
||||
answer:
|
||||
"Advitex offers a range of financial consulting services, including personal financial planning, corporate strategy, investment advisory, and risk compliance. We tailor our solutions to help individuals, businesses, and investors achieve their financial goals efficiently.",
|
||||
isActive: false,
|
||||
},
|
||||
];
|
||||
|
||||
import React, { useEffect } from "react";
|
||||
import Link from "next/link";
|
||||
export default function Faqs() {
|
||||
useEffect(() => {
|
||||
const items = document.querySelectorAll(".action_click");
|
||||
if (items.length === 0) return;
|
||||
|
||||
let isProcessing = false;
|
||||
|
||||
const handleClick = (e) => {
|
||||
if (isProcessing) return;
|
||||
isProcessing = true;
|
||||
|
||||
// Remove "active" from all other .action_click elements
|
||||
items.forEach((item) => {
|
||||
if (!item.contains(e.currentTarget)) {
|
||||
item.classList.remove("active");
|
||||
}
|
||||
});
|
||||
|
||||
// Toggle "active" on the clicked one
|
||||
const clickedItem = e.currentTarget.closest(".action_click");
|
||||
if (clickedItem) {
|
||||
clickedItem.classList.toggle("active");
|
||||
}
|
||||
|
||||
setTimeout(() => {
|
||||
isProcessing = false;
|
||||
}, 500);
|
||||
};
|
||||
|
||||
// Add listeners
|
||||
const actions = document.querySelectorAll(".action_click .action");
|
||||
actions.forEach((el) => el.addEventListener("click", handleClick));
|
||||
|
||||
// Cleanup
|
||||
return () => {
|
||||
actions.forEach((el) => el.removeEventListener("click", handleClick));
|
||||
};
|
||||
}, []);
|
||||
return (
|
||||
<div className="section-faqs style-2 tf-spacing-1 pt-0">
|
||||
<div className="tf-container">
|
||||
<div className="heading-section gap_12 text-center mb_64">
|
||||
<div className="heading-tag d-flex gap_12 mx-auto mb_20 text_mono-dark-8 fw-5">
|
||||
<div className="icon">
|
||||
<i className="icon-message-question" />
|
||||
</div>
|
||||
<p className="text-body-3">The FAQs</p>
|
||||
</div>
|
||||
<h2 className="title text_mono-dark-9 fw-5 split-text effect-right">
|
||||
Everything you need to <span className="text-gradient">know</span>
|
||||
</h2>
|
||||
<p
|
||||
className="text-body-1 text_mono-gray-7 mt_28 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
Helping you streamline operations, reduce costs, and achieve
|
||||
measurable <br />
|
||||
success with proven methodologies.
|
||||
</p>
|
||||
</div>
|
||||
<ul
|
||||
className="accordion-wrap style-faqs d-grid gap_23"
|
||||
id="accordion-faq-4"
|
||||
>
|
||||
{faqData.map((faq) => (
|
||||
<li
|
||||
key={faq.id}
|
||||
className={`accordion-item action_click style-default v4 scrolling-effect effectRight ${
|
||||
faq.isActive ? "active" : ""
|
||||
}`}
|
||||
>
|
||||
<a
|
||||
href={`#accordion-4-${faq.id}`}
|
||||
className={`action accordion-title current ${
|
||||
faq.isActive ? "" : "collapsed"
|
||||
}`}
|
||||
data-bs-toggle="collapse"
|
||||
aria-expanded={faq.isActive ? "true" : "false"}
|
||||
aria-controls={`accordion-4-${faq.id}`}
|
||||
>
|
||||
<div className="heading">
|
||||
<div className="text_mono-dark-9 text-body-1 title fw-5">
|
||||
{faq.question}
|
||||
</div>
|
||||
</div>
|
||||
<div className="icon" />
|
||||
</a>
|
||||
<div
|
||||
id={`accordion-4-${faq.id}`}
|
||||
className={`collapse ${faq.isActive ? "show" : ""}`}
|
||||
data-bs-parent="#accordion-faq-4"
|
||||
>
|
||||
<div className="accordion-faqs-content">
|
||||
<p className="text_mono-dark-9 text-body-2">{faq.answer}</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
<div className="bot text-center">
|
||||
<div className="text-body-1 text_mono-gray-7">
|
||||
If you can't find your answer, please{" "}
|
||||
<Link
|
||||
href={`/contact-us`}
|
||||
className="link text_black fw-5 text-decoration-underline"
|
||||
>
|
||||
Contact Us
|
||||
</Link>
|
||||
</div>
|
||||
<Link href={`/faqs`} className="tf-btn btn-primary2 height-2 mx-auto">
|
||||
<span>All questions</span>
|
||||
<span className="bg-effect" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
139
components/homes/marketing-consulting/Features.jsx
Normal file
139
components/homes/marketing-consulting/Features.jsx
Normal file
@ -0,0 +1,139 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
|
||||
export default function Features() {
|
||||
return (
|
||||
<div className="section-values style-1 tf-spacing-35">
|
||||
<div className="tf-container-2">
|
||||
<div className="heading-section text-center mb_58">
|
||||
<div className="heading-tag d-flex gap_12 text_mono-dark-8 fw-5 fw-5 mx-auto mb_20">
|
||||
<div className="icon">
|
||||
<i className="icon-bulb" />
|
||||
</div>
|
||||
<p className="text-body-3 fw-5">Our Core Values</p>
|
||||
</div>
|
||||
<h2 className="title text_mono-dark-9 fw-5 split-text split-lines-rotation-x">
|
||||
Our Innovative strategies backed by <br />
|
||||
<span className="text-gradient"> Data-Driven</span> insights
|
||||
</h2>
|
||||
</div>
|
||||
<div className="tf-grid-layout lg-col-3 md-col-2">
|
||||
<div className="tf-box-icon style-5 effect-icon">
|
||||
<div className="icon mb_24">
|
||||
<Image
|
||||
alt="icon"
|
||||
src="/images/box-icon/creative-solutions.svg"
|
||||
width={29}
|
||||
height={29}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
|
||||
Creative solutions that deliver
|
||||
</div>
|
||||
<p className="text-body-3 text_mono-gray-7">
|
||||
Their innovative campaigns in redefining our brand identity and
|
||||
market positioning have increased engagement by 22%
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tf-box-icon style-5 effect-icon">
|
||||
<div className="icon mb_24">
|
||||
<Image
|
||||
alt="icon"
|
||||
src="/images/box-icon/package-open.svg"
|
||||
width={33}
|
||||
height={32}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
|
||||
Results-Driven Approach
|
||||
</div>
|
||||
<p className="text-body-3 text_mono-gray-7">
|
||||
Their targeted strategies in optimizing lead generation funnels
|
||||
boosted our conversion rates by 15% last quarter.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tf-box-icon style-5 effect-icon">
|
||||
<div className="icon mb_24">
|
||||
<Image
|
||||
alt="icon"
|
||||
src="/images/box-icon/laptop-issue.svg"
|
||||
width={33}
|
||||
height={32}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
|
||||
Client-Centric Collaboration
|
||||
</div>
|
||||
<p className="text-body-3 text_mono-gray-7">
|
||||
Their tailored marketing plans aligned with our goals have
|
||||
strengthened customer loyalty and retention by 20%.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tf-box-icon style-5 effect-icon">
|
||||
<div className="icon mb_24">
|
||||
<Image
|
||||
alt="icon"
|
||||
src="/images/box-icon/auto-conversations.svg"
|
||||
width={32}
|
||||
height={32}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
|
||||
Transparency and Integrity
|
||||
</div>
|
||||
<p className="text-body-3 text_mono-gray-7">
|
||||
Their straightforward reporting and ethical practices have
|
||||
ensured trust while improving campaign efficiency by 25%.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tf-box-icon style-5 effect-icon">
|
||||
<div className="icon mb_24">
|
||||
<Image
|
||||
alt="icon"
|
||||
src="/images/box-icon/database.svg"
|
||||
width={33}
|
||||
height={32}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
|
||||
Data-Powered Decisions
|
||||
</div>
|
||||
<p className="text-body-3 text_mono-gray-7">
|
||||
Their analysis-driven recommendations in refining ad spend
|
||||
allocation have increased ROI by 30% in our key markets.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="tf-box-icon style-5 effect-icon">
|
||||
<div className="icon mb_24">
|
||||
<Image
|
||||
alt="icon"
|
||||
src="/images/box-icon/discover-circle.svg"
|
||||
width={33}
|
||||
height={32}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
|
||||
Commitment to Excellence
|
||||
</div>
|
||||
<p className="text-body-3 text_mono-gray-7">
|
||||
Their proactive support in managing our multi-channel campaigns
|
||||
led to a seamless launch and 18% revenue growth.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
386
components/homes/marketing-consulting/Features2.jsx
Normal file
386
components/homes/marketing-consulting/Features2.jsx
Normal file
@ -0,0 +1,386 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
export default function Features2() {
|
||||
return (
|
||||
<div className="section mt_30">
|
||||
<div className="tf-container-2">
|
||||
<div className="heading-section text-center mb_58">
|
||||
<div className="heading-tag d-flex gap_12 mx-auto mb_20 text_mono-dark-8 fw-5">
|
||||
<div className="icon">
|
||||
<i className="icon-user-question-02" />
|
||||
</div>
|
||||
<p className="text-body-3 fw-5">What we offer</p>
|
||||
</div>
|
||||
<h2 className="title text_mono-dark-9 fw-5 split-text split-lines-rotation-x">
|
||||
Our unique offerings to{" "}
|
||||
<span className="text-gradient">unlock</span> your <br />
|
||||
full business potential
|
||||
</h2>
|
||||
<p
|
||||
className="text-body-1 text_mono-gray-7 mt_27 wow animate__fadeInUp animate__animated"
|
||||
data-wow-delay="0s"
|
||||
>
|
||||
Discover the expertise, innovation, and commitment that set us
|
||||
apart. We <br />
|
||||
deliver tailored strategies and measurable results to help.
|
||||
</p>
|
||||
</div>
|
||||
<ul
|
||||
className="nav nav-tabs-wrap style-2 overflow-x-auto mb_48"
|
||||
id="myTab"
|
||||
role="tablist"
|
||||
>
|
||||
<li className="nav-item" role="presentation">
|
||||
<button
|
||||
className="nav-link active"
|
||||
id="service-1"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#service-1-pane"
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-controls="service-1-pane"
|
||||
aria-selected="true"
|
||||
>
|
||||
<span className="text-body-1 text_mono-gray-5">01</span>
|
||||
<span className="fw-5 h6"> Business Consultation</span>
|
||||
<span className="line" />
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item" role="presentation">
|
||||
<button
|
||||
className="nav-link"
|
||||
id="service-2"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#service-2-pane"
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-controls="service-2-pane"
|
||||
aria-selected="false"
|
||||
>
|
||||
<span className="text-body-1 text_mono-gray-5">02</span>
|
||||
<span className="fw-5 h6"> Trade Connects & MOUs</span>
|
||||
<span className="line" />
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item" role="presentation">
|
||||
<button
|
||||
className="nav-link"
|
||||
id="service-3"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#service-3-pane"
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-controls="service-3-pane"
|
||||
aria-selected="false"
|
||||
>
|
||||
<span className="text-body-1 text_mono-gray-5">03</span>
|
||||
<span className="fw-5 h6"> Legal & Logistics Support</span>
|
||||
<span className="line" />
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item" role="presentation">
|
||||
<button
|
||||
className="nav-link"
|
||||
id="service-4"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#service-4-pane"
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-controls="service-4-pane"
|
||||
aria-selected="false"
|
||||
>
|
||||
<span className="text-body-1 text_mono-gray-5">04</span>
|
||||
<span className="fw-5 h6"> Project Identification</span>
|
||||
<span className="line" />
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div
|
||||
className="tab-content flat-animate-tab effect-content-slide"
|
||||
id="myTabContent"
|
||||
>
|
||||
<div
|
||||
className="tab-pane show active"
|
||||
id="service-1-pane"
|
||||
role="tabpanel"
|
||||
aria-labelledby="service-1"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div className="box-service style-2">
|
||||
<div className="img-style effect-item effect-left">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src="/images/section/service-5.jpg"
|
||||
alt="service"
|
||||
src="/images/section/service-5.jpg"
|
||||
width={651}
|
||||
height={691}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="heading effect-item effect-right">
|
||||
<h6 className="text_primary fw-5 mb_12 number">01</h6>
|
||||
<h4 className="fw-5 mb_14 mb_24 title">
|
||||
Business Consultation
|
||||
</h4>
|
||||
<p className="text-body-1 text_mono-gray-7">
|
||||
Develop Ireland-India business and trade activities
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<ul className="list effect-item effect-right effect-3 mb_56">
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" /> We offering
|
||||
customized strategies that truly work for you
|
||||
</li>
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" />
|
||||
Brings the knowledge and insights you need to make
|
||||
informed decisions that drive success.
|
||||
</li>
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" /> Cancel anytime you
|
||||
want
|
||||
</li>
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" /> Proven Results and
|
||||
Client Satisfaction
|
||||
</li>
|
||||
</ul>
|
||||
<div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
|
||||
<div className="avatar rounded-cycle overflow-hidden">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src="/images/avatar/avatar-17.jpg"
|
||||
width={144}
|
||||
height={144}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<p className="description fw-3 text-body-2 mb_4 text_color-text-1">
|
||||
“It's a comprehensive tool of Advitex that we
|
||||
<span className="fw-6 text_color-text-1">
|
||||
rely on daily{" "}
|
||||
</span>
|
||||
to guide our
|
||||
<span className="fw-6 text_color-text-1">
|
||||
investment decisions
|
||||
</span>
|
||||
”
|
||||
</p>
|
||||
<div className="text-body-2 fw-6 text_color-text-1">
|
||||
John Sena - CEO of Kling
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="tab-pane show"
|
||||
id="service-2-pane"
|
||||
role="tabpanel"
|
||||
aria-labelledby="service-2"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div className="box-service style-2">
|
||||
<div className="img-style effect-item effect-left">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src="/images/section/service-6.jpg"
|
||||
alt="service"
|
||||
src="/images/section/service-6.jpg"
|
||||
width={651}
|
||||
height={691}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="heading mb_28 effect-item effect-right">
|
||||
<h6 className="text_primary fw-5 mb_12 number">02</h6>
|
||||
<h4 className="fw-5 mb_14 mb_24 title">
|
||||
Trade Connects & MOUs
|
||||
</h4>
|
||||
<p className="text-body-1 text_mono-gray-7">
|
||||
Organized events/seminars for promoting trade and business between both the countries
|
||||
</p>
|
||||
</div>
|
||||
<ul className="list effect-item effect-right effect-3 mb_56">
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" /> Personalized
|
||||
approaches crafted for your specific needs
|
||||
</li>
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" /> Strategic insights
|
||||
to turn your goals into measurable outcomes
|
||||
</li>
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" /> Flexibility to adapt
|
||||
as your priorities change
|
||||
</li>
|
||||
</ul>
|
||||
<div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
|
||||
<div className="avatar rounded-cycle overflow-hidden">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src="/images/avatar/avatar-5.jpg"
|
||||
width={100}
|
||||
height={100}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<p className="description fw-3 text-body-2 mb_4 text_color-text-1">
|
||||
"Thanks to Advitex's stock planning tools, we have seen
|
||||
remarkable stability in our investments, even during
|
||||
volatile periods."
|
||||
</p>
|
||||
<div className="text-body-2 fw-6 text_color-text-1">
|
||||
Alex Boar - CEO of Marcus
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="tab-pane show"
|
||||
id="service-3-pane"
|
||||
role="tabpanel"
|
||||
aria-labelledby="service-3"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div className="box-service style-2">
|
||||
<div className="img-style effect-item effect-left">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src="/images/section/service-7.jpg"
|
||||
alt="service"
|
||||
src="/images/section/service-7.jpg"
|
||||
width={651}
|
||||
height={691}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="heading mb_28 effect-item effect-right">
|
||||
<h6 className="text_primary fw-5 mb_12 number">03</h6>
|
||||
<h4 className="fw-5 mb_14 mb_24 title">
|
||||
Legal & Logistics Support
|
||||
</h4>
|
||||
<p className="text-body-1 text_mono-gray-7">
|
||||
Coordinates and support high-level private business delegates both sides as well as liasing with the governments’ business agencies like events managements/delegates visa/accommodation — all other legal matters under the guidance of the government agencies.
|
||||
</p>
|
||||
</div>
|
||||
<ul className="list effect-item effect-right effect-3 mb_56">
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" /> End-to-end solutions
|
||||
tailored to your requirements
|
||||
</li>
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" />
|
||||
Transparent workflows for clarity and trust
|
||||
</li>
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" />
|
||||
Exceptional expertise ensuring timely results
|
||||
</li>
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" />
|
||||
Proven methodologies backed by client success stories
|
||||
</li>
|
||||
</ul>
|
||||
<div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
|
||||
<div className="avatar rounded-cycle overflow-hidden">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src="/images/avatar/avatar-6.jpg"
|
||||
width={100}
|
||||
height={100}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<p className="description fw-3 text-body-2 mb_4 text_color-text-1">
|
||||
"Advitex's strategic insights have been crucial in
|
||||
redefining our business path and keeping us ahead of the
|
||||
curve."
|
||||
</p>
|
||||
<div className="text-body-2 fw-6 text_color-text-1">
|
||||
Elise Chrona - CEO of Minga
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="tab-pane show"
|
||||
id="service-4-pane"
|
||||
role="tabpanel"
|
||||
aria-labelledby="service-4"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div className="box-service style-2">
|
||||
<div className="img-style effect-item effect-left">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src="/images/section/service-8.jpg"
|
||||
alt="service"
|
||||
src="/images/section/service-8.jpg"
|
||||
width={651}
|
||||
height={691}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="heading mb_28 effect-item effect-right">
|
||||
<h6 className="text_primary fw-5 mb_12 number">04</h6>
|
||||
<h4 className="fw-5 mb_14 mb_24 title">
|
||||
Project Identification
|
||||
</h4>
|
||||
<p className="text-body-1 text_mono-gray-7">
|
||||
Support Ireland investors/individuals/companies for exploring Indian markets. And Indian to Ireland. Etc.
|
||||
</p>
|
||||
</div>
|
||||
<ul className="list effect-item effect-right effect-3 mb_56">
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" />
|
||||
Data-driven evaluations to measure performance
|
||||
</li>
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" />
|
||||
Brings the knowledge and insights you need to make informed
|
||||
decisions that drive success.
|
||||
</li>
|
||||
<li className="text-body-1 text_white">
|
||||
<i className="icon-check-cycle-line" />
|
||||
Agile strategies to refine and improve results
|
||||
</li>
|
||||
</ul>
|
||||
<div className="author d-flex gap_24 align-items-center effect-item effect-right effect-4">
|
||||
<div className="avatar rounded-cycle overflow-hidden">
|
||||
<Image
|
||||
alt="avatar"
|
||||
src="/images/avatar/avatar-8.jpg"
|
||||
width={96}
|
||||
height={96}
|
||||
/>
|
||||
</div>
|
||||
<div className="content">
|
||||
<p className="description fw-3 text-body-2 mb_4 text_color-text-1">
|
||||
"Advitex's investment planning has
|
||||
<span className="">simplified complex decisions</span> ,
|
||||
giving us clarity and
|
||||
<span className="text_color-text-1 fw-6">confidence</span>
|
||||
in our financial journey."
|
||||
</p>
|
||||
<div className="text-body-2 fw-6 text_color-text-1">
|
||||
Elise Chrona - CEO of Minga
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
14
components/homes/marketing-consulting/Figures.jsx
Normal file
14
components/homes/marketing-consulting/Figures.jsx
Normal file
@ -0,0 +1,14 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { counterItems4 } from "@/data/facts";
|
||||
import OdometerComponent from "@/components/common/OdometerComponent";
|
||||
export default function Figures() {
|
||||
return (
|
||||
<div className="section-figures position-relative">
|
||||
<div className="tf-container-2">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
185
components/homes/marketing-consulting/Hero.jsx
Normal file
185
components/homes/marketing-consulting/Hero.jsx
Normal file
@ -0,0 +1,185 @@
|
||||
"use client";
|
||||
const infinityImages = [
|
||||
{
|
||||
id: 1,
|
||||
src: "/images/page-title/infinity-img-1.jpg",
|
||||
width: 434,
|
||||
height: 437,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
src: "/images/page-title/infinity-img-2.jpg",
|
||||
width: 161,
|
||||
height: 437,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
src: "/images/page-title/infinity-img-3.jpg",
|
||||
width: 434,
|
||||
height: 437,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
src: "/images/page-title/infinity-img-4.jpg",
|
||||
width: 161,
|
||||
height: 437,
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
src: "/images/page-title/infinity-img-5.jpg",
|
||||
width: 434,
|
||||
height: 437,
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
src: "/images/page-title/infinity-img-6.jpg",
|
||||
width: 161,
|
||||
height: 437,
|
||||
},
|
||||
];
|
||||
const allInfinityImages = [
|
||||
...infinityImages,
|
||||
...infinityImages,
|
||||
...infinityImages,
|
||||
];
|
||||
import Image from "next/image";
|
||||
export default function Hero() {
|
||||
return (
|
||||
<div className="page-title style-5">
|
||||
<div className="tf-container mt_25">
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className="heading-title text-center mb_40">
|
||||
<div className="heading-tag d-flex gap_12 align-items-center mx-auto mb_20">
|
||||
<div className="icon">
|
||||
<i className="icon-medal-first-place" />
|
||||
</div>
|
||||
<p className="text-body-3 text_mono-dark-10 fw-5">
|
||||
Top #1 Marketing Consulting Agency
|
||||
</p>
|
||||
</div>
|
||||
<h1 className="title text_mono-dark-9 fw-5 mb_28 split-text">
|
||||
Strategic <span className="text-gradient">marketing</span>{" "}
|
||||
solutions designed <br />
|
||||
to empower your brand.
|
||||
</h1>
|
||||
<p className="text_mono-gray-7 sub-heading">
|
||||
Providing expert marketing consulting services to help you
|
||||
attract, <br />
|
||||
engage, and thrive in today’s dynamic marketplace
|
||||
</p>
|
||||
</div>
|
||||
<form
|
||||
onSubmit={(e) => e.preventDefault()}
|
||||
className="form-send-email mb_31"
|
||||
>
|
||||
<fieldset>
|
||||
<input
|
||||
className=""
|
||||
type="email"
|
||||
placeholder="Your Email Address"
|
||||
name="text"
|
||||
tabIndex={2}
|
||||
defaultValue=""
|
||||
aria-required="true"
|
||||
required
|
||||
/>
|
||||
</fieldset>
|
||||
<div className="button-submit">
|
||||
<button className="tf-btn btn-primary2" type="submit">
|
||||
<span className="text-body-3">Get Started</span>
|
||||
<span className="bg-effect" />
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<div className="facts d-flex align-items-center justify-content-center">
|
||||
<div className="avatar-wrap d-flex">
|
||||
<div className="avatar item-1">
|
||||
<Image
|
||||
alt=""
|
||||
src="/images/avatar/facts-3.png"
|
||||
width={28}
|
||||
height={28}
|
||||
/>
|
||||
</div>
|
||||
<div className="avatar item-2">
|
||||
<Image
|
||||
alt=""
|
||||
src="/images/avatar/facts-4.png"
|
||||
width={28}
|
||||
height={28}
|
||||
/>
|
||||
</div>
|
||||
<div className="avatar item-3">
|
||||
<Image
|
||||
alt=""
|
||||
src="/images/avatar/facts-5.png"
|
||||
width={28}
|
||||
height={28}
|
||||
/>
|
||||
</div>
|
||||
<div className="avatar item-4">
|
||||
<Image
|
||||
alt=""
|
||||
src="/images/avatar/facts-6.png"
|
||||
width={28}
|
||||
height={28}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-body-3 text_mono-dark-9">
|
||||
200+ Businesses Engaged
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bot">
|
||||
<div className="shape shape-top">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 1000 100"
|
||||
preserveAspectRatio="none"
|
||||
>
|
||||
<path
|
||||
className="shape-fill"
|
||||
d="M1000,4.3V0H0v4.3C0.9,23.1,126.7,99.2,500,100S1000,22.7,1000,4.3z"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="shape shape-bottom">
|
||||
<Image
|
||||
alt=""
|
||||
src="/images/item/shape-7.png"
|
||||
width={2232}
|
||||
height={483}
|
||||
/>
|
||||
</div>
|
||||
<div className="infiniteslide_wrap" style={{ overflow: "hidden" }}>
|
||||
<div
|
||||
className="infiniteslide tf-marquee infiniteSlide"
|
||||
data-clone={2}
|
||||
data-style="left"
|
||||
>
|
||||
{allInfinityImages.map((image, index) => (
|
||||
<div
|
||||
className={`marquee-item${
|
||||
index >= infinityImages.length ? " infiniteslide_clone" : ""
|
||||
}`}
|
||||
style={{ flex: "0 0 auto", display: "block" }}
|
||||
key={`infinity-img-${image.id}-${index}`}
|
||||
>
|
||||
<Image
|
||||
alt="brands"
|
||||
src={image.src}
|
||||
width={image.width}
|
||||
height={image.height}
|
||||
/>
|
||||
</div>
|
||||
))}
|
||||
</div>{" "}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
172
components/homes/marketing-consulting/Services.jsx
Normal file
172
components/homes/marketing-consulting/Services.jsx
Normal file
@ -0,0 +1,172 @@
|
||||
"use client";
|
||||
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 (
|
||||
<div className="section-service style-1">
|
||||
<div className="tf-container-2">
|
||||
<div className="heading-section d-flex gap_12 justify-content-between flex-wrap-md mb_59">
|
||||
<div className="left">
|
||||
<div className="heading-tag d-flex gap_12 mb_20 text_mono-dark-8 fw-5">
|
||||
<div className="icon">
|
||||
<i className="icon-customer-service" />
|
||||
</div>
|
||||
<p className="text-body-3 fw-5">Services</p>
|
||||
</div>
|
||||
<h2 className="title text_mono-dark-9 fw-5 split-text effect-right">
|
||||
Getting start is <span className="text-gradient">easy</span>
|
||||
</h2>
|
||||
</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 />
|
||||
execution, we deliver solutions.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="top mb_48">
|
||||
<div className="navigation-bar overflow-x-auto">
|
||||
<div
|
||||
className={`nav-item ${activeService == 1 ? "is-active" : ""} `}
|
||||
onClick={() => setActiveService(1)}
|
||||
>
|
||||
Market Research & Analysis
|
||||
</div>
|
||||
<div
|
||||
className={`nav-item ${activeService == 2 ? "is-active" : ""} `}
|
||||
onClick={() => setActiveService(2)}
|
||||
>
|
||||
Brand Development & Positioning
|
||||
</div>
|
||||
<div
|
||||
className={`nav-item ${activeService == 3 ? "is-active" : ""} `}
|
||||
onClick={() => setActiveService(3)}
|
||||
>
|
||||
Digital Marketing
|
||||
</div>
|
||||
</div>
|
||||
<div className="navigation-arrows">
|
||||
<div
|
||||
className="arrow"
|
||||
onClick={() =>
|
||||
setActiveService((pre) => (pre == 1 ? 3 : pre - 1))
|
||||
}
|
||||
id="prevButton"
|
||||
>
|
||||
<svg
|
||||
width={24}
|
||||
height={24}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M4 11.9998L20 11.9998"
|
||||
stroke="#141B34"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M8.99996 17C8.99996 17 4.00001 13.3176 4 12C3.99999 10.6824 9 7 9 7"
|
||||
stroke="#141B34"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div
|
||||
className="arrow"
|
||||
onClick={() =>
|
||||
setActiveService((pre) => (pre == 3 ? 1 : pre + 1))
|
||||
}
|
||||
id="nextButton"
|
||||
>
|
||||
<svg
|
||||
width={24}
|
||||
height={24}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M20 11.9998L4 11.9998"
|
||||
stroke="#141B34"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M15 17C15 17 20 13.3176 20 12C20 10.6824 15 7 15 7"
|
||||
stroke="#141B34"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="service-accordion" style={{ "--main-width": "100%" }}>
|
||||
<div className="wrap">
|
||||
<div className="slider-wrap">
|
||||
{services3.map((service, index) => (
|
||||
<div
|
||||
className={`service-accordion-item ${
|
||||
index + 1 == activeService ? "is-active" : ""
|
||||
} `}
|
||||
id={service.id}
|
||||
key={service.id}
|
||||
onClick={() => setActiveService(index + 1)}
|
||||
>
|
||||
<div className="item-inner">
|
||||
<div className="naming-list">
|
||||
<span className="text_mono-gray-5">{service.number}</span>
|
||||
<div className="title text-body-3 text_mono-dark-9">
|
||||
{service.title}
|
||||
</div>
|
||||
</div>
|
||||
<div className="box-service style-3">
|
||||
<div className="left">
|
||||
<h5 className="fw-5 title">{service.title}</h5>
|
||||
<div className="bot">
|
||||
<p className="text-body-1 text_mono-gray-7 mb_29">
|
||||
{service.description}
|
||||
</p>
|
||||
<Link
|
||||
href={`/service-details/${service.id}`}
|
||||
className="btn_link text-body-1 text_mono-dark-9 link"
|
||||
>
|
||||
<span>Learn More</span>
|
||||
<i className="icon-long-arrow-alt-right-solid" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="right">
|
||||
<div className="img-style">
|
||||
<Image
|
||||
className="lazyload"
|
||||
data-src={service.image}
|
||||
alt="service"
|
||||
src={service.image}
|
||||
width={393}
|
||||
height={417}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
62
components/homes/marketing-consulting/Testimonials.jsx
Normal file
62
components/homes/marketing-consulting/Testimonials.jsx
Normal file
@ -0,0 +1,62 @@
|
||||
"use client";
|
||||
import { testimonials2 } from "@/data/testimonials";
|
||||
import React from "react";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import { Pagination } from "swiper/modules";
|
||||
export default function Testimonials() {
|
||||
return (
|
||||
<div className="section-testimonial style-6">
|
||||
<div className="tf-container-2">
|
||||
<div className="heading-section gap_12 text-center mb_58">
|
||||
<div className="heading-tag d-flex gap_12 mx-auto mb_20 text_mono-dark-8 fw-5">
|
||||
<div className="icon">
|
||||
<i className="icon-star" />
|
||||
</div>
|
||||
<p className="text-body-3">About Us</p>
|
||||
</div>
|
||||
<h2 className="title text_mono-dark-9 fw-5 split-text effect-right">
|
||||
Driving your financial <span className="text-gradient">success</span> with strategic expertise and solutions
|
||||
</h2>
|
||||
</div>
|
||||
<div className="section-testimonial style-3">
|
||||
<div className="wrapper">
|
||||
<Swiper
|
||||
className="swiper sw-layout"
|
||||
spaceBetween={15}
|
||||
breakpoints={{
|
||||
768: {
|
||||
spaceBetween: 20,
|
||||
},
|
||||
992: {
|
||||
spaceBetween: 24,
|
||||
},
|
||||
}}
|
||||
modules={[Pagination]}
|
||||
pagination={{
|
||||
clickable: true,
|
||||
el: ".spd11",
|
||||
}}
|
||||
>
|
||||
{testimonials2.map((testimonial) => (
|
||||
<SwiperSlide
|
||||
className="swiper-slide"
|
||||
key={`testimonial-${testimonial.id}`}
|
||||
>
|
||||
<div className="testimonial style-2">
|
||||
|
||||
<h5 className="text text_white fw-6">
|
||||
{testimonial.quote}
|
||||
</h5>
|
||||
<h5 className="text text_white fw-6">
|
||||
{testimonial.desc}
|
||||
</h5>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user