Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 279657a2 by sneha-khedekar
Options

upload pages

1 parent 178651c9
Inline Side-by-side
Showing 28 changed files with 1993 additions and 83 deletions
container/Home/CallBackRequest.js → components/reuseables/CallBackRequest.js
import React from "react";
import { Col, Container, Row } from "react-bootstrap";
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">
<Container>
<Row className="align-items-center">
<Col lg={6} md={12}>
<div className="free-quote-image">
<img src="/images/home/free-quote.jpg" alt="image" />
</div>
</div>
</Col>
<div className="col-lg-6 col-md-12">
<Col lg={6} 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>
......@@ -24,22 +25,22 @@ const CallBackRequest = () => {
</p>
<form>
<div className="row">
<div className="col-lg-6 col-md-6">
<Row>
<Col lg={6} md={6}>
<div className="form-group">
<label>Your Name</label>
<input type="text" className="form-control" />
</div>
</div>
</Col>
<div className="col-lg-6 col-md-6">
<Col lg={6} md={6}>
<div className="form-group">
<label>Your Email</label>
<input type="text" className="form-control" />
</div>
</div>
</Col>
<div className="col-lg-6 col-md-6">
<Col lg={6} md={6}>
<div className="form-group">
<label>Services</label>
<select className="form-select">
......@@ -51,22 +52,22 @@ const CallBackRequest = () => {
<option>Tax Consultancy</option>
</select>
</div>
</div>
</Col>
<div className="col-lg-6 col-md-6">
<Col lg={6} 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>
</Col>
</Row>
</form>
</div>
</div>
</div>
</div>
</Col>
</Row>
</Container>
</div>
</>
);
......
container/Home/Industries.js → components/reuseables/Industries.js
......@@ -2,6 +2,7 @@ import Image from "next/image";
import React from "react";
import { Swiper, SwiperSlide } from "swiper/react";
import { Autoplay, Pagination } from "swiper/modules";
import { Col, Container, Row } from "react-bootstrap";
const industriesData = [
{
title: "Education",
......@@ -16,7 +17,43 @@ const industriesData = [
shapeAlt: "image",
},
{
title: "Education",
title: "Life Sciences",
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: "Technology",
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: "Hospitality",
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: "Real Estate",
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.",
......@@ -27,6 +64,7 @@ const industriesData = [
shapeSrc: "/images/shape/shape8.png",
shapeAlt: "image",
},
// Add more objects here if you have more slides
];
const Industries = () => {
......@@ -60,17 +98,17 @@ const Industries = () => {
>
{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">
<Container>
<Row className="align-items-center">
<Col lg={5} md={12}>
<div className="free-quote-content">
<span className="sub-title">{industry.subtitle}</span>
<h2>{industry.title}</h2>
<p>{industry.description}</p>
</div>
</div>
</Col>
<div className="col-lg-7 col-md-12">
<Col lg={7} md={12}>
<Image
src={industry.imageSrc}
alt={industry.imageAlt}
......@@ -78,9 +116,9 @@ const Industries = () => {
height={industry.imageHeight}
className="img-fluid rounded-5"
/>
</div>
</div>
</div>
</Col>
</Row>
</Container>
<div className="shape3">
<img src={industry.shapeSrc} alt={industry.shapeAlt} />
......
components/reuseables/TeamMember.js
import Image from "next/image";
import React from "react";
const team = [
......@@ -125,7 +126,7 @@ const TeamMember = () => {
<div className="team-area pt-100 pb-70 bg-fafafa">
<div className="container">
<div className="section-title">
<span className="sub-title">TEAM</span>
<span className="sub-title">Team Members</span>
<h2>Meet Members of Our Exclusive Team for Your Business</h2>
</div>
......@@ -134,7 +135,7 @@ const TeamMember = () => {
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} />
<Image src={member.image} alt={member.altText} />
<div className="content">
<h3>{member.name}</h3>
<span>{member.designation}</span>
......
container/Blog/BlogSidebar.js 0 → 100644
import React from "react";
import Link from "next/link";
const BlogSidebar = () => {
return (
<>
<aside className="widget-area">
<div className="widget widget_search">
<form className="search-form">
<label>
<input
type="search"
className="search-field"
placeholder="Search..."
/>
</label>
<button type="submit">
<i className="ri-search-2-line"></i>
</button>
</form>
</div>
<div className="widget widget_enry_posts_thumb">
<h3 className="widget-title">Popular Posts</h3>
<article className="item">
<Link href="/blog/details" className="thumb">
<span
className="fullimage cover"
role="img"
style={{
backgroundImage: `url(/images/blog/blog1.jpg)`,
}}
></span>
</Link>
<div className="info">
<h4 className="title usmall">
<Link href="/blog/details">
Being The Best-Selling Smart Phone This Year
</Link>
</h4>
<span className="date">
<i className="ri-calendar-2-fill"></i> Jan 15, 2020
</span>
</div>
</article>
<article className="item">
<Link href="/blog/details" className="thumb">
<span
className="fullimage cover"
role="img"
style={{
backgroundImage: `url(/images/blog/blog2.jpg)`,
}}
></span>
</Link>
<div className="info">
<h4 className="title usmall">
<Link href="/blog/details">
Love Songs Helped Me Through Heartbreak
</Link>
</h4>
<span className="date">
<i className="ri-calendar-2-fill"></i> Jan 14, 2020
</span>
</div>
</article>
<article className="item">
<Link href="/blog/details" className="thumb">
<span
className="fullimage cover"
role="img"
style={{
backgroundImage: `url(/images/blog/blog3.jpg)`,
}}
></span>
</Link>
<div className="info">
<h4 className="title usmall">
<Link href="/blog/details">
Two Fashion Designers Busy With 2020 Winter Fashion
</Link>
</h4>
<span className="date">
<i className="ri-calendar-2-fill"></i> Jan 13, 2020
</span>
</div>
</article>
<article className="item">
<Link href="/blog/details" className="thumb">
<span
className="fullimage cover"
role="img"
style={{
backgroundImage: `url(/images/blog/blog4.jpg)`,
}}
></span>
</Link>
<div className="info">
<h4 className="title usmall">
<Link href="/blog/details">
Working in the Office is a Tradition For Women
</Link>
</h4>
<span className="date">
<i className="ri-calendar-2-fill"></i> Jan 12, 2020
</span>
</div>
</article>
</div>
<div className="widget widget_categories">
<h3 className="widget-title">Categories</h3>
<ul>
<li>
<Link href="/blog">
Business <span className="post-count">(2)</span>
</Link>
</li>
<li>
<Link href="/blog">
Privacy <span className="post-count">(5)</span>
</Link>
</li>
<li>
<Link href="/blog">
Technology <span className="post-count">(6)</span>
</Link>
</li>
<li>
<Link href="/blog">
Tips <span className="post-count">(2)</span>
</Link>
</li>
<li>
<Link href="/blog">
Uncategorized <span className="post-count">(1)</span>
</Link>
</li>
<li>
<Link href="/blog">
Log in <span className="post-count">(1)</span>
</Link>
</li>
</ul>
</div>
<div className="widget widget_newsletter">
<h4>Subscribe To Our Newsletter</h4>
<p>Subscribe to our newsletter to get the new updates!</p>
<form className="newsletter-form">
<input
type="email"
className="input-newsletter"
placeholder="Enter your email"
name="EMAIL"
required
/>
<button type="submit">Subscribe</button>
</form>
</div>
<div className="widget widget_tag_cloud">
<h3 className="widget-title">Tags</h3>
<div className="tagcloud">
<Link href="/blog">
Advertisement <span className="tag-link-count"> (3)</span>
</Link>
<Link href="/blog">
Business <span className="tag-link-count"> (3)</span>
</Link>
<Link href="/blog">
Life <span className="tag-link-count"> (5)</span>
</Link>
<Link href="/blog">
Lifestyle <span className="tag-link-count"> (2)</span>
</Link>
<Link href="/blog">
Fashion <span className="tag-link-count"> (2)</span>
</Link>
<Link href="/blog">
Inspiration <span className="tag-link-count"> (1)</span>
</Link>
<Link href="/blog">
Blog <span className="tag-link-count"> (1)</span>
</Link>
<Link href="/blog">
Ads <span className="tag-link-count"> (3)</span>
</Link>
</div>
</div>
</aside>
</>
);
};
export default BlogSidebar;
container/Blog/details/index.js 0 → 100644
import React from "react";
import Link from "next/link";
import BlogSidebar from "@/components/Blog/BlogSidebar";
const BlogDetailsContent = () => {
return (
<>
<div className="blog-details-area ptb-100">
<div className="container">
<div className="row">
<div className="col-lg-8 col-md-12">
<div className="blog-details-desc">
<div className="article-image">
<img src="/images/blog/blog1.jpg" alt="image" />
</div>
<div className="article-content">
<div className="entry-meta">
<ul>
<li>
<i className="ri-shield-user-line"></i>
<Link href="#">Chris Orwig</Link>
</li>
<li>
<i className="ri-calendar-2-line"></i>
15 Jan, 2024
</li>
<li>
<i className="ri-message-2-line"></i>
<Link href="#">04 Comments</Link>
</li>
</ul>
</div>
<h3>The Secret of Your Business Success Find Quickly</h3>
<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{" "}
<strong>adipisicing</strong> 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 <a href="#">commodo</a> consequat. Duis
aute irure dolor in reprehenderit in sed quia non numquam
eius modi tempora incidunt ut labore et dolore magnam
aliquam quaerat voluptatem.
</p>
<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>
<cite>Tom Cruise</cite>
</blockquote>
<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>
<ul className="wp-block-gallery columns-3">
<li className="blocks-gallery-item">
<figure>
<img src="/images/blog/blog2.jpg" alt="image" />
</figure>
</li>
<li className="blocks-gallery-item">
<figure>
<img src="/images/blog/blog3.jpg" alt="image" />
</figure>
</li>
<li className="blocks-gallery-item">
<figure>
<img src="/images/blog/blog4.jpg" alt="image" />
</figure>
</li>
</ul>
<h3>Four major elements that we offer:</h3>
<ul className="features-list">
<li>Scientific skills for getting a better result</li>
<li>Communication skills to getting in touch</li>
<li>A career overview opportunity available</li>
<li>A good work environment for work</li>
</ul>
<h3>Setting the mood with incense</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing 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 sed quia non
numquam eius modi tempora incidunt ut labore et dolore
magnam aliquam quaerat voluptatem.
</p>
<h3>The rise of marketing and why you need it</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud.
</p>
</div>
<div className="article-footer">
<div className="article-tags">
<Link href="/blog">Business</Link>
<Link href="/blog">Startup</Link>
<Link href="/blog">Agency</Link>
</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">
<img
src="/images/user/user1.jpg"
className="avatar"
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>
<ol className="children">
<li className="comment">
<div className="comment-body">
<footer className="comment-meta">
<div className="comment-author vcard">
<img
src="/images/user/user2.jpg"
className="avatar"
alt="image"
/>
<b className="fn">Steven Smith</b>
</div>
<div className="comment-metadata">
<span>January 02, 2024 at 21: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>
<ol className="children">
<li className="comment">
<div className="comment-body">
<footer className="comment-meta">
<div className="comment-author vcard">
<img
src="/images/user/user3.jpg"
className="avatar"
alt="image"
/>
<b className="fn">Sarah Taylor</b>
</div>
<div className="comment-metadata">
<span>January 03, 2024 at 05: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>
</li>
</ol>
</li>
<li className="comment">
<div className="comment-body">
<footer className="comment-meta">
<div className="comment-author vcard">
<img
src="/images/user/user4.jpg"
className="avatar"
alt="image"
/>
<b className="fn">John Doe</b>
</div>
<div className="comment-metadata">
<span>January 04, 2024 at 05: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>
<ol className="children">
<li className="comment">
<div className="comment-body">
<footer className="comment-meta">
<div className="comment-author vcard">
<img
src="/images/user/user1.jpg"
className="avatar"
alt="image"
/>
<b className="fn">James Anderson</b>
</div>
<div className="comment-metadata">
<span>January 05, 2024 at 04: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>
</li>
</ol>
<div className="comment-respond">
<h3 className="comment-reply-title">Leave A Reply</h3>
<form className="comment-form">
<p className="comment-notes">
<span id="email-notes">
Your email address will not be published.
</span>
Required fields are marked{" "}
<span className="required">*</span>
</p>
<p className="comment-form-author">
<label>
Name <span className="required">*</span>
</label>
<input
type="text"
id="author"
placeholder="Your Name*"
name="author"
required
/>
</p>
<p className="comment-form-email">
<label>
Email <span className="required">*</span>
</label>
<input
type="email"
id="email"
placeholder="Your Email*"
name="email"
required
/>
</p>
<p className="comment-form-url">
<label>Website</label>
<input
type="url"
id="url"
placeholder="Website"
name="url"
/>
</p>
<p className="comment-form-comment">
<label>Comment</label>
<textarea
name="comment"
id="comment"
cols="45"
placeholder="Your Comment..."
rows="5"
maxLength="65525"
required
></textarea>
</p>
<p className="comment-form-cookies-consent">
<input
type="checkbox"
value="yes"
name="comment-cookies-consent"
id="comment-cookies-consent"
/>
<label htmlFor="comment-cookies-consent">
Save my name, email, and website in this browser for
the next time I comment.
</label>
</p>
<p className="form-submit">
<input
type="submit"
name="submit"
id="submit"
className="submit"
value="Post A Comment"
/>
</p>
</form>
</div>
</div>
</div>
</div>
<div className="col-lg-4 col-md-12">
<BlogSidebar />
</div>
</div>
</div>
</div>
</>
);
};
export default BlogDetailsContent;
container/Blog/index.js 0 → 100644
import React from "react";
import Link from "next/link";
import BlogSidebar from "@/components/Blog/BlogSidebar";
const posts = [
{
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",
},
{
id: 4,
image: "/images/blog/blog4.jpg",
altText: "Blog Image",
date: "Jan 16, 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",
},
{
id: 5,
image: "/images/blog/blog5.jpg",
altText: "Blog Image",
date: "Jan 14, 2024",
author: "Sarah Taylor",
authorLink: "/blog/author",
title: "Magic Monday: Looking Forward With Hope",
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: 6,
image: "/images/blog/blog6.jpg",
altText: "Blog Image",
date: "Jan 12, 2024",
author: "James Andy",
authorLink: "/blog/author",
title: "Outsourcing IT Services: The Hows and Why",
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 Blogs = () => {
return (
<>
<div className="blog-area ptb-100">
<div className="container">
<div className="row">
<div className="col-lg-8 col-md-12">
<div className="row justify-content-center">
{posts &&
posts.map((post) => (
<div className="col-lg-6 col-md-6" key={post.id}>
<div className="single-blog-post">
<div className="post-image">
<Link href={post.detailsUrl} className="d-block">
<img src={post.image} alt={post.altText} />
</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 className="col-lg-4 col-md-12">
<BlogSidebar />
</div>
</div>
</div>
</div>
</>
);
};
export default Blogs;
container/ClientServicing/ TechnicalExpertise.js 0 → 100644
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: "Assurance",
content:
"Assurance is not a one-time annual activity but rather a continuous system of monitoring that builds trust among the stakeholders. At Advith Consulting, Assurance is a key plug in to all our services to ensure that the value we are adding to our clients is not merely advisory in nature but rather a form of assurance.",
buttonlink: "#",
},
{
title: "Direct Tax ",
content:
"Our Team of experts in the Direct Tax Team can help you navigate any maze in matters pertaining to Income Tax Act, 1961 and International Tax. Their expertise comes not just from multiple years of experience in this field but also from a passion for this subject that ensures that they are hands on in all matters. ",
buttonlink: "#",
},
{
title: "Indirect Tax",
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.",
buttonlink: "#",
},
{
title: "Corporate Law ",
content:
"For all matters right from incorporation of an entity, conducting & documenting meetings, managing FEMA compliances to analysis of relvant laws for Companies and LLP, our Corporate Law Team is a significant plug in to all matters where entities in the form of companies or LLP's are involved. ",
buttonlink: "#",
},
{
title: "Corporate Legal ",
content:
"Right from ensuring that routine maters as per Companies Act, 2013 are complied with or drafting complex agreements, our team of Company Secretaries and Lawyers leave no stone unturned in ensuring that all statutory and legal matters are accurately complied with.",
buttonlink: "#",
},
];
const TechnicalExpertise = () => {
return (
<>
<div className="what-we-do-area pt-50 pb-50">
<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>Areas of Technical Expertise</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>
</TabPanel>
))}
</Tabs>
</div>
</div>
</div>
</div>
</div>
</>
);
};
export default TechnicalExpertise;
container/ClientServicing/ClientServicingPage.js 0 → 100644
import PageBanner from "@/components/reuseables/PageBanner";
import React from "react";
import OurService from "./OurService";
import TechnicalExpertise from "./ TechnicalExpertise";
import FunctionalAreas from "../../components/reuseables/FunctionalAreas";
import Industries from "@/components/reuseables/Industries";
import CallBackRequest from "@/components/reuseables/CallBackRequest";
const ClientServicingPage = () => {
return (
<>
<PageBanner
pageTitle="Client Servicing"
homePageUrl="/"
homePageText="Home"
activePageText="Client Servicing"
/>
<OurService />
<TechnicalExpertise />
<FunctionalAreas />
<Industries />
<CallBackRequest />
</>
);
};
export default ClientServicingPage;
container/ClientServicing/OurService.js 0 → 100644
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: "Virtual FC & CFO Services",
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: "Transaction Advisory",
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: "Risk Advisory",
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: "Business Advisory",
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",
},
{
id: 6,
image: "/images/services/services6.jpg",
altText: "Service Image",
title: "Marketing Consultancy",
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: 7,
image: "/images/services/services7.jpg",
altText: "Service Image",
title: "Startup Consultancy",
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 OurService = () => {
return (
<>
<div className="services-area pt-100 pb-70">
<div className="container">
<div className="section-title">
<span className="sub-title">SERVICES</span>
<h2>Our Dedicated Services</h2>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore.
</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 OurService;
container/Contact/ContactForm.js 0 → 100644
import React, { useState } from "react";
import Link from "next/link";
import GoogleMap from "./GoogleMap";
import { Col, Container, Row } from "react-bootstrap";
const ContactForm = () => {
return (
<>
<div className="contact-area ptb-100">
<Container>
<Row>
<Col lg={6} sm={12}>
<GoogleMap />
</Col>
<Col lg={6} sm={12}>
<div className="contact-form">
<span className="sub-title">SEND MESSAGE</span>
<h2>Lets Provide Us a Message & Contact Us</h2>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy liquyam erat, sed diam voluptua. At vero eos et
accusam et justo duo dolo lorem ipsum dolor sit amet,
consetetur sadipscing elitr.
</p>
<form>
<Row>
<Col lg={6} md={6} sm={6}>
<div className="form-group">
<input
type="text"
name="name"
placeholder="Name"
className="form-control"
value=""
required
/>
</div>
</Col>
<Col lg={6} md={6} sm={6}>
<div className="form-group">
<input
type="text"
name="email"
placeholder="Email"
className="form-control"
required
/>
</div>
</Col>
<Col lg={6} md={6} sm={6}>
<div className="form-group">
<input
type="text"
name="number"
placeholder="Phone number"
className="form-control"
required
/>
</div>
</Col>
<Col lg={6} md={6} sm={6}>
<div className="form-group">
<input
type="text"
name="subject"
placeholder="Subject"
className="form-control"
required
/>
</div>
</Col>
<div className="col-lg-12 col-md-12 col-sm-12">
<div className="form-group">
<textarea
name="text"
cols="30"
rows="6"
placeholder="Write your message..."
className="form-control"
required
/>
</div>
</div>
<div className="col-lg-12 col-md-12 col-sm-12">
<div className="form-check">
<input
type="checkbox"
className="form-check-input"
id="checkme"
/>
<label className="form-check-label" htmlFor="checkme">
Accept
<Link href="/terms-conditions">
Terms of Services
</Link>
and <Link href="/privacy-policy">Privacy Policy</Link>
</label>
</div>
</div>
<div className="col-lg-12 col-md-12 col-sm-12">
<button type="submit" className="default-btn">
Send Message <i className="ri-arrow-right-line"></i>
</button>
</div>
</Row>
</form>
</div>
</Col>
</Row>
</Container>
</div>
</>
);
};
export default ContactForm;
container/Contact/ContactInfo.js 0 → 100644
import Image from "next/image";
import React from "react";
const ContactInfo = () => {
return (
<>
<div className="pt-100">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6 col-md-12">
<div className="contact-content">
<span className="sub-title">CONTACT US</span>
<h2>Contact Us With Your Details & Ready To Start</h2>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod liquyam erat, sed diam voluptua. At vero
eos et accusam et justo duo dolores et ea lorem ipsum dolor
sit amet, consetetur sadipscing elitr.
</p>
<div className="row justify-content-center">
<div className="col-lg-4 col-md-4 col-sm-6">
<div className="single-contact-info-box">
<div className="icon">
<i className="ri-home-7-line"></i>
</div>
<h3>Main Office</h3>
<p>325 Rockford Lane Durham, New York, USA</p>
</div>
</div>
<div className="col-lg-4 col-md-4 col-sm-6">
<div className="single-contact-info-box">
<div className="icon">
<i className="ri-phone-line"></i>
</div>
<h3>Our Phone</h3>
<p>
<span>Call:</span>
<a href="mailto:+18144822296">+(1) 814 482 2296</a>
</p>
<p>
<span>Call:</span>
<a href="mailto:+54789632157">+(5) 478 963 2157</a>
</p>
</div>
</div>
<div className="col-lg-4 col-md-4 col-sm-6">
<div className="single-contact-info-box">
<div className="icon">
<i className="ri-mail-star-line"></i>
</div>
<h3>Email Address</h3>
<p>
<span>Email:</span>
<a href="mailto:hello@zixon.com">hello@zixon.com</a>
</p>
<p>
<span>Email:</span>
<a href="mailto:info@zixon.com">info@zixon.com</a>
</p>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6 col-md-12">
<div className="contact-image">
<Image
layout="fill"
src="/images/contact.png"
alt="image"
className="img-fluid image"
/>
</div>
</div>
</div>
</div>
</div>
</>
);
};
export default ContactInfo;
container/Contact/ContactPage.js 0 → 100644
import PageBanner from "@/components/reuseables/PageBanner";
import React from "react";
import ContactInfo from "./ContactInfo";
import ContactForm from "./ContactForm";
const ContactPage = () => {
return (
<>
<PageBanner
pageTitle="Contact Us"
homePageUrl="/"
homePageText="Home"
activePageText="CONTACT US"
/>
<ContactInfo />
<ContactForm />
</>
);
};
export default ContactPage;
container/Contact/GoogleMap.js 0 → 100644
import React from "react";
const GoogleMap = () => {
return (
<>
<div className="maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d46660.669043361966!2d-76.17429939609431!3d43.03529129888566!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89d9f3b8019f2991%3A0x58d5929e21a62e5!2sDinosaur%20Bar-B-Que!5e0!3m2!1sen!2sbd!4v1593527523138!5m2!1sen!2sbd"></iframe>
</div>
</>
);
};
export default GoogleMap;
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 FunctionalAreas from "../../components/reuseables/FunctionalAreas";
import PartnerSlider from "./PartnerSlider";
import Industries from "./Industries";
import Industries from "../../components/reuseables/Industries";
import HomeBlog from "./HomeBlog";
import CallBackRequest from "./CallBackRequest";
import CallBackRequest from "../../components/reuseables/CallBackRequest";
const knowlegeData = [
{
tabTitle: "Corpedia",
......
container/People/AdvisoryBoard.js
import React from "react";
import Image from "next/image";
const advisoryBoardData = [
{
image: "/images/man.jpg",
name: "CA Srinivasa Upadhya G",
title: "Advisory Board Member",
description: `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.​`,
},
{
image: "/images/man.jpg",
name: "CA Sundaresha A.S",
title: "Advisory Board Member",
description: `CA Sundaresha A.S qualified as a CA in 1978. He is a founder partner of CA firm's M/s Sundaresh & Sridhar (1980), M/s Sundaresha & Associates (1997) and M/s ASRMP & Co (2018). He is a pioneer & leading in representation of Income Tax Litigation matters, particularly in the field of Search & Seizure cases, Corporate cases, Transfer Pricing cases, Individual Entrepreneurs, Small Business houses, Firms & HUF.​​`,
},
];
const AdvisoryBoard = () => {
return (
<>
<div className="testimonial-area ptb-100 bglight">
<div className="testimonial-area ptb-100">
<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>
{advisoryBoardData.map((member, index) => (
<div className="row align-items-center" key={index}>
{index % 2 === 0 ? (
<>
<div className="col-lg-6 col-md-6">
<div className="testimonial-Image">
<Image
src={member.image}
alt={member.name}
className="img-fluid"
width={500}
height={500}
/>
</div>
</div>
<div className="col-lg-6 col-md-12">
<div className="testimonial-content">
<span className="sub-title">{member.title}</span>
<h2>{member.name}</h2>
<p>{member.description}</p>
</div>
</div>
</>
) : (
<>
<div className="col-lg-6 col-md-12">
<div className="testimonial-content">
<span className="sub-title">{member.title}</span>
<h2>{member.name}</h2>
<p>{member.description}</p>
</div>
</div>
<div className="col-lg-6 col-md-6">
<div className="testimonial-Image">
<Image
src={member.image}
alt={member.name}
className="img-fluid"
width={500}
height={500}
/>
</div>
</div>
</>
)}
</div>
</div>
))}
</div>
</div>
</>
......
container/People/PeoplePage.js
......@@ -2,6 +2,8 @@ import PageBanner from "@/components/reuseables/PageBanner";
import React from "react";
import AboutPeople from "./AboutPeople";
import AdvisoryBoard from "./AdvisoryBoard";
import TeamLead from "./TeamLead";
import TeamMember from "./TeamMembers";
const People = () => {
return (
......@@ -14,6 +16,8 @@ const People = () => {
/>
<AboutPeople />
<AdvisoryBoard />
<TeamLead />
<TeamMember />
</>
);
};
......
container/People/TeamLead.js 0 → 100644
import React from "react";
const team = [
{
id: 1,
image: "/images/team/team1.jpg",
altText: "Krishna Upadhya S ",
name: "Krishna Upadhya S ",
designation: "Lead, Direct Tax Services",
socialLinks: [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
},
],
},
{
id: 2,
image: "/images/team/team2.jpg",
altText: "Pavan Kumar Daga",
name: "Pavan Kumar Daga",
designation: "Lead, Outsourcing Services",
socialLinks: [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
},
],
},
{
id: 3,
image: "/images/team/team3.jpg",
altText: "R. K. Suchindra",
name: "R. K. Suchindra",
designation: "Lead, Indirect Tax Services",
socialLinks: [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
},
],
},
{
id: 4,
image: "/images/team/team4.jpg",
altText: "Dhushyantha Kumar K",
name: "Dhushyantha Kumar K",
designation: "Lead, Corporate Law Services",
socialLinks: [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
},
],
},
];
const TeamLead = () => {
return (
<>
<div className="team-area pt-100 pb-70 bg-fafafa">
<div className="container">
<div className="section-title">
<span className="sub-title">Team Leads</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 TeamLead;
container/People/TeamMembers.js 0 → 100644
import React from "react";
import { Swiper, SwiperSlide } from "swiper/react";
import { Autoplay } from "swiper/modules";
import Image from "next/image";
const team = [
{
id: 1,
image: "/images/team/team1.jpg",
altText: "Krishna Upadhya S ",
name: "Krishna Upadhya S ",
designation: "Lead, Direct Tax Services",
socialLinks: [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
},
],
},
{
id: 2,
image: "/images/team/team2.jpg",
altText: "Pavan Kumar Daga",
name: "Pavan Kumar Daga",
designation: "Lead, Outsourcing Services",
socialLinks: [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
},
],
},
{
id: 3,
image: "/images/team/team3.jpg",
altText: "R. K. Suchindra",
name: "R. K. Suchindra",
designation: "Lead, Indirect Tax Services",
socialLinks: [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
},
],
},
{
id: 4,
image: "/images/team/team4.jpg",
altText: "Dhushyantha Kumar K",
name: "Dhushyantha Kumar K",
designation: "Lead, Corporate Law Services",
socialLinks: [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
},
],
},
{
id: 4,
image: "/images/team/team4.jpg",
altText: "Dhushyantha Kumar K",
name: "Dhushyantha Kumar K",
designation: "Lead, Corporate Law Services",
socialLinks: [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
},
],
},
];
const TeamMember = () => {
return (
<>
<div className="team-area pt-50 pb-70 bg-fafafa">
<div className="container">
<div className="section-title">
<span className="sub-title">Team Member</span>
<h2>Meet Members of Our Exclusive Team for Your Business</h2>
</div>
<div className="row justify-content-center">
<Swiper
spaceBetween={30}
breakpoints={{
0: {
slidesPerView: 2,
},
576: {
slidesPerView: 3,
},
768: {
slidesPerView: 4,
},
992: {
slidesPerView: 4,
},
}}
autoplay={{
delay: 3000,
disableOnInteraction: true,
pauseOnMouseEnter: true,
}}
modules={[Autoplay]}
className="partner-slides"
>
{team &&
team.map((member) => (
<SwiperSlide key={member.id}>
<div className="single-team-member">
<Image
layout="fill"
src={member.image}
alt={member.altText}
className="img-fluid image"
/>
<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>
</SwiperSlide>
))}
</Swiper>
</div>
</div>
</div>
</>
);
};
export default TeamMember;
layout/Header.js
......@@ -77,7 +77,7 @@ const Header = () => {
<ul className="navbar-nav">
<li className="nav-item">
<Link
href="#"
href="/"
className={`nav-link ${
currentPath == "/company-history/" ? "active" : ""
}`}
......@@ -97,9 +97,9 @@ const Header = () => {
<ul className="dropdown-menu">
<li className="nav-item">
<Link
href="/about-simple/"
href="#"
className={`nav-link ${
currentPath == "/about-simple/" ? "active" : ""
currentPath == "#" ? "active" : ""
}`}
>
Corpedia
......@@ -107,9 +107,9 @@ const Header = () => {
<ul>
<li className="nav-item">
<Link
href="/about-simple/"
href="#"
className={`nav-link ${
currentPath == "/about-simple/" ? "active" : ""
currentPath == "#" ? "active" : ""
}`}
>
Tax Wire
......@@ -117,9 +117,9 @@ const Header = () => {
</li>
<li className="nav-item">
<Link
href="/about-modern/"
href="#"
className={`nav-link ${
currentPath == "/about-modern/" ? "active" : ""
currentPath == "#" ? "active" : ""
}`}
>
Budget Panorama
......@@ -129,9 +129,9 @@ const Header = () => {
</li>
<li className="nav-item">
<Link
href="/company-history/"
href="#"
className={`nav-link ${
currentPath == "/company-history/" ? "active" : ""
currentPath == "#" ? "active" : ""
}`}
>
Blogs
......@@ -142,9 +142,9 @@ const Header = () => {
<li className="nav-item">
<Link
href="/company-history/"
href="/people"
className={`nav-link ${
currentPath == "/company-history/" ? "active" : ""
currentPath == "/people/" ? "active" : ""
}`}
>
People
......@@ -153,9 +153,9 @@ const Header = () => {
<li className="nav-item">
<Link
href="/company-history/"
href="/client-servicing/"
className={`nav-link ${
currentPath == "/company-history/" ? "active" : ""
currentPath == "/client-servicing/" ? "active" : ""
}`}
>
Client Servicing
......@@ -164,9 +164,9 @@ const Header = () => {
<li className="nav-item">
<Link
href="/company-history/"
href="#"
className={`nav-link ${
currentPath == "/company-history/" ? "active" : ""
currentPath == "#" ? "active" : ""
}`}
>
Careers
......@@ -175,9 +175,9 @@ const Header = () => {
<li className="nav-item">
<Link
href="/company-history/"
href="/contact"
className={`nav-link ${
currentPath == "/company-history/" ? "active" : ""
currentPath == "/contact/" ? "active" : ""
}`}
>
Contact Us
......
package-lock.json
......@@ -9,15 +9,30 @@
"version": "0.1.0",
"dependencies": {
"axios": "^1.7.2",
"bootstrap": "^5.3.3",
"eslint-config-next": "^13.5.6",
"next": "^13.5.6",
"react": "^18.3.1",
"react-accessible-accordion": "^5.0.0",
"react-bootstrap": "^2.10.4",
"react-dom": "^18.3.1",
"react-tabs": "^6.0.2",
"sweetalert2": "^6.6.1",
"sweetalert2-react-content": "^5.0.7",
"swiper": "^11.1.9"
}
},
"node_modules/@babel/runtime": {
"version": "7.25.0",
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.0.tgz",
"integrity": "sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw==",
"dependencies": {
"regenerator-runtime": "^0.14.0"
},
"engines": {
"node": ">=6.9.0"
}
},
"node_modules/@eslint-community/eslint-utils": {
"version": "4.4.0",
"resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
......@@ -289,6 +304,68 @@
"node": ">= 8"
}
},
"node_modules/@popperjs/core": {
"version": "2.11.8",
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/popperjs"
}
},
"node_modules/@react-aria/ssr": {
"version": "3.9.5",
"resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.5.tgz",
"integrity": "sha512-xEwGKoysu+oXulibNUSkXf8itW0npHHTa6c4AyYeZIJyRoegeteYuFpZUBPtIDE8RfHdNsSmE1ssOkxRnwbkuQ==",
"dependencies": {
"@swc/helpers": "^0.5.0"
},
"engines": {
"node": ">= 12"
},
"peerDependencies": {
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
}
},
"node_modules/@restart/hooks": {
"version": "0.4.16",
"resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.16.tgz",
"integrity": "sha512-f7aCv7c+nU/3mF7NWLtVVr0Ra80RqsO89hO72r+Y/nvQr5+q0UFGkocElTH6MJApvReVh6JHUFYn2cw1WdHF3w==",
"dependencies": {
"dequal": "^2.0.3"
},
"peerDependencies": {
"react": ">=16.8.0"
}
},
"node_modules/@restart/ui": {
"version": "1.8.0",
"resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.8.0.tgz",
"integrity": "sha512-xJEOXUOTmT4FngTmhdjKFRrVVF0hwCLNPdatLCHkyS4dkiSK12cEu1Y0fjxktjJrdst9jJIc5J6ihMJCoWEN/g==",
"dependencies": {
"@babel/runtime": "^7.21.0",
"@popperjs/core": "^2.11.6",
"@react-aria/ssr": "^3.5.0",
"@restart/hooks": "^0.4.9",
"@types/warning": "^3.0.0",
"dequal": "^2.0.3",
"dom-helpers": "^5.2.0",
"uncontrollable": "^8.0.1",
"warning": "^4.0.3"
},
"peerDependencies": {
"react": ">=16.14.0",
"react-dom": ">=16.14.0"
}
},
"node_modules/@restart/ui/node_modules/uncontrollable": {
"version": "8.0.4",
"resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-8.0.4.tgz",
"integrity": "sha512-ulRWYWHvscPFc0QQXvyJjY6LIXU56f0h8pQFvhxiKk5V1fcI8gp9Ht9leVAhrVjzqMw0BgjspBINx9r6oyJUvQ==",
"peerDependencies": {
"react": ">=16.14.0"
}
},
"node_modules/@rushstack/eslint-patch": {
"version": "1.10.3",
"resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.3.tgz",
......@@ -307,6 +384,33 @@
"resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
"integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ=="
},
"node_modules/@types/prop-types": {
"version": "15.7.12",
"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz",
"integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q=="
},
"node_modules/@types/react": {
"version": "18.3.3",
"resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.3.tgz",
"integrity": "sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==",
"dependencies": {
"@types/prop-types": "*",
"csstype": "^3.0.2"
}
},
"node_modules/@types/react-transition-group": {
"version": "4.4.11",
"resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.11.tgz",
"integrity": "sha512-RM05tAniPZ5DZPzzNFP+DmrcOdD0efDUxMy3145oljWSl3x9ZV5vhme98gTxFrj2lhXvmGNnUiuDyJgY9IKkNA==",
"dependencies": {
"@types/react": "*"
}
},
"node_modules/@types/warning": {
"version": "3.0.3",
"resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.3.tgz",
"integrity": "sha512-D1XC7WK8K+zZEveUPY+cf4+kgauk8N4eHr/XIHXGlGYkHLud6hK9lYfZk1ry1TNh798cZUCgb6MqGEG8DkJt6Q=="
},
"node_modules/@typescript-eslint/parser": {
"version": "6.21.0",
"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
......@@ -713,6 +817,24 @@
"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
},
"node_modules/bootstrap": {
"version": "5.3.3",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz",
"integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/twbs"
},
{
"type": "opencollective",
"url": "https://opencollective.com/bootstrap"
}
],
"peerDependencies": {
"@popperjs/core": "^2.11.8"
}
},
"node_modules/brace-expansion": {
"version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
......@@ -806,6 +928,11 @@
"url": "https://github.com/chalk/chalk?sponsor=1"
}
},
"node_modules/classnames": {
"version": "2.5.1",
"resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
"integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
},
"node_modules/client-only": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
......@@ -867,6 +994,11 @@
"node": ">= 8"
}
},
"node_modules/csstype": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
},
"node_modules/damerau-levenshtein": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
......@@ -1013,6 +1145,14 @@
"node": ">=0.4.0"
}
},
"node_modules/dequal": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
"integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
"engines": {
"node": ">=6"
}
},
"node_modules/dir-glob": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
......@@ -1036,6 +1176,15 @@
"node": ">=6.0.0"
}
},
"node_modules/dom-helpers": {
"version": "5.2.1",
"resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
"integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
"dependencies": {
"@babel/runtime": "^7.8.7",
"csstype": "^3.0.2"
}
},
"node_modules/emoji-regex": {
"version": "9.2.2",
"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
......@@ -2105,6 +2254,14 @@
"node": ">= 0.4"
}
},
"node_modules/invariant": {
"version": "2.2.4",
"resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
"integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
"dependencies": {
"loose-envify": "^1.0.0"
}
},
"node_modules/is-arguments": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
......@@ -3022,6 +3179,18 @@
"react-is": "^16.13.1"
}
},
"node_modules/prop-types-extra": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz",
"integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==",
"dependencies": {
"react-is": "^16.3.2",
"warning": "^4.0.0"
},
"peerDependencies": {
"react": ">=0.14.0"
}
},
"node_modules/proxy-from-env": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
......@@ -3075,6 +3244,35 @@
"react-dom": "^16.3.3 || ^17.0.0 || ^18.0.0"
}
},
"node_modules/react-bootstrap": {
"version": "2.10.4",
"resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.10.4.tgz",
"integrity": "sha512-W3398nBM2CBfmGP2evneEO3ZZwEMPtHs72q++eNw60uDGDAdiGn0f9yNys91eo7/y8CTF5Ke1C0QO8JFVPU40Q==",
"dependencies": {
"@babel/runtime": "^7.24.7",
"@restart/hooks": "^0.4.9",
"@restart/ui": "^1.6.9",
"@types/react-transition-group": "^4.4.6",
"classnames": "^2.3.2",
"dom-helpers": "^5.2.1",
"invariant": "^2.2.4",
"prop-types": "^15.8.1",
"prop-types-extra": "^1.1.0",
"react-transition-group": "^4.4.5",
"uncontrollable": "^7.2.1",
"warning": "^4.0.3"
},
"peerDependencies": {
"@types/react": ">=16.14.8",
"react": ">=16.14.0",
"react-dom": ">=16.14.0"
},
"peerDependenciesMeta": {
"@types/react": {
"optional": true
}
}
},
"node_modules/react-dom": {
"version": "18.3.1",
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
......@@ -3092,6 +3290,11 @@
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
},
"node_modules/react-lifecycles-compat": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
"integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
},
"node_modules/react-tabs": {
"version": "6.0.2",
"resolved": "https://registry.npmjs.org/react-tabs/-/react-tabs-6.0.2.tgz",
......@@ -3104,6 +3307,21 @@
"react": "^18.0.0"
}
},
"node_modules/react-transition-group": {
"version": "4.4.5",
"resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
"integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
"dependencies": {
"@babel/runtime": "^7.5.5",
"dom-helpers": "^5.0.1",
"loose-envify": "^1.4.0",
"prop-types": "^15.6.2"
},
"peerDependencies": {
"react": ">=16.6.0",
"react-dom": ">=16.6.0"
}
},
"node_modules/reflect.getprototypeof": {
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz",
......@@ -3124,6 +3342,11 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/regenerator-runtime": {
"version": "0.14.1",
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
"integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
},
"node_modules/regexp.prototype.flags": {
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
......@@ -3542,6 +3765,24 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/sweetalert2": {
"version": "6.6.1",
"resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-6.6.1.tgz",
"integrity": "sha512-qDKxAiQODNxSlB14wjn81u19sowJKcyZK3tAYrMBDN2Eln7WmkyhS10woMUXGSTk2xJKKVi2YWWfA+tIGZnaVw==",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/sweetalert2-react-content": {
"version": "5.0.7",
"resolved": "https://registry.npmjs.org/sweetalert2-react-content/-/sweetalert2-react-content-5.0.7.tgz",
"integrity": "sha512-8Fk82Mpk45lFXpJWKIFF/lq8k/dJKDDQGFcuqVosaL/qRdViyAs5+u37LoTGfnOIvf+rfQB3PAXcp1XLLn+0ew==",
"peerDependencies": {
"react": "^18.0.0",
"react-dom": "^18.0.0",
"sweetalert2": "^11.0.0"
}
},
"node_modules/swiper": {
"version": "11.1.9",
"resolved": "https://registry.npmjs.org/swiper/-/swiper-11.1.9.tgz",
......@@ -3732,6 +3973,20 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/uncontrollable": {
"version": "7.2.1",
"resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz",
"integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==",
"dependencies": {
"@babel/runtime": "^7.6.3",
"@types/react": ">=16.9.11",
"invariant": "^2.2.4",
"react-lifecycles-compat": "^3.0.4"
},
"peerDependencies": {
"react": ">=15.0.0"
}
},
"node_modules/uri-js": {
"version": "4.4.1",
"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
......@@ -3741,6 +3996,14 @@
"punycode": "^2.1.0"
}
},
"node_modules/warning": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
"integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
"dependencies": {
"loose-envify": "^1.0.0"
}
},
"node_modules/watchpack": {
"version": "2.4.0",
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
......
package.json
......@@ -10,12 +10,16 @@
},
"dependencies": {
"axios": "^1.7.2",
"bootstrap": "^5.3.3",
"eslint-config-next": "^13.5.6",
"next": "^13.5.6",
"react": "^18.3.1",
"react-accessible-accordion": "^5.0.0",
"react-bootstrap": "^2.10.4",
"react-dom": "^18.3.1",
"react-tabs": "^6.0.2",
"sweetalert2": "^6.6.1",
"sweetalert2-react-content": "^5.0.7",
"swiper": "^11.1.9"
}
}
pages/client-servicing.js 0 → 100644
import ClientServicingPage from "@/container/ClientServicing/ClientServicingPage";
import React from "react";
const ClientServicing = () => {
return (
<>
<ClientServicingPage />
</>
);
};
export default ClientServicing;
pages/contact.js 0 → 100644
import React from "react";
import Link from "next/link";
import ContactPage from "@/container/Contact/ContactPage";
export default function Contact() {
return (
<>
<ContactPage />
</>
);
}
styles/styles.css
......@@ -7659,4 +7659,26 @@ Modal CSS
color: var(--mainColor);
}
/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
/*# sourceMappingURL=styles.css.map */
.image-container {
width: auto;
position: relative;
}
.image-container>span {
position: unset !important;
/* display: inline-block !important; */
}
.image-container.d-inblock>span {
position: unset !important;
display: inline-block !important;
}
.image {
object-fit: contain;
width: 100% !important;
position: relative !important;
height: unset !important;
}
\ No newline at end of file
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!