changes and content update

components/reuseables/CallBackRequest.js

@@ -31,11 +31,11 @@ const CallBackRequest = () => {
 
 
             <Col lg={6} md={12}>
             <Col lg={6} md={12}>
               <div className="free-quote-text">
               <div className="free-quote-text">
-                <span className="sub-title">FREE QUOTE</span>
-                <Heading
-                  el="h2"
-                  heading="Search and Expert Any Time From Just Knock Us"
-                />
+                <span className="sub-title">
+                  Have a quick question or need more information? Fill out the
+                  form below, and we'll get back to you as soon as possible
+                </span>
+                <Heading el="h2" heading="Write to Us!" />
                 <p>
                 <p>
                   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
                   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
                   diam nonumy ant extra eirmod te mpor invidunt ut labore et
                   diam nonumy ant extra eirmod te mpor invidunt ut labore et
@@ -60,14 +60,22 @@ const CallBackRequest = () => {
 
 
                     <Col lg={6} md={6}>
                     <Col lg={6} md={6}>
                       <div className="form-group">
                       <div className="form-group">
+                        <label>Phone Number</label>
+                        <input type="text" className="form-control" />
+                      </div>
+                    </Col>
+
+                    <Col lg={6} md={6}>
+                      <div className="form-group">
                         <label>Services</label>
                         <label>Services</label>
                         <select className="form-select">
                         <select className="form-select">
                           <option value="selected">
                           <option value="selected">
                             Financial Consultancy
                             Financial Consultancy
                           </option>
                           </option>
-                          <option>Strategy Consultancy</option>
-                          <option>Organizational Consultancy</option>
-                          <option>Tax Consultancy</option>
+                          <option>Virtual FC & CFO Services</option>
+                          <option>Transaction Advisory</option>
+                          <option>Risk Advisory</option>
+                          <option>Business Advisory</option>
                         </select>
                         </select>
                       </div>
                       </div>
                     </Col>
                     </Col>
@@ -75,7 +83,7 @@ const CallBackRequest = () => {
                     <Col lg={6} md={6}>
                     <Col lg={6} md={6}>
                       <div className="form-group">
                       <div className="form-group">
                         <button type="submit" className="default-btn">
                         <button type="submit" className="default-btn">
-                          Request A Quote
+                          Consultation
                           <i className="ri-arrow-right-line"></i>
                           <i className="ri-arrow-right-line"></i>
                         </button>
                         </button>
                       </div>
                       </div>

components/reuseables/Clientele.js

@@ -38,8 +38,8 @@ const Clientele = ({
                     <Image
                     <Image
                       src={logo.image}
                       src={logo.image}
                       alt={logo.altText}
                       alt={logo.altText}
+                      fill
                       className="img-fluid image"
                       className="img-fluid image"
-                      layout="fill"
                     />
                     />
                   </a>
                   </a>
                 </div>
                 </div>

components/reuseables/Industries.js

@@ -4,6 +4,7 @@ import { Swiper, SwiperSlide } from "swiper/react";
 import { Autoplay, Pagination } from "swiper/modules";
 import { Autoplay, 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";
 const industriesData = [
 const industriesData = [
   {
   {
     title: "Education",
     title: "Education",
@@ -14,6 +15,7 @@ const industriesData = [
     imageAlt: "image",
     imageAlt: "image",
     shapeSrc: "/images/shape/shape8.png",
     shapeSrc: "/images/shape/shape8.png",
     shapeAlt: "image",
     shapeAlt: "image",
+    link: "/services",
   },
   },
   {
   {
     title: "Life Sciences",
     title: "Life Sciences",
@@ -100,6 +102,9 @@ const Industries = () => {
                         className="industry-title"
                         className="industry-title"
                       />
                       />
                       <p>{industry.description}</p>
                       <p>{industry.description}</p>
+                      <Link href="/#" className="default-btn-one">
+                        Know More
+                      </Link>
                     </div>
                     </div>
                   </Col>
                   </Col>
 
 
@@ -115,7 +120,12 @@ const Industries = () => {
               </Container>
               </Container>
 
 
               <div className="shape3">
               <div className="shape3">
-                <img src={industry.shapeSrc} alt={industry.shapeAlt} />
+                <Image
+                  src={industry.shapeSrc}
+                  alt={industry.shapeAlt}
+                  layout="fill"
+                  className="img-fluid image"
+                />
               </div>
               </div>
             </SwiperSlide>
             </SwiperSlide>
           ))}
           ))}

components/reuseables/PageBanner.js

@@ -37,8 +37,8 @@ const PageBanner = ({ banners = [] }) => {
               <Image
               <Image
                 src={banner.imageSrc}
                 src={banner.imageSrc}
                 alt={banner.pageTitle}
                 alt={banner.pageTitle}
-                layout="fill"
-                objectFit="cover"
+                fill
+                style={{ objectFit: "cover" }} // Replace objectFit prop
                 priority
                 priority
                 className="img-fluid"
                 className="img-fluid"
               />
               />

components/reuseables/services/MethodOne.js

 import React from "react";
 import React from "react";
-import { Container, Image, Row } from "react-bootstrap";
+import { Col, Container, Image, Row } from "react-bootstrap";
 import Heading from "../Heading";
 import Heading from "../Heading";
 import { motion } from "framer-motion";
 import { motion } from "framer-motion";
 import { slideFromLeft } from "../variants";
 import { slideFromLeft } from "../variants";
@@ -23,14 +23,15 @@ const MethodOne = ({
   } = sliderConfig;
   } = sliderConfig;
 
 
   return (
   return (
-    <section className="method-section ptb-100 d-none d-sm-none d-lg-block">
+    <>
+      <section className="method-section ptb-100">
         <Container>
         <Container>
           <div className="section-title">
           <div className="section-title">
             <span className="sub-title">{sectionTitle}</span>
             <span className="sub-title">{sectionTitle}</span>
             <Heading el="h2" heading={heading} />
             <Heading el="h2" heading={heading} />
             <p>{descrption}</p>
             <p>{descrption}</p>
           </div>
           </div>
-        <Row className="justify-content-center">
+          <Row className="justify-content-center d-none d-sm-none d-lg-block">
             <Swiper
             <Swiper
               spaceBetween={spaceBetween}
               spaceBetween={spaceBetween}
               slidesPerView={slidesPerView}
               slidesPerView={slidesPerView}
@@ -133,8 +134,54 @@ const MethodOne = ({
               ))}
               ))}
             </Swiper>
             </Swiper>
           </Row>
           </Row>
+          {/* --------------mobile view---------------- */}
+          <Row className="d-block d-md-none d-lg-none">
+            <div>
+              {data.map((item, index) => (
+                <div
+                  key={index}
+                  className={`circle-container d-flex ${
+                    index % 2 !== 0 ? "circle-containertwo" : ""
+                  }`}
+                >
+                  {index % 2 === 0 && (
+                    <>
+                      <Col xs={4} sm={4} className="align-self-center">
+                        <div className="circle-method">
+                          <p className="circle-number">{item.stepNumber}</p>
+                        </div>
+                      </Col>
+                      <Col xs={8} sm={8} className="align-self-center">
+                        <div className="circle-content">
+                          <h6>{item.title}</h6>
+                          <p>{item.descr}</p>
+                        </div>
+                      </Col>
+                    </>
+                  )}
+
+                  {index % 2 !== 0 && (
+                    <>
+                      <Col xs={9} sm={9} className="align-self-center">
+                        <div className="text-align-end circle-content-two">
+                          <h6>{item.title}</h6>
+                          <p>{item.descr}</p>
+                        </div>
+                      </Col>
+                      <Col xs={2} sm={2}>
+                        <div className="circle-methodtwo">
+                          <p className="circle-number">{item.stepNumber}</p>
+                        </div>
+                      </Col>
+                    </>
+                  )}
+                </div>
+              ))}
+            </div>
+          </Row>
         </Container>
         </Container>
       </section>
       </section>
+    </>
   );
   );
 };
 };
 
 

container/Blog/index.js → container/Blog/Blog.js

@@ -21,7 +21,7 @@ const posts = [
     date: "Jan 22, 2024",
     date: "Jan 22, 2024",
     author: "Lords Evans",
     author: "Lords Evans",
     authorLink: "/blog/author",
     authorLink: "/blog/author",
-    title: "The Secret of Your Business Success Find Quickly",
+    title: "Tax Deducted at Source under Income Tax Act",
     shortDesc:
     shortDesc:
       "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
       "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
     btnText: "Read More",
     btnText: "Read More",
@@ -34,7 +34,7 @@ const posts = [
     date: "Jan 22, 2024",
     date: "Jan 22, 2024",
     author: "Sarah Taylor",
     author: "Sarah Taylor",
     authorLink: "/blog/author",
     authorLink: "/blog/author",
-    title: "Consulting is a Good and Best Into Our Company",
+    title: "Reporting on Fraudulent Activities by Auditors",
     shortDesc:
     shortDesc:
       "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
       "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
     btnText: "Read More",
     btnText: "Read More",
@@ -47,7 +47,7 @@ const posts = [
     date: "Jan 22, 2024",
     date: "Jan 22, 2024",
     author: "James Andy",
     author: "James Andy",
     authorLink: "/blog/author",
     authorLink: "/blog/author",
-    title: "Business Has Become a Good in the Global World",
+    title: "Start-up and Angel Tax",
     shortDesc:
     shortDesc:
       "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
       "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
     btnText: "Read More",
     btnText: "Read More",

container/Blog/[slug]/index.js → container/Blog/BlogDetails.js

 import React from "react";
 import React from "react";
 import Link from "next/link";
 import Link from "next/link";
-import BlogSidebar from "@/components/Blog/BlogSidebar";
 import Image from "next/image";
 import Image from "next/image";
-
-const BlogDetailsContent = () => {
+import BlogSidebar from "./BlogSidebar";
+import PageBanner from "@/components/reuseables/PageBanner";
+const banners = [
+  {
+    imageSrc: "/images/page-title-bg.jpg",
+    pageTitle: "Blogs Details",
+    homePageUrl: "/",
+    homePageText: "Home",
+    activePageText: "Blogs Details",
+  },
+];
+const posts = [
+  {
+    image: "/images/blog/blog1.jpg",
+    altText: "Blog Image",
+    date: "Jan 22, 2024",
+    author: "Lords Evans",
+    title: "Tax Deducted at Source under Income Tax Act",
+    shortDesc:
+      " Quuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quia non numquam eius modi tempora incidunt ut labore et dolore magnam dolor sit amet,consectetur adipisicing.",
+    quote:
+      "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.",
+  },
+];
+const BlogDetails = () => {
   return (
   return (
     <>
     <>
+      <PageBanner banners={banners} />
       <div className="blog-details-area ptb-100">
       <div className="blog-details-area ptb-100">
         <div className="container">
         <div className="container">
           <div className="row">
           <div className="row">
@@ -13,7 +36,7 @@ const BlogDetailsContent = () => {
               <div className="blog-details-desc">
               <div className="blog-details-desc">
                 <div className="article-image">
                 <div className="article-image">
                   <Image
                   <Image
-                    src="/images/blog/blog1.jpg"
+                    src={posts[0].image}
                     layout="fill"
                     layout="fill"
                     alt="image"
                     alt="image"
                     className="image-fluid image"
                     className="image-fluid image"
@@ -25,28 +48,19 @@ const BlogDetailsContent = () => {
                     <ul>
                     <ul>
                       <li>
                       <li>
                         <i className="ri-shield-user-line"></i>
                         <i className="ri-shield-user-line"></i>
-                        <Link href="#">Chris Orwig</Link>
+                        <p> {posts[0].author}</p>
                       </li>
                       </li>
                       <li>
                       <li>
                         <i className="ri-calendar-2-line"></i>
                         <i className="ri-calendar-2-line"></i>
-                        15 Jan, 2024
-                      </li>
-                      <li>
-                        <i className="ri-message-2-line"></i>
-                        <Link href="#">04 Comments</Link>
+                        <p>{posts[0].date}</p>
                       </li>
                       </li>
                     </ul>
                     </ul>
                   </div>
                   </div>
 
 
                   <h3>The Secret of Your Business Success Find Quickly</h3>
                   <h3>The Secret of Your Business Success Find Quickly</h3>
+                  <p>{posts[0].shortDesc}</p>
                   <p>
                   <p>
-                    Quuntur magni dolores eos qui ratione voluptatem sequi
-                    nesciunt. Neque porro quia non numquam eius modi tempora
-                    incidunt ut labore et dolore magnam dolor sit amet,
-                    consectetur adipisicing.
-                  </p>
-                  <p>
-                    Lorem ipsum dolor sit amet, consectetur{" "}
+                    Lorem ipsum dolor sit amet, consectetur
                     <strong>adipisicing</strong> elit, sed do eiusmod tempor
                     <strong>adipisicing</strong> elit, sed do eiusmod tempor
                     incididunt ut labore et dolore magna aliqua. Ut enim ad
                     incididunt ut labore et dolore magna aliqua. Ut enim ad
                     minim veniam, quis nostrud exercitation ullamco laboris nisi
                     minim veniam, quis nostrud exercitation ullamco laboris nisi
@@ -57,11 +71,7 @@ const BlogDetailsContent = () => {
                   </p>
                   </p>
 
 
                   <blockquote className="wp-block-quote">
                   <blockquote className="wp-block-quote">
-                    <p>
-                      It is a long established fact that a reader will be
-                      distracted by the readable content of a page when looking
-                      at its layout.
-                    </p>
+                    <p>{posts[0].quote}</p>
                     <cite>Tom Cruise</cite>
                     <cite>Tom Cruise</cite>
                   </blockquote>
                   </blockquote>
 
 
@@ -136,87 +146,6 @@ const BlogDetailsContent = () => {
                     <Link href="/blog">Startup</Link>
                     <Link href="/blog">Startup</Link>
                     <Link href="/blog">Agency</Link>
                     <Link href="/blog">Agency</Link>
                   </div>
                   </div>
-                  <div className="article-share">
-                    <ul className="social">
-                      <li>
-                        <span>Share:</span>
-                      </li>
-                      <li>
-                        <a
-                          href="https://www.facebook.com/"
-                          className="facebook"
-                          target="_blank"
-                        >
-                          <i className="ri-facebook-fill"></i>
-                        </a>
-                      </li>
-                      <li>
-                        <a
-                          href="https://www.linkedin.com/"
-                          className="twitter"
-                          target="_blank"
-                        >
-                          <i className="ri-linkedin-fill"></i>
-                        </a>
-                      </li>
-                      <li>
-                        <a
-                          href="https://www.twitter.com/"
-                          className="linkedin"
-                          target="_blank"
-                        >
-                          <i className="ri-twitter-fill"></i>
-                        </a>
-                      </li>
-                      <li>
-                        <a
-                          href="https://www.instagram.com/"
-                          className="instagram"
-                          target="_blank"
-                        >
-                          <i className="ri-instagram-line"></i>
-                        </a>
-                      </li>
-                    </ul>
-                  </div>
-                </div>
-
-                <div className="comments-area">
-                  <h3 className="comments-title">2 Comments:</h3>
-                  <ol className="comment-list">
-                    <li className="comment">
-                      <div className="comment-body">
-                        <footer className="comment-meta">
-                          <div className="comment-author vcard">
-                            <Image
-                              src="/images/user/user1.jpg"
-                              className="avatar image"
-                              layout="fill"
-                              alt="image"
-                            />
-                            <b className="fn">John Jones</b>
-                          </div>
-                          <div className="comment-metadata">
-                            <span>January 01, 2024 at 10:59 am</span>
-                          </div>
-                        </footer>
-
-                        <div className="comment-content">
-                          <p>
-                            Lorem Ipsum has been the industry’s standard dummy
-                            text ever since the 1500s, when an unknown printer
-                            took a galley of type and scrambled it to make a
-                            type specimen.
-                          </p>
-                        </div>
-                        <div className="reply">
-                          <Link href="#" className="comment-reply-link">
-                            Reply
-                          </Link>
-                        </div>
-                      </div>
-                    </li>
-                  </ol>
                 </div>
                 </div>
               </div>
               </div>
             </div>
             </div>
@@ -231,4 +160,4 @@ const BlogDetailsContent = () => {
   );
   );
 };
 };
 
 
-export default BlogDetailsContent;
+export default BlogDetails;

container/ClientServicing/ TechnicalExpertise.js

@@ -20,7 +20,7 @@ const KnowledgeData = [
   {
   {
     title: "Indirect Tax",
     title: "Indirect Tax",
     content:
     content:
-      "GST in India and its implications on businesses is multi dimensional. Our Team at Advith Consulting ensure that elements of GST for all our service offerings are dissected and duly complied with.",
+      "GST in India and its implications on businesses is multi dimensional. Our Team at Advith Consulting ensure that elements of GST for all our service offerings are dissected and duly complied with. ",
     buttonlink: "#",
     buttonlink: "#",
   },
   },
   {
   {

container/ClientServicing/Ba/BaPage.js

@@ -59,31 +59,36 @@ const sliderConfig = {
 };
 };
 const MethodOneData = [
 const MethodOneData = [
   {
   {
+    stepNumber: "01",
     img: "/images/shape/icon/discovery.png",
     img: "/images/shape/icon/discovery.png",
     title: "lorem",
     title: "lorem",
     descr:
     descr:
-      "Understand the business of the entity & identify the requirements of the entity with respect to the finance function",
+      "Lorem Ipsum is simply dummy text of the printing and typesetting industry",
     altText: "discovery-icon",
     altText: "discovery-icon",
   },
   },
   {
   {
+    stepNumber: "02",
     img: "/images/shape/icon/analysis.png",
     img: "/images/shape/icon/analysis.png",
     title: "lorem",
     title: "lorem",
     descr: " Analyze past financial data to uncover trends and obtain insights",
     descr: " Analyze past financial data to uncover trends and obtain insights",
     altText: "analysis-icon",
     altText: "analysis-icon",
   },
   },
   {
   {
+    stepNumber: "03",
     img: "/images/shape/icon/setup.png",
     img: "/images/shape/icon/setup.png",
     title: "lorem",
     title: "lorem",
     descr: " Establishing the Modus Operandi of the finance function",
     descr: " Establishing the Modus Operandi of the finance function",
     altText: "setup-icon",
     altText: "setup-icon",
   },
   },
   {
   {
+    stepNumber: "04",
     img: "/images/shape/icon/execution.png",
     img: "/images/shape/icon/execution.png",
     title: "lorem",
     title: "lorem",
     descr: " Implement financial strategies and manage day-to-day operations ",
     descr: " Implement financial strategies and manage day-to-day operations ",
     altText: "execution-icon",
     altText: "execution-icon",
   },
   },
   {
   {
+    stepNumber: "05",
     img: "/images/shape/icon/setup.png",
     img: "/images/shape/icon/setup.png",
     title: "lorem",
     title: "lorem",
     descr:
     descr:
@@ -91,6 +96,7 @@ const MethodOneData = [
     altText: "setup-icon",
     altText: "setup-icon",
   },
   },
   {
   {
+    stepNumber: "06",
     img: "/images/shape/icon/execution.png",
     img: "/images/shape/icon/execution.png",
     title: "lorem",
     title: "lorem",
     descr: "Continuous evaluation to make the process & reporting better",
     descr: "Continuous evaluation to make the process & reporting better",
@@ -139,7 +145,7 @@ const BaPage = () => {
   return (
   return (
     <>
     <>
       <PageBanner banners={banners} />
       <PageBanner banners={banners} />
-      <div className="cfo-services-area ptb-100">
+      <div className="cfo-services-area pt-100">
         <Container>
         <Container>
           {BAData.map((item, index) => (
           {BAData.map((item, index) => (
             <ContentSection
             <ContentSection
@@ -150,9 +156,6 @@ const BaPage = () => {
               imageSrc={item.imageSrc}
               imageSrc={item.imageSrc}
               imageAlt={item.imageAlt}
               imageAlt={item.imageAlt}
               reverse={index % 2 !== 0}
               reverse={index % 2 !== 0}
-              animation={
-                index % 2 === 0 ? slideFromLeft(0.5) : slideFromRight(0.4)
-              }
             />
             />
           ))}
           ))}
         </Container>
         </Container>

container/ClientServicing/CFO/CfoPage.js

@@ -76,6 +76,7 @@ const sliderConfig = {
 // method one content
 // method one content
 const MethodOneData = [
 const MethodOneData = [
   {
   {
+    stepNumber: "01",
     img: "/images/shape/icon/discovery.png",
     img: "/images/shape/icon/discovery.png",
     title: "Step 1 - Discovery  ",
     title: "Step 1 - Discovery  ",
     descr:
     descr:
@@ -83,24 +84,28 @@ const MethodOneData = [
     altText: "discovery-icon",
     altText: "discovery-icon",
   },
   },
   {
   {
+    stepNumber: "02",
     img: "/images/shape/icon/analysis.png",
     img: "/images/shape/icon/analysis.png",
     title: "Step 2 - Analysis of Historical Data",
     title: "Step 2 - Analysis of Historical Data",
     descr: " Analyze past financial data to uncover trends and obtain insights",
     descr: " Analyze past financial data to uncover trends and obtain insights",
     altText: "analysis-icon",
     altText: "analysis-icon",
   },
   },
   {
   {
+    stepNumber: "03",
     img: "/images/shape/icon/setup.png",
     img: "/images/shape/icon/setup.png",
     title: "Step 3 - Set Up ",
     title: "Step 3 - Set Up ",
     descr: " Establishing the Modus Operandi of the finance function",
     descr: " Establishing the Modus Operandi of the finance function",
     altText: "setup-icon",
     altText: "setup-icon",
   },
   },
   {
   {
+    stepNumber: "04",
     img: "/images/shape/icon/execution.png",
     img: "/images/shape/icon/execution.png",
     title: "Step 4 - Execution",
     title: "Step 4 - Execution",
     descr: " Implement financial strategies and manage day-to-day operations ",
     descr: " Implement financial strategies and manage day-to-day operations ",
     altText: "execution-icon",
     altText: "execution-icon",
   },
   },
   {
   {
+    stepNumber: "05",
     img: "/images/shape/icon/setup.png",
     img: "/images/shape/icon/setup.png",
     title: "Step 5 - Review & Reporting ",
     title: "Step 5 - Review & Reporting ",
     descr:
     descr:
@@ -108,6 +113,7 @@ const MethodOneData = [
     altText: "setup-icon",
     altText: "setup-icon",
   },
   },
   {
   {
+    stepNumber: "06",
     img: "/images/shape/icon/execution.png",
     img: "/images/shape/icon/execution.png",
     title: "Step 6 - Continuous Evaluation",
     title: "Step 6 - Continuous Evaluation",
     descr: "Continuous evaluation to make the process & reporting better",
     descr: "Continuous evaluation to make the process & reporting better",

container/ClientServicing/RA/RaPage.js

@@ -3,10 +3,7 @@ import PageBanner from "@/components/reuseables/PageBanner";
 import MethodOne from "@/components/reuseables/services/MethodOne";
 import MethodOne from "@/components/reuseables/services/MethodOne";
 import MethodTwoSection from "@/components/reuseables/services/MethodTwo";
 import MethodTwoSection from "@/components/reuseables/services/MethodTwo";
 import ContentSection from "@/components/reuseables/ServicesContent";
 import ContentSection from "@/components/reuseables/ServicesContent";
-import {
-  slideFromLeft,
-  slideFromRight,
-} from "@/components/reuseables/variants";
+
 import React from "react";
 import React from "react";
 import { Container } from "react-bootstrap";
 import { Container } from "react-bootstrap";
 
 
@@ -50,6 +47,7 @@ const sliderConfig = {
 };
 };
 const MethodOneData = [
 const MethodOneData = [
   {
   {
+    stepNumber: "01",
     img: "/images/shape/icon/discovery.png",
     img: "/images/shape/icon/discovery.png",
     title: "E – Understand existing processes",
     title: "E – Understand existing processes",
     descr:
     descr:
@@ -57,18 +55,21 @@ const MethodOneData = [
     altText: "discovery-icon",
     altText: "discovery-icon",
   },
   },
   {
   {
+    stepNumber: "02",
     img: "/images/shape/icon/analysis.png",
     img: "/images/shape/icon/analysis.png",
     title: "A – Analyze the gaps ",
     title: "A – Analyze the gaps ",
     descr: " Analyze past financial data to uncover trends and obtain insights",
     descr: " Analyze past financial data to uncover trends and obtain insights",
     altText: "analysis-icon",
     altText: "analysis-icon",
   },
   },
   {
   {
+    stepNumber: "03",
     img: "/images/shape/icon/setup.png",
     img: "/images/shape/icon/setup.png",
     title: "S – Set up SOP’s ",
     title: "S – Set up SOP’s ",
     descr: " Establishing the Modus Operandi of the finance function",
     descr: " Establishing the Modus Operandi of the finance function",
     altText: "setup-icon",
     altText: "setup-icon",
   },
   },
   {
   {
+    stepNumber: "04",
     img: "/images/shape/icon/execution.png",
     img: "/images/shape/icon/execution.png",
     title: "E – Effective Implementation",
     title: "E – Effective Implementation",
     descr: " Implement financial strategies and manage day-to-day operations ",
     descr: " Implement financial strategies and manage day-to-day operations ",
@@ -161,9 +162,6 @@ const RaPage = () => {
               imageSrc={item.imageSrc}
               imageSrc={item.imageSrc}
               imageAlt={item.imageAlt}
               imageAlt={item.imageAlt}
               reverse={index % 2 !== 0}
               reverse={index % 2 !== 0}
-              animation={
-                index % 2 === 0 ? slideFromLeft(0.5) : slideFromRight(0.4)
-              }
             />
             />
           ))}
           ))}
         </Container>
         </Container>

container/ClientServicing/TA/TaPage.js

@@ -3,10 +3,7 @@ import PageBanner from "@/components/reuseables/PageBanner";
 import ContentSection from "@/components/reuseables/ServicesContent";
 import ContentSection from "@/components/reuseables/ServicesContent";
 import { Container } from "react-bootstrap";
 import { Container } from "react-bootstrap";
 import { motion } from "framer-motion";
 import { motion } from "framer-motion";
-import {
-  slideFromLeft,
-  slideFromRight,
-} from "@/components/reuseables/variants";
+import { slideFromLeft } from "@/components/reuseables/variants";
 import MethodOne from "@/components/reuseables/services/MethodOne";
 import MethodOne from "@/components/reuseables/services/MethodOne";
 import MethodTwoSection from "@/components/reuseables/services/MethodTwo";
 import MethodTwoSection from "@/components/reuseables/services/MethodTwo";
 import Clientele from "@/components/reuseables/Clientele";
 import Clientele from "@/components/reuseables/Clientele";
@@ -46,20 +43,37 @@ const CFOData = [
 const sliderConfig = {
 const sliderConfig = {
   spaceBetween: 20,
   spaceBetween: 20,
   slidesPerView: 4,
   slidesPerView: 4,
-  showPagination: true,
-  showAutoplay: true,
-  autoplayDelay: 4000,
+  breakpoints: {
+    320: {
+      slidesPerView: 2,
+      spaceBetween: 10,
+    },
+    768: {
+      slidesPerView: 2,
+      spaceBetween: 20,
+    },
+    1024: {
+      slidesPerView: 3,
+      spaceBetween: 20,
+    },
+    1200: {
+      slidesPerView: 5,
+      spaceBetween: 20,
+    },
+  },
 };
 };
 
 
 // method one content
 // method one content
 const MethodOneData = [
 const MethodOneData = [
   {
   {
+    stepNumber: "01",
     img: "/images/shape/icon/discovery.png",
     img: "/images/shape/icon/discovery.png",
     title: "Strategy Evaluation & Planning ",
     title: "Strategy Evaluation & Planning ",
     descr: " Strategy, Structuring, Gantt & RACI, Preparedness",
     descr: " Strategy, Structuring, Gantt & RACI, Preparedness",
     altText: "discovery-icon",
     altText: "discovery-icon",
   },
   },
   {
   {
+    stepNumber: "02",
     img: "/images/shape/icon/analysis.png",
     img: "/images/shape/icon/analysis.png",
     title: "Execution",
     title: "Execution",
     descr:
     descr:
@@ -67,25 +81,20 @@ const MethodOneData = [
     altText: "analysis-icon",
     altText: "analysis-icon",
   },
   },
   {
   {
+    stepNumber: "03",
     img: "/images/shape/icon/setup.png",
     img: "/images/shape/icon/setup.png",
     title: "Completion",
     title: "Completion",
     descr: "Sign Off's, Impact Assessment, Reporting   ",
     descr: "Sign Off's, Impact Assessment, Reporting   ",
     altText: "setup-icon",
     altText: "setup-icon",
   },
   },
   {
   {
+    stepNumber: "04",
     img: "/images/shape/icon/execution.png",
     img: "/images/shape/icon/execution.png",
     title: "Post Completion Support ",
     title: "Post Completion Support ",
     descr:
     descr:
       " Implementation, Change Management, Synergy Evaluation, Stabilisation ",
       " Implementation, Change Management, Synergy Evaluation, Stabilisation ",
     altText: "execution-icon",
     altText: "execution-icon",
   },
   },
-  // {
-  //   img: "/images/shape/icon/execution.png",
-  //   title: "Post Completion Support ",
-  //   descr:
-  //     " Implementation, Change Management, Synergy Evaluation, Stabilisation ",
-  //   altText: "execution-icon",
-  // },
 ];
 ];
 
 
 const methodTwoData = [
 const methodTwoData = [
@@ -184,11 +193,12 @@ const partners = [
     link: "#",
     link: "#",
   },
   },
 ];
 ];
+
 const TaPage = () => {
 const TaPage = () => {
   return (
   return (
     <>
     <>
       <PageBanner banners={banners} />
       <PageBanner banners={banners} />
-      <div className="what-we-do-area ptb-100">
+      <div className="what-we-do-area pt-100">
         <Container>
         <Container>
           {CFOData.map((item, index) => (
           {CFOData.map((item, index) => (
             <ContentSection
             <ContentSection
@@ -199,9 +209,6 @@ const TaPage = () => {
               imageSrc={item.imageSrc}
               imageSrc={item.imageSrc}
               imageAlt={item.imageAlt}
               imageAlt={item.imageAlt}
               reverse={index % 2 !== 0}
               reverse={index % 2 !== 0}
-              animation={
-                index % 2 === 0 ? slideFromLeft(0.5) : slideFromRight(0.4)
-              }
             />
             />
           ))}
           ))}
         </Container>
         </Container>
@@ -217,11 +224,12 @@ const TaPage = () => {
         sectionTitle="Elements in CFO Services - Option 2"
         sectionTitle="Elements in CFO Services - Option 2"
         subTitle="Methodology 2 - How we do it?"
         subTitle="Methodology 2 - How we do it?"
         methodData={methodTwoData}
         methodData={methodTwoData}
-        slidesPerView={5}
-        spaceBetween={20}
-        autoplayDelay={4000}
-        showPagination={true}
-        showAutoplay={true}
+        slidesPerView={sliderConfig.slidesPerView}
+        breakpoints={sliderConfig.breakpoints} // Pass breakpoints here
+        spaceBetween={sliderConfig.spaceBetween}
+        autoplayDelay={sliderConfig.autoplayDelay}
+        showPagination={sliderConfig.showPagination}
+        showAutoplay={sliderConfig.showAutoplay}
       />
       />
       <div className="ptb-100 bg-fafafa">
       <div className="ptb-100 bg-fafafa">
         <Clientele partners={partners} />
         <Clientele partners={partners} />

container/Corpedia/AdvithComments.js

+import React from "react";
+import { Col, Container, Row } from "react-bootstrap";
+import Heading from "@/components/reuseables/Heading";
+import Image from "next/image";
+import { motion } from "framer-motion";
+import { slideFromLeft } from "@/components/reuseables/variants";
+const heading = [
+  {
+    title: "About Advith Consulting",
+    subtitle: "lorem",
+    description:
+      "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.",
+  },
+];
+
+const AdvithComments = () => {
+  return (
+    <>
+      <section className="reach-us">
+        <div className="people bg-light ptb-100">
+          <Container>
+            <Row className="align-items-center">
+              <Col lg={6} md={12}>
+                <div className="call-back-request-img">
+                  <motion.div
+                    variants={slideFromLeft(0.5)}
+                    initial={"hidden"}
+                    whileInView={"show"}
+                    viewport={{ once: false, amount: 0.4 }}
+                  >
+                    <Image
+                      src="/images/home/knowledge.png"
+                      layout="fill"
+                      className="img-fluid image"
+                      alt="image"
+                    />
+                  </motion.div>
+                </div>
+              </Col>
+
+              <Col lg={6} md={12}>
+                <div className="call-back-request-text">
+                  <span className="sub-title">{heading[0].subtitle}</span>
+                  <Heading el="h2" heading={heading[0].title} className="h2" />
+                  <p>{heading[0].description}</p>
+                </div>
+              </Col>
+            </Row>
+          </Container>
+        </div>
+      </section>
+    </>
+  );
+};
+
+export default AdvithComments;

container/Corpedia/index.js → container/Corpedia/CorpediaPage.js

@@ -72,7 +72,7 @@ const services = [
   },
   },
 ];
 ];
 
 
-const Corpedia = () => {
+const CorpediaPage = () => {
   return (
   return (
     <>
     <>
       <PageBanner banners={banners} />
       <PageBanner banners={banners} />
@@ -128,4 +128,4 @@ const Corpedia = () => {
   );
   );
 };
 };
 
 
-export default Corpedia;
+export default CorpediaPage;

container/Corpedia/DetailPage.js

+import PageBanner from "@/components/reuseables/PageBanner";
+import Image from "next/image";
+import React from "react";
+import { Col, Container, Row } from "react-bootstrap";
+import Heading from "@/components/reuseables/Heading";
+import { motion } from "framer-motion";
+import { slideFromLeft } from "@/components/reuseables/variants";
+import { fadeIn } from "@/components/reuseables/variants";
+import Rules from "./Rules";
+import Facts from "./Facts";
+import ReachUs from "./ReachUs";
+import KeyFeature from "./KeyFeature";
+import AdvithComments from "./AdvithComments";
+const banners = [
+  {
+    imageSrc: "/images/page-title-bg.jpg",
+    pageTitle: "Corpedia -Details",
+    homePageUrl: "/",
+    homePageText: "Home",
+    activePageText: "Corpedia - Details",
+  },
+  // Add more banners as needed
+];
+const DetailPage = () => {
+  return (
+    <>
+      <PageBanner banners={banners} />
+      <section className="corpedia-details-page">
+        <Container>
+          <Row className="align-items-center">
+            <Col lg={5}>
+              <div className="corpedia-details">
+                <motion.div
+                  variants={fadeIn(0.4)}
+                  initial={"hidden"}
+                  whileInView={"show"}
+                  viewport={{ once: false, amount: 0.2 }}
+                >
+                  <Image
+                    src="/images/about.png"
+                    layout="fill"
+                    className="img-fluid image"
+                    alt="image"
+                  />
+                </motion.div>
+              </div>
+            </Col>
+            <Col lg={7}>
+              <div className="corpedia-details">
+                <Heading el="h2" heading="Background" className="h2" />
+                <p>
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                  cupidatat non proident, sunt in culpa qui officia deserunt
+                  mollit anim id est laborum.
+                </p>
+              </div>
+            </Col>
+          </Row>
+        </Container>
+        <Rules />
+        <Facts />
+        <AdvithComments />
+        <KeyFeature />
+        <ReachUs />
+      </section>
+    </>
+  );
+};
+
+export default DetailPage;

container/Corpedia/Facts.js

+import React from "react";
+import Link from "next/link";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { Pagination, Autoplay } from "swiper/modules";
+import Heading from "@/components/reuseables/Heading";
+
+const FactsData = [
+  {
+    id: 1,
+    icon: "ri-group-2-line",
+    title: "Human Consultancy",
+    shortDec:
+      "Lorem ipsum dolor sit amet, consetet elitr, sed diam nonumy eiod temp labore et dolore magna.",
+    readMoreText: "Read More",
+    detailsUrl: "/services/details",
+  },
+  {
+    id: 2,
+    icon: "ri-briefcase-line",
+    title: "Solicitor Consultancy",
+    shortDec:
+      "Lorem ipsum dolor sit amet, consetet elitr, sed diam nonumy eiod temp labore et dolore magna.",
+    readMoreText: "Read More",
+    detailsUrl: "/services/details",
+  },
+  {
+    id: 3,
+    icon: "ri-money-dollar-box-line",
+    title: "Financial Consultancy",
+    shortDec:
+      "Lorem ipsum dolor sit amet, consetet elitr, sed diam nonumy eiod temp labore et dolore magna.",
+    readMoreText: "Read More",
+    detailsUrl: "/services/details",
+  },
+  {
+    id: 4,
+    icon: "ri-settings-2-line",
+    title: "Strategy Consultancy",
+    shortDec:
+      "Lorem ipsum dolor sit amet, consetet elitr, sed diam nonumy eiod temp labore et dolore magna.",
+    readMoreText: "Read More",
+    detailsUrl: "/services/details",
+  },
+  {
+    id: 5,
+    icon: "ri-restart-line",
+    title: "Tax Consultancy",
+    shortDec:
+      "Lorem ipsum dolor sit amet, consetet elitr, sed diam nonumy eiod temp labore et dolore magna.",
+    readMoreText: "Read More",
+    detailsUrl: "/services/details",
+  },
+  {
+    id: 6,
+    icon: "ri-lightbulb-flash-line",
+    title: "Financial Consultancy",
+    shortDec:
+      "Lorem ipsum dolor sit amet, consetet elitr, sed diam nonumy eiod temp labore et dolore magna.",
+    readMoreText: "Read More",
+    detailsUrl: "/services/details",
+  },
+];
+const Facts = () => {
+  return (
+    <>
+      <div className="services-area ptb-100 ">
+        <div className="container">
+          <div className="section-title">
+            <span className="sub-title">Facts</span>
+            <Heading el="h2" heading="Lorem ipsum dolor sit amet" />
+          </div>
+
+          <Swiper
+            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-two"
+          >
+            {FactsData &&
+              FactsData.map((factsData) => (
+                <SwiperSlide
+                  className="single-services-item"
+                  key={factsData.id}
+                >
+                  <div className="icon">
+                    <i className={factsData.icon}></i>
+                  </div>
+                  <h3>
+                    <Link href={factsData.detailsUrl}>{factsData.title}</Link>
+                  </h3>
+                  <p>{factsData.shortDec}</p>
+                </SwiperSlide>
+              ))}
+          </Swiper>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default Facts;

container/Corpedia/KeyFeature.js

+import React from "react";
+import Link from "next/link";
+import { Col, Container, Row } from "react-bootstrap";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { Autoplay } from "swiper/modules";
+const services = [
+  {
+    id: 1,
+    serviceIcon: "icon ri-group-2-line",
+    serviceTitle: "Human Consultancy",
+    serviceShortDescription:
+      "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.",
+    readMoreText: "Read More",
+    serviceDetailsUrl: "/services/details",
+  },
+  {
+    id: 2,
+    serviceIcon: "icon ri-briefcase-line",
+    serviceTitle: "Solicitor Consultancy",
+    serviceShortDescription:
+      "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.",
+    readMoreText: "Read More",
+    serviceDetailsUrl: "/services/details",
+  },
+  {
+    id: 3,
+    serviceIcon: "icon ri-money-dollar-box-line",
+    serviceTitle: "Financial Consultancy",
+    serviceShortDescription:
+      "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.",
+    readMoreText: "Read More",
+    serviceDetailsUrl: "/services/details",
+  },
+  {
+    id: 4,
+    serviceIcon: "icon ri-settings-2-line",
+    serviceTitle: "Strategy Consultancy",
+    serviceShortDescription:
+      "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.",
+    readMoreText: "Read More",
+    serviceDetailsUrl: "/services/details",
+  },
+  {
+    id: 5,
+    serviceIcon: "icon ri-restart-line",
+    serviceTitle: "Tax Consultancy",
+    serviceShortDescription:
+      "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.",
+    readMoreText: "Read More",
+    serviceDetailsUrl: "/services/details",
+  },
+  {
+    id: 6,
+    serviceIcon: "icon ri-lightbulb-flash-line",
+    serviceTitle: "Financial Consultancy",
+    serviceShortDescription:
+      "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.",
+    readMoreText: "Read More",
+    serviceDetailsUrl: "/services/details",
+  },
+  {
+    id: 7,
+    serviceIcon: "icon ri-lightbulb-flash-line",
+    serviceTitle: "Financial Consultancy",
+    serviceShortDescription:
+      "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.",
+    readMoreText: "Read More",
+    serviceDetailsUrl: "/services/details",
+  },
+  {
+    id: 8,
+    serviceIcon: "icon ri-lightbulb-flash-line",
+    serviceTitle: "lorem Consultancy",
+    serviceShortDescription:
+      "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.",
+    readMoreText: "Read More",
+    serviceDetailsUrl: "/services/details",
+  },
+];
+
+const KeyFeature = () => {
+  return (
+    <>
+      <div className="services-area pt-100 pb-70">
+        <Container>
+          <div className="section-title">
+            <span className="sub-title">lorem</span>
+            <h2>Key Features</h2>
+            <p>
+              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+              nonumy eirmod tempor invidunt ut labore et dolore.
+            </p>
+          </div>
+
+          <Row className="align-items-center">
+            <Swiper
+              spaceBetween={30}
+              breakpoints={{
+                0: {
+                  slidesPerView: 2,
+                },
+                576: {
+                  slidesPerView: 3,
+                },
+                768: {
+                  slidesPerView: 3,
+                },
+                992: {
+                  slidesPerView: 3,
+                },
+              }}
+              autoplay={{
+                delay: 3000,
+                disableOnInteraction: true,
+                pauseOnMouseEnter: true,
+              }}
+              modules={[Autoplay]}
+              className="key-feature-slides"
+            >
+              {services &&
+                services
+                  .slice(0, Math.ceil(services.length / 2))
+                  .map((service, index) => (
+                    <Col lg={4} md={6} sm={12}>
+                      <SwiperSlide key={service.index}>
+                        <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>
+                          <p>{service.serviceShortDescription}</p>
+                        </div>
+                      </SwiperSlide>
+                    </Col>
+                  ))}
+            </Swiper>
+
+            {/* Second Row */}
+            <Swiper
+              spaceBetween={30}
+              breakpoints={{
+                0: {
+                  slidesPerView: 2,
+                },
+                576: {
+                  slidesPerView: 3,
+                },
+                768: {
+                  slidesPerView: 3,
+                },
+                992: {
+                  slidesPerView: 3,
+                },
+              }}
+              autoplay={{
+                delay: 3000,
+                disableOnInteraction: true,
+                pauseOnMouseEnter: true,
+              }}
+              modules={[Autoplay]}
+              className="key-feature-slides"
+            >
+              {services &&
+                services
+                  .slice(Math.ceil(services.length / 2))
+                  .map((service, index) => (
+                    <Col lg={4} md={6} sm={12}>
+                      <SwiperSlide key={service.index}>
+                        <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>
+                          <p>{service.serviceShortDescription}</p>
+                        </div>
+                      </SwiperSlide>
+                    </Col>
+                  ))}
+            </Swiper>
+          </Row>
+        </Container>
+      </div>
+    </>
+  );
+};
+
+export default KeyFeature;

container/Corpedia/ReachUs.js

+import React from "react";
+import { Col, Container, Row } from "react-bootstrap";
+import Heading from "@/components/reuseables/Heading";
+import Image from "next/image";
+import { motion } from "framer-motion";
+import { slideFromLeft } from "@/components/reuseables/variants";
+const heading = [
+  {
+    title: "About Advith Consulting",
+    subtitle: "lorem",
+    description:
+      "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.",
+  },
+];
+
+const ReachUs = () => {
+  return (
+    <>
+      <section className="reach-us">
+        <div className="people bg-light ptb-100">
+          <Container>
+            <Row className="align-items-center">
+              <Col lg={6} md={12}>
+                <div className="call-back-request-img">
+                  <motion.div
+                    variants={slideFromLeft(0.5)}
+                    initial={"hidden"}
+                    whileInView={"show"}
+                    viewport={{ once: false, amount: 0.4 }}
+                  >
+                    <Image
+                      src="/images/home/knowledge.png"
+                      layout="fill"
+                      className="img-fluid image"
+                      alt="image"
+                    />
+                  </motion.div>
+                </div>
+              </Col>
+
+              <Col lg={6} md={12}>
+                <div className="call-back-request-text">
+                  <span className="sub-title">{heading[0].subtitle}</span>
+                  <Heading el="h2" heading={heading[0].title} className="h2" />
+                  <p>{heading[0].description}</p>
+                </div>
+              </Col>
+            </Row>
+          </Container>
+        </div>
+      </section>
+    </>
+  );
+};
+
+export default ReachUs;

container/Corpedia/Rules.js

+import Heading from "@/components/reuseables/Heading";
+import Image from "next/image";
+import Link from "next/link";
+import React from "react";
+import { Col, Container, Row } from "react-bootstrap";
+
+const ruleData = [
+  {
+    number: "01",
+    title: "Lorem ipsum dolor sit amet",
+    description:
+      "Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
+    readMoreText: "Read More",
+    ruleDetailsUrl: "/corpedia/details",
+  },
+  {
+    number: "02",
+    title: "Lorem ipsum dolor sit amet",
+    description:
+      "Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
+    readMoreText: "Read More",
+    ruleDetailsUrl: "/corpedia/details",
+  },
+  {
+    number: "03",
+    title: "Lorem ipsum dolor sit amet",
+    description:
+      "Lorem ipsum dolor sit amet, consetetur sadicinan elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diamsan voluptua at vero.",
+    readMoreText: "Read More",
+    ruleDetailsUrl: "/corpedia/details",
+  },
+];
+
+const Rules = () => {
+  return (
+    <>
+      <section className="corpedia-rules bg-light">
+        <div className="ptb-100">
+          <Container>
+            <Row>
+              <Col lg={6} md={12}>
+                <div className="rules-image">
+                  <Image
+                    src="/images/about/about3.jpg"
+                    alt="image"
+                    layout="fill"
+                    className="img-fluid image"
+                  />
+                </div>
+              </Col>
+
+              <Col lg={6} md={12}>
+                <div className="about-content">
+                  <span className="sub-title">
+                    Rules and Form for application
+                  </span>
+                  <Heading
+                    el="h2"
+                    heading="Lorem ipsum dolor sit amet"
+                    className="h2"
+                  />
+                  <p>
+                    The newly inserted section provided furnishing the request
+                    for rectification in a particular form. The Central Board of
+                    Direct Taxes (CBDT) has notified this vide notification
+                    73/2023 dated 30.08.2023 by inserting Rule 134 into the
+                    Income Tax rules. Such rules have prescribed Form 71 to be
+                    the application made towards this. The rule and the form
+                    will come into effect from 1st October 2023.
+                  </p>
+
+                  <div className="rules-list">
+                    <ul className="features-list">
+                      {ruleData &&
+                        ruleData.map((item, index) => (
+                          <li key={item.index}>
+                            <div className="number">{item.number}</div>
+                            <h5>{item.title}</h5>
+                            <p>{item.description}</p>
+                          </li>
+                        ))}
+                    </ul>
+                  </div>
+                </div>
+              </Col>
+            </Row>
+          </Container>
+        </div>
+      </section>
+    </>
+  );
+};
+
+export default Rules;

container/Home/AboutContent.js

@@ -60,12 +60,12 @@ const AboutContent = () => {
 
 
             <Col lg={6} md={12}>
             <Col lg={6} md={12}>
               <div className="what-we-do-content">
               <div className="what-we-do-content">
-                <span className="sub-title">SEE WHAT WE DO</span>
-                <Heading
-                  el="h2"
-                  heading="Information is the Main Point  Success on Business"
-                  className="h2"
-                />
+                <span className="sub-title">
+                  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.{" "}
+                </span>
+                <Heading el="h2" heading="Knowledge" className="h2" />
 
 
                 <Tabs>
                 <Tabs>
                   <TabList>
                   <TabList>

container/Home/HomeBanner.js

@@ -10,7 +10,7 @@ const bannerData = [
   {
   {
     backgroundImage: "/images/banner/banner-bg1.jpg",
     backgroundImage: "/images/banner/banner-bg1.jpg",
     subtitle: "Welcome to Advith Consulting!",
     subtitle: "Welcome to Advith Consulting!",
-    title: "Take Our Help To Reach The Top",
+    title: "Lorem Ipsum is simply dummy",
     description:
     description:
       "As businesses & individuals grow, the. We, at Advith Consulting offer guidance and support to help you navigate growth and expansion through our array of offerrings. Our name, Advith, means second to none and that's the level of excellence we strive for in everything we do. ",
       "As businesses & individuals grow, the. We, at Advith Consulting offer guidance and support to help you navigate growth and expansion through our array of offerrings. Our name, Advith, means second to none and that's the level of excellence we strive for in everything we do. ",
     buttonText1: "Contact Us",
     buttonText1: "Contact Us",
@@ -21,10 +21,22 @@ const bannerData = [
   },
   },
   {
   {
     backgroundImage: "/images/banner/banner-bg1.jpg",
     backgroundImage: "/images/banner/banner-bg1.jpg",
-    subtitle: "WELCOME TO US",
-    title: "Take Our Help To Reach The Top",
+    subtitle: "Lorem Ipsum Is",
+    title: "Lorem Ipsum is simply dummy",
     description:
     description:
-      "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam inta nonumy eirmod tempor invidunt ut labore et.",
+      "Given our vast experience of having served clients across various segments, we are poised to deliver custom solutions to Startups, HNIs, Family Businesses, MSMEs, and MNCs in the areas of CFO & FC Services, Transaction Advisory, Business Advisory & Risk Advisory.  ",
+    buttonText1: "Contact Us",
+    buttonLink1: "/contact",
+    buttonText2: "Get Started",
+    buttonLink2: "/contact",
+    image: "/images/banner/banner1.png",
+  },
+  {
+    backgroundImage: "/images/banner/banner-bg1.jpg",
+    subtitle: "Lorem Ipsum Is",
+    title: "Lorem Ipsum is simply dummy",
+    description:
+      "Many businesses, especially startups and small businesses, may not have the expertise required to make informed financial decisions -  Advith Consulting provides you access to experienced professionals as required by your business.",
     buttonText1: "Contact Us",
     buttonText1: "Contact Us",
     buttonLink1: "/contact",
     buttonLink1: "/contact",
     buttonText2: "Get Started",
     buttonText2: "Get Started",

container/Home/HomeBlog.js

@@ -14,7 +14,7 @@ const blogPosts = [
     date: "Jan 22, 2024",
     date: "Jan 22, 2024",
     author: "Lords Evans",
     author: "Lords Evans",
     authorLink: "/blog/author",
     authorLink: "/blog/author",
-    title: "The Secret of Your Business Success Find Quickly",
+    title: "Tax Deducted at Source under Income Tax Act",
     shortDesc:
     shortDesc:
       "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
       "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
     btnText: "Read More",
     btnText: "Read More",
@@ -27,7 +27,7 @@ const blogPosts = [
     date: "Jan 22, 2024",
     date: "Jan 22, 2024",
     author: "Sarah Taylor",
     author: "Sarah Taylor",
     authorLink: "/blog/author",
     authorLink: "/blog/author",
-    title: "Consulting is a Good and Best Into Our Company",
+    title: "Reporting on Fraudulent Activities by Auditors",
     shortDesc:
     shortDesc:
       "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
       "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
     btnText: "Read More",
     btnText: "Read More",
@@ -40,9 +40,9 @@ const blogPosts = [
     date: "Jan 22, 2024",
     date: "Jan 22, 2024",
     author: "James Andy",
     author: "James Andy",
     authorLink: "/blog/author",
     authorLink: "/blog/author",
-    title: "Business Has Become a Good in the Global World",
+    title: "Start-up and Angel Tax",
     shortDesc:
     shortDesc:
-      "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
+      "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.eirmod nsa ada tempor invidunt ut.",
     btnText: "Read More",
     btnText: "Read More",
     detailsUrl: "/blog/details",
     detailsUrl: "/blog/details",
   },
   },

container/IndustryFocus/Hospitality.js

@@ -12,7 +12,7 @@ const OurApproachData = [
     title: "Hospitality",
     title: "Hospitality",
     subtitle: "Our Approach",
     subtitle: "Our Approach",
     paragraphs: [
     paragraphs: [
-      "Our firm supports the life sciences industry by offering tailored financial solutions that drive research and development, statutory compliance, and market expansion. With many global pharma companies establishing their research hubs in India, we provide strategic financial guidance to enhance their operational and financial efficiency. Our expertise ensures that life sciences companies can focus on advancing healthcare while we manage their financial health. ",
+      "The hospitality industry requires precise financial management to thrive in a competitive market. Our consulting services focus on improving operational efficiency, maximizing profitability, and managing financial risks for hotels, restaurants, and tourism businesses. We are dedicated to enhancing the financial health of your hospitality venture. ",
     ],
     ],
     imageSrc: "/images/about/people.jpg",
     imageSrc: "/images/about/people.jpg",
     imageAlt: "OurApproch",
     imageAlt: "OurApproch",

container/IndustryFocus/LifeSciences.js

@@ -27,27 +27,22 @@ const Sidebar = [
 
 
 const TransactionAdvisory = [
 const TransactionAdvisory = [
   {
   {
-    title: "Deal Advisory",
-    serviceIcon: "ri-group-2-line",
-    descr: "Lorem Ipsum is simply dummy text",
-  },
-  {
-    title: "Merger & Acquisition",
+    title: "Due Diligence",
     serviceIcon: "ri-group-2-line",
     serviceIcon: "ri-group-2-line",
     descr: "Lorem Ipsum is simply dummy text",
     descr: "Lorem Ipsum is simply dummy text",
   },
   },
   {
   {
-    title: "Due Diligence",
+    title: "Deal Advisory",
     serviceIcon: "ri-group-2-line",
     serviceIcon: "ri-group-2-line",
     descr: "Lorem Ipsum is simply dummy text",
     descr: "Lorem Ipsum is simply dummy text",
   },
   },
   {
   {
-    title: "Fund Raise Assistance",
+    title: "Mergers & Acquisitions",
     serviceIcon: "ri-group-2-line",
     serviceIcon: "ri-group-2-line",
     descr: "Lorem Ipsum is simply dummy text",
     descr: "Lorem Ipsum is simply dummy text",
   },
   },
   {
   {
-    title: "Project Management ",
+    title: "Corporate Law Advisory",
     serviceIcon: "ri-group-2-line",
     serviceIcon: "ri-group-2-line",
     descr: "Lorem Ipsum is simply dummy text",
     descr: "Lorem Ipsum is simply dummy text",
   },
   },
@@ -55,22 +50,22 @@ const TransactionAdvisory = [
 
 
 const BusinessAdvisory = [
 const BusinessAdvisory = [
   {
   {
-    title: "Strategic Office",
+    title: "India Entry & Set Up of Operations in India",
     serviceIcon: "ri-group-2-line",
     serviceIcon: "ri-group-2-line",
     descr: "Lorem Ipsum is simply dummy text",
     descr: "Lorem Ipsum is simply dummy text",
   },
   },
   {
   {
-    title: "Taxation",
+    title: "Transfer Pricing ",
     serviceIcon: "ri-group-2-line",
     serviceIcon: "ri-group-2-line",
     descr: "Lorem Ipsum is simply dummy text",
     descr: "Lorem Ipsum is simply dummy text",
   },
   },
   {
   {
-    title: "Business Modelling ",
+    title: "Cross Border Transactions",
     serviceIcon: "ri-group-2-line",
     serviceIcon: "ri-group-2-line",
     descr: "Lorem Ipsum is simply dummy text",
     descr: "Lorem Ipsum is simply dummy text",
   },
   },
   {
   {
-    title: "Family Business Structuring ",
+    title: "Structuring around Taxation",
     serviceIcon: "ri-group-2-line",
     serviceIcon: "ri-group-2-line",
     descr: "Lorem Ipsum is simply dummy text",
     descr: "Lorem Ipsum is simply dummy text",
   },
   },

container/Knowledge/KnowledgeContent.js

@@ -6,7 +6,8 @@ import { motion } from "framer-motion";
 import { fadeIn } from "@/components/reuseables/variants";
 import { fadeIn } from "@/components/reuseables/variants";
 const serviceContent = [
 const serviceContent = [
   {
   {
-    subTitle: "Our Services",
+    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: "Knowledge",
     title: "Knowledge",
     paragraphs: [
     paragraphs: [
       "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.",
       "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.",
@@ -30,10 +31,10 @@ const KnowledgeContent = () => {
                   viewport={{ once: false, amount: 0.2 }}
                   viewport={{ once: false, amount: 0.2 }}
                 >
                 >
                   <Image
                   <Image
-                    layout="fill"
-                    className="img-fluid image"
                     src="/images/call-back-request.png"
                     src="/images/call-back-request.png"
                     alt="image"
                     alt="image"
+                    fill
+                    className="img-fluid image"
                   />
                   />
                 </motion.div>
                 </motion.div>
                 <Image
                 <Image

container/People/AboutPeople.js

@@ -12,7 +12,7 @@ const aboutPeopleData = [
     subtitle: "About Us",
     subtitle: "About Us",
     title: "Welcome to Advith Consulting ",
     title: "Welcome to Advith Consulting ",
     paragraphs: [
     paragraphs: [
-      " a distinguished boutique finance consulting firm with a proud legacy of over 40 years. Our journey has been driven by three core pillars: Knowledge, People, and Client Servicing.People are at the heart of our firm. We foster a collaborative and inclusive environment where every team member is valued for their unique contributions. This collective expertise enables us to deliver innovative solutions tailored to each client's needs. We prioritize building strong, lasting relationships with our clients, understanding their goals, and exceeding their expectations. Our dedication to business ethics and standards is reflected in the quality of our work and our reputation for excellence and credibility.As we continue to grow, we remain steadfast in our mission to operate as one cohesive entity, united by our values and our dedication to delivering exceptional financial consulting services.",
+      "Welcome to Advith Consulting , a distinguished boutique finance consulting firm with a proud legacy of over 40 years. Our journey has been driven by three core pillars: Knowledge, People, and Client Servicing.People are at the heart of our firm. We foster a collaborative and inclusive environment where every team member is valued for their unique contributions. This collective expertise enables us to deliver innovative solutions tailored to each client's needs.We prioritize building strong, lasting relationships with our clients, understanding their goals, and exceeding their expectations. Our dedication to business ethics and standards is reflected in the quality of our work and our reputation for excellence and credibility.As we continue to grow, we remain steadfast in our mission to operate as one cohesive entity, united by our values and our dedication to delivering exceptional financial consulting services.",
     ],
     ],
     linkText: "Know More",
     linkText: "Know More",
     linkUrl: "/contact",
     linkUrl: "/contact",

container/People/TeamLead.js

@@ -68,7 +68,7 @@ const TeamLead = () => {
         <div className="container">
         <div className="container">
           <div className="section-title">
           <div className="section-title">
             <span className="sub-title">Team Leads</span>
             <span className="sub-title">Team Leads</span>
-            <Heading el="h2" heading=" Our Exclusive Team for Your Business" />
+            <Heading el="h2" heading="Our Exclusive Team for Your Business" />
           </div>
           </div>
 
 
           <div className="row justify-content-center">
           <div className="row justify-content-center">

container/People/TeamMembers.js

@@ -7,9 +7,9 @@ const team = [
   {
   {
     id: 1,
     id: 1,
     image: "/images/team/team1.jpg",
     image: "/images/team/team1.jpg",
-    altText: "Krishna Upadhya S ",
+    altText: "Shradha Patil ",
     name: "Krishna Upadhya S ",
     name: "Krishna Upadhya S ",
-    designation: "Lead, Direct Tax Services",
+    designation: "Group Senior Manager",
     socialLinks: [
     socialLinks: [
       {
       {
         id: 3,
         id: 3,
@@ -21,9 +21,9 @@ const team = [
   {
   {
     id: 2,
     id: 2,
     image: "/images/team/team2.jpg",
     image: "/images/team/team2.jpg",
-    altText: "Pavan Kumar Daga",
-    name: "Pavan Kumar Daga",
-    designation: "Lead, Outsourcing Services",
+    altText: "Nikita Mittal",
+    name: "Nikita Mittal",
+    designation: "Manager, Corporate Law Services",
     socialLinks: [
     socialLinks: [
       {
       {
         id: 3,
         id: 3,
@@ -35,9 +35,9 @@ const team = [
   {
   {
     id: 3,
     id: 3,
     image: "/images/team/team3.jpg",
     image: "/images/team/team3.jpg",
-    altText: "R. K. Suchindra",
-    name: "R. K. Suchindra",
-    designation: "Lead, Indirect Tax Services",
+    altText: "Sharanya Sundar ",
+    name: "Sharanya Sundar ",
+    designation: "Manager, Advisory Services",
     socialLinks: [
     socialLinks: [
       {
       {
         id: 3,
         id: 3,
@@ -49,9 +49,9 @@ const team = [
   {
   {
     id: 4,
     id: 4,
     image: "/images/team/team4.jpg",
     image: "/images/team/team4.jpg",
-    altText: "Dhushyantha Kumar K",
-    name: "Dhushyantha Kumar K",
-    designation: "Lead, Corporate Law Services",
+    altText: "Ekta Kukreja ",
+    name: "Ekta Kukreja ",
+    designation: "Assistant Manager, CFO Services",
     socialLinks: [
     socialLinks: [
       {
       {
         id: 3,
         id: 3,
@@ -61,11 +61,25 @@ const team = [
     ],
     ],
   },
   },
   {
   {
-    id: 4,
+    id: 5,
+    image: "/images/team/team4.jpg",
+    altText: "Rakshitha Prabhu",
+    name: "Rakshitha Prabhu",
+    designation: "Assistant Manager, CFO Services",
+    socialLinks: [
+      {
+        id: 3,
+        icon: "ri-linkedin-fill",
+        url: "https://www.linkedin.com/",
+      },
+    ],
+  },
+  {
+    id: 6,
     image: "/images/team/team4.jpg",
     image: "/images/team/team4.jpg",
-    altText: "Dhushyantha Kumar K",
-    name: "Dhushyantha Kumar K",
-    designation: "Lead, Corporate Law Services",
+    altText: "Priyank Parekh ",
+    name: "Priyank Parekh ",
+    designation: "Assistant Manager, CFO Services",
     socialLinks: [
     socialLinks: [
       {
       {
         id: 3,
         id: 3,

layout/Footer.js

@@ -69,7 +69,7 @@ const Footer = () => {
                 <h3>Help Us</h3>
                 <h3>Help Us</h3>
                 <ul className="links-list">
                 <ul className="links-list">
                   <li>
                   <li>
-                    <Link href="/about-simple">Privacy Policy</Link>
+                    <Link href="/privacy-policy">Privacy Policy</Link>
                   </li>
                   </li>
                   <li>
                   <li>
                     <Link href="/terms-conditions">
                     <Link href="/terms-conditions">

pages/blogs/details.js

+import BlogDetails from "@/container/Blog/BlogDetails";
+import React from "react";
+
+const details = () => {
+  return (
+    <>
+      <BlogDetails />
+    </>
+  );
+};
+
+export default details;

pages/blogs.js → pages/blogs/index.js

-import Blogs from "@/container/Blog";
+import Blogs from "@/container/Blog/Blog";
 import React from "react";
 import React from "react";
 
 
 const blogs = () => {
 const blogs = () => {

pages/corpedia/details.js

+import DetailPage from "@/container/Corpedia/DetailPage";
+import React from "react";
+
+const details = () => {
+  return (
+    <>
+      <DetailPage />
+    </>
+  );
+};
+
+export default details;

pages/corpedia.js → pages/corpedia/index.js

-import Corpedia from "@/container/Corpedia";
+import CorpediaPage from "@/container/Corpedia/CorpediaPage";
 import React from "react";
 import React from "react";
 
 
 const corpedia = () => {
 const corpedia = () => {
   return (
   return (
     <>
     <>
-      <Corpedia />
+      <CorpediaPage />
     </>
     </>
   );
   );
 };
 };

pages/privacy-policy.js

+import React from "react";
+import PageBanner from "@/components/reuseables/PageBanner";
+const banners = [
+  {
+    imageSrc: "/images/page-title-bg.jpg",
+    pageTitle: "Privacy Policy",
+    homePageUrl: "/",
+    homePageText: "Privacy Policy",
+    activePageText: "Tax Wire",
+  },
+  // Add more banners as needed
+];
+export default function PrivacyPolicy() {
+  return (
+    <>
+      <PageBanner banners={banners} />
+
+      <div className="privacy-policy-area ptb-100">
+        <div className="container">
+          <div className="privacy-policy-content">
+            <h3>Types of data we collect and use</h3>
+            <p>
+              We may collect personal identification information from Users in a
+              variety of ways, including, but not limited to, when Users visit
+              our site, subscribe to the newsletter, fill out a form, and in
+              connection with other activities, services, features or resources
+              we make available on our Site. Users may be asked for, as
+              appropriate, name, email address, mailing address, phone number,
+              company name. We will collect personal identification information
+              from Users only if they voluntarily consent such information to
+              us. Users can always refuse to supply <a href="#">personally</a>{" "}
+              identification information, except that it may prevent them from
+              engaging in certain Site related activities.
+            </p>
+
+            <h3>Collection of information</h3>
+            <p>
+              This site is provided by <strong>Zixon</strong>.{" "}
+              <strong>Zixon</strong> collects information in several ways from
+              different parts of this site.
+            </p>
+
+            <p>
+              <strong>1.</strong> Complimentary ground shipping within 1 to 7
+              business days
+              <br />
+              <strong>2.</strong> In-store collection available within 1 to 7
+              business days
+              <br />
+              <strong>3.</strong> Next-day and Express delivery options also
+              available
+              <br />
+              <strong>4.</strong> Purchases are delivered in an orange box tied
+              with a Bolduc ribbon, with the exception of certain items
+              <br />
+              <strong>5.</strong> See the delivery FAQs for details on shipping
+              methods, costs and delivery times
+            </p>
+
+            <h3>Payment methods</h3>
+            <p>
+              <strong>Zixon</strong> accepts the following payment methods:
+            </p>
+            <ul>
+              <li>
+                Credit Card: <strong>Visa</strong>, <strong>MasterCard</strong>,{" "}
+                <strong>Discover</strong>, <strong>American Express</strong>,{" "}
+                <strong>JCB</strong>, <strong>Visa Electron</strong>. The total
+                will be charged to your card when the order is shipped.
+              </li>
+              <li>
+                <strong>Zixon</strong> features a Fast Checkout option, allowing
+                you to securely save your credit card details so that you don't
+                have to re-enter them for future purchases.
+              </li>
+              <li>
+                PayPal: Shop easily online without having to enter your credit
+                card details on the website.Your account will be charged once
+                the order is completed. To register for a PayPal account, visit
+                the website{" "}
+                <a href="#" target="_blank">
+                  paypal.com.
+                </a>
+              </li>
+            </ul>
+
+            <h3>Exchanges, returns and refunds</h3>
+            <p>
+              Items returned within 14 days of their original shipment date in
+              same as new condition will be eligible for a full refund or store
+              credit. Refunds will be charged back form of payment used for
+              purchase. Customer is responsible for shipping charges when making
+              returns and shipping/handling fees of original purchase is
+              non-refundable.
+            </p>
+            <p>Last updated: January 25, 2024 at 24:00 pm</p>
+            <p>
+              <strong>Our Locations:</strong> <br /># 2750 Quadra <br /> Street
+              Victoria, Canada
+            </p>
+            <p>
+              <strong>Enquiry</strong>:{" "}
+              <a href="tel:+44587154756">+445 871 54756</a>
+            </p>
+            <p>
+              <i>
+                <u>
+                  Please read this Privacy Policy carefully before using this
+                  website.
+                </u>
+              </i>
+            </p>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}

pages/terms-conditions.js

+import React from "react";
+
+import PageBanner from "@/components/reuseables/PageBanner";
+import { Container } from "react-bootstrap";
+const banners = [
+  {
+    imageSrc: "/images/page-title-bg.jpg",
+    pageTitle: "Term and Conditions",
+    homePageUrl: "/",
+    homePageText: "Term and Conditions",
+    activePageText: "Tax Wire",
+  },
+  // Add more banners as needed
+];
+export default function TermsConditions() {
+  return (
+    <>
+      <PageBanner banners={banners} />
+
+      <div className="terms-conditions-area ptb-100">
+        <Container>
+          <div className="terms-conditions-content">
+            <h3>Overview</h3>
+            <p>
+              We may collect personal identification information from Users in a
+              variety of ways, including, but not limited to, when Users visit
+              our site, subscribe to the newsletter, fill out a form, and in
+              connection with other activities, services, features or resources
+              we make available on our Site. Users may be asked for, as
+              appropriate, name, email address, mailing address, phone number,
+              company name. We will collect personal identification information
+              from Users only if they voluntarily consent such information to
+              us. Users can always refuse to supply personally identification
+              information, except that it may prevent them from engaging in
+              certain Site related activities.
+            </p>
+
+            <h3>General permission to use and access and use limitations</h3>
+            <p>
+              This site is provided by <strong>Zixon</strong>.{" "}
+              <strong>Zixon</strong> collects information in several ways from
+              different parts of this site.
+            </p>
+            <p>
+              <strong>1.</strong> Complimentary ground shipping within 1 to 7
+              business days
+              <br />
+              <strong>2.</strong> In-store collection available within 1 to 7
+              business days
+              <br />
+              <strong>3.</strong> Next-day and Express delivery options also
+              available
+              <br />
+              <strong>4.</strong> Purchases are delivered in an orange box tied
+              with a Bolduc ribbon, with the exception of certain items
+              <br />
+              <strong>5.</strong> See the delivery FAQs for details on shipping
+              methods, costs and delivery times
+            </p>
+
+            <h3>Confidential information</h3>
+            <p>
+              <strong>Zixon</strong> accepts the following payment methods:
+            </p>
+            <ul>
+              <li>
+                Credit Card: <strong>Visa</strong>, <strong>MasterCard</strong>,{" "}
+                <strong>Discover</strong>, <strong>American Express</strong>,{" "}
+                <strong>JCB</strong>, <strong>Visa Electron</strong>. The total
+                will be charged to your card when the order is shipped.
+              </li>
+              <li>
+                <strong>Zixon</strong> features a Fast Checkout option, allowing
+                you to securely save your credit card details so that you don't
+                have to re-enter them for future purchases.
+              </li>
+            </ul>
+
+            <h3>Linking to this Site</h3>
+            <p>
+              Items returned within 14 days of their original shipment date in
+              same as new condition will be eligible for a full refund or store
+              credit. Refunds will be charged back form of payment used for
+              purchase. Customer is responsible for shipping charges when making
+              returns and shipping/handling fees of original purchase is
+              non-refundable.
+            </p>
+            <p>Last updated: January 25, 2024 at 24:00 pm</p>
+          </div>
+        </Container>
+      </div>
+    </>
+  );
+}

styles/responsive.css

@@ -912,6 +912,7 @@
   .call-back-request-text {
   .call-back-request-text {
     padding-left: 0;
     padding-left: 0;
     text-align: center;
     text-align: center;
+    margin-top: 5vh;
   }
   }
 
 
   .call-back-request-text .sub-title {
   .call-back-request-text .sub-title {

styles/styles.css

@@ -8038,6 +8038,7 @@ Modal CSS
   text-align: center;
   text-align: center;
   padding: 20px;
   padding: 20px;
   box-shadow: inset -1px -1px 0px 4px #ffc988bb;
   box-shadow: inset -1px -1px 0px 4px #ffc988bb;
+  margin-left: 10px;
 }
 }
 
 
 .circle-content-two {
 .circle-content-two {
@@ -8052,3 +8053,38 @@ Modal CSS
 .method-img-gray {
 .method-img-gray {
   filter: grayscale();
   filter: grayscale();
 }
 }
+
+/* ---------------------------corepedia details page------------------------------ */
+/* .rules-list {
+  overflow: auto;
+  max-height: 500px;
+} */
+.rules-image {
+  position: sticky;
+  top: 0;
+}
+
+.rules-list h5 {
+  font-weight: 400;
+}
+
+
+.default-btn-one {
+  display: inline-block;
+  border: none;
+  border-radius: 5px;
+  z-index: 1;
+  position: relative;
+  color: var(--lightgrayColor);
+  background-color: var(--mainColor);
+  transition: var(--transition);
+  text-align: center;
+  padding: 12px 30px 12px 30px;
+  font-size: var(--fontSize);
+  font-weight: 700;
+}
+
+.default-btn-one:hover {
+  color: var(--blackColor);
+  background-color: var(--whiteColor);
+}
\ No newline at end of file