Skip to content

Commit 8141fca

Browse files
userAugustosuserAugustos
committed
fix: change "Hire engineer" > "Hire"
1 parent 0fdd6ae commit 8141fca

1 file changed

Lines changed: 61 additions & 18 deletions

File tree

‎src/components/Nav.jsx‎

Lines changed: 61 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,11 @@ import "./Nav.css";
44

55
export function NextonNav({ active = "talent", dark = false }) {
66
const ctaHref = active === "talent" ? "#apply" : "#contact";
7-
const ctaLabel = active === "talent" ? "Apply" : "Hire engineers";
7+
const ctaLabel = active === "talent" ? "Apply" : "Hire";
88

99
return (
1010
<header className="sticky top-0 z-50 backdrop-blur-[14px] backdrop-saturate-[140%] bg-(--nav-bg) border-b border-(--nav-border)">
1111
<div className="max-w-(--max) mx-auto px-(--gutter) py-[18px] flex items-center gap-8">
12-
1312
<TransitionLink to="/" className="hidden lg:flex items-center" aria-label="Nexton">
1413
<img
1514
src={`${import.meta.env.BASE_URL}Nexton/${dark ? "NextonLogo.svg" : "NextonLogoDark.svg"}`}
@@ -41,21 +40,35 @@ export function NextonNav({ active = "talent", dark = false }) {
4140
</nav>
4241

4342
<nav className="hidden lg:flex gap-7 text-sm text-(--navy-600)" aria-label="Primary">
44-
<a href="#offer" className="hover:text-(--navy-1000) transition-colors">Talent Advice</a>
45-
<a href="https://blog.nexton.dev/" target="_blank" rel="noopener noreferrer" className="hover:text-(--navy-1000) transition-colors">
43+
<a href="#offer" className="hover:text-(--navy-1000) transition-colors">
44+
Talent Advice
45+
</a>
46+
<a
47+
href="https://blog.nexton.dev/"
48+
target="_blank"
49+
rel="noopener noreferrer"
50+
className="hover:text-(--navy-1000) transition-colors"
51+
>
4652
Blog
4753
</a>
48-
<a href="https://nexton.dev/about" target="_blank" rel="noopener noreferrer" className="hover:text-(--navy-1000) transition-colors">
54+
<a
55+
href="https://nexton.dev/about"
56+
target="_blank"
57+
rel="noopener noreferrer"
58+
className="hover:text-(--navy-1000) transition-colors"
59+
>
4960
About Us
5061
</a>
5162
</nav>
5263

53-
<a href={ctaHref} className="nx-cta inline-flex items-center justify-center px-[18px] py-[9px] rounded-full bg-(--accent) text-white text-[13px] font-medium whitespace-nowrap overflow-hidden transition-[transform,background] duration-150 hover:bg-(--accent-deep) hover:-translate-y-px">
64+
<a
65+
href={ctaHref}
66+
className="nx-cta inline-flex items-center justify-center px-[18px] py-[9px] rounded-full bg-(--accent) text-white text-[13px] font-medium whitespace-nowrap overflow-hidden transition-[transform,background] duration-150 hover:bg-(--accent-deep) hover:-translate-y-px"
67+
>
5468
<span className="nx-cta-text inline-block" key={active}>
5569
{ctaLabel}
5670
</span>
5771
</a>
58-
5972
</div>
6073
</header>
6174
);
@@ -65,7 +78,6 @@ export function NextonFooter() {
6578
return (
6679
<footer className="bg-(--navy-1000) text-(--navy-300) px-(--gutter) pt-20 pb-10">
6780
<div className="max-w-(--max) mx-auto grid grid-cols-2 md:grid-cols-[1.5fr_1fr_1fr] gap-16">
68-
6981
<div>
7082
<Link to="/" aria-label="Nexton home">
7183
<img
@@ -81,37 +93,68 @@ export function NextonFooter() {
8193
</div>
8294

8395
<div>
84-
<h4 className="text-white text-[13px] font-medium mb-4 tracking-[-0.01em]">Talent Advice</h4>
96+
<h4 className="text-white text-[13px] font-medium mb-4 tracking-[-0.01em]">
97+
Talent Advice
98+
</h4>
8599
<ul className="list-none p-0 m-0 flex flex-col gap-[10px] text-sm">
86-
<li><Link to="/talent#offer" className="hover:text-white transition-colors">What you get</Link></li>
87-
<li><Link to="/talent#process" className="hover:text-white transition-colors">Our process</Link></li>
88-
<li><Link to="/talent#faq" className="hover:text-white transition-colors">FAQ</Link></li>
89-
<li><Link to="/talent#apply" className="hover:text-white transition-colors">Apply</Link></li>
100+
<li>
101+
<Link to="/talent#offer" className="hover:text-white transition-colors">
102+
What you get
103+
</Link>
104+
</li>
105+
<li>
106+
<Link to="/talent#process" className="hover:text-white transition-colors">
107+
Our process
108+
</Link>
109+
</li>
110+
<li>
111+
<Link to="/talent#faq" className="hover:text-white transition-colors">
112+
FAQ
113+
</Link>
114+
</li>
115+
<li>
116+
<Link to="/talent#apply" className="hover:text-white transition-colors">
117+
Apply
118+
</Link>
119+
</li>
90120
</ul>
91121
</div>
92122

93123
<div>
94124
<h4 className="text-white text-[13px] font-medium mb-4 tracking-[-0.01em]">About Us</h4>
95125
<ul className="list-none p-0 m-0 flex flex-col gap-[10px] text-sm">
96126
<li>
97-
<a href="https://nexton.dev/about" target="_blank" rel="noopener noreferrer" className="hover:text-white transition-colors">
127+
<a
128+
href="https://nexton.dev/about"
129+
target="_blank"
130+
rel="noopener noreferrer"
131+
className="hover:text-white transition-colors"
132+
>
98133
Who we are
99134
</a>
100135
</li>
101136
<li>
102-
<Link to="/" className="hover:text-white transition-colors">For companies</Link>
137+
<Link to="/" className="hover:text-white transition-colors">
138+
For companies
139+
</Link>
103140
</li>
104141
<li>
105-
<a href="https://nexton.dev/careers" target="_blank" rel="noopener noreferrer" className="hover:text-white transition-colors">
142+
<a
143+
href="https://nexton.dev/careers"
144+
target="_blank"
145+
rel="noopener noreferrer"
146+
className="hover:text-white transition-colors"
147+
>
106148
Careers at Nexton
107149
</a>
108150
</li>
109151
<li>
110-
<Link to="/#contact" className="hover:text-white transition-colors">Contact</Link>
152+
<Link to="/#contact" className="hover:text-white transition-colors">
153+
Contact
154+
</Link>
111155
</li>
112156
</ul>
113157
</div>
114-
115158
</div>
116159
<div className="max-w-(--max) mx-auto mt-[60px] pt-7 border-t border-(--navy-800) flex justify-between text-xs text-(--navy-500) font-[var(--font-mono)]">
117160
<span>© 2026 NEXTON LABS, INC.</span>

0 commit comments

Comments
 (0)