Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 8ac7d49a by sujata
Options

chnages

1 parent bdfdb72a
Inline Side-by-side
Showing 12 changed files with 93 additions and 29 deletions
components/reuseables/CTABanner.js
...@@ -12,7 +12,7 @@ const CTABanner = ({cta}) => { ...@@ -12,7 +12,7 @@ const CTABanner = ({cta}) => {
<section className="section-title-download d-flex"> <section className="section-title-download d-flex">
<Container> <Container>
<Row> <Row>
<Col md={6}> <Col md={8}>
<div className="download-content"> <div className="download-content">
<span className="sub-title">{cta?.Subtitle}</span> <span className="sub-title">{cta?.Subtitle}</span>
<h2>{cta?.Title}</h2> <h2>{cta?.Title}</h2>
...@@ -21,7 +21,7 @@ const CTABanner = ({cta}) => { ...@@ -21,7 +21,7 @@ const CTABanner = ({cta}) => {
</p> </p>
</div> </div>
</Col> </Col>
<Col md={6} className="align-content-center text-center"> <Col md={4} className="align-content-center text-center">
<div className="btn-1"> <div className="btn-1">
<Link href={cta?.CTA?.URL} className="default-btn-three"> <Link href={cta?.CTA?.URL} className="default-btn-three">
{cta?.CTA?.text} {cta?.CTA?.text}
......
components/reuseables/FunctionalAreas.js
...@@ -89,7 +89,7 @@ const FunctionalAreas = ({functionarea}) => { ...@@ -89,7 +89,7 @@ const FunctionalAreas = ({functionarea}) => {
height={100} height={100}
/> />
<div className="align-items-center"> <div className="align-items-center">
<h3>{service.Title}</h3> <h3 className="mt-4">{service.Title}</h3>
<p> {service.Description}</p> <p> {service.Description}</p>
</div> </div>
</div> </div>
......
components/reuseables/Heading.js
...@@ -2,7 +2,7 @@ import React, { useRef } from "react"; ...@@ -2,7 +2,7 @@ import React, { useRef } from "react";
import { motion, useInView } from "framer-motion"; import { motion, useInView } from "framer-motion";
const splitText = (text) => const splitText = (text) =>
text.split("").map((char, index) => ({ (text || "").toString().split("").map((char, index) => ({
char, char,
key: `${char}-${index}`, key: `${char}-${index}`,
})); }));
......
components/reuseables/PageBanner.js
...@@ -39,7 +39,7 @@ const PageBanner = ({ banners = [] }) => { ...@@ -39,7 +39,7 @@ const PageBanner = ({ banners = [] }) => {
src={banner.imageSrc} src={banner.imageSrc}
alt={banner.pageTitle} alt={banner.pageTitle}
fill fill
style={{ objectFit: "cover" }} // Replace objectFit prop style={{ objectFit: "fill" }} // Replace objectFit prop
priority priority
className="img-fluid postion-absolute" className="img-fluid postion-absolute"
/> />
......
components/reuseables/WhatWeDo.js
...@@ -15,11 +15,11 @@ const WhatWeDo = ({ service ,serviceheading }) => { ...@@ -15,11 +15,11 @@ const WhatWeDo = ({ service ,serviceheading }) => {
console.log(serviceheading, "serviceData"); console.log(serviceheading, "serviceData");
return ( return (
<> <>
<div className="services-area pt-100 pt-md-100 pb-5"> <div className="services-area pt-70 pt-md-50 pb-5">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">Client Servicing</span> <span className="sub-title">{serviceheading?.Subtitle}</span>
<Heading el="h2" heading={serviceheading?.heading || "What we do?"} /> <Heading el="h2" heading={serviceheading?.Title}/>
</div> </div>
<p className="text-center"> <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."} {serviceheading?.Description || "At Advith Consulting, we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction."}
......
components/reuseables/services/Content.js
...@@ -2,18 +2,24 @@ import React from "react"; ...@@ -2,18 +2,24 @@ import React from "react";
import { Col, Container, Row } from "react-bootstrap"; import { Col, Container, Row } from "react-bootstrap";
import Heading from "@/components/reuseables/Heading"; import Heading from "@/components/reuseables/Heading";
const Content = ({ title,subtitle ,content}) => { const Content = ({ title, subtitle, content }) => {
const hasContent = content && content.trim() !== "";
return ( return (
<Container> <Container>
<Row className="align-items-center"> <Row className="align-items-center">
<Col lg={12} md={12}> <Col lg={12} md={12}>
<div className="call-back-request-text"> <div className="call-back-request-text">
<span className="sub-title">{subtitle}</span> {subtitle && <span className="sub-title">{subtitle}</span>}
<Heading el="h2" heading={title} className="h2" /> {title && <Heading el="h2" heading={title} className="h2" />}
<div className="content" dangerouslySetInnerHTML={{ __html: content}}/> {hasContent && (
<div
className="content"
dangerouslySetInnerHTML={{ __html: content }}
/>
)}
</div> </div>
</Col> </Col>
</Row> </Row>
</Container> </Container>
); );
......
container/VirtualOffice/Overview.js
...@@ -23,31 +23,52 @@ const overviewData = [ ...@@ -23,31 +23,52 @@ const overviewData = [
// Add more objects here if you have more content sections // Add more objects here if you have more content sections
]; ];
const Overview = ({overview}) => { const Overview = ({ overview }) => {
console.log(overview?.Content,"overview") console.log(overview?.Content, "overview");
return ( 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> <Container>
{/* {overviewData.map((item) => ( */} {/* {overviewData.map((item) => ( */}
<Row className="align-items-center"> <Row className="text-left">
<Col lg={12} md={12}> <Col lg={10} md={12}>
<div className="what-we-do-text"> <div className="what-we-do-text text-start">
<div className="section-title-overview">
<span className="sub-title">{overview?.Subtitle}</span> <span className="sub-title">{overview?.Subtitle}</span>
<Heading el="h2" heading={overview?.Title} className="h2" /> <Heading el="h2" heading={overview?.Title} className="h2" />
</div>
<div <div
className="Content" className="Content"
dangerouslySetInnerHTML={{ __html: overview?.Content }} dangerouslySetInnerHTML={{ __html: overview?.Content }}
/> />
{/* <p className="mb-3">{overview.Description}</p> */}
<Link href={overview?.CTA?.URL ? overview?.CTA?.URL : "#"} className="default-btn"> <Link
{overview?.CTA?.text }<i className="ri-arrow-right-line"></i> href={overview?.CTA?.URL ? overview?.CTA?.URL : "#"}
className="default-btn"
>
{overview?.CTA?.text}
<i className="ri-arrow-right-line"></i>
</Link> </Link>
</div> </div>
</Col> </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> </Row>
{/* ))} */} {/* ))} */}
</Container> </Container>
......
pages/client-servicing/virtual-finance-office/index.js
...@@ -31,8 +31,9 @@ const VirtualFinanceOfficePage = ({ ClientPage, conversionData, title }) => { ...@@ -31,8 +31,9 @@ const VirtualFinanceOfficePage = ({ ClientPage, conversionData, title }) => {
]; ];
const overview = ClientPage?.Overview; const overview = ClientPage?.Overview;
const PyramidofFinance = ClientPage?.PyramidofFinance const PyramidofFinance = ClientPage?.PyramidofFinance;
const serviceData = ClientPage?.whatwedo; const serviceData = ClientPage?.whatwedo;
const serviceHeading = ClientPage?.whatwedoheading;
const CtaBanner = ClientPage?.CTABanner; const CtaBanner = ClientPage?.CTABanner;
console.log(CtaBanner, "CTABanner"); console.log(CtaBanner, "CTABanner");
...@@ -51,17 +52,16 @@ const VirtualFinanceOfficePage = ({ ClientPage, conversionData, title }) => { ...@@ -51,17 +52,16 @@ const VirtualFinanceOfficePage = ({ ClientPage, conversionData, title }) => {
const code = conversionData?.conversion; const code = conversionData?.conversion;
const Clientel = ClientPage?.Clientel; const Clientel = ClientPage?.Clientel;
return ( return (
<> <>
<Seo seo={seo} /> <Seo seo={seo} />
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<ConversionCode code={code} /> <ConversionCode code={code} />
<div className="ptb-100">
<Overview overview={overview} /> <Overview overview={overview} />
</div>
<WhatWeDo service={serviceData} /> <WhatWeDo service={serviceData} serviceheading={serviceHeading} />
<Finance finance={PyramidofFinance} /> <Finance finance={PyramidofFinance} />
<CTABanner cta={CtaBanner} /> <CTABanner cta={CtaBanner} />
{/* <OurService /> */} {/* <OurService /> */}
...@@ -85,6 +85,7 @@ export async function getServerSideProps() { ...@@ -85,6 +85,7 @@ export async function getServerSideProps() {
populate: [ populate: [
"Banner", "Banner",
"Banner.Image", "Banner.Image",
"whatwedoheading",
"whatwedo", "whatwedo",
"whatwedo.Image", "whatwedo.Image",
"whatwedo.CTA", "whatwedo.CTA",
......
public/images/banner/back-ground.webp 0 → 100644
No preview for this file type
styles/styles.css
...@@ -3486,6 +3486,14 @@ Free Quote Area CSS ...@@ -3486,6 +3486,14 @@ Free Quote Area CSS
animation: movebounce 10s linear infinite; animation: movebounce 10s linear infinite;
} }
.shape8 {
right: 0;
position: absolute;
top: 30%;
/* width: 100px; */
}
/*================================================ /*================================================
Why Choose Us Area CSS Why Choose Us Area CSS
=================================================*/ =================================================*/
...@@ -8152,6 +8160,23 @@ h3.sub-title { ...@@ -8152,6 +8160,23 @@ h3.sub-title {
height: 50vh; height: 50vh;
/* max-width: fit-content; */ /* 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 { .area_expertise {
padding: 12px 12px 12px 12px !important; padding: 12px 12px 12px 12px !important;
...@@ -8714,6 +8739,17 @@ ul.pagination.custom-pagination { ...@@ -8714,6 +8739,17 @@ ul.pagination.custom-pagination {
display: block; 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) { @media (max-width: 1200px) {
.client-servicing-grid { .client-servicing-grid {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
......
styles/styles.min.css 0 → 100644
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!