Skip to content

sujata / advithconsulting.io-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 67f1079c by sujata
Options

chnages update

1 parent b930def9
Inline Side-by-side
Showing 16 changed files with 115 additions and 192 deletions
components/reuseables/CallBackRequest.js
......@@ -63,9 +63,10 @@ const CallBackRequest = () => {
<div className="form-group">
<label>Services</label>
<select className="form-select">
<option value="selected">
{/* <option value="selected">
Financial Consultancy
</option>
</option> */}
<option disabled> Select Service</option>
<option>Virtual FC & CFO Services</option>
<option>Transaction Advisory</option>
<option>Risk Advisory</option>
......
components/reuseables/services/MethodMobile.js
......@@ -71,7 +71,7 @@ const MethodMobile = () => {
<p>{step.description}</p>
</div>
</Col>
<Col xs={3} sm={3}>
<Col xs={3} sm={3} >
<div className="circle-methodtwo">
<p className="circle-number">{step.stepNumber}</p>
</div>
......
components/reuseables/services/MethodOne.js
......@@ -153,8 +153,8 @@ const MethodOne = ({
</Col>
<Col xs={8} sm={8} className="align-self-center">
<div className="circle-content">
<h6>{item.title}</h6>
<p>{item.descr}</p>
<h6 className="method-title-moblie">{item.title}</h6>
<p className="method-descr-mobile">{item.descr}</p>
</div>
</Col>
</>
......@@ -164,11 +164,11 @@ const MethodOne = ({
<>
<Col xs={9} sm={9} className="align-self-center">
<div className="text-align-end circle-content-two">
<h6>{item.title}</h6>
<p>{item.descr}</p>
<h6 className="method-title-moblie">{item.title}</h6>
<p className="method-descr-mobile">{item.descr}</p>
</div>
</Col>
<Col xs={2} sm={2}>
<Col xs={2} sm={2} className="align-self-center">
<div className="circle-methodtwo">
<p className="circle-number">{item.stepNumber}</p>
</div>
......
container/ClientServicing/OurService.js
......@@ -58,7 +58,7 @@ const OurService = () => {
<Container>
<div className="section-title">
{/* <span className="sub-title">Client Servicing</span> */}
<Heading el="h2" heading="Client Servicing" className="h2" />
<Heading el="h2" heading="What we do?" className="h2" />
<p>
At Advith Consulting, we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction.
</p>
......
container/Contact/ContactForm.js
......@@ -18,8 +18,7 @@ const ContactForm = () => {
<span className="sub-title">SEND MESSAGE</span>
<Heading heading="Write to Us!" />
<p>
Have a quick question or need more information? Fill out the
form below, and we'll get back to you as soon as possible
Connect with Advith Consulting today for an insightful consultation on how our tailored services can help propel your business towards success.
</p>
<form>
......
container/Contact/ContactInfo.js
......@@ -17,10 +17,7 @@ const ContactInfo = () => {
heading="Contact Us With Your Details & Ready To Start"
/>
<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.
Reach out to Advith Consulting today to explore our range of services and how we can help you achieve your business objectives with expertise and efficiency.
</p>
<Row className="justify-content-center">
......@@ -30,7 +27,7 @@ const ContactInfo = () => {
<i className="ri-home-7-line"></i>
</div>
<h3>Main Office</h3>
<p>325 Rockford Lane Durham, New York, USA</p>
<p>No. 988, 1st Floor, 13th Cross, Banashankari 2nd Stage, Bengaluru - 560070</p>
</div>
</Col>
......@@ -42,11 +39,11 @@ const ContactInfo = () => {
<h3>Our Phone</h3>
<p>
<span>Call:</span>
<a href="mailto:+18144822296">+(1) 814 482 2296</a>
<a href="tel:08026719484">080-2671 9484</a>
</p>
<p>
<span>Call:</span>
<a href="mailto:+54789632157">+(5) 478 963 2157</a>
<a href="tel:+916364133111">+91-6364133111</a>
</p>
</div>
</Col>
......@@ -59,12 +56,9 @@ const ContactInfo = () => {
<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>
<a href="mailto: info@advithconsulting.in"> info@advithconsulting.in</a>
</p>
</div>
</Col>
</Row>
......
container/Home/ClientService.js
......@@ -57,12 +57,10 @@ const ClientService = () => {
<div className="services-area pt-100 pb-5">
<Container>
<div className="section-title">
<span className="sub-title">Client Servicing</span>
<span className="sub-title">What we do?</span>
<Heading el="h2" heading="What we do?" />
<p>
At Advith Consulting, we harness our wealth of Knowledge and
expertise, leveraging our People to deliver exceptional Client
satisfaction.
At Advith Consulting, we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction.
</p>
</div>
......
container/IndustryFocus/Education.js
......@@ -138,7 +138,7 @@ const Education = () => {
<span className="sub-title">{item.subtitle}</span>
<Heading el="h2" heading={item.title} className="h2" />
{item.paragraphs.map((paragraph, index) => (
<p key={index}>{paragraph}</p>
<p className="mb-2" key={index}>{paragraph}</p>
))}
</div>
</Col>
......
container/Knowledge/KnowledgeContent.js
......@@ -30,14 +30,14 @@ const KnowledgeContent = () => {
viewport={{ once: false, amount: 0.2 }}
>
<Image
src="/images/knoweledge/knowledge.webp"
src="/images/knoweledge/knowledege_page.webp"
alt="image"
width={300}
height={400}
className="img-fluid image rounded-5"
/>
</motion.div>
<Image
{/* <Image
width={300}
height={300}
src="/images/shape/shape8.png"
......@@ -50,7 +50,7 @@ const KnowledgeContent = () => {
src="/images/shape/shape8.png"
className="shape5"
alt="image"
/>
/> */}
</div>
</Col>
<Col lg={7} md={12}>
......
container/People/AboutPeople.js
......@@ -34,11 +34,11 @@ const AboutPeople = () => {
<span className="sub-title">{item.subtitle}</span>
<Heading el="h2" heading={item.title} className="h2" />
{item.paragraphs.map((paragraph, index) => (
<p key={index}>{paragraph}</p>
<p className="mb-3" key={index}>{paragraph}</p>
))}
<Link href={item.linkUrl} className="default-btn">
{/* <Link href={item.linkUrl} className="default-btn">
{item.linkText} <i className="ri-arrow-right-line"></i>
</Link>
</Link> */}
</div>
</Col>
......
container/People/TeamLead.js
......@@ -13,7 +13,7 @@ const team = [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
url: "https://www.linkedin.com/in/krishna-upadhya-13696161/",
},
],
},
......@@ -27,7 +27,7 @@ const team = [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
url: "https://www.linkedin.com/in/pavan-daga-64449219/",
},
],
},
......@@ -41,7 +41,7 @@ const team = [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
url: "https://www.linkedin.com/in/suchindra-r-k-291a9140/",
},
],
},
......
container/People/TeamMembers.js
......@@ -57,7 +57,7 @@ const team = [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
url: "https://www.linkedin.com/in/ekta-kukreja-605a41193?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
},
],
},
......@@ -72,7 +72,7 @@ const team = [
{
id: 3,
icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/",
url: "https://www.linkedin.com/in/ca-priyank-parekh-b00365232?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
},
],
},
......@@ -85,7 +85,7 @@ const TeamMember = () => {
<Container>
<div className="section-title">
{/* <span className="sub-title">Team Member</span> */}
<Heading el="h2" heading="Team Member" />
<Heading el="h2" heading="Team Members" />
</div>
<Row className="justify-content-center">
......
layout/Header.js
......@@ -4,44 +4,56 @@ import { useRouter } from "next/router";
import Image from "next/image";
const Header = () => {
// Add active class
const [currentPath, setCurrentPath] = useState("");
const [menu, setMenu] = useState(true);
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", () => {
// Close the menu on route change
useEffect(() => {
const handleRouteChange = () => {
setMenu(true); // Close the menu
};
// Listen for route changes
router.events.on("routeChangeStart", handleRouteChange);
// Cleanup event listener on component unmount
return () => {
router.events.off("routeChangeStart", handleRouteChange);
};
}, [router]);
// Sticky navbar effect
useEffect(() => {
const elementId = document.getElementById("navbar");
const handleScroll = () => {
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);
};
document.addEventListener("scroll", handleScroll);
// Cleanup scroll event listener on unmount
return () => {
document.removeEventListener("scroll", handleScroll);
};
}, []);
const isActive = (path) => currentPath.startsWith(path);
const classOne = menu
? "collapse navbar-collapse"
: "collapse navbar-collapse show";
const classTwo = menu
? "navbar-toggler navbar-toggler-right collapsed"
: "navbar-toggler navbar-toggler-right";
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 (
<>
......@@ -50,20 +62,13 @@ const Header = () => {
<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"
/>
<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"
......@@ -76,176 +81,70 @@ const Header = () => {
<div className={classOne} id="navbarSupportedContent">
<ul className="navbar-nav">
<li className="nav-item">
<Link
href="/"
className={`nav-link ${
currentPath == "/" ? "active" : ""
}`}
>
<Link href="/" className={`nav-link ${isActive("/") ? "active" : ""}`}>
Home
</Link>
</li>
<li className="nav-item">
<Link
href="/knowledge"
className="dropdown-toggle nav-link"
>
<Link href="/knowledge" className="dropdown-toggle nav-link">
Knowledge
</Link>
<ul className="dropdown-menu">
<li className="nav-item">
<Link
href="/corpedia"
className={`nav-link ${
currentPath == "#" ? "active" : ""
}`}
>
<Link href="/corpedia" className={`nav-link ${isActive("/corpedia") ? "active" : ""}`}>
Corpedia
</Link>
<ul>
<li className="nav-item">
<Link
href="/taxwire"
className={`nav-link ${
currentPath == "#" ? "active" : ""
}`}
>
<Link href="/taxwire" className={`nav-link ${isActive("/taxwire") ? "active" : ""}`}>
Tax Wire
</Link>
</li>
<li className="nav-item">
<Link
href="/budgetpanorama"
className={`nav-link ${
currentPath == "#" ? "active" : ""
}`}
>
<Link href="/budgetpanorama" className={`nav-link ${isActive("/budgetpanorama") ? "active" : ""}`}>
Budget Panorama
</Link>
</li>
</ul>
</li>
<li className="nav-item">
<Link
href="/blogs"
className={`nav-link ${
currentPath == "#" ? "active" : ""
}`}
>
<Link href="/blogs" className={`nav-link ${isActive("/blogs") ? "active" : ""}`}>
Blogs
</Link>
</li>
</ul>
</li>
<li className="nav-item">
<Link
href="/people"
className={`nav-link ${
currentPath == "/people/" ? "active" : ""
}`}
>
<Link href="/people" className={`nav-link ${isActive("/people") ? "active" : ""}`}>
People
</Link>
</li>
<li className="nav-item">
<Link
href="/client-servicing/"
className={`nav-link ${
currentPath == "/client-servicing/" ? "active" : ""
}`}
>
<Link href="/client-servicing" className={`nav-link ${isActive("/client-servicing") ? "active" : ""}`}>
Client Servicing
</Link>
</li>
<li className="nav-item">
<Link
href="#"
className={`nav-link ${
currentPath == "#" ? "active" : ""
}`}
>
<Link href="#" className={`nav-link ${isActive("/careers") ? "active" : ""}`}>
Careers
</Link>
</li>
<li className="nav-item">
<Link
href="/industry"
className={`nav-link ${
currentPath == "#" ? "active" : ""
}`}
>
<Link href="/industry" className={`nav-link ${isActive("/industry") ? "active" : ""}`}>
Industry
</Link>
</li>
<li className="nav-item">
<Link
href="/contact"
className={`nav-link ${
currentPath == "/contact/" ? "active" : ""
}`}
>
<Link href="/contact" className={`nav-link ${isActive("/contact") ? "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>
</>
);
};
......
public/images/knoweledge/knowledege_page.webp 0 → 100644
No preview for this file type
styles/responsive.css
......@@ -217,7 +217,7 @@
}
.main-banner-content h1 {
font-size: 30px;
font-size: 22px;
margin-bottom: 12px;
line-height: 8.8vw;
}
......@@ -1896,10 +1896,21 @@
.faq-accordion .accordion .accordion__item .accordion__panel {
padding: 20px 20px;
}
.fuctional-areas{
min-height: auto;
}
/* -----------industry-areas--------------- */
.widget-area .widget_service_categories ul li{
padding: 3vw;
}
}
/* Min width 576px to Max width 767px */
@media only screen and (min-width: 576px) and (max-width: 767px) {
.fuctional-areas{
min-height: auto;
}
.call-back-request-area .container-fluid {
max-width: 540px;
}
......@@ -2140,8 +2151,10 @@
}
.main-banner-content h1 {
font-size: 40px;
font-size: 30px;
margin-bottom: 15px;
line-height: 5vw;
}
.main-banner-content p {
......@@ -3345,7 +3358,8 @@
}
.main-banner-content h1 {
font-size: 50px;
font-size: 35px;
line-height: 4vw;
}
.main-banner-content p {
......
styles/styles.css
......@@ -1775,6 +1775,13 @@ Services Area CSS
.single-services-box .content p {
transition: var(--transition);
word-wrap: break-word;
overflow: hidden;
max-height: 4.9em;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.single-services-box .content .default-btn {
......@@ -8015,7 +8022,7 @@ Modal CSS
.circle-method {
border: 1px solid;
padding: 20px;
padding: 14px;
border-radius: 50%;
width: 20vw;
background-color: var(--mainColor);
......@@ -8057,7 +8064,7 @@ Modal CSS
background-color: var(--mainColor);
color: white !important;
text-align: center;
padding: 20px;
padding: 14px;
box-shadow: inset -1px -1px 0px 4px #ffc988bb;
margin-left: 10px;
}
......@@ -8121,11 +8128,22 @@ h3.sub-title {
}
.fuctional-areas {
min-height: 42vh;
max-width: fit-content;
min-height: 48vh;
/* max-width: fit-content; */
}
.area_expertise{
padding: 12px 12px 12px 12px!important;
top: 50%!important;
width: 80%!important;
}
.method-descr-mobile{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height:1.6;
}
h6.method-title-moblie{
font-size: 15px!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!