Initial commit

2026-04-30 20:22:49 +05:30
parent b710d5e6a1
commit 1fd65261b4
104 changed files with 5443 additions and 114 deletions
@@ -0,0 +1,56 @@
+import Link from 'next/link';
+import Image from 'next/image';
+
+export default function Footer() {
+  return (
+    <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>
+            <p className="ux-footer-desc">
+              We build digital homes, brand systems, and scalable
+              content engines designed for clarity and growth.
+              Everything is structured to help fast
+            </p>
+          </div>
+
+          {/* RIGHT */}
+          <div className="ux-footer-right">
+            <div className="ux-footer-links">
+              <h6>POPULAR</h6>
+              <Link href="/work">Work</Link>
+              <Link href="/services">Services</Link>
+              <Link href="/about">About</Link>
+            </div>
+            <div className="ux-footer-links">
+              <h6>HELP</h6>
+              <Link href="/process">Process</Link>
+              <Link href="/start_project">Start a Project</Link>
+              <Link href="/hvac">HVAC</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>
+            </div>
+          </div>
+        </div>
+
+        {/* BOTTOM */}
+        <div className="ux-footer-bottom">
+          <p>© 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>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}
@@ -0,0 +1,80 @@
+'use client';
+
+import { useState } from 'react';
+import Link from 'next/link';
+import Image from 'next/image';
+
+export default function Header() {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <header className="ux-header">
+        <div className="container">
+          <div className="ux-navbar">
+
+            <Link href="/">
+              <Image
+                src="/assets/images/footerlogo.png"
+                alt="Logo"
+                width={120}
+                height={40}
+              />
+            </Link>
+
+            <ul className="ux-nav">
+              <li><Link href="/work">Work</Link></li>
+              <li><Link href="/services">Services</Link></li>
+              <li><Link href="/about">About</Link></li>
+              <li><Link href="/process">Process</Link></li>
+
+              {/* ⚠️ FIX */}
+              <li className="ux-nav-cta">
+                <Link href="/start_project">Start a Project</Link>
+              </li>
+            </ul>
+
+            {/* TOGGLE BUTTON */}
+            <div
+              className="ux-menu"
+              onClick={() => setOpen(!open)}
+            >
+              <Image
+                className="icon open-icon"
+                src="/assets/images/menutoggle.svg"
+                alt="menu"
+                width={30}
+                height={30}
+              />
+            </div>
+
+          </div>
+        </div>
+      </header>
+
+      {/* RIGHT PANEL */}
+      <div className={`contact-panel ${open ? 'active' : ''}`}>
+        <h4>
+          <Image src="/assets/images/hello.svg" alt="hello" width={24} height={24} />
+          Say hello!
+        </h4>
+
+        <div className="images">
+          <Image src="/assets/images/popup1.png" alt="" width={80} height={80} />
+          <Image src="/assets/images/popup2.png" alt="" width={80} height={80} />
+          <Image src="/assets/images/popup3.png" alt="" width={80} height={80} />
+        </div>
+
+        <p>
+          <Image src="/assets/images/location.svg" alt="location" width={18} height={18} />
+          <span>410 Sandtown, California 94001, USA</span>
+        </p>
+
+        <p>
+          <Image src="/assets/images/email.svg" alt="email" width={18} height={18} />
+          <span> info@example.com</span>
+        </p>
+      </div>
+    </>
+  );
+}