Commit 67f1079c by sujata

chnages update

1 parent b930def9
...@@ -63,9 +63,10 @@ const CallBackRequest = () => { ...@@ -63,9 +63,10 @@ const CallBackRequest = () => {
<div className="form-group"> <div className="form-group">
<label>Services</label> <label>Services</label>
<select className="form-select"> <select className="form-select">
<option value="selected"> {/* <option value="selected">
Financial Consultancy Financial Consultancy
</option> </option> */}
<option disabled> Select Service</option>
<option>Virtual FC & CFO Services</option> <option>Virtual FC & CFO Services</option>
<option>Transaction Advisory</option> <option>Transaction Advisory</option>
<option>Risk Advisory</option> <option>Risk Advisory</option>
......
...@@ -71,7 +71,7 @@ const MethodMobile = () => { ...@@ -71,7 +71,7 @@ const MethodMobile = () => {
<p>{step.description}</p> <p>{step.description}</p>
</div> </div>
</Col> </Col>
<Col xs={3} sm={3}> <Col xs={3} sm={3} >
<div className="circle-methodtwo"> <div className="circle-methodtwo">
<p className="circle-number">{step.stepNumber}</p> <p className="circle-number">{step.stepNumber}</p>
</div> </div>
......
...@@ -153,8 +153,8 @@ const MethodOne = ({ ...@@ -153,8 +153,8 @@ const MethodOne = ({
</Col> </Col>
<Col xs={8} sm={8} className="align-self-center"> <Col xs={8} sm={8} className="align-self-center">
<div className="circle-content"> <div className="circle-content">
<h6>{item.title}</h6> <h6 className="method-title-moblie">{item.title}</h6>
<p>{item.descr}</p> <p className="method-descr-mobile">{item.descr}</p>
</div> </div>
</Col> </Col>
</> </>
...@@ -164,11 +164,11 @@ const MethodOne = ({ ...@@ -164,11 +164,11 @@ const MethodOne = ({
<> <>
<Col xs={9} sm={9} className="align-self-center"> <Col xs={9} sm={9} className="align-self-center">
<div className="text-align-end circle-content-two"> <div className="text-align-end circle-content-two">
<h6>{item.title}</h6> <h6 className="method-title-moblie">{item.title}</h6>
<p>{item.descr}</p> <p className="method-descr-mobile">{item.descr}</p>
</div> </div>
</Col> </Col>
<Col xs={2} sm={2}> <Col xs={2} sm={2} className="align-self-center">
<div className="circle-methodtwo"> <div className="circle-methodtwo">
<p className="circle-number">{item.stepNumber}</p> <p className="circle-number">{item.stepNumber}</p>
</div> </div>
......
...@@ -58,7 +58,7 @@ const OurService = () => { ...@@ -58,7 +58,7 @@ const OurService = () => {
<Container> <Container>
<div className="section-title"> <div className="section-title">
{/* <span className="sub-title">Client Servicing</span> */} {/* <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> <p>
At Advith Consulting, we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction. At Advith Consulting, we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction.
</p> </p>
......
...@@ -18,8 +18,7 @@ const ContactForm = () => { ...@@ -18,8 +18,7 @@ const ContactForm = () => {
<span className="sub-title">SEND MESSAGE</span> <span className="sub-title">SEND MESSAGE</span>
<Heading heading="Write to Us!" /> <Heading heading="Write to Us!" />
<p> <p>
Have a quick question or need more information? Fill out the Connect with Advith Consulting today for an insightful consultation on how our tailored services can help propel your business towards success.
form below, and we'll get back to you as soon as possible
</p> </p>
<form> <form>
......
...@@ -17,10 +17,7 @@ const ContactInfo = () => { ...@@ -17,10 +17,7 @@ const ContactInfo = () => {
heading="Contact Us With Your Details & Ready To Start" heading="Contact Us With Your Details & Ready To Start"
/> />
<p> <p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed 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.
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> </p>
<Row className="justify-content-center"> <Row className="justify-content-center">
...@@ -30,7 +27,7 @@ const ContactInfo = () => { ...@@ -30,7 +27,7 @@ const ContactInfo = () => {
<i className="ri-home-7-line"></i> <i className="ri-home-7-line"></i>
</div> </div>
<h3>Main Office</h3> <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> </div>
</Col> </Col>
...@@ -42,11 +39,11 @@ const ContactInfo = () => { ...@@ -42,11 +39,11 @@ const ContactInfo = () => {
<h3>Our Phone</h3> <h3>Our Phone</h3>
<p> <p>
<span>Call:</span> <span>Call:</span>
<a href="mailto:+18144822296">+(1) 814 482 2296</a> <a href="tel:08026719484">080-2671 9484</a>
</p> </p>
<p> <p>
<span>Call:</span> <span>Call:</span>
<a href="mailto:+54789632157">+(5) 478 963 2157</a> <a href="tel:+916364133111">+91-6364133111</a>
</p> </p>
</div> </div>
</Col> </Col>
...@@ -59,12 +56,9 @@ const ContactInfo = () => { ...@@ -59,12 +56,9 @@ const ContactInfo = () => {
<h3>Email Address</h3> <h3>Email Address</h3>
<p> <p>
<span>Email:</span> <span>Email:</span>
<a href="mailto:hello@zixon.com">hello@zixon.com</a> <a href="mailto: info@advithconsulting.in"> info@advithconsulting.in</a>
</p>
<p>
<span>Email:</span>
<a href="mailto:info@zixon.com">info@zixon.com</a>
</p> </p>
</div> </div>
</Col> </Col>
</Row> </Row>
......
...@@ -57,12 +57,10 @@ const ClientService = () => { ...@@ -57,12 +57,10 @@ const ClientService = () => {
<div className="services-area pt-100 pb-5"> <div className="services-area pt-100 pb-5">
<Container> <Container>
<div className="section-title"> <div className="section-title">
<span className="sub-title">Client Servicing</span> <span className="sub-title">What we do?</span>
<Heading el="h2" heading="What we do?" /> <Heading el="h2" heading="What we do?" />
<p> <p>
At Advith Consulting, we harness our wealth of Knowledge and At Advith Consulting, we harness our wealth of Knowledge and expertise, leveraging our People to deliver exceptional Client satisfaction.
expertise, leveraging our People to deliver exceptional Client
satisfaction.
</p> </p>
</div> </div>
......
...@@ -138,7 +138,7 @@ const Education = () => { ...@@ -138,7 +138,7 @@ const Education = () => {
<span className="sub-title">{item.subtitle}</span> <span className="sub-title">{item.subtitle}</span>
<Heading el="h2" heading={item.title} className="h2" /> <Heading el="h2" heading={item.title} className="h2" />
{item.paragraphs.map((paragraph, index) => ( {item.paragraphs.map((paragraph, index) => (
<p key={index}>{paragraph}</p> <p className="mb-2" key={index}>{paragraph}</p>
))} ))}
</div> </div>
</Col> </Col>
......
...@@ -30,14 +30,14 @@ const KnowledgeContent = () => { ...@@ -30,14 +30,14 @@ const KnowledgeContent = () => {
viewport={{ once: false, amount: 0.2 }} viewport={{ once: false, amount: 0.2 }}
> >
<Image <Image
src="/images/knoweledge/knowledge.webp" src="/images/knoweledge/knowledege_page.webp"
alt="image" alt="image"
width={300} width={300}
height={400} height={400}
className="img-fluid image rounded-5" className="img-fluid image rounded-5"
/> />
</motion.div> </motion.div>
<Image {/* <Image
width={300} width={300}
height={300} height={300}
src="/images/shape/shape8.png" src="/images/shape/shape8.png"
...@@ -50,7 +50,7 @@ const KnowledgeContent = () => { ...@@ -50,7 +50,7 @@ const KnowledgeContent = () => {
src="/images/shape/shape8.png" src="/images/shape/shape8.png"
className="shape5" className="shape5"
alt="image" alt="image"
/> /> */}
</div> </div>
</Col> </Col>
<Col lg={7} md={12}> <Col lg={7} md={12}>
......
...@@ -34,11 +34,11 @@ const AboutPeople = () => { ...@@ -34,11 +34,11 @@ const AboutPeople = () => {
<span className="sub-title">{item.subtitle}</span> <span className="sub-title">{item.subtitle}</span>
<Heading el="h2" heading={item.title} className="h2" /> <Heading el="h2" heading={item.title} className="h2" />
{item.paragraphs.map((paragraph, index) => ( {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> {item.linkText} <i className="ri-arrow-right-line"></i>
</Link> </Link> */}
</div> </div>
</Col> </Col>
......
...@@ -13,7 +13,7 @@ const team = [ ...@@ -13,7 +13,7 @@ const team = [
{ {
id: 3, id: 3,
icon: "ri-linkedin-fill", icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/", url: "https://www.linkedin.com/in/krishna-upadhya-13696161/",
}, },
], ],
}, },
...@@ -27,7 +27,7 @@ const team = [ ...@@ -27,7 +27,7 @@ const team = [
{ {
id: 3, id: 3,
icon: "ri-linkedin-fill", icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/", url: "https://www.linkedin.com/in/pavan-daga-64449219/",
}, },
], ],
}, },
...@@ -41,7 +41,7 @@ const team = [ ...@@ -41,7 +41,7 @@ const team = [
{ {
id: 3, id: 3,
icon: "ri-linkedin-fill", icon: "ri-linkedin-fill",
url: "https://www.linkedin.com/", url: "https://www.linkedin.com/in/suchindra-r-k-291a9140/",
}, },
], ],
}, },
......
...@@ -57,7 +57,7 @@ const team = [ ...@@ -57,7 +57,7 @@ const team = [
{ {
id: 3, id: 3,
icon: "ri-linkedin-fill", 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 = [ ...@@ -72,7 +72,7 @@ const team = [
{ {
id: 3, id: 3,
icon: "ri-linkedin-fill", 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 = () => { ...@@ -85,7 +85,7 @@ const TeamMember = () => {
<Container> <Container>
<div className="section-title"> <div className="section-title">
{/* <span className="sub-title">Team Member</span> */} {/* <span className="sub-title">Team Member</span> */}
<Heading el="h2" heading="Team Member" /> <Heading el="h2" heading="Team Members" />
</div> </div>
<Row className="justify-content-center"> <Row className="justify-content-center">
......
...@@ -4,44 +4,56 @@ import { useRouter } from "next/router"; ...@@ -4,44 +4,56 @@ import { useRouter } from "next/router";
import Image from "next/image"; import Image from "next/image";
const Header = () => { const Header = () => {
// Add active class
const [currentPath, setCurrentPath] = useState(""); const [currentPath, setCurrentPath] = useState("");
const [menu, setMenu] = useState(true);
const router = useRouter(); const router = useRouter();
// console.log(router.asPath)
useEffect(() => { useEffect(() => {
setCurrentPath(router.asPath); setCurrentPath(router.asPath);
}, [router]); }, [router]);
const [menu, setMenu] = React.useState(true);
const toggleNavbar = () => { const toggleNavbar = () => {
setMenu(!menu); setMenu(!menu);
}; };
React.useEffect(() => { // Close the menu on route change
let elementId = document.getElementById("navbar"); useEffect(() => {
document.addEventListener("scroll", () => { 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) { if (window.scrollY > 170) {
elementId.classList.add("is-sticky"); elementId.classList.add("is-sticky");
} else { } else {
elementId.classList.remove("is-sticky"); elementId.classList.remove("is-sticky");
} }
}); };
});
document.addEventListener("scroll", handleScroll);
// Search Modal // Cleanup scroll event listener on unmount
const [isActiveSearchModal, setActiveSearchModal] = useState("false"); return () => {
const handleToggleSearchModal = () => { document.removeEventListener("scroll", handleScroll);
setActiveSearchModal(!isActiveSearchModal);
}; };
}, []);
const isActive = (path) => currentPath.startsWith(path);
const classOne = menu const classOne = menu ? "collapse navbar-collapse" : "collapse navbar-collapse show";
? "collapse navbar-collapse" const classTwo = menu ? "navbar-toggler navbar-toggler-right collapsed" : "navbar-toggler navbar-toggler-right";
: "collapse navbar-collapse show";
const classTwo = menu
? "navbar-toggler navbar-toggler-right collapsed"
: "navbar-toggler navbar-toggler-right";
return ( return (
<> <>
...@@ -50,20 +62,13 @@ const Header = () => { ...@@ -50,20 +62,13 @@ const Header = () => {
<div className="container-fluid"> <div className="container-fluid">
<nav className="navbar navbar-expand-md navbar-light"> <nav className="navbar navbar-expand-md navbar-light">
<Link href="/" className="navbar-brand"> <Link href="/" className="navbar-brand">
<Image <Image width={144} height={33} src="/images/logo.png" alt="logo" />
width={144}
height={33}
src="/images/logo.png"
alt="logo"
/>
</Link> </Link>
<button <button
onClick={toggleNavbar} onClick={toggleNavbar}
className={classTwo} className={classTwo}
type="button" type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-expanded="false"
aria-label="Toggle navigation" aria-label="Toggle navigation"
...@@ -76,176 +81,70 @@ const Header = () => { ...@@ -76,176 +81,70 @@ const Header = () => {
<div className={classOne} id="navbarSupportedContent"> <div className={classOne} id="navbarSupportedContent">
<ul className="navbar-nav"> <ul className="navbar-nav">
<li className="nav-item"> <li className="nav-item">
<Link <Link href="/" className={`nav-link ${isActive("/") ? "active" : ""}`}>
href="/"
className={`nav-link ${
currentPath == "/" ? "active" : ""
}`}
>
Home Home
</Link> </Link>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link <Link href="/knowledge" className="dropdown-toggle nav-link">
href="/knowledge"
className="dropdown-toggle nav-link"
>
Knowledge Knowledge
</Link> </Link>
<ul className="dropdown-menu"> <ul className="dropdown-menu">
<li className="nav-item"> <li className="nav-item">
<Link <Link href="/corpedia" className={`nav-link ${isActive("/corpedia") ? "active" : ""}`}>
href="/corpedia"
className={`nav-link ${
currentPath == "#" ? "active" : ""
}`}
>
Corpedia Corpedia
</Link> </Link>
<ul> <ul>
<li className="nav-item"> <li className="nav-item">
<Link <Link href="/taxwire" className={`nav-link ${isActive("/taxwire") ? "active" : ""}`}>
href="/taxwire"
className={`nav-link ${
currentPath == "#" ? "active" : ""
}`}
>
Tax Wire Tax Wire
</Link> </Link>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link <Link href="/budgetpanorama" className={`nav-link ${isActive("/budgetpanorama") ? "active" : ""}`}>
href="/budgetpanorama"
className={`nav-link ${
currentPath == "#" ? "active" : ""
}`}
>
Budget Panorama Budget Panorama
</Link> </Link>
</li> </li>
</ul> </ul>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link <Link href="/blogs" className={`nav-link ${isActive("/blogs") ? "active" : ""}`}>
href="/blogs"
className={`nav-link ${
currentPath == "#" ? "active" : ""
}`}
>
Blogs Blogs
</Link> </Link>
</li> </li>
</ul> </ul>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link <Link href="/people" className={`nav-link ${isActive("/people") ? "active" : ""}`}>
href="/people"
className={`nav-link ${
currentPath == "/people/" ? "active" : ""
}`}
>
People People
</Link> </Link>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link <Link href="/client-servicing" className={`nav-link ${isActive("/client-servicing") ? "active" : ""}`}>
href="/client-servicing/"
className={`nav-link ${
currentPath == "/client-servicing/" ? "active" : ""
}`}
>
Client Servicing Client Servicing
</Link> </Link>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link <Link href="#" className={`nav-link ${isActive("/careers") ? "active" : ""}`}>
href="#"
className={`nav-link ${
currentPath == "#" ? "active" : ""
}`}
>
Careers Careers
</Link> </Link>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link <Link href="/industry" className={`nav-link ${isActive("/industry") ? "active" : ""}`}>
href="/industry"
className={`nav-link ${
currentPath == "#" ? "active" : ""
}`}
>
Industry Industry
</Link> </Link>
</li> </li>
<li className="nav-item"> <li className="nav-item">
<Link <Link href="/contact" className={`nav-link ${isActive("/contact") ? "active" : ""}`}>
href="/contact"
className={`nav-link ${
currentPath == "/contact/" ? "active" : ""
}`}
>
Contact Us Contact Us
</Link> </Link>
</li> </li>
</ul> </ul>
</div> </div>
{/*
<div className="others-option">
<div className="search-icon" onClick={handleToggleSearchModal}>
<i className="ri-search-line"></i>
</div>
</div> */}
</nav> </nav>
</div> </div>
</div> </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>
</> </>
); );
}; };
......
No preview for this file type
...@@ -217,7 +217,7 @@ ...@@ -217,7 +217,7 @@
} }
.main-banner-content h1 { .main-banner-content h1 {
font-size: 30px; font-size: 22px;
margin-bottom: 12px; margin-bottom: 12px;
line-height: 8.8vw; line-height: 8.8vw;
} }
...@@ -1896,10 +1896,21 @@ ...@@ -1896,10 +1896,21 @@
.faq-accordion .accordion .accordion__item .accordion__panel { .faq-accordion .accordion .accordion__item .accordion__panel {
padding: 20px 20px; 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 */ /* Min width 576px to Max width 767px */
@media only screen and (min-width: 576px) and (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 { .call-back-request-area .container-fluid {
max-width: 540px; max-width: 540px;
} }
...@@ -2140,8 +2151,10 @@ ...@@ -2140,8 +2151,10 @@
} }
.main-banner-content h1 { .main-banner-content h1 {
font-size: 40px; font-size: 30px;
margin-bottom: 15px; margin-bottom: 15px;
line-height: 5vw;
} }
.main-banner-content p { .main-banner-content p {
...@@ -3345,7 +3358,8 @@ ...@@ -3345,7 +3358,8 @@
} }
.main-banner-content h1 { .main-banner-content h1 {
font-size: 50px; font-size: 35px;
line-height: 4vw;
} }
.main-banner-content p { .main-banner-content p {
......
...@@ -1775,6 +1775,13 @@ Services Area CSS ...@@ -1775,6 +1775,13 @@ Services Area CSS
.single-services-box .content p { .single-services-box .content p {
transition: var(--transition); 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 { .single-services-box .content .default-btn {
...@@ -8015,7 +8022,7 @@ Modal CSS ...@@ -8015,7 +8022,7 @@ Modal CSS
.circle-method { .circle-method {
border: 1px solid; border: 1px solid;
padding: 20px; padding: 14px;
border-radius: 50%; border-radius: 50%;
width: 20vw; width: 20vw;
background-color: var(--mainColor); background-color: var(--mainColor);
...@@ -8057,7 +8064,7 @@ Modal CSS ...@@ -8057,7 +8064,7 @@ Modal CSS
background-color: var(--mainColor); background-color: var(--mainColor);
color: white !important; color: white !important;
text-align: center; text-align: center;
padding: 20px; padding: 14px;
box-shadow: inset -1px -1px 0px 4px #ffc988bb; box-shadow: inset -1px -1px 0px 4px #ffc988bb;
margin-left: 10px; margin-left: 10px;
} }
...@@ -8121,11 +8128,22 @@ h3.sub-title { ...@@ -8121,11 +8128,22 @@ h3.sub-title {
} }
.fuctional-areas { .fuctional-areas {
min-height: 42vh; min-height: 48vh;
max-width: fit-content; /* max-width: fit-content; */
} }
.area_expertise{ .area_expertise{
padding: 12px 12px 12px 12px!important; padding: 12px 12px 12px 12px!important;
top: 50%!important; top: 50%!important;
width: 80%!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 \ 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!