mirror of
https://github.com/Traceworks2023/nxtgauge-frontend-solid.git
synced 2026-06-10 20:01:27 +00:00
feat(frontend): add about/contact pages and homepage CTAs
This commit is contained in:
Ashwin Kumar
parent
c21492bf31
commit
d746fe00e1
4 changed files with 127 additions and 0 deletions
56
src/app.css
56
src/app.css
|
|
@ -339,3 +339,59 @@ body {
|
||||||
padding-top: 24px;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
30
src/routes/about.tsx
Normal file
30
src/routes/about.tsx
Normal file
|
|
@ -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>
|
||||||
|
);
|
||||||
|
}
|
||||||
26
src/routes/contact.tsx
Normal file
26
src/routes/contact.tsx
Normal file
|
|
@ -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>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
@ -45,6 +45,10 @@ export default function Home() {
|
||||||
<header class="topbar">
|
<header class="topbar">
|
||||||
<div class="container nav-row">
|
<div class="container nav-row">
|
||||||
<img class="brand-logo" src="/nxtgauge-logo.png" alt="NXTGAUGE" />
|
<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">
|
<div class="nav-actions">
|
||||||
<A class="btn" href="/onboarding?schemaId=customer_onboarding_v1">Start</A>
|
<A class="btn" href="/onboarding?schemaId=customer_onboarding_v1">Start</A>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -118,6 +122,17 @@ export default function Home() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</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>
|
</main>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue