Overview.js
2.89 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
import React from "react";
import Link from "next/link";
import Image from "next/image";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
import { Col, Container, Row } from "react-bootstrap";
import { cleanImage } from "@/layout/imageHandling";
const overviewData = [
{
id: 1,
subtitle: "About Us",
title: "Welcome to Advith Consulting ",
paragraphs: [
"Welcome to Advith Consulting, a boutique finance consulting firm with over 40 years of excellence. Our core pillars—Knowledge, People, and Client Servicing—drive our success. We value our team’s unique contributions, fostering a collaborative environment that delivers tailored, innovative solutions. We build strong, lasting client relationships by understanding and exceeding their goals. Our commitment to business ethics and quality work has earned us a reputation for excellence and credibility. United by our values, we continue to deliver exceptional financial consulting services.",
],
linkText: "Know More",
linkUrl: "/contact",
imageSrc: "/images/people/welcome_advith.webp",
imageAlt: "image",
},
// Add more objects here if you have more content sections
];
const Overview = ({ overview }) => {
console.log(overview?.Content, "overview");
return (
<>
<div className="virtual-fiance-bg ptb-50">
<div className="shape8">
<Image
width={80}
height={200}
src="/images/shape/shape13.png"
className="shape11"
alt="image"
/>
</div>
<Container>
{/* {overviewData.map((item) => ( */}
<Row className="text-left">
<Col lg={10} md={12}>
<div className="what-we-do-text text-start">
<div className="section-title-overview">
<span className="sub-title">{overview?.Subtitle}</span>
<Heading el="h2" heading={overview?.Title} className="h2" />
</div>
<div
className="Content"
dangerouslySetInnerHTML={{ __html: overview?.Content }}
/>
<Link
href={overview?.CTA?.URL ? overview?.CTA?.URL : "#"}
className="default-btn"
>
{overview?.CTA?.text}
<i className="ri-arrow-right-line"></i>
</Link>
</div>
</Col>
{/* <Col lg={3} md={12}>
<Image
src="/images/about1.png"
alt="shape"
width={500}
height={500}
className="img-fluid rounded-5 image"
/>
</Col> */}
</Row>
{/* ))} */}
</Container>
</div>
</>
);
};
export default Overview;