KnowledgeContent.js
3.32 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
import React from "react";
import Image from "next/image";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
import { motion } from "framer-motion";
import { fadeIn } from "@/components/reuseables/variants";
import { cleanImage } from "@/layout/imageHandling";
const serviceContent = [
{
subTitle:
"Knowledge is the cornerstone of Advith. We read & research, not only to deliver but primarily to learn with a view to achieve a 360º perspective on various subjects.",
title: "KnowledgeShack",
paragraphs: [
"Knowledge has been the cornerstone of our philosophy and the working principles at Advith. We believe not only in acquiring the information that is required to run a process smoothly, but also in acquiring and spreading the knowledge for the ultimate intellectual growth of all our stakeholders. Our preferred approach has been to delve into a continuous process of research that would enable us to gain a detailed insight into all the indices and matrices involved in our working module and create a permanent knowledge base for all our employees and clients. At Advith, our aim is not just to gain superficial working knowledge but to acquire and ingrain a 360° perspective on all the subjects and to enlighten everyone in the loop. Creative ideas and innovative methods have always been encouraged so that we may create an informed and empowered clientele, which we believe is our main strength.",
],
},
// You can add more content objects here
];
const KnowledgeContent = ({Overview}) => {
// console.log(Overview, "overview")
return (
<>
<div className="knowledge-area pt-md-5 pt-0 pb-5">
<Container>
<Row className="align-items-center">
<Col lg={5} md={12}>
<div className="call-back-request-image">
<motion.div
variants={fadeIn(0.4)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<Image
src={cleanImage(Overview?.Image?.url)}
alt="image"
width={300}
height={400}
className="img-fluid image rounded-5"
/>
</motion.div>
{/* <Image
width={300}
height={300}
src="/images/shape/shape8.png"
className="shape4"
alt="image"
/>
<Image
width={300}
height={300}
src="/images/shape/shape8.png"
className="shape5"
alt="image"
/> */}
</div>
</Col>
<Col lg={7} md={12}>
<div className="call-back-request-content">
<span className="sub-title">{Overview.subTitle}</span>
<Heading el="h2" heading={Overview?.Title} className="h2" />
<div className="overview" dangerouslySetInnerHTML={{ __html: Overview?.Content}}/>
</div>
</Col>
</Row>
</Container>
</div>
</>
);
};
export default KnowledgeContent;