advith file

.gitignore

+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

README.md

+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
+
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
+
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

components/reuseables/Counter.js

+import React from "react";
+
+const funfact = [
+  {
+    id: 1,
+    number: "40",
+    sign: "K",
+    title: "Projects",
+  },
+  {
+    id: 2,
+    number: "10",
+    sign: "K",
+    title: "Case Study",
+  },
+  {
+    id: 3,
+    number: "12",
+    sign: "K",
+    title: "Clients",
+  },
+  {
+    id: 4,
+    number: "78",
+    sign: "K",
+    title: "Customers",
+  },
+];
+
+const Counter = () => {
+  return (
+    <>
+      <div className="funfacts-area bg-color">
+        <div className="container">
+          <div className="row justify-content-center">
+            {funfact &&
+              funfact.map((item) => (
+                <div className="col-lg-3 col-sm-3 col-6 col-md-3" key={item.id}>
+                  <div className="single-funfacts-box">
+                    <h3>
+                      {item.number}
+                      <span className="sign">{item.sign}</span>
+                    </h3>
+                    <p>{item.title}</p>
+                  </div>
+                </div>
+              ))}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default Counter;

components/reuseables/PageBanner.js

+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+
+const PageBanner = ({
+  pageTitle,
+  homePageUrl,
+  homePageText,
+  activePageText,
+}) => {
+  return (
+    <>
+      <div className="page-title-area">
+        <div className="image-wrapper">
+          <Image
+            src="/images/page-title-bg.jpg"
+            alt="Page Title Background"
+            layout="fill"
+            objectFit="cover"
+            priority
+          />
+        </div>
+        <div className="container">
+          <div className="page-title-content">
+            <h2>{pageTitle}</h2>
+            <ul>
+              <li>
+                <Link href={homePageUrl}>{homePageText}</Link>
+              </li>
+              <li>{activePageText}</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default PageBanner;

components/reuseables/TabContentSection.js

+import React from "react";
+import Link from "next/link";
+import { Tab, Tabs, TabList, TabPanel, resetIdCounter } from "react-tabs";
+
+const TabContentSection = ({
+  sectionTitle,
+  sectionSubtitle,
+  tabData,
+  mainImage,
+  shapeImage,
+  buttonText,
+  buttonLink,
+}) => {
+  return (
+    <>
+      <div className="what-we-do-area ptb-100">
+        <div className="container">
+          <div className="row align-items-center">
+            <div className="col-lg-6 col-md-12">
+              <div className="what-we-do-image">
+                <img src={mainImage} alt="main" />
+                <img src={shapeImage} alt="shape" className="shape" />
+              </div>
+            </div>
+
+            <div className="col-lg-6 col-md-12">
+              <div className="what-we-do-content">
+                <span className="sub-title">{sectionSubtitle}</span>
+                <h2>{sectionTitle}</h2>
+
+                <Tabs>
+                  <TabList>
+                    {tabData.map((tab, index) => (
+                      <Tab key={index}>{tab.tabTitle}</Tab>
+                    ))}
+                  </TabList>
+
+                  {tabData.map((tab, index) => (
+                    <TabPanel key={index}>
+                      <p>{tab.content}</p>
+                    </TabPanel>
+                  ))}
+                </Tabs>
+
+                <Link href={buttonLink} className="default-btn">
+                  {buttonText} <i className="ri-arrow-right-line"></i>
+                </Link>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default TabContentSection;

components/reuseables/TeamMember.js

+import React from "react";
+
+const team = [
+  {
+    id: 1,
+    image: "/images/team/team1.jpg",
+    altText: "James Andy",
+    name: "James Andy",
+    designation: "CEO & Founder",
+    socialLinks: [
+      {
+        id: 1,
+        icon: "ri-facebook-fill",
+        url: "https://www.facebook.com/",
+      },
+      {
+        id: 2,
+        icon: "ri-twitter-fill",
+        url: "https://twitter.com/",
+      },
+      {
+        id: 3,
+        icon: "ri-linkedin-fill",
+        url: "https://www.linkedin.com/",
+      },
+      {
+        id: 4,
+        icon: "ri-instagram-line",
+        url: "https://www.instagram.com/",
+      },
+    ],
+  },
+  {
+    id: 2,
+    image: "/images/team/team2.jpg",
+    altText: "Sarah Taylor",
+    name: "Sarah Taylor",
+    designation: "Office Manager",
+    socialLinks: [
+      {
+        id: 1,
+        icon: "ri-facebook-fill",
+        url: "https://www.facebook.com/",
+      },
+      {
+        id: 2,
+        icon: "ri-twitter-fill",
+        url: "https://twitter.com/",
+      },
+      {
+        id: 3,
+        icon: "ri-linkedin-fill",
+        url: "https://www.linkedin.com/",
+      },
+      {
+        id: 4,
+        icon: "ri-instagram-line",
+        url: "https://www.instagram.com/",
+      },
+    ],
+  },
+  {
+    id: 3,
+    image: "/images/team/team3.jpg",
+    altText: "Steven Smith",
+    name: "Steven Smith",
+    designation: "General Manager",
+    socialLinks: [
+      {
+        id: 1,
+        icon: "ri-facebook-fill",
+        url: "https://www.facebook.com/",
+      },
+      {
+        id: 2,
+        icon: "ri-twitter-fill",
+        url: "https://twitter.com/",
+      },
+      {
+        id: 3,
+        icon: "ri-linkedin-fill",
+        url: "https://www.linkedin.com/",
+      },
+      {
+        id: 4,
+        icon: "ri-instagram-line",
+        url: "https://www.instagram.com/",
+      },
+    ],
+  },
+  {
+    id: 4,
+    image: "/images/team/team4.jpg",
+    altText: "Alina Lucy",
+    name: "Alina Lucy",
+    designation: "PR and Consulting",
+    socialLinks: [
+      {
+        id: 1,
+        icon: "ri-facebook-fill",
+        url: "https://www.facebook.com/",
+      },
+      {
+        id: 2,
+        icon: "ri-twitter-fill",
+        url: "https://twitter.com/",
+      },
+      {
+        id: 3,
+        icon: "ri-linkedin-fill",
+        url: "https://www.linkedin.com/",
+      },
+      {
+        id: 4,
+        icon: "ri-instagram-line",
+        url: "https://www.instagram.com/",
+      },
+    ],
+  },
+];
+
+const TeamMember = () => {
+  return (
+    <>
+      <div className="team-area pt-100 pb-70 bg-fafafa">
+        <div className="container">
+          <div className="section-title">
+            <span className="sub-title">TEAM</span>
+            <h2>Meet Members of Our Exclusive Team for Your Business</h2>
+          </div>
+
+          <div className="row justify-content-center">
+            {team &&
+              team.map((member) => (
+                <div className="col-lg-3 col-md-6 col-sm-6" key={member.id}>
+                  <div className="single-team-member">
+                    <img src={member.image} alt={member.altText} />
+                    <div className="content">
+                      <h3>{member.name}</h3>
+                      <span>{member.designation}</span>
+                      <ul className="social-links">
+                        {member.socialLinks.map((link) => (
+                          <li key={link.id}>
+                            <a
+                              href={link.url}
+                              target="_blank"
+                              rel="noopener noreferrer"
+                            >
+                              <i className={link.icon}></i>
+                            </a>
+                          </li>
+                        ))}
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+              ))}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default TeamMember;

container/Home/AboutContent.js

+import React from "react";
+import Link from "next/link";
+import { Tab, Tabs, TabList, TabPanel, resetIdCounter } from "react-tabs";
+import Image from "next/image";
+const KnowledgeData = [
+  {
+    title: "Corpedia",
+    content:
+      "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy ant extra eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diammi maxil voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clitaiai to ankasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Adasta na lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
+    buttonlink: "#",
+  },
+  {
+    title: "Tax Wire",
+    content:
+      "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their.",
+    buttonlink: "#",
+  },
+  {
+    title: "Budget Panorama",
+    content:
+      "Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature.",
+    buttonlink: "#",
+  },
+];
+
+const AboutContent = () => {
+  return (
+    <>
+      <div className="what-we-do-area ptb-100">
+        <div className="container">
+          <div className="row align-items-center">
+            <div className="col-lg-6 col-md-12">
+              <div className="what-we-do-image">
+                <Image
+                  width={800}
+                  height={800}
+                  src="/images/about/about1.png"
+                  alt="image"
+                />
+                <Image
+                  width={200}
+                  height={150}
+                  src="/images/shape/shape8.png"
+                  alt="image"
+                  className="shape"
+                />
+              </div>
+            </div>
+
+            <div className="col-lg-6 col-md-12">
+              <div className="what-we-do-content">
+                <span className="sub-title">SEE WHAT WE DO</span>
+                <h2>Information is the Main Point to Success on Business</h2>
+
+                <Tabs>
+                  <TabList>
+                    {KnowledgeData.map((tab, index) => (
+                      <Tab key={index}>{tab.title}</Tab>
+                    ))}
+                  </TabList>
+
+                  {KnowledgeData.map((tab, index) => (
+                    <TabPanel key={index}>
+                      <p>{tab.content}</p>
+                      <Link href="#" className="default-btn">
+                        Know More <i className="ri-arrow-right-line"></i>
+                      </Link>
+                    </TabPanel>
+                  ))}
+                </Tabs>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default AboutContent;

container/Home/AreasofExpertise.js

+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+
+const areasofExpertise = [
+  {
+    id: 1,
+    image: "/images/projects/projects1.jpg",
+    altText: "Project Image",
+    title: "Assurance",
+    category: "lorem",
+    linkText: "Read More",
+    detailsUrl: "/projects/details",
+  },
+  {
+    id: 2,
+    image: "/images/projects/projects2.jpg",
+    altText: "Project Image",
+    title: "Direct Tax",
+    category: "lorem",
+    linkText: "Read More",
+    detailsUrl: "/projects/details",
+  },
+  {
+    id: 3,
+    image: "/images/projects/projects3.jpg",
+    altText: "Project Image",
+    title: "Indirect Tax",
+    category: "lorem",
+    linkText: "Read More",
+    detailsUrl: "/projects/details",
+  },
+  {
+    id: 4,
+    image: "/images/projects/projects4.jpg",
+    altText: "Project Image",
+    title: "Corporate Legal",
+    category: "lorem",
+    linkText: "Read More",
+    detailsUrl: "/projects/details",
+  },
+  {
+    id: 5,
+    image: "/images/projects/projects5.jpg",
+    altText: "Project Image",
+    title: "Corporate Law and FEMA",
+    category: "lorem",
+    linkText: "Read More",
+    detailsUrl: "/projects/details",
+  },
+  {
+    id: 6,
+    image: "/images/projects/projects6.jpg",
+    altText: "Project Image",
+    title: "Cross Border Transactions",
+    category: "lorem",
+    linkText: "Read More",
+    detailsUrl: "/projects/details",
+  },
+];
+
+const AreasofExpertise = () => {
+  return (
+    <>
+      <div className="projects-area pt-100 pb-70 bglight">
+        <div className="container">
+          <div className="section-title">
+            <span className="sub-title">lorem</span>
+            <h2>Areas of Expertise</h2>
+          </div>
+
+          <div className="row justify-content-center">
+            {areasofExpertise &&
+              areasofExpertise.map((item) => (
+                <div className="col-lg-4 col-md-6" key={item.id}>
+                  <div className="single-projects-box">
+                    <Image
+                      src={item.image}
+                      alt={item.altText}
+                      layout="responsive"
+                      width={500}
+                      height={500}
+                      className="img-fluid rounded-3"
+                    />
+                    <h3>{item.title}</h3>
+                    <span>{item.category}</span>
+                  </div>
+                </div>
+              ))}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default AreasofExpertise;

container/Home/CallBackRequest.js

+import React from "react";
+
+const CallBackRequest = () => {
+  return (
+    <>
+      <div className="free-quote-area ptb-100">
+        <div className="container">
+          <div className="row align-items-center">
+            <div className="col-lg-6 col-md-12">
+              <div className="free-quote-image">
+                <img src="/images/home/free-quote.jpg" alt="image" />
+              </div>
+            </div>
+
+            <div className="col-lg-6 col-md-12">
+              <div className="free-quote-text">
+                <span className="sub-title">FREE QUOTE</span>
+                <h2>Search and Expert Any Time From Just Knock Us</h2>
+                <p>
+                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
+                  diam nonumy ant extra eirmod te mpor invidunt ut labore et
+                  dolore magna aliquyam erat. Te mpor invidunt utttfg labore et
+                  dolore magna aliquyam erat
+                </p>
+
+                <form>
+                  <div className="row">
+                    <div className="col-lg-6 col-md-6">
+                      <div className="form-group">
+                        <label>Your Name</label>
+                        <input type="text" className="form-control" />
+                      </div>
+                    </div>
+
+                    <div className="col-lg-6 col-md-6">
+                      <div className="form-group">
+                        <label>Your Email</label>
+                        <input type="text" className="form-control" />
+                      </div>
+                    </div>
+
+                    <div className="col-lg-6 col-md-6">
+                      <div className="form-group">
+                        <label>Services</label>
+                        <select className="form-select">
+                          <option value="selected">
+                            Financial Consultancy
+                          </option>
+                          <option>Strategy Consultancy</option>
+                          <option>Organizational Consultancy</option>
+                          <option>Tax Consultancy</option>
+                        </select>
+                      </div>
+                    </div>
+
+                    <div className="col-lg-6 col-md-6">
+                      <div className="form-group">
+                        <button type="submit" className="default-btn">
+                          Request A Quote{" "}
+                          <i className="ri-arrow-right-line"></i>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default CallBackRequest;

container/Home/ClientService.js

+import React from "react";
+import Link from "next/link";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { Pagination, Autoplay } from "swiper/modules";
+
+const services = [
+  {
+    id: 1,
+    image: "/images/services/services1.jpg",
+    altText: "Service Image",
+    title: "Virtual FC & CFO Services",
+    description:
+      "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut",
+    linkText: "Read More",
+    detailsUrl: "/services/details",
+  },
+  {
+    id: 2,
+    image: "/images/services/services2.jpg",
+    altText: "Service Image",
+    title: "Transaction Advisory",
+    description:
+      "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut",
+    linkText: "Read More",
+    detailsUrl: "/services/details",
+  },
+  {
+    id: 3,
+    image: "/images/services/services4.jpg",
+    altText: "Service Image",
+    title: "Risk Advisory",
+    description:
+      "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut",
+    linkText: "Read More",
+    detailsUrl: "/services/details",
+  },
+  {
+    id: 4,
+    image: "/images/services/services4.jpg",
+    altText: "Service Image",
+    title: "Business Advisory",
+    description:
+      "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut",
+    linkText: "Read More",
+    detailsUrl: "/services/details",
+  },
+];
+
+const ClientService = () => {
+  return (
+    <>
+      <div className="services-area pt-100 pb-5">
+        <div className="container">
+          <div className="section-title">
+            <span className="sub-title">Client Servicing</span>
+            <h2>Core Services</h2>
+            <p>
+              Lorem ipsum dolor sit amet, conseteturants atal into sadipscing
+              elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut
+            </p>
+          </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"
+          >
+            {services &&
+              services.map((service) => (
+                <SwiperSlide className="single-services-box" key={service.id}>
+                  <div className="image">
+                    <Link href={service.detailsUrl}>
+                      <img src={service.image} alt={service.altText} />
+                    </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} <i className="ri-arrow-right-line"></i>
+                    </Link>
+                  </div>
+                </SwiperSlide>
+              ))}
+          </Swiper>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default ClientService;

container/Home/FunctionalAreas.js

+import React from "react";
+import Link from "next/link";
+
+const services = [
+  {
+    id: 1,
+    serviceIcon: "icon ri-group-2-line",
+    serviceTitle: "Negotiation",
+    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: "Strategic Thinking",
+    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: "Business Ethics & Governance",
+    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: "Organisational Behaviour",
+    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: "Change Management",
+    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: "Family Business Understanding",
+    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 FunctionalAreas = () => {
+  return (
+    <>
+      <div className="services-area pt-100 pb-70">
+        <div className="container">
+          <div className="section-title">
+            <span className="sub-title">SERVICES</span>
+            <h2>Functional Areas </h2>
+            <p>
+              Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
+              nonumy eirmod tempor invidunt ut labore et dolore.
+            </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>
+                    {/* <p>{service.serviceShortDescription}</p> */}
+                    {/* <Link
+                      href={service.serviceDetailsUrl}
+                      className="default-btn"
+                    >
+                      {service.readMoreText}{" "}
+                      <i className="ri-arrow-right-line"></i>
+                    </Link> */}
+                  </div>
+                </div>
+              ))}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default FunctionalAreas;

container/Home/HomeBanner.js

+import React from "react";
+import Link from "next/link";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { EffectCreative, Navigation, Autoplay } from "swiper/modules";
+
+const bannerData = [
+  {
+    backgroundImage: "/images/banner/banner-bg1.jpg",
+    subtitle: "Welcome to Advith Consulting!",
+    title: "Take Our Help To Reach The Top",
+    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. ",
+    buttonText1: "Contact Us",
+    buttonLink1: "/contact",
+    buttonText2: "Get Started",
+    buttonLink2: "/contact",
+    image: "/images/banner/banner1.png",
+  },
+  {
+    backgroundImage: "/images/banner/banner-bg1.jpg",
+    subtitle: "WELCOME TO US",
+    title: "Take Our Help To Reach The Top",
+    description:
+      "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam inta nonumy eirmod tempor invidunt ut labore et.",
+    buttonText1: "Contact Us",
+    buttonLink1: "/contact",
+    buttonText2: "Get Started",
+    buttonLink2: "/contact",
+    image: "/images/banner/banner1.png",
+  },
+];
+
+const HomeBanner = () => {
+  return (
+    <Swiper
+      navigation={true}
+      grabCursor={true}
+      effect={"creative"}
+      creativeEffect={{
+        prev: {
+          shadow: true,
+          translate: [0, 0, -400],
+        },
+        next: {
+          translate: ["100%", 0, 0],
+        },
+      }}
+      autoplay={{
+        delay: 5000,
+        disableOnInteraction: true,
+        pauseOnMouseEnter: true,
+      }}
+      modules={[EffectCreative, Navigation, Autoplay]}
+      className="home-slides"
+    >
+      {bannerData.map((banner, index) => (
+        <SwiperSlide key={index}>
+          <div
+            className="main-banner-area"
+            style={{
+              backgroundImage: `url(${banner.backgroundImage})`,
+            }}
+          >
+            <div className="container">
+              <div className="row align-items-center">
+                <div className="col-lg-6 col-md-12">
+                  <div className="main-banner-content">
+                    <span className="sub-title">{banner.subtitle}</span>
+                    <h1>{banner.title}</h1>
+                    <p>{banner.description}</p>
+
+                    <div className="btn-box">
+                      <Link href={banner.buttonLink1} className="default-btn">
+                        {banner.buttonText1}
+                        <i className="ri-arrow-right-line"></i>
+                      </Link>
+                      <Link href={banner.buttonLink2} className="default-btn">
+                        {banner.buttonText2}
+                        <i className="ri-arrow-right-line"></i>
+                      </Link>
+                    </div>
+                  </div>
+                </div>
+
+                <div className="col-lg-6 col-md-12">
+                  <div className="main-banner-image">
+                    <img src={banner.image} alt="image" />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </SwiperSlide>
+      ))}
+    </Swiper>
+  );
+};
+
+export default HomeBanner;

container/Home/HomeBlog.js

+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+
+const blogPosts = [
+  {
+    id: 1,
+    image: "/images/blog/blog1.jpg",
+    altText: "Blog Image",
+    date: "Jan 22, 2024",
+    author: "Lords Evans",
+    authorLink: "/blog/author",
+    title: "The Secret of Your Business Success Find Quickly",
+    shortDesc:
+      "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
+    btnText: "Read More",
+    detailsUrl: "/blog/details",
+  },
+  {
+    id: 2,
+    image: "/images/blog/blog2.jpg",
+    altText: "Blog Image",
+    date: "Jan 22, 2024",
+    author: "Sarah Taylor",
+    authorLink: "/blog/author",
+    title: "Consulting is a Good and Best Into Our Company",
+    shortDesc:
+      "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
+    btnText: "Read More",
+    detailsUrl: "/blog/details",
+  },
+  {
+    id: 3,
+    image: "/images/blog/blog3.jpg",
+    altText: "Blog Image",
+    date: "Jan 22, 2024",
+    author: "James Andy",
+    authorLink: "/blog/author",
+    title: "Business Has Become a Good in the Global World",
+    shortDesc:
+      "Lorem ipsum dolor sit amet, conseteturants atal into sadipscing elitr, sed diam nonumy eirmod nsa ada tempor invidunt ut.",
+    btnText: "Read More",
+    detailsUrl: "/blog/details",
+  },
+];
+
+const HomeBlog = () => {
+  return (
+    <>
+      <div id="blog" className="blog-area pt-100 pb-70">
+        <div className="container">
+          <div className="section-title">
+            <span className="sub-title">OUR BLOGS</span>
+            <h2>Meet Up With Our Blogs</h2>
+          </div>
+
+          <div className="row justify-content-center">
+            {blogPosts &&
+              blogPosts.map((post) => (
+                <div className="col-lg-4 col-md-6" key={post.id}>
+                  <div className="single-blog-post">
+                    <div className="post-image">
+                      <Link href={post.detailsUrl} className="d-block">
+                        <Image
+                          width={500}
+                          height={500}
+                          src={post.image}
+                          alt={post.altText}
+                          className="img-fluid"
+                        />
+                      </Link>
+                    </div>
+                    <div className="post-content">
+                      <ul className="meta">
+                        <li>
+                          <i className="ri-calendar-2-line"></i> {post.date}
+                        </li>
+                        <li>
+                          <i className="ri-user-voice-line"></i>
+                          <Link href={post.authorLink}>{post.author}</Link>
+                        </li>
+                      </ul>
+                      <h3>
+                        <Link href={post.detailsUrl}>{post.title}</Link>
+                      </h3>
+
+                      <p>{post.shortDesc}</p>
+
+                      <Link href={post.detailsUrl} className="default-btn">
+                        {post.btnText} <i className="ri-arrow-right-line"></i>
+                      </Link>
+                    </div>
+                  </div>
+                </div>
+              ))}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default HomeBlog;

container/Home/HomePage.js

+import React from "react";
+import HomeBanner from "./HomeBanner";
+import TabContentSection from "@/components/reuseables/TabContentSection";
+import AboutContent from "./AboutContent";
+import People from "./People";
+import ClientService from "./ClientService";
+import AreasofExpertise from "./AreasofExpertise";
+import FunctionalAreas from "./FunctionalAreas";
+import PartnerSlider from "./PartnerSlider";
+import Industries from "./Industries";
+import HomeBlog from "./HomeBlog";
+import CallBackRequest from "./CallBackRequest";
+const knowlegeData = [
+  {
+    tabTitle: "Corpedia",
+    content:
+      "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy ant extra eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diammi maxil voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clitaiai to ankasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Adasta na lorem ipsum dolor sit amet, consetetur sadipscing elitr.",
+  },
+  {
+    tabTitle: "Tax Wire",
+    content:
+      "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their.",
+  },
+  {
+    tabTitle: "Budget Panorama",
+    content:
+      "Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature.",
+  },
+];
+const HomePage = () => {
+  return (
+    <>
+      <HomeBanner />
+      <AboutContent />
+      <People />
+      <ClientService />
+      <AreasofExpertise />
+      <FunctionalAreas />
+      <Industries />
+      <HomeBlog />
+      <div className="ptb-100 bg-fafafa">
+        <PartnerSlider />
+      </div>
+      <CallBackRequest />
+    </>
+  );
+};
+
+export default HomePage;

container/Home/Industries.js

+import Image from "next/image";
+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { Autoplay, Pagination } from "swiper/modules";
+const industriesData = [
+  {
+    title: "Education",
+    subtitle: "Industries",
+    description:
+      "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.",
+    imageSrc: "/images/home/industry.jpg",
+    imageAlt: "image",
+    imageWidth: 800,
+    imageHeight: 800,
+    shapeSrc: "/images/shape/shape8.png",
+    shapeAlt: "image",
+  },
+  {
+    title: "Education",
+    subtitle: "Industries",
+    description:
+      "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.",
+    imageSrc: "/images/home/industry.jpg",
+    imageAlt: "image",
+    imageWidth: 800,
+    imageHeight: 800,
+    shapeSrc: "/images/shape/shape8.png",
+    shapeAlt: "image",
+  },
+  // Add more objects here if you have more slides
+];
+const Industries = () => {
+  return (
+    <>
+      <div className="free-quote-area bg-color">
+        <Swiper
+          spaceBetween={30}
+          breakpoints={{
+            0: {
+              slidesPerView: 1,
+            },
+            576: {
+              slidesPerView: 1,
+            },
+            768: {
+              slidesPerView: 1,
+            },
+            992: {
+              slidesPerView: 1,
+            },
+          }}
+          autoplay={{
+            delay: 5000,
+            disableOnInteraction: true,
+            pauseOnMouseEnter: true,
+          }}
+          pagination={{ clickable: true }}
+          modules={[Autoplay]}
+          className="partner-slides"
+        >
+          {industriesData.map((industry, index) => (
+            <SwiperSlide className="single-partner-item" key={index}>
+              <div className="container">
+                <div className="row align-items-center">
+                  <div className="col-lg-5 col-md-12">
+                    <div className="free-quote-content">
+                      <span className="sub-title">{industry.subtitle}</span>
+                      <h2>{industry.title}</h2>
+                      <p>{industry.description}</p>
+                    </div>
+                  </div>
+
+                  <div className="col-lg-7 col-md-12">
+                    <Image
+                      src={industry.imageSrc}
+                      alt={industry.imageAlt}
+                      width={industry.imageWidth}
+                      height={industry.imageHeight}
+                      className="img-fluid rounded-5"
+                    />
+                  </div>
+                </div>
+              </div>
+
+              <div className="shape3">
+                <img src={industry.shapeSrc} alt={industry.shapeAlt} />
+              </div>
+            </SwiperSlide>
+          ))}
+        </Swiper>
+      </div>
+    </>
+  );
+};
+
+export default Industries;

container/Home/PartnerSlider.js

+import React from "react";
+import { Swiper, SwiperSlide } from "swiper/react";
+import { Autoplay } from "swiper/modules";
+import Image from "next/image";
+
+const partners = [
+  {
+    id: 1,
+    image: "/images/partner/partner1.png",
+    altText: "partner",
+    link: "#",
+  },
+  {
+    id: 2,
+    image: "/images/partner/partner2.png",
+    altText: "partner",
+    link: "#",
+  },
+  {
+    id: 3,
+    image: "/images/partner/partner1.png",
+    altText: "partner",
+    link: "#",
+  },
+  {
+    id: 4,
+    image: "/images/partner/partner2.png",
+    altText: "partner",
+    link: "#",
+  },
+  {
+    id: 5,
+    image: "/images/partner/partner1.png",
+    altText: "partner",
+    link: "#",
+  },
+];
+
+const PartnerSlider = () => {
+  return (
+    <>
+      <div className="partner-area">
+        <div className="container">
+          <Swiper
+            spaceBetween={30}
+            breakpoints={{
+              0: {
+                slidesPerView: 2,
+              },
+              576: {
+                slidesPerView: 3,
+              },
+              768: {
+                slidesPerView: 4,
+              },
+              992: {
+                slidesPerView: 5,
+              },
+            }}
+            autoplay={{
+              delay: 5000,
+              disableOnInteraction: true,
+              pauseOnMouseEnter: true,
+            }}
+            modules={[Autoplay]}
+            className="partner-slides"
+          >
+            {partners &&
+              partners.map((logo) => (
+                <SwiperSlide className="single-partner-item" key={logo.id}>
+                  <a href={logo.link} className="d-inline-block">
+                    <Image
+                      src={logo.image}
+                      alt={logo.altText}
+                      className="img-fluid"
+                      width={200}
+                      height={100}
+                    />
+                  </a>
+                </SwiperSlide>
+              ))}
+          </Swiper>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default PartnerSlider;

container/Home/People.js

+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+
+const heading = [
+  {
+    title: "People",
+    subtitle: "lorem",
+    description:
+      "Our people blend expertise with empathy, translating financial complexities into personalized solutions. Our team of experts come from diverse backgrounds & with vast experiences to deliver across various service & functional areas.",
+  },
+];
+
+const data = [
+  {
+    icon: "ri-checkbox-multiple-line",
+    title: "Analytical",
+  },
+  {
+    icon: "ri-pie-chart-2-line",
+    title: "Detail Oriented",
+  },
+  {
+    icon: "ri-medal-line",
+    title: "Strategic",
+  },
+];
+
+const People = () => {
+  return (
+    <>
+      <div className="call-back-request-area ptb-100">
+        <div className="container">
+          <div className="row align-items-center">
+            <div className="col-lg-6 col-md-12">
+              <div className="call-back-request-img">
+                <Image
+                  src="/images/home/knowledge.png"
+                  width={800}
+                  height={800}
+                  className="img-fluid"
+                  alt="image"
+                />
+              </div>
+            </div>
+
+            <div className="col-lg-6 col-md-12">
+              <div className="call-back-request-text">
+                <span className="sub-title">{heading[0].subtitle}</span>
+                <h2>{heading[0].title}</h2>
+                <p>{heading[0].description}</p>
+
+                <div className="row justify-content-center">
+                  {data.map((item, index) => (
+                    <div
+                      key={index}
+                      className="col-lg-4 col-md-4 col-6 col-sm-6"
+                    >
+                      <div className="single-call-back-box">
+                        <div className="icon">
+                          <i className={item.icon}></i>
+                        </div>
+                        <h3>{item.title}</h3>
+                      </div>
+                    </div>
+                  ))}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default People;

container/People/AboutPeople.js

+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+
+const aboutPeopleData = [
+  {
+    id: 1,
+    subtitle: "About Us",
+    title: "Welcome to Advith Consulting ",
+    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.",
+    ],
+    linkText: "Know More",
+    linkUrl: "/contact",
+    imageSrc: "/images/about/people.jpg",
+    imageAlt: "image",
+    imageWidth: 800,
+    imageHeight: 800,
+  },
+  // Add more objects here if you have more content sections
+];
+
+const AboutPeople = () => {
+  return (
+    <>
+      <div className="what-we-do-area ptb-100">
+        <div className="container">
+          {aboutPeopleData.map((item) => (
+            <div className="row align-items-center" key={item.id}>
+              <div className="col-lg-6 col-md-12">
+                <div className="what-we-do-text">
+                  <span className="sub-title">{item.subtitle}</span>
+                  <h2>{item.title}</h2>
+                  {item.paragraphs.map((paragraph, index) => (
+                    <p key={index}>{paragraph}</p>
+                  ))}
+                  <Link href={item.linkUrl} className="default-btn">
+                    {item.linkText} <i className="ri-arrow-right-line"></i>
+                  </Link>
+                </div>
+              </div>
+
+              <div className="col-lg-6 col-md-12">
+                <div className="what-we-do-img">
+                  <Image
+                    src={item.imageSrc}
+                    alt={item.imageAlt}
+                    width={item.imageWidth}
+                    height={item.imageHeight}
+                    className="img-fluid"
+                  />
+                </div>
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default AboutPeople;

container/People/AdvisoryBoard.js

+import React from "react";
+import Image from "next/image";
+
+const AdvisoryBoard = () => {
+  return (
+    <>
+      <div className="testimonial-area ptb-100 bglight">
+        <div className="container">
+          <div className="row align-items-center">
+            <div className="col-lg-6 col-md-12">
+              <div className="testimonial-content">
+                <span className="sub-title">Advisory Board Member</span>
+                <h2>CA Srinivasa Upadhya G</h2>
+
+                <div className="testimonial-desc">
+                  <p>
+                    CA Srinivasa Upadhya G is practicing CA since 1980, having
+                    over four decades of experience. He is an expert in the
+                    field of audit, taxation, litigation and advisory with
+                    clients spanning across industries. He is an authority in
+                    the hospitality sector due to a vast number of clients
+                    serviced in the sector over the years. He is currently the
+                    Chief Advisor to the firm.​
+                  </p>
+                </div>
+              </div>
+            </div>
+
+            <div className="col-lg-6 col-md-6">
+              <div className="testimonial-Image">
+                <Image
+                  src="/images/man.jpg"
+                  alt="image"
+                  className="img-fluid"
+                  width={500}
+                  height={500}
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default AdvisoryBoard;

container/People/PeoplePage.js

+import PageBanner from "@/components/reuseables/PageBanner";
+import React from "react";
+import AboutPeople from "./AboutPeople";
+import AdvisoryBoard from "./AdvisoryBoard";
+
+const People = () => {
+  return (
+    <>
+      <PageBanner
+        pageTitle="People"
+        homePageUrl="/"
+        homePageText="Home"
+        activePageText="PEOPLE"
+      />
+      <AboutPeople />
+      <AdvisoryBoard />
+    </>
+  );
+};
+
+export default People;

jsconfig.json

+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./*"]
+    }
+  }
+}

layout/Footer.js

+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+
+const Footer = () => {
+  const currentYear = new Date().getFullYear();
+  return (
+    <>
+      <footer className="footer-area">
+        <div className="container">
+          <div className="row justify-content-center">
+            <div className="col-lg-3 col-sm-6 col-md-6">
+              <div className="single-footer-widget">
+                <Link href="/" className="logo">
+                  <Image
+                    src="/images/logowhite.png"
+                    alt="image"
+                    width={200}
+                    height={100}
+                  />
+                </Link>
+                <p>
+                  Lorem ipsum dolor sit amet sadipscing elitr, sed diam no
+                  tempor invidunt ut.
+                </p>
+                <div className="footer-contact-info">
+                  <h5>Contact:</h5>
+                  <ul>
+                    <li>
+                      <span>Call:</span>{" "}
+                      <a href="tel:+91-6364133111">+91-6364133111</a>
+                    </li>
+                    <li>
+                      <span>Email:</span>{" "}
+                      <a href="mailto:info@advithconsulting.in">
+                        info@advithconsulting.in
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <div className="col-lg-3 col-sm-6 col-md-6">
+              <div className="single-footer-widget pl-4">
+                <h3>Quick Links</h3>
+                <ul className="links-list">
+                  <li>
+                    <Link href="/contact">Knowelge</Link>
+                  </li>
+                  <li>
+                    <Link href="/about-simple">People</Link>
+                  </li>
+                  <li>
+                    <Link href="/services">Client Servicing</Link>
+                  </li>
+                  <li>
+                    <Link href="/blog/details">Career</Link>
+                  </li>
+                  <li>
+                    <Link href="/contact">Conatct Us</Link>
+                  </li>
+                </ul>
+              </div>
+            </div>
+
+            <div className="col-lg-3 col-sm-6 col-md-6">
+              <div className="single-footer-widget pl-2">
+                <h3>Help Us</h3>
+                <ul className="links-list">
+                  <li>
+                    <Link href="/about-simple">Privacy Policy</Link>
+                  </li>
+                  <li>
+                    <Link href="/terms-conditions">
+                      Data Protection & Privacy Policy
+                    </Link>
+                  </li>
+                  <li>
+                    <Link href="/contact">Terms of Usage</Link>
+                  </li>
+                  <li>
+                    <Link href="/blog">Our Blog</Link>
+                  </li>
+                </ul>
+              </div>
+            </div>
+
+            <div className="col-lg-3 col-sm-6 col-md-6">
+              <div className="single-footer-widget">
+                <h3>Address</h3>
+                <p>
+                  No. 988, 1st Floor, 13th Cross Banashankari II stage Bengaluru
+                  – 560 070. Karnataka, India.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div className="copyright-area">
+          <div className="container">
+            <div className="row align-items-center">
+              <div className="col-lg-6 col-md-7 col-sm-6">
+                <p>&copy; {currentYear} Advith Consulting </p>
+              </div>
+
+              <div className="col-lg-6 col-md-5 col-sm-6">
+                <ul className="social-links">
+                  <li>
+                    <a href="https://www.facebook.com/" target="_blank">
+                      <i className="ri-facebook-fill"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://twitter.com/" target="_blank">
+                      <i className="ri-twitter-fill"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com/" target="_blank">
+                      <i className="ri-linkedin-fill"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.instagram.com/" target="_blank">
+                      <i className="ri-instagram-line"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </footer>
+    </>
+  );
+};
+
+export default Footer;

layout/GoTop.js

+import React, { useState, useEffect } from "react";
+
+const GoTop = () => {
+  const [showScroll, setShowScroll] = useState(false);
+
+  useEffect(() => {
+    window.addEventListener("scroll", checkScrollTop);
+    return function cleanup() {
+      window.removeEventListener("scroll", checkScrollTop);
+    };
+  });
+
+  const checkScrollTop = () => {
+    if (!showScroll && window.pageYOffset > 100) {
+      setShowScroll(true);
+    } else if (showScroll && window.pageYOffset <= 100) {
+      setShowScroll(false);
+    }
+  };
+
+  const scrollTop = () => {
+    window.scrollTo({ top: 0, behavior: "smooth" });
+  };
+
+  return (
+    <>
+      <div
+        className="go-top"
+        onClick={scrollTop}
+        style={{
+          display: showScroll ? "block" : "none",
+        }}
+      >
+        <i className="ri-arrow-up-s-line"></i>
+      </div>
+    </>
+  );
+};
+
+export default GoTop;

layout/Header.js

+import React, { useState, useEffect } from "react";
+import Link from "next/link";
+import { useRouter } from "next/router";
+import Image from "next/image";
+
+const Header = () => {
+  // Add active class
+  const [currentPath, setCurrentPath] = useState("");
+  const router = useRouter();
+  // console.log(router.asPath)
+
+  useEffect(() => {
+    setCurrentPath(router.asPath);
+  }, [router]);
+
+  const [menu, setMenu] = React.useState(true);
+
+  const toggleNavbar = () => {
+    setMenu(!menu);
+  };
+
+  React.useEffect(() => {
+    let elementId = document.getElementById("navbar");
+    document.addEventListener("scroll", () => {
+      if (window.scrollY > 170) {
+        elementId.classList.add("is-sticky");
+      } else {
+        elementId.classList.remove("is-sticky");
+      }
+    });
+  });
+
+  // Search Modal
+  const [isActiveSearchModal, setActiveSearchModal] = useState("false");
+  const handleToggleSearchModal = () => {
+    setActiveSearchModal(!isActiveSearchModal);
+  };
+
+  const classOne = menu
+    ? "collapse navbar-collapse"
+    : "collapse navbar-collapse show";
+  const classTwo = menu
+    ? "navbar-toggler navbar-toggler-right collapsed"
+    : "navbar-toggler navbar-toggler-right";
+
+  return (
+    <>
+      <div id="navbar" className="navbar-area">
+        <div className="zixon-nav">
+          <div className="container-fluid">
+            <nav className="navbar navbar-expand-md navbar-light">
+              <Link href="/" className="navbar-brand">
+                <Image
+                  width={144}
+                  height={33}
+                  src="/images/logo.png"
+                  alt="logo"
+                />
+              </Link>
+
+              <button
+                onClick={toggleNavbar}
+                className={classTwo}
+                type="button"
+                data-toggle="collapse"
+                data-target="#navbarSupportedContent"
+                aria-controls="navbarSupportedContent"
+                aria-expanded="false"
+                aria-label="Toggle navigation"
+              >
+                <span className="icon-bar top-bar"></span>
+                <span className="icon-bar middle-bar"></span>
+                <span className="icon-bar bottom-bar"></span>
+              </button>
+
+              <div className={classOne} id="navbarSupportedContent">
+                <ul className="navbar-nav">
+                  <li className="nav-item">
+                    <Link
+                      href="#"
+                      className={`nav-link ${
+                        currentPath == "/company-history/" ? "active" : ""
+                      }`}
+                    >
+                      Home
+                    </Link>
+                  </li>
+
+                  <li className="nav-item">
+                    <Link
+                      href="#"
+                      onClick={(e) => e.preventDefault()}
+                      className="dropdown-toggle nav-link"
+                    >
+                      Knowledge
+                    </Link>
+                    <ul className="dropdown-menu">
+                      <li className="nav-item">
+                        <Link
+                          href="/about-simple/"
+                          className={`nav-link ${
+                            currentPath == "/about-simple/" ? "active" : ""
+                          }`}
+                        >
+                          Corpedia
+                        </Link>
+                        <ul>
+                          <li className="nav-item">
+                            <Link
+                              href="/about-simple/"
+                              className={`nav-link ${
+                                currentPath == "/about-simple/" ? "active" : ""
+                              }`}
+                            >
+                              Tax Wire
+                            </Link>
+                          </li>
+                          <li className="nav-item">
+                            <Link
+                              href="/about-modern/"
+                              className={`nav-link ${
+                                currentPath == "/about-modern/" ? "active" : ""
+                              }`}
+                            >
+                              Budget Panorama
+                            </Link>
+                          </li>
+                        </ul>
+                      </li>
+                      <li className="nav-item">
+                        <Link
+                          href="/company-history/"
+                          className={`nav-link ${
+                            currentPath == "/company-history/" ? "active" : ""
+                          }`}
+                        >
+                          Blogs
+                        </Link>
+                      </li>
+                    </ul>
+                  </li>
+
+                  <li className="nav-item">
+                    <Link
+                      href="/company-history/"
+                      className={`nav-link ${
+                        currentPath == "/company-history/" ? "active" : ""
+                      }`}
+                    >
+                      People
+                    </Link>
+                  </li>
+
+                  <li className="nav-item">
+                    <Link
+                      href="/company-history/"
+                      className={`nav-link ${
+                        currentPath == "/company-history/" ? "active" : ""
+                      }`}
+                    >
+                      Client Servicing
+                    </Link>
+                  </li>
+
+                  <li className="nav-item">
+                    <Link
+                      href="/company-history/"
+                      className={`nav-link ${
+                        currentPath == "/company-history/" ? "active" : ""
+                      }`}
+                    >
+                      Careers
+                    </Link>
+                  </li>
+
+                  <li className="nav-item">
+                    <Link
+                      href="/company-history/"
+                      className={`nav-link ${
+                        currentPath == "/company-history/" ? "active" : ""
+                      }`}
+                    >
+                      Contact Us
+                    </Link>
+                  </li>
+                </ul>
+              </div>
+              {/* 
+              <div className="others-option">
+                <div className="search-icon" onClick={handleToggleSearchModal}>
+                  <i className="ri-search-line"></i>
+                </div>
+              </div> */}
+            </nav>
+          </div>
+        </div>
+      </div>
+
+      {/* Search Form */}
+      <div
+        className={`search-overlay ${
+          isActiveSearchModal ? "" : "search-overlay-active"
+        }`}
+      >
+        <div className="d-table">
+          <div className="d-table-cell">
+            <div className="search-overlay-layer"></div>
+            <div className="search-overlay-layer"></div>
+            <div className="search-overlay-layer"></div>
+
+            <div
+              className="search-overlay-close"
+              onClick={handleToggleSearchModal}
+            >
+              <span className="search-overlay-close-line"></span>
+              <span className="search-overlay-close-line"></span>
+            </div>
+
+            <div className="search-overlay-form">
+              <form>
+                <input
+                  type="text"
+                  className="input-search"
+                  placeholder="Enter your keywords..."
+                />
+                <button type="submit">
+                  <i className="ri-search-line"></i>
+                </button>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default Header;

layout/TopHeader.js

+import React from "react";
+
+const TopHeader = () => {
+  return (
+    <>
+      <div className="top-header-area">
+        <div className="container-fluid">
+          <div className="row align-items-center">
+            <div className="col-lg-4 col-md-4">
+              <div className="top-header-left-side">
+                <div className="d-flex align-items-center">
+                  <ul className="top-header-social-links d-flex align-items-center">
+                    <li>Follow us on:</li>
+                    <li>
+                      <a href="https://www.facebook.com/" target="_blank">
+                        <i className="ri-facebook-fill"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a href="https://twitter.com/" target="_blank">
+                        <i className="ri-twitter-fill"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a href="https://www.linkedin.com/" target="_blank">
+                        <i className="ri-linkedin-fill"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a href="https://www.instagram.com/" target="_blank">
+                        <i className="ri-instagram-line"></i>
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <div className="col-lg-8 col-md-8">
+              <ul className="top-header-contact-info">
+                <li>
+                  <i className="ri-map-pin-2-line"></i>
+                  <span>OFFICE:</span> 1847 Morris Street, Texas
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default TopHeader;

next.config.mjs

+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+};
+
+export default nextConfig;

package.json

+{
+  "name": "advith-consulting",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "axios": "^1.7.2",
+    "eslint-config-next": "^13.5.6",
+    "next": "^13.5.6",
+    "react": "^18.3.1",
+    "react-accessible-accordion": "^5.0.0",
+    "react-dom": "^18.3.1",
+    "react-tabs": "^6.0.2",
+    "swiper": "^11.1.9"
+  }
+}

pages/_app.js

+import "../styles/bootstrap.min.css";
+import "../styles/animate.min.css";
+import "../styles/remixicon.css";
+import "react-accessible-accordion/dist/fancy-example.css";
+import "../styles/styles.css";
+import "../styles/responsive.css";
+import "react-tabs/style/react-tabs.css";
+import "swiper/css";
+import "swiper/css/bundle";
+import Head from "next/head";
+import GoTop from "@/layout/GoTop";
+import Footer from "@/layout/Footer";
+import Header from "@/layout/Header";
+import TopHeader from "@/layout/TopHeader";
+
+export default function App({ Component, pageProps }) {
+  return (
+    <>
+      <Head>
+        <meta
+          name="viewport"
+          content="width=device-width, initial-scale=1, shrink-to-fit=no"
+        />
+        <title>Advith Consulting</title>
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="images/apple-touch-icon.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="images/favicon-32x32.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="images/favicon-16x16.png"
+        />
+      </Head>
+      <TopHeader />
+      <Header />
+      <Component {...pageProps} />
+      <GoTop />
+      <Footer />
+    </>
+  );
+}

pages/_document.js

+import { Html, Head, Main, NextScript } from "next/document";
+
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}

pages/api/hello.js

+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default function handler(req, res) {
+  res.status(200).json({ name: "John Doe" });
+}

pages/index.js

+import { Inter } from "next/font/google";
+import HomePage from "@/container/Home/HomePage";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export default function Home() {
+  return (
+    <>
+      <HomePage />
+    </>
+  );
+}

pages/people.js

+import React from "react";
+import PeoplePage from "../container/People/PeoplePage";
+const people = () => {
+  return (
+    <>
+      <PeoplePage />
+    </>
+  );
+};
+
+export default people;