first commit
This commit is contained in:
mukesh13
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=" 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-1a.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={`/#`}
|
||||
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-46 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={`/#`}
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user