feat(frontend): add about/contact pages and homepage CTAs

src/app.css

@@ -339,3 +339,59 @@ body {
     padding-top: 24px;
   }
 }
+
+.nav-links {
+  display: flex;
+  gap: 16px;
+}
+
+.nav-links a,
+.footer-links a {
+  text-decoration: none;
+  color: #334155;
+  font-weight: 600;
+}
+
+.nav-links a:hover,
+.footer-links a:hover {
+  color: var(--brand-orange);
+}
+
+.footer {
+  margin-top: 20px;
+  border-top: 1px solid rgba(148, 163, 184, 0.25);
+  background: rgba(255, 255, 255, 0.72);
+}
+
+.footer-row {
+  min-height: 72px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.footer-row p {
+  margin: 0;
+  color: #64748b;
+  font-size: 14px;
+}
+
+.footer-links {
+  display: flex;
+  gap: 14px;
+}
+
+@media (max-width: 900px) {
+  .nav-row {
+    flex-wrap: wrap;
+    padding: 10px 0;
+  }
+
+  .footer-row {
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    padding: 12px 0;
+  }
+}

src/routes/about.tsx

@@ -0,0 +1,30 @@
+import { A } from '@solidjs/router';
+
+export default function AboutPage() {
+  return (
+    <main class="page">
+      <p class="eyebrow">About NXTGAUGE</p>
+      <h1 class="title">Trust-First Marketplace and Hiring Platform</h1>
+      <p class="subtitle">
+        NXTGAUGE helps customers, professionals, companies, and jobseekers connect through role-specific onboarding,
+        verification checks, and runtime-configured workflows.
+      </p>
+
+      <section class="card" style={{ 'margin-top': '16px' }}>
+        <h3>What We Focus On</h3>
+        <p class="subtitle">Role separation, verified identities, and city-by-city controlled launch quality.</p>
+        <ul>
+          <li>Customer intent-first onboarding for service requests</li>
+          <li>Professional onboarding with portfolio and verification</li>
+          <li>Company onboarding with business compliance checks</li>
+          <li>Jobseeker onboarding with profile and document validation</li>
+        </ul>
+      </section>
+
+      <div class="actions">
+        <A class="btn primary" href="/onboarding?schemaId=customer_onboarding_v1">Start As Customer</A>
+        <A class="btn" href="/contact">Contact Us</A>
+      </div>
+    </main>
+  );
+}

src/routes/contact.tsx

@@ -0,0 +1,26 @@
+import { A } from '@solidjs/router';
+
+export default function ContactPage() {
+  return (
+    <main class="page">
+      <p class="eyebrow">Contact NXTGAUGE</p>
+      <h1 class="title">We Are Here To Help</h1>
+      <p class="subtitle">For onboarding, verification, or launch support, contact our team.</p>
+
+      <section class="card" style={{ 'margin-top': '16px' }}>
+        <h3>Support Details</h3>
+        <p><strong>Email:</strong> support@nxtgauge.com</p>
+        <p><strong>Launch City:</strong> Chennai, India</p>
+        <p><strong>Support Window:</strong> 10:00 AM - 7:00 PM IST</p>
+      </section>
+
+      <section class="card" style={{ 'margin-top': '12px' }}>
+        <h3>Quick Actions</h3>
+        <div class="actions">
+          <A class="btn primary" href="/onboarding?schemaId=customer_onboarding_v1">Start Onboarding</A>
+          <A class="btn" href="/about">About Us</A>
+        </div>
+      </section>
+    </main>
+  );
+}

src/routes/index.tsx

@@ -45,6 +45,10 @@ export default function Home() {
       <header class="topbar">
         <div class="container nav-row">
           <img class="brand-logo" src="/nxtgauge-logo.png" alt="NXTGAUGE" />
+          <nav class="nav-links">
+            <A href="/about">About Us</A>
+            <A href="/contact">Contact Us</A>
+          </nav>
           <div class="nav-actions">
             <A class="btn" href="/onboarding?schemaId=customer_onboarding_v1">Start</A>
           </div>
@@ -118,6 +122,17 @@ export default function Home() {
           </div>
         </div>
       </section>
+
+      <footer class="footer">
+        <div class="container footer-row">
+          <p>© {new Date().getFullYear()} NXTGAUGE. All rights reserved.</p>
+          <div class="footer-links">
+            <A href="/about">About Us</A>
+            <A href="/contact">Contact Us</A>
+            <A href="/onboarding?schemaId=customer_onboarding_v1">Get Started</A>
+          </div>
+        </div>
+      </footer>
     </main>
   );
 }