Commit da8f014e by JayGuri

merge resolved

2 parents be231a1f 8ac7d49a
......@@ -12,7 +12,7 @@ const CTABanner = ({cta}) => {
<section className="section-title-download d-flex">
<Container>
<Row>
<Col md={6}>
<Col md={8}>
<div className="download-content">
<span className="sub-title">{cta?.Subtitle}</span>
<h2>{cta?.Title}</h2>
......@@ -21,7 +21,7 @@ const CTABanner = ({cta}) => {
</p>
</div>
</Col>
<Col md={6} className="align-content-center text-center">
<Col md={4} className="align-content-center text-center">
<div className="btn-1">
<Link href={cta?.CTA?.URL} className="default-btn-three">
{cta?.CTA?.text}
......
......@@ -89,7 +89,7 @@ const FunctionalAreas = ({functionarea}) => {
height={100}
/>
<div className="align-items-center">
<h3>{service.Title}</h3>
<h3 className="mt-4">{service.Title}</h3>
<p> {service.Description}</p>
</div>
</div>
......
......@@ -2,7 +2,7 @@ import React, { useRef } from "react";
import { motion, useInView } from "framer-motion";
const splitText = (text) =>
text.split("").map((char, index) => ({
(text || "").toString().split("").map((char, index) => ({
char,
key: `${char}-${index}`,
}));
......
......@@ -100,7 +100,7 @@ const PageBanner = ({ banners = [] }) => {
src={banner.imageSrc}
alt={banner.pageTitle}
fill
style={{ objectFit: "cover" }} // Replace objectFit prop
style={{ objectFit: "fill" }} // Replace objectFit prop
priority
className="img-fluid postion-absolute"
/>
......
......@@ -15,11 +15,11 @@ const WhatWeDo = ({ service ,serviceheading }) => {
console.log(serviceheading, "serviceData");
return (
<>
<div className="services-area pt-100 pt-md-100 pb-5">
<div className="services-area pt-70 pt-md-50 pb-5">
<Container>
<div className="section-title">
<span className="sub-title">Client Servicing</span>
<Heading el="h2" heading={serviceheading?.heading || "What we do?"} />
<span className="sub-title">{serviceheading?.Subtitle}</span>
<Heading el="h2" heading={serviceheading?.Title}/>
</div>
<p className="text-center">
{serviceheading?.Description || "At Advith Consulting, we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction."}
......
......@@ -2,18 +2,24 @@ import React from "react";
import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading";
const Content = ({ title,subtitle ,content}) => {
const Content = ({ title, subtitle, content }) => {
const hasContent = content && content.trim() !== "";
return (
<Container>
<Row className="align-items-center">
<Col lg={12} md={12}>
<div className="call-back-request-text">
<span className="sub-title">{subtitle}</span>
<Heading el="h2" heading={title} className="h2" />
<div className="content" dangerouslySetInnerHTML={{ __html: content}}/>
{subtitle && <span className="sub-title">{subtitle}</span>}
{title && <Heading el="h2" heading={title} className="h2" />}
{hasContent && (
<div
className="content"
dangerouslySetInnerHTML={{ __html: content }}
/>
)}
</div>
</Col>
</Row>
</Container>
);
......
......@@ -23,31 +23,52 @@ const overviewData = [
// Add more objects here if you have more content sections
];
const Overview = ({overview}) => {
console.log(overview?.Content,"overview")
const Overview = ({ overview }) => {
console.log(overview?.Content, "overview");
return (
<>
<div className="what-we-do-area pt-50">
<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="align-items-center">
<Col lg={12} md={12}>
<div className="what-we-do-text">
<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 }}
/>
{/* <p className="mb-3">{overview.Description}</p> */}
<Link href={overview?.CTA?.URL ? overview?.CTA?.URL : "#"} className="default-btn">
{overview?.CTA?.text }<i className="ri-arrow-right-line"></i>
<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>
......
......@@ -31,8 +31,9 @@ const VirtualFinanceOfficePage = ({ ClientPage, conversionData, title }) => {
];
const overview = ClientPage?.Overview;
const PyramidofFinance = ClientPage?.PyramidofFinance
const PyramidofFinance = ClientPage?.PyramidofFinance;
const serviceData = ClientPage?.whatwedo;
const serviceHeading = ClientPage?.whatwedoheading;
const CtaBanner = ClientPage?.CTABanner;
console.log(CtaBanner, "CTABanner");
......@@ -51,17 +52,16 @@ const VirtualFinanceOfficePage = ({ ClientPage, conversionData, title }) => {
const code = conversionData?.conversion;
const Clientel = ClientPage?.Clientel;
return (
<>
<Seo seo={seo} />
<PageBanner banners={banners} />
<ConversionCode code={code} />
<div className="ptb-100">
<Overview overview={overview} />
</div>
<WhatWeDo service={serviceData} />
<WhatWeDo service={serviceData} serviceheading={serviceHeading} />
<Finance finance={PyramidofFinance} />
<CTABanner cta={CtaBanner} />
{/* <OurService /> */}
......@@ -85,6 +85,7 @@ export async function getServerSideProps() {
populate: [
"Banner",
"Banner.Image",
"whatwedoheading",
"whatwedo",
"whatwedo.Image",
"whatwedo.CTA",
......
No preview for this file type
......@@ -3486,6 +3486,14 @@ Free Quote Area CSS
animation: movebounce 10s linear infinite;
}
.shape8 {
right: 0;
position: absolute;
top: 30%;
/* width: 100px; */
}
/*================================================
Why Choose Us Area CSS
=================================================*/
......@@ -8152,6 +8160,23 @@ h3.sub-title {
height: 50vh;
/* max-width: fit-content; */
}
.fuctional-areas p{
text-align: justify;
}
.area-tab p{
text-align: justify;
}
.area-tab .react-tabs__tab-list .react-tabs__tab{
background-color: #a99c8d78;
padding: 3px 12px;
margin-bottom: 10px;
border-radius: 5px;
font-weight: 100;
}
.area-tab .react-tabs__tab--selected{
background-color: red;
border-bottom: 1px solid var(--mainColor)!important;
}
.area_expertise {
padding: 12px 12px 12px 12px !important;
......@@ -8714,6 +8739,17 @@ ul.pagination.custom-pagination {
display: block;
}
.virtual-fiance-bg{
background-image: url(/images/banner/back-ground.webp);
}
.section-title-overview {
border-bottom: 1px solid var(--mainColor);
margin-bottom: 10px;
}
.download-content h2{
font-size: 4vh;
}
@media (max-width: 1200px) {
.client-servicing-grid {
grid-template-columns: repeat(3, 1fr);
......
This diff could not be displayed because it is too large.
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!