Goutam/Aaidea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated CSS styles

Browse Source
This commit is contained in:
Goutam
2026-05-01 14:32:31 +05:30
parent cc65a42f89
commit 071180acff
25 changed files with 877 additions and 745 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/AosInit.tsx
+29
View File
@@ -0,0 +1,29 @@
'use client';
import { useEffect } from 'react';
// @ts-expect-error — aos has no bundled types and no @types/aos installed
import AOS from 'aos';
import { usePathname } from 'next/navigation';
export default function AosInit() {
const pathname = usePathname();
useEffect(() => {
AOS.init({
duration: 800,
easing: 'ease-out-cubic',
offset: 60,
delay: 0,
once: true,
mirror: false,
anchorPlacement: 'top-bottom',
disable: () => window.matchMedia('(prefers-reduced-motion: reduce)').matches,
});
}, []);
useEffect(() => {
AOS.refreshHard();
}, [pathname]);
return null;
}
app/components/Footer.tsx
+12 -15
View File
@@ -6,9 +6,8 @@ export default function Footer() {
<footer className="ux-main-footer">
<div className="container">
<div className="ux-footer-grid">
{/* LEFT */}
<div className="ux-footer-left">
<Link href="#"><Image src="/assets/images/footerlogo.png" alt="Logo" width={120} height={40} /></Link>
<Link href="/"><Image src="/assets/images/footerlogo.png" alt="Logo" width={120} height={40} /></Link>
<p className="ux-footer-desc">
We build digital homes, brand systems, and scalable
content engines designed for clarity and growth.
@@ -16,7 +15,6 @@ export default function Footer() {
</p>
</div>
{/* RIGHT */}
<div className="ux-footer-right">
<div className="ux-footer-links">
<h6>POPULAR</h6>
@@ -28,29 +26,28 @@ export default function Footer() {
<h6>HELP</h6>
<Link href="/process">Process</Link>
<Link href="/start_project">Start a Project</Link>
<Link href="/hvac">HVAC</Link>
<Link href="/contact">Contact</Link>
</div>
<div className="ux-footer-links">
<h6>LEGAL</h6>
<Link href="#">Terms and Conditions</Link>
<Link href="#">Privacy Policy</Link>
<Link href="#">FAQ's</Link>
<Link href="/terms">Terms and Conditions</Link>
<Link href="/privacy">Privacy Policy</Link>
<Link href="/faq">FAQ&apos;s</Link>
</div>
</div>
</div>
{/* BOTTOM */}
<div className="ux-footer-bottom">
<p>© 2026 AAideA by Insignia Consultancy Solutions. All rights reserved.</p>
<p>&copy; 2026 AAideA by Insignia Consultancy Solutions. All rights reserved.</p>
<div className="ux-footer-social">
<Link href="#"><Image src="/assets/images/facebook.svg" alt="facebook" width={20} height={20} /></Link>
<Link href="#"><Image src="/assets/images/linkdien.svg" alt="linkedin" width={20} height={20} /></Link>
<Link href="#"><Image src="/assets/images/instagram.svg" alt="instagram" width={20} height={20} /></Link>
<Link href="#"><Image src="/assets/images/twitter.svg" alt="twitter" width={20} height={20} /></Link>
<Link href="#"><Image src="/assets/images/youtube.svg" alt="youtube" width={20} height={20} /></Link>
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer"><Image src="/assets/images/facebook.svg" alt="facebook" width={20} height={20} /></a>
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer"><Image src="/assets/images/linkdien.svg" alt="linkedin" width={20} height={20} /></a>
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer"><Image src="/assets/images/instagram.svg" alt="instagram" width={20} height={20} /></a>
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer"><Image src="/assets/images/twitter.svg" alt="twitter" width={20} height={20} /></a>
<a href="https://youtube.com" target="_blank" rel="noopener noreferrer"><Image src="/assets/images/youtube.svg" alt="youtube" width={20} height={20} /></a>
</div>
</div>
</div>
</footer>
);
}
}
app/components/Header.tsx
+1
View File
@@ -37,6 +37,7 @@ export default function Header() {
<li><Link href="/services" onClick={closeAll}>Services</Link></li>
<li><Link href="/about" onClick={closeAll}>About</Link></li>
<li><Link href="/process" onClick={closeAll}>Process</Link></li>
<li><Link href="/contact" onClick={closeAll}>Contact</Link></li>
<li className="ux-nav-cta">
<Link href="/start_project" onClick={closeAll}>Start a Project</Link>