Skip to content

sujata / advithconsulting.io-frontend

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

changes shared by client

1 parent 285dc4c8
Expand all
Inline Side-by-side
Showing 46 changed files with 1091 additions and 298 deletions
components/reuseables/Clientele.js
import React from "react"; import React from "react";
import { Swiper, SwiperSlide } from "swiper/react"; import { Swiper, SwiperSlide } from "swiper/react";
import { Autoplay } from "swiper/modules"; import { Autoplay, Navigation } from "swiper/modules";
import Image from "next/image"; import Image from "next/image";
import SwiperNav from "./SwiperNav";
const Clientele = ({ const Clientele = ({
partners = [], partners = [],
...@@ -13,39 +14,47 @@ const Clientele = ({ ...@@ -13,39 +14,47 @@ const Clientele = ({
768: { slidesPerView: 4 }, 768: { slidesPerView: 4 },
992: { slidesPerView: 5 }, 992: { slidesPerView: 5 },
}, },
sliderClassName = "partner-slides", sliderClassName = "partner-slides position-relative",
itemClassName = "single-partner-item", itemClassName = "single-partner-item",
}) => { }) => {
return ( return (
<div className="partner-area"> <div className="partner-area">
<div className="container"> <div className="container">
<Swiper <div className="position-relative">
spaceBetween={spaceBetween} <Swiper
breakpoints={slidesPerViewBreakpoints} spaceBetween={spaceBetween}
autoplay={{ breakpoints={slidesPerViewBreakpoints}
delay: autoplayDelay, loop={true}
disableOnInteraction: true, autoplay={{
pauseOnMouseEnter: true, delay: autoplayDelay,
}} disableOnInteraction: true,
modules={[Autoplay]} pauseOnMouseEnter: true,
className={sliderClassName} }}
> navigation={{
{partners && nextEl: ".custom-swiper-button-next",
partners.map((logo) => ( prevEl: ".custom-swiper-button-prev",
<SwiperSlide className={itemClassName} key={logo.id}> }}
<div className="justify-content-center align-items-center gap-5"> modules={[Autoplay, Navigation]}
className={sliderClassName}
>
{partners &&
partners.map((logo) => (
<SwiperSlide className={itemClassName} key={logo.id}>
<div className="justify-content-center align-items-center gap-5">
<Image <Image
src={logo.image} src={logo.image}
alt={logo.altText} alt={logo.altText}
fill fill
className="img-fluid image" className="img-fluid image"
/> />
</div>
</div> </SwiperSlide>
</SwiperSlide> ))}
))} </Swiper>
</Swiper> <div className="cust_nav text-center mt-md-4 mt-2">
<SwiperNav />
</div>
</div>
</div> </div>
</div> </div>
); );
......
components/reuseables/Counter.js
import React from "react"; import React from "react";
import { Container } from "react-bootstrap";
const funfact = [ const funfact = [
{ {
...@@ -31,7 +32,7 @@ const Counter = () => { ...@@ -31,7 +32,7 @@ const Counter = () => {
return ( return (
<> <>
<div className="funfacts-area bg-color"> <div className="funfacts-area bg-color">
<div className="container"> <Container>
<div className="row justify-content-center"> <div className="row justify-content-center">
{funfact && {funfact &&
funfact.map((item) => ( funfact.map((item) => (
...@@ -46,7 +47,7 @@ const Counter = () => { ...@@ -46,7 +47,7 @@ const Counter = () => {
</div> </div>
))} ))}
</div> </div>
</div> </Container>
</div> </div>
</> </>
); );
......
components/reuseables/Industries.js
import Image from "next/image"; import Image from "next/image";
import React from "react"; import React from "react";
import { Swiper, SwiperSlide } from "swiper/react"; import { Swiper, SwiperSlide } from "swiper/react";
import { Autoplay, Pagination } from "swiper/modules"; import { Autoplay, Navigation, Pagination } from "swiper/modules";
import { Col, Container, Row } from "react-bootstrap"; import { Col, Container, Row } from "react-bootstrap";
import Heading from "./Heading"; import Heading from "./Heading";
import Link from "next/link"; import Link from "next/link";
import SwiperNav from "./SwiperNav";
const industriesData = [ const industriesData = [
{ {
title: "Education", title: "Education",
...@@ -67,7 +68,8 @@ const industriesData = [ ...@@ -67,7 +68,8 @@ const industriesData = [
const Industries = () => { const Industries = () => {
return ( return (
<> <>
<div className="free-quote-area bg-color"> <div className="free-quote-area bg-color position-relative">
<Swiper <Swiper
spaceBetween={30} spaceBetween={30}
pagination={{ clickable: true }} pagination={{ clickable: true }}
...@@ -90,8 +92,13 @@ const Industries = () => { ...@@ -90,8 +92,13 @@ const Industries = () => {
disableOnInteraction: true, disableOnInteraction: true,
pauseOnMouseEnter: true, pauseOnMouseEnter: true,
}} }}
modules={[Pagination, Autoplay]} navigation={{
className="industry-slides" nextEl: ".custom-swiper-button-next",
prevEl: ".custom-swiper-button-prev",
}}
loop={true}
modules={[Navigation , Autoplay]}
className="industry-slides position-relative"
> >
{industriesData.map((industry, index) => ( {industriesData.map((industry, index) => (
<SwiperSlide className="single-partner-item" key={index}> <SwiperSlide className="single-partner-item" key={index}>
...@@ -116,7 +123,8 @@ const Industries = () => { ...@@ -116,7 +123,8 @@ const Industries = () => {
<Image <Image
src={industry.imageSrc} src={industry.imageSrc}
alt={industry.imageAlt} alt={industry.imageAlt}
layout="fill" width={1920}
height={1080}
className="img-fluid rounded-5 image" className="img-fluid rounded-5 image"
/> />
</Col> </Col>
...@@ -134,6 +142,9 @@ const Industries = () => { ...@@ -134,6 +142,9 @@ const Industries = () => {
</SwiperSlide> </SwiperSlide>
))} ))}
</Swiper> </Swiper>
<div className="cust_nav industry_nav swiper-nav text-center mt-md-4 mt-2">
<SwiperNav />
</div>
</div> </div>
</> </>
); );
......
components/reuseables/PageBanner.js
...@@ -3,6 +3,7 @@ import Link from "next/link"; ...@@ -3,6 +3,7 @@ import Link from "next/link";
import Image from "next/image"; import Image from "next/image";
import { Swiper, SwiperSlide } from "swiper/react"; import { Swiper, SwiperSlide } from "swiper/react";
import { Pagination, Autoplay } from "swiper/modules"; import { Pagination, Autoplay } from "swiper/modules";
import { Container } from "react-bootstrap";
const PageBanner = ({ banners = [] }) => { const PageBanner = ({ banners = [] }) => {
return ( return (
...@@ -40,10 +41,10 @@ const PageBanner = ({ banners = [] }) => { ...@@ -40,10 +41,10 @@ const PageBanner = ({ banners = [] }) => {
fill fill
style={{ objectFit: "cover" }} // Replace objectFit prop style={{ objectFit: "cover" }} // Replace objectFit prop
priority priority
className="img-fluid" className="img-fluid postion-absolute"
/> />
</div> </div>
<div className="container"> <Container>
<div className="page-title-content"> <div className="page-title-content">
<h2>{banner.pageTitle}</h2> <h2>{banner.pageTitle}</h2>
<ul> <ul>
...@@ -53,7 +54,7 @@ const PageBanner = ({ banners = [] }) => { ...@@ -53,7 +54,7 @@ const PageBanner = ({ banners = [] }) => {
<li>{banner.activePageText}</li> <li>{banner.activePageText}</li>
</ul> </ul>
</div> </div>
</div> </Container>
</div> </div>
</SwiperSlide> </SwiperSlide>
))} ))}
......
components/reuseables/ServiceTable.js 0 → 100644
import React from 'react'
const ServiceTable = () => {
return (
<div>ServiceTable</div>
)
}
export default ServiceTable
\ No newline at end of file \ No newline at end of file
components/reuseables/SwiperNav.js 0 → 100644
import React from "react";
const SwiperNav = () => {
return (
<>
<button className="custom-swiper-button-prev border-0 bg-transparent m-2">
<svg
xmlns="http://www.w3.org/2000/svg"
width="31"
height="30"
viewBox="0 0 31 30"
fill="none"
>
<path
d="M15.5 0C23.7713 0 30.5 6.71112 30.5 14.9607C30.5 23.2104 23.7713 29.9215 15.5 29.9215C7.22873 29.9215 0.5 23.2104 0.5 14.9607C0.5 6.71112 7.22873 0 15.5 0ZM10.8662 15.8422L17.1163 22.0758C17.36 22.3189 17.68 22.4411 18 22.4411C18.32 22.4411 18.64 22.3189 18.8838 22.0758C19.3725 21.5883 19.3725 20.8004 18.8838 20.3129L13.5175 14.9607L18.8837 9.60853C19.3725 9.12108 19.3725 8.33313 18.8837 7.84568C18.395 7.35823 17.605 7.35823 17.1163 7.84568L10.8662 14.0793C10.3775 14.5668 10.3775 15.3547 10.8662 15.8422Z"
fill="#CDCDCD"
/>
</svg>
</button>
<button className="custom-swiper-button-next border-0 bg-transparent m-2">
<svg
xmlns="http://www.w3.org/2000/svg"
width="31"
height="30"
viewBox="0 0 31 30"
fill="none"
>
<path
d="M15.5 0C7.22873 0 0.5 6.71112 0.5 14.9607C0.5 23.2104 7.22873 29.9215 15.5 29.9215C23.7713 29.9215 30.5 23.2104 30.5 14.9607C30.5 6.71112 23.7713 0 15.5 0ZM20.1338 15.8422L13.8837 22.0758C13.64 22.3189 13.32 22.4411 13 22.4411C12.68 22.4411 12.36 22.3189 12.1162 22.0758C11.6275 21.5883 11.6275 20.8004 12.1162 20.3129L17.4825 14.9607L12.1163 9.60853C11.6275 9.12108 11.6275 8.33313 12.1163 7.84568C12.605 7.35823 13.395 7.35823 13.8837 7.84568L20.1338 14.0793C20.6225 14.5668 20.6225 15.3547 20.1338 15.8422Z"
fill="#CDCDCD"
/>
</svg>
</button>
</>
);
};
export default SwiperNav;
container/BudgetPanorama/index.js
...@@ -18,65 +18,81 @@ const banners = [ ...@@ -18,65 +18,81 @@ const banners = [
const services = [ const services = [
{ {
id: 1, id: 1,
serviceIcon: "icon ri-group-2-line",
serviceTitle: "Budget Panorama - 2024", serviceTitle: "Budget Panorama - 2024",
serviceShortDescription: serviceShortDescription: "Overview of the latest budget details.",
"Advith Consulting is a seasoned business consulting firm with nearly 40 years of experience. The firm is led by a core team of highly experienced professionals with sound knowledge in their area of expertise. ", serviceDetailsUrl: "images/my_pdf/PDF1722416289.pdf",
readMoreText: "Read More", date: "31 Jul 2024",
serviceDetailsUrl: "/services/details",
}, },
{ {
id: 2, id: 2,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "Budget Panorama - 2023", serviceTitle: "Budget Panorama - 2023",
serviceShortDescription: serviceShortDescription: "Insights from the budget report.",
"Advith Consulting is a business consulting firm with almost 40 years of experience on its resume. We provide a myriad of business consulting services in the fields of Direct tax, Indirect tax, Outsourcing (CFO services, Accounts, Payroll & Compliance Management), Corporate law & Advisory among others", serviceDetailsUrl: "images/my_pdf/PDF1676028541.pdf",
readMoreText: "Read More", date: "10 Feb 2023",
serviceDetailsUrl: "/services/details",
}, },
{ {
id: 3, id: 3,
serviceIcon: "icon ri-money-dollar-box-line",
serviceTitle: "Budget Panorama - 2022", serviceTitle: "Budget Panorama - 2022",
serviceShortDescription: serviceShortDescription: "Summary of the budget highlights.",
"Amidst the growing worry due to the 3rd Covid wave, in particular the Omicron wave, the Hon'ble Finance Minister of India (FM) presented the Budget 2022 on 1st February 2022. The Economic Survey which was tabled before the India Parliament indicated a real GDP expansion of 9.2% in 2021-22, which showed a faster recovery of the economy after it contracted in FY 2020-21. This a positive sign and also shows the resilience that the Indian economy inherently has.", serviceDetailsUrl: "images/my_pdf/PDF1644406663.pdf",
readMoreText: "Read More", date: "09 Feb 2022",
serviceDetailsUrl: "/services/details",
}, },
{ {
id: 4, id: 4,
serviceIcon: "icon ri-group-2-line", serviceTitle: "Budget - 2021",
serviceTitle: "Budget Panorama - 2021", serviceShortDescription: "Key points from the 2021 budget.",
serviceShortDescription: serviceDetailsUrl: "images/my_pdf/PDF1629281326.pdf",
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.", date: "23 Aug 2021",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
}, },
{ {
id: 5, id: 5,
serviceIcon: "icon ri-briefcase-line", serviceTitle: "Budget - 2020",
serviceTitle: "Budget Panorama - 2020", serviceShortDescription: "An overview of the 2020 budget.",
serviceShortDescription: serviceDetailsUrl: "images/my_pdf/PDF1629281462.pdf",
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.", date: "20 Aug 2021",
readMoreText: "Read More",
serviceDetailsUrl: "/services/details",
}, },
{ {
id: 6, id: 6,
serviceIcon: "icon ri-money-dollar-box-line", serviceTitle: "Final Budget - 2019",
serviceTitle: "Budget Panorama - 2019", serviceShortDescription: "Details of the final budget for 2019.",
serviceShortDescription: serviceDetailsUrl: "images/my_pdf/PDF1629874104.pdf",
"Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt utis labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.", date: "12 Jul 2019",
readMoreText: "Read More", },
serviceDetailsUrl: "/services/details", {
id: 7,
serviceTitle: "Interim Budget - 2019",
serviceShortDescription: "Information on the interim budget of 2019.",
serviceDetailsUrl: "images/my_pdf/PDF1629874052.pdf",
date: "11 Feb 2019",
},
{
id: 8,
serviceTitle: "Budget - 2018",
serviceShortDescription: "Insights from the 2018 budget.",
serviceDetailsUrl: "images/my_pdf/PDF1629874244.pdf",
date: "12 Jun 2018",
},
{
id: 9,
serviceTitle: "Budget - 2017",
serviceShortDescription: "Overview of the 2017 budget.",
serviceDetailsUrl: "images/my_pdf/PDF1629874296.pdf",
date: "12 Jun 2017",
},
{
id: 10,
serviceTitle: "Budget - 2016",
serviceShortDescription: "Highlights from the 2016 budget.",
serviceDetailsUrl: "images/my_pdf/PDF1629874330.pdf",
date: "12 Jun 2016",
}, },
]; ];
const BudgetPanorama = () => { const BudgetPanorama = () => {
return ( return (
<> <>
<PageBanner banners={banners} /> <PageBanner banners={banners} />
<div className="budget-panorama-page-area pt-70 pb-100 bg-light"> <div className="budget-panorama-page-area pt-70 pb-100 bg-light">
<Container> <Container>
<div className="section-title"> <div className="section-title">
...@@ -102,7 +118,7 @@ const BudgetPanorama = () => { ...@@ -102,7 +118,7 @@ const BudgetPanorama = () => {
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
{/* <i className={service.serviceIcon}></i> */} {/* <i className={service.serviceIcon}></i> */}
<Image <Image
src="../images/knoweledge/budget_panorama.svg" src="/images/knoweledge/budget_panorama.svg"
alt={service.serviceTitle} alt={service.serviceTitle}
width={40} width={40}
height={40} height={40}
...@@ -121,7 +137,7 @@ const BudgetPanorama = () => { ...@@ -121,7 +137,7 @@ const BudgetPanorama = () => {
href={service.serviceDetailsUrl} href={service.serviceDetailsUrl}
className="default-btn" className="default-btn"
> >
{service.readMoreText}{" "} Read More
<i className="ri-arrow-right-line"></i> <i className="ri-arrow-right-line"></i>
</Link> </Link>
</div> </div>
......
container/Career/CareerListing.js 0 → 100644
import Heading from "@/components/reuseables/Heading";
import Link from "next/link";
import React from "react";
const services = [
{
id: 1,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "Manager - Direct Tax Services",
serviceShortDescription:
"Would be involved in the Firm’s effort towards reading, researching, content creation and content dissemination in various modes Would be involved in ",
location: "Bangalore South, India",
yearofExperience: "1-3 years",
Date: "Jul 23, 2022",
jobtype: "Full Time",
serviceDetailsUrl: "/career/detail",
},
{
id: 2,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "Manager - Direct Tax Services",
serviceShortDescription:
"Would be involved in the Firm’s effort towards reading, researching, content creation and content dissemination in various modes Would be involved in ",
location: "Bangalore South, India",
yearofExperience: "1-3 years",
Date: "Jul 23, 2022",
jobtype: "Full Time",
serviceDetailsUrl: "/career/detail",
},
{
id: 3,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "Manager - Direct Tax Services",
serviceShortDescription:
"Would be involved in the Firm’s effort towards reading, researching, content creation and content dissemination in various modes Would be involved in ",
location: "Bangalore South, India",
yearofExperience: "1-3 years",
Date: "Jul 23, 2022",
jobtype: "Full Time",
serviceDetailsUrl: "/career/detail",
},
];
const CareerListing = () => {
return (
<>
<div className="services-area ptb-70 career-details">
<div className="container">
<div className="section-title">
<span className="sub-title">Current Openings</span>
<Heading heading={"Join us"} />
<p>
At Advith Consulting, we believe in creating a long term career
for those work with us.
</p>
</div>
<div className="row align-items-center">
{services &&
services.map((service) => (
<div className="col-lg-4 col-sm-6 col-md-6" key={service.id}>
<div className="services-box">
<div className="d-flex align-items-center">
<i className={service.serviceIcon}></i>
<h3>
<Link href={service.serviceDetailsUrl}>
{service.serviceTitle}
</Link>
</h3>
</div>
<div className="d-flex justify-content-between">
<p className="location">{service.location} </p>
<p className="yearofExperience">
{service.yearofExperience}
</p>
</div>
<p className="mt-0 career-shortdesc">
{service.serviceShortDescription}
</p>
<div className="d-flex justify-content-between">
<p className="date">{service.Date} </p>
<p className="job-type">
{service.jobtype}
</p>
</div>
</div>
</div>
))}
</div>
</div>
</div>
</>
);
};
export default CareerListing;
container/Career/CareerPage.js 0 → 100644
import React from "react";
import PageBanner from "@/components/reuseables/PageBanner";
import CareerListing from "./CareerListing";
const CareerPage = () => {
const banners = [
{
imageSrc: "/images/banner/career.webp",
pageTitle: "Career",
homePageUrl: "/",
homePageText: "Home",
activePageText: "Career",
},
];
return (
<>
<PageBanner banners={banners} />
<CareerListing />
</>
);
};
export default CareerPage;
container/Career/CareerSidebar.js 0 → 100644
import React from "react";
const jobInformation = [
{
date: "04/15/2022",
jobType: "Full Time",
industry: "Consulting",
workExperience: "1-3 years",
city: "Bangalore South",
State_Province: "Karnataka",
country: "India",
Zip_PostalCode: "560056",
},
];
const CareerSidebar = () => {
return (
<>
<div className="projects-details-info">
{jobInformation && jobInformation.length > 0 && (
<ul>
<li>
<i className="ri-shield-user-line"></i>
<span>Date Opened :</span>
<p>{jobInformation[0].date}</p>
</li>
<li>
<i className="ri-map-pin-2-line"></i>
<span>Job Type:</span>
{jobInformation[0].jobType}
</li>
<li>
<i className="ri-price-tag-3-line"></i>
<span>Industry:</span>
{jobInformation[0].industry}
</li>
<li>
<i className="ri-calendar-2-line"></i>
<span>Work Experience :</span>
{jobInformation[0].workExperience}
</li>
<li>
<i className="ri-global-line"></i>
<span>City:</span>
{jobInformation[0].city}
</li>
<li>
<i className="ri-global-line"></i>
<span>State/Province:</span>
{jobInformation[0].State_Province}
</li>
<li>
<i className="ri-global-line"></i>
<span>Country:</span>
{jobInformation[0].country}
</li>
<li>
<i className="ri-global-line"></i>
<span>Zip/Postal Code:</span>
{jobInformation[0].Zip_PostalCode}
</li>
</ul>
)}
</div>
</>
);
};
export default CareerSidebar;
container/Career/Detail.js 0 → 100644
import React from "react";
import CareerSidebar from "./CareerSidebar";
import { Col, Container, Row } from "react-bootstrap";
import PageBanner from "@/components/reuseables/PageBanner";
const banners = [
{
imageSrc: "/images/banner/career.webp",
pageTitle: "Manager - Direct Tax Services",
homePageUrl: "/",
homePageText: "Home",
activePageText: "career",
},
// Add more banners as needed
];
const career = [
{
id: 1,
title: "Software Developer",
aboutus:
"Advith Consulting is a business consulting firm with almost 40 years of experience on its resume.Four decades in the consulting industry has equipped us with exceptional in-house talent to serve our clients’ requirements.Our client pool extends across multiple industries, ranging from manufacturing, information technology, trading, education, hospitality, and pharmaceuticals. Consistent and timely delivery of results has helped Advith Consulting carve a niche for itself. We provide consultancy services to an array of clients, including family businesses, entrepreneurial ventures, public listed companies, and multinational corporations.",
jobdescription: [
"Would be involved in the Firm’s effort towards reading, researching, content creation and content dissemination in various modes",
"Would be involved in working on Position papers and Guidance Notes for internal usage by the Firm",
"Would be involved in servicing clients from various industry profile and geographies in engagements involving:",
],
requirements: [
"Excellent Communication Skill",
"Chartered Accountant",
"Experience (2-5 years PQE)",
"Should have relevant Direct Tax Consulting experience",
"Should have strong fundamental understanding of Direct Tax law and practice.",
"Must have keen interest in legal and working knowledge of Direct Taxation",
"Enthusiasm towards reading, researching, and working in Direct Tax domain to build a specialised career in DT domain",
"Good Analytical & Interpersonal Skill",
"Good Team Player and respect for Organization hierarchy",
],
benfit: [
"Pay commensurate with a growing mid-sized Full scope finance & tax consulting Firm",
"Candidates who are looking to build a medium to long term career all the way till leadership team will receive unparallel mentorship and opportunity."
],
},
];
const Detail = () => {
return (
<>
<PageBanner banners={banners} />
<div className="projects-details-area ptb-100">
<Container>
<Row>
<Col md={8} sm={12}>
<div className="projects-details-desc">
<h3>About Us</h3>
<p>{career[0].aboutus}</p>
<h3>Job Description</h3>
<p>
<ul>
{career[0].jobdescription.map((item, index) => (
<li key={index}>{item}</li>
))}
</ul>
</p>
<h3>Requirements</h3>
<p>
<ul>
{career[0].requirements.map((item, index) => (
<li key={index}>{item}</li>
))}
</ul>
</p>
<h3>Benefits</h3>
<p>
<ul>
{career[0].benfit.map((item, index) => (
<li key={index}>{item}</li>
))}
</ul>
</p>
<button className="default-btn">Apply Now <i class="ri-arrow-right-line"></i></button>
</div>
</Col>
<Col md={4} sm={12}>
<CareerSidebar />
</Col>
</Row>
</Container>
</div>
</>
);
};
export default Detail;
container/ClientServicing/OurService.js
import React from "react"; import React from "react";
import Link from "next/link"; import Link from "next/link";
import { Swiper, SwiperSlide } from "swiper/react"; import { Swiper, SwiperSlide } from "swiper/react";
import { Pagination, Autoplay } from "swiper/modules"; import { Pagination, Autoplay, Navigation } from "swiper/modules";
import Heading from "@/components/reuseables/Heading";
import { Container } from "react-bootstrap";
import Image from "next/image"; import Image from "next/image";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants"; import { slideFromLeft } from "@/components/reuseables/variants";
import Heading from "@/components/reuseables/Heading";
import { Container } from "react-bootstrap";
import SwiperNav from "@/components/reuseables/SwiperNav";
const services = [ const services = [
{ {
...@@ -51,82 +52,95 @@ const services = [ ...@@ -51,82 +52,95 @@ const services = [
}, },
]; ];
const OurService = () => { const ClientService = () => {
return ( return (
<> <>
<div className="services-area pt-100 pb-70"> <div className="services-area pt-100 pb-5">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">ADVITH CONSULTING</span> <span className="sub-title">ADVITH CONSULTING</span>
<Heading el="h2" heading="What we do?" className="h2" /> <Heading el="h2" heading="What we do?" />
<p> <p>
At Advith Consulting, we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction. At Advith Consulting, we harness our wealth of Knowledge and
expertise, leveraging our People to deliver exceptional Client
satisfaction.
</p> </p>
</div> </div>
<div className="position-relative px-md-4 mt-md-5 mt-2">
<Swiper
spaceBetween={30}
centeredSlides={true}
navigation={{
nextEl: ".custom-swiper-button-next",
prevEl: ".custom-swiper-button-prev",
}}
pagination={{
clickable: true,
}}
breakpoints={{
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
1200: {
slidesPerView: 3,
},
}}
autoplay={{
delay: 5000,
// disableOnInteraction: true,
// pauseOnMouseEnter: true,
}}
loop={true}
modules={[Autoplay, Navigation]}
className="services-slides position-relative"
>
{services &&
services.map((service, index) => (
<SwiperSlide className="single-services-box" key={service.id}>
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="image">
<Link href={service.detailsUrl}>
<Image
src={service.image}
fill
alt={service.altText}
className="img-fluid image"
/>
</Link>
</div>
<div className="content">
<h3>
<Link href={service.detailsUrl}>{service.title}</Link>
</h3>
<Swiper <p>{service.description}</p>
spaceBetween={30}
pagination={{
clickable: true,
}}
breakpoints={{
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
1200: {
slidesPerView: 3,
},
}}
autoplay={{
delay: 5000,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}}
modules={[Pagination, Autoplay]}
className="services-slides"
>
{services &&
services.map((service) => (
<SwiperSlide className="single-services-box" key={service.id}>
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="image">
<Link href={service.detailsUrl}>
<Image
src={service.image}
alt={service.altText}
layout="fill"
className="img-fluid image"
/>
</Link>
</div>
<div className="content">
<h3>
<Link href={service.detailsUrl}>{service.title}</Link>
</h3>
<p>{service.description}</p>
<Link href={service.detailsUrl} className="default-btn"> <Link href={service.detailsUrl} className="default-btn">
{service.linkText}{" "} {service.linkText}
<i className="ri-arrow-right-line"></i> <i className="ri-arrow-right-line"></i>
</Link> </Link>
</div> </div>
</motion.div> </motion.div>
</SwiperSlide> </SwiperSlide>
))} ))}
</Swiper> <Swiper pagination={{ clickable: true }} />
</Swiper>
<div className="cust_nav swiper-nav text-center mt-md-4 mt-2">
<SwiperNav />
</div>
</div>
</Container> </Container>
</div> </div>
</> </>
); );
}; };
export default OurService; export default ClientService;
container/ClientServicing/RA/RaPage.js
...@@ -41,9 +41,24 @@ const RAData = [ ...@@ -41,9 +41,24 @@ const RAData = [
const sliderConfig = { const sliderConfig = {
spaceBetween: 20, spaceBetween: 20,
slidesPerView: 4, slidesPerView: 4,
showPagination: true, breakpoints: {
showAutoplay: true, 320: {
autoplayDelay: 4000, slidesPerView: 2,
spaceBetween: 10,
},
768: {
slidesPerView: 2,
spaceBetween: 20,
},
1024: {
slidesPerView: 3,
spaceBetween: 20,
},
1200: {
slidesPerView: 5,
spaceBetween: 20,
},
},
}; };
const MethodOneData = [ const MethodOneData = [
{ {
...@@ -137,6 +152,9 @@ const partners = [ ...@@ -137,6 +152,9 @@ const partners = [
}, },
]; ];
const RaPage = () => { const RaPage = () => {
return ( return (
<> <>
...@@ -168,11 +186,12 @@ const RaPage = () => { ...@@ -168,11 +186,12 @@ const RaPage = () => {
sectionTitle="Components of Our Deliverable " sectionTitle="Components of Our Deliverable "
subTitle="Methodology 2 " subTitle="Methodology 2 "
methodData={methodTwoData} methodData={methodTwoData}
slidesPerView={5} slidesPerView={sliderConfig.slidesPerView}
spaceBetween={20} breakpoints={sliderConfig.breakpoints} // Pass breakpoints here
autoplayDelay={4000} spaceBetween={sliderConfig.spaceBetween}
showPagination={true} autoplayDelay={sliderConfig.autoplayDelay}
showAutoplay={true} showPagination={sliderConfig.showPagination}
showAutoplay={sliderConfig.showAutoplay}
/> />
<div className="ptb-100"> <div className="ptb-100">
<Clientele partners={partners} /> <Clientele partners={partners} />
......
container/Corpedia/CorpediaPage.js
...@@ -19,62 +19,95 @@ const banners = [ ...@@ -19,62 +19,95 @@ const banners = [
const services = [ const services = [
{ {
id: 1, id: 1,
serviceIcon: "icon ri-global-line",
serviceTitle: "Karnataka Compulsory Gratuity Insurance Rules, 2024", serviceTitle: "Karnataka Compulsory Gratuity Insurance Rules, 2024",
serviceShortDescription: serviceShortDescription:
"Gratuity is a monetary compensation payable by an employer to employees who have rendered 5 or more years of continuous service to an organization and retires or quits the organization", "The Karnataka government has made it mandatory for employers to offer gratuity insurance for their employees. These rules ensure the timely payment of gratuity and provide a more secure framework for employee benefits.",
readMoreText: "Read More",
serviceDetailsUrl: "/corpedia/details", serviceDetailsUrl: "/corpedia/details",
date: "15 Feb 2024",
}, },
{ {
id: 2, id: 2,
serviceIcon: "icon ri-global-line",
serviceTitle: "Recent amendment in Companies and LLP Act in India", serviceTitle: "Recent amendment in Companies and LLP Act in India",
serviceShortDescription: serviceShortDescription:
"Recently, the Ministry of Corporate Affairs came out with certain amendments concerning dematerilisation of shares of private limited companies, the issue of warrants by companies, certain administrative matters, and additional compliances applicable to Limited Liability Partnerships (LLP). ", "Recently, the Ministry of Corporate Affairs came out with certain amendments concerning dematerilisation of shares of private limited companies, the issue of warrants by companies, certain administrative matters, and additional compliances applicable to Limited Liability Partnerships (LLP).",
readMoreText: "Read More",
serviceDetailsUrl: "/corpedia/details", serviceDetailsUrl: "/corpedia/details",
date: "16 Nov 2023",
}, },
{ {
id: 3, id: 3,
serviceIcon: "icon ri-global-line", serviceTitle: "Recent Amendments relating to Accounts and Audit under Companies Act, 2013",
serviceTitle:
"Recent Amendments relating to Accounts and Audit under Companies Act, 2013",
serviceShortDescription: serviceShortDescription:
"Recently, the Ministry of Corporate Affairs came out with certain amendments which impact the maintenance of accounts, reporting and preparation of financial statements", "Several amendments have been introduced under the Companies Act, 2013, specifically regarding auditing and reporting standards, compliance requirements, and financial disclosures.",
readMoreText: "Read More",
serviceDetailsUrl: "/corpedia/details", serviceDetailsUrl: "/corpedia/details",
date: "18 Aug 2021",
}, },
{ {
id: 4, id: 4,
serviceIcon: "icon ri-group-2-line", serviceTitle: "The Companies (Corporate Social Responsibility Policy) Amendment Rules, 2021",
serviceTitle:
"The Companies (Corporate Social Responsibility Policy) Amendment Rules, 2021",
serviceShortDescription: serviceShortDescription:
"The Company law in India mandates certain category of companies to carry out Corporate Social Responsibility (CSR) activities mandatorily.", "The 2021 amendment to CSR rules focuses on expanding the scope of CSR activities, ensuring better compliance, and introducing a more structured approach to corporate social responsibility.",
readMoreText: "Read More",
serviceDetailsUrl: "/corpedia/details", serviceDetailsUrl: "/corpedia/details",
date: "28 Jan 2021",
}, },
{ {
id: 5, id: 5,
serviceIcon: "icon ri-briefcase-line",
serviceTitle: "Company and LLP – Amnesty Schemes", serviceTitle: "Company and LLP – Amnesty Schemes",
serviceShortDescription: serviceShortDescription:
"Ministry of Corporate Affairs (MCA), in order to encourage Companies and Limited Liability Partnerships (LLPs) to come clean on all the non-compliances that they may have mounted over the years, has come out with 2 amnest", "The government introduced amnesty schemes aimed at providing relief to companies and LLPs with overdue filings and compliance requirements, offering reduced penalties.",
readMoreText: "Read More",
serviceDetailsUrl: "/corpedia/details", serviceDetailsUrl: "/corpedia/details",
date: "04 Apr 2020",
}, },
{ {
id: 6, id: 6,
serviceIcon: "icon ri-money-dollar-box-line",
serviceTitle: "ESI contribution rates reduced", serviceTitle: "ESI contribution rates reduced",
serviceShortDescription: serviceShortDescription:
"The Employees’ State Insurance Corporation (ESIC), a statutory body, is set up under theEmployees’ State Insurance (ESI) Act, 1948. The body administers the scheme of ESI and protects the interests of the employees thereunder and their immediate dependents who are entitled to medical facilities in unforeseen situations.", "In an effort to support businesses and employees, the ESI contribution rates have been significantly reduced, offering relief to both employers and employees.",
readMoreText: "Read More",
serviceDetailsUrl: "/corpedia/details", serviceDetailsUrl: "/corpedia/details",
date: "24 Jun 2019",
},
{
id: 7,
serviceTitle: "Condonation of Delay Scheme 2018",
serviceShortDescription:
"This scheme allows companies and LLPs to make up for delays in filing annual returns and financial statements with a condonation of penalties, ensuring compliance with statutory requirements.",
serviceDetailsUrl: "/corpedia/details",
date: "06 Jan 2018",
},
{
id: 8,
serviceTitle: "ESIC – Background & Recent Amendments",
serviceShortDescription:
"Recent amendments to the ESIC have introduced new reforms that strengthen employee welfare and ensure greater coverage for workers across various sectors.",
serviceDetailsUrl: "/corpedia/details",
date: "11 Jan 2017",
},
{
id: 9,
serviceTitle: "The Master Stroke",
serviceShortDescription:
"The introduction of new reforms and regulations under this policy aims to streamline business practices and promote greater ease of doing business in India.",
serviceDetailsUrl: "/corpedia/details",
date: "10 Nov 2016",
},
{
id: 10,
serviceTitle: "Startup India Initiative – A Glimpse",
serviceShortDescription:
"The Startup India initiative offers tax breaks, incentives, and simplified compliance procedures for startups to promote innovation and entrepreneurship.",
serviceDetailsUrl: "/corpedia/details",
date: "30 Apr 2016",
},
{
id: 11,
serviceTitle: "The Companies (Accounting Standard) Amendment Rule, 2016",
serviceShortDescription:
"The amendment to the Companies (Accounting Standard) rules brings updated accounting practices in line with international standards, ensuring transparency and accuracy in financial reporting.",
serviceDetailsUrl: "/corpedia/details",
date: "18 Apr 2016",
}, },
]; ];
const CorpediaPage = () => { const CorpediaPage = () => {
return ( return (
<> <>
...@@ -94,14 +127,13 @@ const CorpediaPage = () => { ...@@ -94,14 +127,13 @@ const CorpediaPage = () => {
services.map((service, index) => ( services.map((service, index) => (
<Col lg={4} md={6} sm={12} key={service.id}> <Col lg={4} md={6} sm={12} key={service.id}>
<motion.div <motion.div
variants={slideFromLeft(index * 0.5)} variants={slideFromLeft(0.5)}
initial={"hidden"} initial={"hidden"}
whileInView={"show"} whileInView={"show"}
viewport={{ once: false, amount: 0.4 }} viewport={{ once: false, amount: 0.4 }}
> >
<div className="services-box-budget"> <div className="services-box-budget">
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
{/* <i className={service.serviceIcon}></i> */}
<Image <Image
src="../images/knoweledge/corpedia.svg" src="../images/knoweledge/corpedia.svg"
alt={service.serviceTitle} alt={service.serviceTitle}
...@@ -122,7 +154,7 @@ const CorpediaPage = () => { ...@@ -122,7 +154,7 @@ const CorpediaPage = () => {
href={service.serviceDetailsUrl} href={service.serviceDetailsUrl}
className="default-btn" className="default-btn"
> >
{service.readMoreText} Read More
<i className="ri-arrow-right-line"></i> <i className="ri-arrow-right-line"></i>
</Link> </Link>
</div> </div>
......
container/Home/ClientService.js
import React from "react"; import React from "react";
import Link from "next/link"; import Link from "next/link";
import { Swiper, SwiperSlide } from "swiper/react"; import { Swiper, SwiperSlide } from "swiper/react";
import { Pagination, Autoplay } from "swiper/modules"; import { Pagination, Autoplay, Navigation } from "swiper/modules";
import Image from "next/image"; import Image from "next/image";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { slideFromLeft } from "@/components/reuseables/variants"; import { slideFromLeft } from "@/components/reuseables/variants";
import Heading from "@/components/reuseables/Heading"; import Heading from "@/components/reuseables/Heading";
import { Container } from "react-bootstrap"; import { Container } from "react-bootstrap";
import SwiperNav from "@/components/reuseables/SwiperNav";
const services = [ const services = [
{ {
...@@ -55,74 +56,87 @@ const ClientService = () => { ...@@ -55,74 +56,87 @@ const ClientService = () => {
return ( return (
<> <>
<div className="services-area pt-100 pb-5"> <div className="services-area pt-100 pb-5">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">ADVITH CONSULTING</span> <span className="sub-title">ADVITH CONSULTING</span>
<Heading el="h2" heading="What we do?" /> <Heading el="h2" heading="What we do?" />
<p> <p>
At Advith Consulting, we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction. At Advith Consulting, we harness our wealth of Knowledge and
expertise, leveraging our People to deliver exceptional Client
satisfaction.
</p> </p>
</div> </div>
<div className="position-relative px-md-4 mt-md-5 mt-2">
<Swiper
spaceBetween={30}
centeredSlides={true}
navigation={{
nextEl: ".custom-swiper-button-next",
prevEl: ".custom-swiper-button-prev",
}}
pagination={{
clickable: true,
}}
breakpoints={{
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
1200: {
slidesPerView: 3,
},
}}
autoplay={{
delay: 5000,
// disableOnInteraction: true,
// pauseOnMouseEnter: true,
}}
loop={true}
modules={[Autoplay, Navigation]}
className="services-slides position-relative"
>
{services &&
services.map((service, index) => (
<SwiperSlide className="single-services-box" key={service.id}>
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="image">
<Link href={service.detailsUrl}>
<Image
src={service.image}
fill
alt={service.altText}
className="img-fluid image"
/>
</Link>
</div>
<div className="content">
<h3>
<Link href={service.detailsUrl}>{service.title}</Link>
</h3>
<Swiper <p>{service.description}</p>
spaceBetween={30}
pagination={{
clickable: true,
}}
breakpoints={{
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
1200: {
slidesPerView: 3,
},
}}
autoplay={{
delay: 5000,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}}
modules={[Pagination, Autoplay]}
className="services-slides"
>
{services &&
services.map((service, index) => (
<SwiperSlide className="single-services-box" key={service.id}>
<motion.div
variants={slideFromLeft(0.5)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.4 }}
>
<div className="image">
<Link href={service.detailsUrl}>
<Image
src={service.image}
layout="fill"
alt={service.altText}
className="img-fluid image"
/>
</Link>
</div>
<div className="content">
<h3>
<Link href={service.detailsUrl}>{service.title}</Link>
</h3>
<p>{service.description}</p> <Link href={service.detailsUrl} className="default-btn">
{service.linkText}
<Link href={service.detailsUrl} className="default-btn"> <i className="ri-arrow-right-line"></i>
{service.linkText} </Link>
<i className="ri-arrow-right-line"></i> </div>
</Link> </motion.div>
</div> </SwiperSlide>
</motion.div> ))}
</SwiperSlide> <Swiper pagination={{ clickable: true }} />
))} </Swiper>
</Swiper> <div className="cust_nav swiper-nav text-center mt-md-4 mt-2">
<SwiperNav />
</div>
</div>
</Container> </Container>
</div> </div>
</> </>
......
container/Home/PartnerSlider.js
import React from "react"; import React from "react";
import { Swiper, SwiperSlide } from "swiper/react"; import { Swiper, SwiperSlide } from "swiper/react";
import { Autoplay } from "swiper/modules"; import { Autoplay, Navigation } from "swiper/modules";
import Image from "next/image"; import Image from "next/image";
import SwiperNav from "@/components/reuseables/SwiperNav";
const partners = [ const partners = [
{ {
...@@ -89,43 +90,52 @@ const PartnerSlider = () => { ...@@ -89,43 +90,52 @@ const PartnerSlider = () => {
<> <>
<div className="partner-area"> <div className="partner-area">
<div className="container"> <div className="container">
<Swiper <div className="position-relative">
spaceBetween={30} <Swiper
breakpoints={{ spaceBetween={30}
0: { navigation={{
slidesPerView: 2, nextEl: ".custom-swiper-button-next",
}, prevEl: ".custom-swiper-button-prev",
576: { }}
slidesPerView: 3, breakpoints={{
}, 0: {
768: { slidesPerView: 2,
slidesPerView: 4, },
}, 576: {
992: { slidesPerView: 3,
slidesPerView: 5, },
}, 768: {
}} slidesPerView: 4,
autoplay={{ },
delay: 3000, 992: {
disableOnInteraction: true, slidesPerView: 5,
pauseOnMouseEnter: true, },
}} }}
modules={[Autoplay]} autoplay={{
className="partner-slides" delay: 3000,
>
{partners && }}
partners.map((logo) => ( loop={true}
<SwiperSlide className="single-partner-item" key={logo.id}> modules={[Autoplay ,Navigation]}
className="partner-slides position-relative"
>
{partners &&
partners.map((logo) => (
<SwiperSlide className="single-partner-item" key={logo.id}>
<Image <Image
src={logo.image} src={logo.image}
alt={logo.altText} alt={logo.altText}
className="img-fluid image" className="img-fluid image"
layout="fill" layout="fill"
/> />
</SwiperSlide> </SwiperSlide>
))} ))}
</Swiper> </Swiper>
<div className="cust_nav">
<SwiperNav />
</div>
</div>
</div> </div>
</div> </div>
</> </>
......
container/Home/People.js
...@@ -37,8 +37,7 @@ const People = () => { ...@@ -37,8 +37,7 @@ const People = () => {
<> <>
<div className="people ptb-100"> <div className="people ptb-100">
<Container> <Container>
<Row className="align-items-center flex-column-reverse flex-lg-row"> <Row className="align-items-center flex-column-reverse flex-lg-row">
<Col lg={6} md={12}> <Col lg={6} md={12}>
<div className="call-back-request-img"> <div className="call-back-request-img">
<motion.div <motion.div
...@@ -49,8 +48,8 @@ const People = () => { ...@@ -49,8 +48,8 @@ const People = () => {
> >
<Image <Image
src="/images/people/people.webp" src="/images/people/people.webp"
layout="fill" fill
className="img-fluid image" className="img-fluid position-relative"
alt="image" alt="image"
/> />
</motion.div> </motion.div>
......
container/IndustryFocus/Education.js
...@@ -183,7 +183,7 @@ const Education = () => { ...@@ -183,7 +183,7 @@ const Education = () => {
{services.map((service, i) => ( {services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}> <Col lg={4} md={6} sm={6} key={i}>
<motion.div <motion.div
variants={slideFromRight(0.5 * i)} variants={slideFromLeft(0.5 * i)}
initial={"hidden"} initial={"hidden"}
whileInView={"show"} whileInView={"show"}
viewport={{ once: false, amount: 0.4 }} viewport={{ once: false, amount: 0.4 }}
......
container/IndustryFocus/Hospitality.js
...@@ -6,7 +6,7 @@ import Image from "next/image"; ...@@ -6,7 +6,7 @@ import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar"; import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele"; import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { fadeIn, slideFromRight } from "@/components/reuseables/variants"; import { fadeIn, slideFromLeft, slideFromRight } from "@/components/reuseables/variants";
const OurApproachData = [ const OurApproachData = [
{ {
title: "Hospitality", title: "Hospitality",
...@@ -173,7 +173,7 @@ const Hospitality = () => { ...@@ -173,7 +173,7 @@ const Hospitality = () => {
{services.map((service, i) => ( {services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}> <Col lg={4} md={6} sm={6} key={i}>
<motion.div <motion.div
variants={slideFromRight(0.5 * i)} variants={slideFromLeft(0.5 * i)}
initial={"hidden"} initial={"hidden"}
whileInView={"show"} whileInView={"show"}
viewport={{ once: false, amount: 0.4 }} viewport={{ once: false, amount: 0.4 }}
......
container/IndustryFocus/LifeSciences.js
...@@ -6,7 +6,7 @@ import Image from "next/image"; ...@@ -6,7 +6,7 @@ import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar"; import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele"; import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { fadeIn, slideFromRight } from "@/components/reuseables/variants"; import { fadeIn, slideFromLeft, slideFromRight } from "@/components/reuseables/variants";
const OurApproachData = [ const OurApproachData = [
{ {
title: "Life Sciences ", title: "Life Sciences ",
...@@ -174,7 +174,7 @@ const LifeSciences = () => { ...@@ -174,7 +174,7 @@ const LifeSciences = () => {
{services.map((service, i) => ( {services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}> <Col lg={4} md={6} sm={6} key={i}>
<motion.div <motion.div
variants={slideFromRight(0.5 * i)} variants={slideFromLeft(0.5 * i)}
initial={"hidden"} initial={"hidden"}
whileInView={"show"} whileInView={"show"}
viewport={{ once: false, amount: 0.4 }} viewport={{ once: false, amount: 0.4 }}
......
container/IndustryFocus/RealEstate.js
...@@ -6,7 +6,7 @@ import Image from "next/image"; ...@@ -6,7 +6,7 @@ import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar"; import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele"; import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { fadeIn, slideFromRight } from "@/components/reuseables/variants"; import { fadeIn, slideFromLeft, slideFromRight } from "@/components/reuseables/variants";
const OurApproachData = [ const OurApproachData = [
{ {
title: "Real Estate", title: "Real Estate",
...@@ -144,7 +144,7 @@ const RealEstate = () => { ...@@ -144,7 +144,7 @@ const RealEstate = () => {
{services.map((service, i) => ( {services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}> <Col lg={4} md={6} sm={6} key={i}>
<motion.div <motion.div
variants={slideFromRight(0.5 * i)} variants={slideFromLeft(0.5 * i)}
initial={"hidden"} initial={"hidden"}
whileInView={"show"} whileInView={"show"}
viewport={{ once: false, amount: 0.4 }} viewport={{ once: false, amount: 0.4 }}
......
container/IndustryFocus/Technology.js
...@@ -6,7 +6,7 @@ import Image from "next/image"; ...@@ -6,7 +6,7 @@ import Image from "next/image";
import IndustrySidebar from "./IndustrySidebar"; import IndustrySidebar from "./IndustrySidebar";
import Clientele from "@/components/reuseables/Clientele"; import Clientele from "@/components/reuseables/Clientele";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { fadeIn, slideFromRight } from "@/components/reuseables/variants"; import { fadeIn, slideFromLeft, slideFromRight } from "@/components/reuseables/variants";
const OurApproachData = [ const OurApproachData = [
{ {
title: "Technology", title: "Technology",
...@@ -194,7 +194,7 @@ const Technology = () => { ...@@ -194,7 +194,7 @@ const Technology = () => {
{services.map((service, i) => ( {services.map((service, i) => (
<Col lg={4} md={6} sm={6} key={i}> <Col lg={4} md={6} sm={6} key={i}>
<motion.div <motion.div
variants={slideFromRight(0.5 * i)} variants={slideFromLeft(0.5 * i)}
initial={"hidden"} initial={"hidden"}
whileInView={"show"} whileInView={"show"}
viewport={{ once: false, amount: 0.4 }} viewport={{ once: false, amount: 0.4 }}
......
container/Knowledge/Corpedia.js
...@@ -9,30 +9,24 @@ import Image from "next/image"; ...@@ -9,30 +9,24 @@ import Image from "next/image";
const services = [ const services = [
{ {
id: 1, id: 1,
serviceIcon: "icon ri-global-line",
serviceTitle: "Karnataka Compulsory Gratuity Insurance Rules, 2024", serviceTitle: "Karnataka Compulsory Gratuity Insurance Rules, 2024",
serviceShortDescription: serviceShortDescription:
"Gratuity is a monetary compensation payable by an employer to employees who have rendered 5 or more years of continuous service to an organization and retires or quits the organization", "Gratuity is a monetary compensation payable by an employer to employees who have rendered 5 or more years of continuous service to an organization and retires or quits the organization",
readMoreText: "Read More",
serviceDetailsUrl: "/corpedia/details", serviceDetailsUrl: "/corpedia/details",
}, },
{ {
id: 2, id: 2,
serviceIcon: "icon ri-global-line",
serviceTitle: "Recent amendment in Companies and LLP Act in India", serviceTitle: "Recent amendment in Companies and LLP Act in India",
serviceShortDescription: serviceShortDescription:
"Recently, the Ministry of Corporate Affairs came out with certain amendments concerning dematerilisation of shares of private limited companies, the issue of warrants by companies, certain administrative matters, and additional compliances applicable to Limited Liability Partnerships (LLP). ", "Recently, the Ministry of Corporate Affairs came out with certain amendments concerning dematerilisation of shares of private limited companies, the issue of warrants by companies, certain administrative matters, and additional compliances applicable to Limited Liability Partnerships (LLP). ",
readMoreText: "Read More",
serviceDetailsUrl: "/corpedia/details", serviceDetailsUrl: "/corpedia/details",
}, },
{ {
id: 3, id: 3,
serviceIcon: "icon ri-global-line",
serviceTitle: serviceTitle:
"Recent Amendments relating to Accounts and Audit under Companies Act, 2013", "Recent Amendments relating to Accounts and Audit under Companies Act, 2013",
serviceShortDescription: serviceShortDescription:
"Recently, the Ministry of Corporate Affairs came out with certain amendments which impact the maintenance of accounts, reporting and preparation of financial statements", "Recently, the Ministry of Corporate Affairs came out with certain amendments which impact the maintenance of accounts, reporting and preparation of financial statements",
readMoreText: "Read More",
serviceDetailsUrl: "/corpedia/details", serviceDetailsUrl: "/corpedia/details",
}, },
]; ];
...@@ -49,7 +43,6 @@ const Corpedia = () => { ...@@ -49,7 +43,6 @@ const Corpedia = () => {
<p className="mb-lg-5 mb-3"> <p className="mb-lg-5 mb-3">
Get the scoop on India's corporate legal happenings with Get the scoop on India's corporate legal happenings with
Corpedia, your go-to source for updates and analysis. Corpedia, your go-to source for updates and analysis.
</p> </p>
</div> </div>
...@@ -98,7 +91,7 @@ const Corpedia = () => { ...@@ -98,7 +91,7 @@ const Corpedia = () => {
href={service.serviceDetailsUrl} href={service.serviceDetailsUrl}
className="default-btn" className="default-btn"
> >
{service.readMoreText} Read More
<i className="ri-arrow-right-line"></i> <i className="ri-arrow-right-line"></i>
</Link> </Link>
</div> </div>
......
container/Knowledge/TaxWire .js
...@@ -44,7 +44,7 @@ const TaxWire = () => { ...@@ -44,7 +44,7 @@ const TaxWire = () => {
<Row> <Row>
<Col lg={8} md={8} sm={12}> <Col lg={8} md={8} sm={12}>
<div className="text-align-left"> <div className="text-align-left">
<Heading heading={"TaxWire"} el="h2" /> <Heading heading={"Taxwire"} el="h2" />
<p className="mb-lg-5 mb-3"> <p className="mb-lg-5 mb-3">
Navigating the complex terrain of India's tax landscape? Navigating the complex terrain of India's tax landscape?
......
container/People/AboutPeople.js
...@@ -53,7 +53,7 @@ const AboutPeople = () => { ...@@ -53,7 +53,7 @@ const AboutPeople = () => {
<Image <Image
src={item.imageSrc} src={item.imageSrc}
alt={item.imageAlt} alt={item.imageAlt}
layout="fill" fill
className="img-fluid image" className="img-fluid image"
/> />
</motion.div> </motion.div>
......
container/People/AdvisoryBoard.js
...@@ -50,7 +50,7 @@ const AdvisoryBoard = () => { ...@@ -50,7 +50,7 @@ const AdvisoryBoard = () => {
<Image <Image
src={member.image} src={member.image}
alt={member.name} alt={member.name}
layout="fill" fill
className="img-fluid image rounded-3" className="img-fluid image rounded-3"
/> />
</div> </div>
......
container/People/TeamLead.js
...@@ -86,7 +86,7 @@ const TeamLead = () => { ...@@ -86,7 +86,7 @@ const TeamLead = () => {
<Image <Image
src={member.image} src={member.image}
alt={member.altText} alt={member.altText}
layout="fill" fill
className="img-fluid image" className="img-fluid image"
/> />
<div className="content"> <div className="content">
......
container/People/TeamMembers.js
...@@ -94,7 +94,7 @@ const TeamMember = () => { ...@@ -94,7 +94,7 @@ const TeamMember = () => {
<Col md={3} lg={3} sm={6} xs={12}> <Col md={3} lg={3} sm={6} xs={12}>
<div className="single-team-member"> <div className="single-team-member">
<Image <Image
layout="fill" fill
src={member.image} src={member.image}
alt={member.altText} alt={member.altText}
className="img-fluid image" className="img-fluid image"
......
layout/Header.js
...@@ -95,7 +95,7 @@ const Header = () => { ...@@ -95,7 +95,7 @@ const Header = () => {
<ul> <ul>
<li className="nav-item"> <li className="nav-item">
<Link href="/taxwire" className={`nav-link ${isActive("/taxwire") ? "active" : ""}`}> <Link href="/taxwire" className={`nav-link ${isActive("/taxwire") ? "active" : ""}`}>
Tax Wire Taxwire
</Link> </Link>
</li> </li>
<li className="nav-item"> <li className="nav-item">
...@@ -131,19 +131,19 @@ const Header = () => { ...@@ -131,19 +131,19 @@ const Header = () => {
<ul> <ul>
<li className="nav-item"> <li className="nav-item">
<Link href="/client-servicing/ta" className={`nav-link ${isActive("/client-servicing/ta") ? "active" : ""}`}> <Link href="/client-servicing/ta" className={`nav-link ${isActive("/client-servicing/ta") ? "active" : ""}`}>
Transaction Advisor Transaction Advisory
</Link> </Link>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link href="/client-servicing/ra" className={`nav-link ${isActive("/client-servicing/ra") ? "active" : ""}`}> <Link href="/client-servicing/ra" className={`nav-link ${isActive("/client-servicing/ra") ? "active" : ""}`}>
Risk Advisor Risk Advisory
</Link> </Link>
</li> </li>
</ul> </ul>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link href="/client-servicing/ba" className={`nav-link ${isActive("/client-servicing/ba") ? "active" : ""}`}> <Link href="/client-servicing/ba" className={`nav-link ${isActive("/client-servicing/ba") ? "active" : ""}`}>
Business Advisor Business Advisory
</Link> </Link>
</li> </li>
</ul> </ul>
...@@ -151,7 +151,7 @@ const Header = () => { ...@@ -151,7 +151,7 @@ const Header = () => {
<li className="nav-item"> <li className="nav-item">
<Link href="#" className={`nav-link ${isActive("/careers") ? "active" : ""}`}> <Link href="/career" className={`nav-link ${isActive("/career") ? "active" : ""}`}>
Careers Careers
</Link> </Link>
</li> </li>
......
pages/blog/detail/tax-deducted-at-source-under-income-tax-act.js 0 → 100644
import PageBanner from "@/components/reuseables/PageBanner";
import Image from "next/image";
import React from "react";
const banners = [
{
imageSrc: "/images/banner/knowledge.webp",
pageTitle: "Tax Deducted at Source under Income Tax Act",
homePageUrl: "/",
homePageText: "Blog",
activePageText: "Tax Deducted at Source under Income Tax Act",
},
];
const Taxblog = () => {
return (
<>
<PageBanner banners={banners} />
<div className="blog-details-area ptb-100">
<div className="container">
<div className="row">
<div className="col-lg-12 col-md-12">
<div className="blog-details-desc">
<div className="article-image">
<Image
src="/images/blog/blogs1.jpeg"
layout="fill"
alt="image"
className="image-fluid image"
/>
</div>
<div className="article-content">
<div className="entry-meta">
<ul>
<li>
<i className="ri-shield-user-line"></i>
<p> By Advith Consulting</p>
</li>
<li>
<i className="ri-calendar-2-line"></i>
<p>Jan 22, 2024</p>
</li>
</ul>
</div>
<h3>1. Introduction</h3>
<p>
The concept of Tax Deducted at Source (TDS) or Withholding
taxes as it is internationally called, was introduced as a
part of Income tax Act, 1961 (the Act) with the purpose to
collect tax from the very source of income. It requires that
the person or organization on whom the responsibility has
been cast called as Deductor, to deduct tax at the
appropriate rates from payments of specific nature which are
being made to the specific recipient called Deductee.
<br /> <br />
TDS is based on a concept called pay as you earn, where the
deductor deducts an equitable amount of tax periodically on
the earnings or income of the tax payer and remits into the
account of the Central Government which practically assist
the taxpayer from the burden of making a lumpsum payment at
the end of the financial year. The deductee from whose
income, tax has been deducted at source would be entitled to
get credit of the said amount on the basis of TDS
certificate issued by the deductor.
<br /> <br />
Payments of TDS constitute a substantial portion of the
government’s tax collection, and the same is estimated to
be over 42.45% of such collection (As given in the Annual
report of 2016-17 as given by the Finance Ministry of
India). TDS distributes the incidence of tax for a taxpayer
and provides for a simple mode of payment. It also prevents
avoidance or evasion of tax thus ensuring a regular flow of
revenue for the government.
</p>
<h6 className="blog-pointer">
1.1 Applicability of TDS provisions
</h6>
<p>
The Act provides for two broad framework for deduction of
taxes:
</p>
<p>
a) Some payments made to residents in India have been
prescribed to be subjected to withholding, for which
thresholds and rates have been prescribed under Chapter
XVII- B of the Act. A detailed list of rates as applicable
for the current financial year is available here
<br />
https://www.incometaxindia.gov.in/Pages/Deposit_TDS_TCS.aspx.
b) All payments to non-residents if they are taxable in
India have to be subjected to withholding taxes at rates
applicable for such non-resident
<br />
If however, the deductee fails to furnish the PAN to the
deductor, the rate of TDS will be 20% or rate specified
under the Act or rate in force, whichever is higher. In the
case of non-resident deductees having no PAN, if they
provide the information mentioned under rule 37BC including
a Tax Residency Certificate (TRC) from the country of their
residence, there is a relaxation for them from higher rate
of deduction.
<br />
All such persons who are required to withhold taxes, are
supposed to get a number called Tax deduction Account Number
(TAN) and using the TAN all the compliances regarding TDS
have to be done.
</p>
<h6 className="blog-pointer">
1.2.Non applicability of TDS on certain payments
</h6>
<p>
Section 196 of the Act provides that no deduction of tax
shall be made by any person from any sums payable to the
Government, Reserve Bank of India, a corporation established
by or under a Central Act which is under any law for the
time being in force exempt from income tax on its income or
a mutual fund specified under section 10(23D).
</p>
<h6 className="blog-pointer">
2. Compliances w.r.t to TDS provisions
</h6>
<h6 className="blog-pointer">
2.1 Prescribed Time for Payment of TDS and Mode of Payment
</h6>
<p>
Once TDS is deducted, the deductor must remit the same to
the credit of Government of India within timeline that are
prescribed as under:
</p>
<p>
- For deductions made in the month of April to February of
every year <br />
- on or before 7days from the month in which tax is
deducted. - For TDS made in March - within is 30th April.
The payment of withheld taxes is to be done using the
following forms: <br />
a) For TDS on payments made on selling an immovable property
A combined challan-cum-return by name Form 26QB <br />
b) For all other forms of TDS (resident or non-resident)
Challan No.281 The payments can be either made in designated
banks using the above challan or can be paid online from
www.tin-nsdl.com using internet banking.
</p>
<h6 className="blog-pointer">
2.2.TDS Returns and Forms <br /> <br />
Once the withheld taxes are paid to the Government, the due
credit has to be passed on to the deductee, such passing on
has to be done by filing an electronic TDS return. Such
returns are to be filed on a quarterly basis. The forms
prescribed for the filing are as under:
</h6>
<p>
The prescribed due date for filing of TDS returns is the
last day of the month subsequent to the quarter in which
returns are due. For ex: for April-June the due date is 31st
July and so on.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</>
);
};
export default Taxblog;
pages/career/detail.js 0 → 100644
import Detail from '@/container/Career/Detail'
import React from 'react'
const detail = () => {
return (
<>
<Detail />
</>
)
}
export default detail
pages/career/index.js 0 → 100644
import React from 'react'
import CareerPage from '@/container/Career/CareerPage'
const index = () => {
return (
<>
<CareerPage />
</>
)
}
export default index
\ No newline at end of file \ No newline at end of file
styles/responsive.css
...@@ -21,6 +21,16 @@ ...@@ -21,6 +21,16 @@
.section-title { .section-title {
max-width: 90%; max-width: 90%;
} }
.cust_nav .custom-swiper-button-next {
position: relative;
left: 0%;
top: -8%;
}
.cust_nav .custom-swiper-button-prev {
position: relative;
right: 0%;
top: -8%;
}
} }
/* Max width 767px */ /* Max width 767px */
...@@ -1025,6 +1035,7 @@ ...@@ -1025,6 +1035,7 @@
.single-blog-post .post-content { .single-blog-post .post-content {
padding: 20px 15px; padding: 20px 15px;
height: auto!important;
} }
.single-blog-post .post-content .meta li { .single-blog-post .post-content .meta li {
...@@ -1906,13 +1917,17 @@ ...@@ -1906,13 +1917,17 @@
padding: 20px 20px; padding: 20px 20px;
} }
.fuctional-areas{ .fuctional-areas{
min-height: auto; height: auto;
} }
/* -----------industry-areas--------------- */ /* -----------industry-areas--------------- */
.widget-area .widget_service_categories ul li{ .widget-area .widget_service_categories ul li{
padding: 3vw; padding: 3vw;
} }
.cust_nav {
position: unset;
justify-content: center;
}
} }
/* Min width 576px to Max width 767px */ /* Min width 576px to Max width 767px */
...@@ -1968,6 +1983,20 @@ ...@@ -1968,6 +1983,20 @@
flex: 0 0 auto; flex: 0 0 auto;
width: 50%; width: 50%;
} }
.cust_nav {
position: unset;
justify-content: center;
}
.cust_nav .custom-swiper-button-next {
position: relative;
left: 0%;
top: -8%;
}
.cust_nav .custom-swiper-button-prev {
position: relative;
right: 0%;
top: -8%;
}
} }
/* Min width 768px to Max width 991px */ /* Min width 768px to Max width 991px */
...@@ -2861,6 +2890,7 @@ ...@@ -2861,6 +2890,7 @@
.single-blog-post .post-content { .single-blog-post .post-content {
padding: 20px 25px 25px; padding: 20px 25px 25px;
height: auto!important;
} }
.single-blog-post .post-content .meta li { .single-blog-post .post-content .meta li {
...@@ -3298,6 +3328,21 @@ ...@@ -3298,6 +3328,21 @@
.method-descr { .method-descr {
height: auto; height: auto;
} }
.cust_nav {
position: unset;
justify-content: center;
}
.cust_nav .custom-swiper-button-next {
position: relative;
left: 0%;
top: -8%;
}
.cust_nav .custom-swiper-button-prev {
position: relative;
right: 0%;
top: -8%;
}
} }
/* Min width 992px to Max width 1199px */ /* Min width 992px to Max width 1199px */
...@@ -3674,6 +3719,7 @@ ...@@ -3674,6 +3719,7 @@
.single-blog-post .post-content { .single-blog-post .post-content {
padding: 20px 20px 25px; padding: 20px 20px 25px;
height: 40vh;
} }
.single-blog-post .post-content h3 { .single-blog-post .post-content h3 {
...@@ -3908,10 +3954,14 @@ ...@@ -3908,10 +3954,14 @@
.single-footer-widget .opening-hours li { .single-footer-widget .opening-hours li {
font-size: 14px; font-size: 14px;
} }
.fuctional-areas {
height: 45vh;
}
} }
/* Min width 1200px to Max width 1355px */ /* Min width 1200px to Max width 1355px */
@media only screen and (min-width: 1200px) and (max-width: 1355px) { @media only screen and (min-width: 1200px) and (max-width: 1366px) {
.top-header-area .container-fluid { .top-header-area .container-fluid {
padding-right: var(--bs-gutter-x, 0.75rem); padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem);
...@@ -4016,6 +4066,14 @@ ...@@ -4016,6 +4066,14 @@
font-size: 20px; font-size: 20px;
line-height: 1.3; line-height: 1.3;
} }
.fuctional-areas {
min-height: 36vh;
/* max-width: fit-content; */
height: 83vh;
}
.fuctional-areas {
height: 40vh;
}
} }
/* Min width 1550px */ /* Min width 1550px */
......
styles/styles.css
...@@ -1761,6 +1761,7 @@ Services Area CSS ...@@ -1761,6 +1761,7 @@ Services Area CSS
border: 1px solid #eeeeee; border: 1px solid #eeeeee;
border-top: none; border-top: none;
transition: var(--transition); transition: var(--transition);
height: 29vh;
} }
.single-services-box .content h3 { .single-services-box .content h3 {
...@@ -2713,6 +2714,9 @@ Projects Details Area CSS ...@@ -2713,6 +2714,9 @@ Projects Details Area CSS
padding-bottom: 0; padding-bottom: 0;
border-bottom: none; border-bottom: none;
} }
.projects-details-info h5{
font-weight: 400;
}
/*================================================ /*================================================
Team Area CSS Team Area CSS
...@@ -2870,6 +2874,9 @@ Testimonial Area CSS ...@@ -2870,6 +2874,9 @@ Testimonial Area CSS
padding-bottom: 15px; padding-bottom: 15px;
font-size: 40px; font-size: 40px;
} }
.testimonial-content p{
text-align: left;
}
.testimonial-content h2::before { .testimonial-content h2::before {
left: 0; left: 0;
...@@ -7475,7 +7482,7 @@ Footer Area CSS ...@@ -7475,7 +7482,7 @@ Footer Area CSS
} }
.single-footer-widget .footer-contact-info ul li a:hover { .single-footer-widget .footer-contact-info ul li a:hover {
color: var(--whiteColor); color: var(--mainColor);
} }
.single-footer-widget .footer-contact-info ul li:last-child { .single-footer-widget .footer-contact-info ul li:last-child {
...@@ -8154,7 +8161,7 @@ h3.sub-title { ...@@ -8154,7 +8161,7 @@ h3.sub-title {
} }
.fuctional-areas { .fuctional-areas {
min-height: 36vh; height: 36vh;
/* max-width: fit-content; */ /* max-width: fit-content; */
} }
.area_expertise{ .area_expertise{
...@@ -8175,4 +8182,82 @@ font-size: 15px!important; ...@@ -8175,4 +8182,82 @@ font-size: 15px!important;
} }
.bg-light{ .bg-light{
background-color: var(--lightgrayColor)!important; background-color: var(--lightgrayColor)!important;
}
/* ---------------------------client servicing page------------------------------ */
.services-slides .swiper-button-prev {
width: 40px;
height: 40px;
background-color: var(--whiteColor);
transition: var(--transition);
color: var(--blackColor);
transform: translateY(-55%);
box-shadow: 0 7px 30px -10px rgba(133, 153, 162, 0.3);
}
.services-slides .swiper-button-next{
width: 40px;
height: 40px;
background-color: var(--whiteColor);
transition: var(--transition);
color: var(--blackColor);
transform: translateY(-55%);
box-shadow: 0 7px 30px -10px rgba(133, 153, 162, 0.3);
}
.services-slides .swiper-button-prev::after, .services-slides .swiper-button-next::after {
font-size: 20px;
}
/* ------------career-details-page ----------------- */
.career-details .location , .career-details .yearofExperience{
color: var(--mainColor);
}
/* --------------custom slider--------------- */
.cust_nav, .overlayline {
position: absolute;
left: 0;
width: 100%;
}
.cust_nav {
top: 0;
display: flex;
height: 100%;
z-index: 1;
justify-content: space-between;
}
.cust_nav .custom-swiper-button-prev {
position: relative;
right: 4%;
top: -8%;
}
.cust_nav .custom-swiper-button-next {
position: relative;
left: 4%;
top: -8%;
}
/* ------------------custom slider end----------------- */
/* ------------------industry slider----------------- */
.industry_nav .custom-swiper-button-prev {
position: relative;
right: -7%;
top: -8%;
}
.industry_nav .custom-swiper-button-next {
position: relative;
left: -7%;
top: -8%;
}
/* ------------------blog ----------------- */
.blog-pointer{
color: var(--mainColor);
} }
\ No newline at end of file \ No newline at end of file
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!