Skip to content

Commit 117bf68

Browse files
AmishmaqboolAmishmaqbool
committed
Partner page setup
1 parent 3365baf commit 117bf68

2 files changed

Lines changed: 208 additions & 108 deletions

File tree

‎app/partners/page.tsx‎

Lines changed: 204 additions & 108 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,42 @@
1-
"use client"
2-
3-
import { Button } from "../../components/ui/button"
4-
import { Card } from "../../components/ui/card"
5-
import { Badge } from "../../components/ui/badge"
6-
import { Navigation } from "../../components/layout/Navigation"
7-
import { StellarStackLogo, TekiesoftLogo } from "../../components/logos/partners"
1+
"use client";
2+
import Link from "next/link";
3+
import { Button } from "../../components/ui/button";
4+
import { Card } from "../../components/ui/card";
5+
import { Badge } from "../../components/ui/badge";
6+
import { Navigation } from "../../components/layout/Navigation";
7+
import {
8+
StellarStackLogo,
9+
TekiesoftLogo,
10+
} from "../../components/logos/partners";
811

912
export default function PartnersPage() {
1013
return (
1114
<div className="min-h-screen bg-black text-white">
1215
<Navigation />
13-
16+
1417
{/* Hero Section */}
15-
<section className="pt-24 pb-16 px-4 sm:px-6 lg:px-8">
18+
<section className="pt-32 pb-16 px-4 sm:px-6 lg:px-8">
1619
<div className="max-w-4xl mx-auto text-center">
1720
<h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold mb-6">
1821
Hire a Nexlayer Partner
1922
</h1>
2023
<p className="text-lg sm:text-xl text-gray-300 mb-8 max-w-3xl mx-auto">
21-
Whether you're just getting started with Nexlayer or looking to implement advanced functionality,
22-
our partners have the expertise and industry knowledge to deliver the right solution.
24+
Whether you're just getting started with Nexlayer or looking to
25+
implement advanced functionality, our partners have the expertise
26+
and industry knowledge to deliver the right solution.
2327
</p>
24-
<Button
28+
<Button
2529
className="bg-transparent border-2 border-cyan-400 text-cyan-400 hover:!bg-cyan-400 hover:!text-black px-8 py-3 text-lg font-medium rounded-lg transition-all duration-300"
26-
onClick={() => document.getElementById('partners-section')?.scrollIntoView({ behavior: 'smooth' })}
30+
onClick={() =>
31+
document
32+
.getElementById("partners-section")
33+
?.scrollIntoView({ behavior: "smooth" })
34+
}
2735
>
2836
Meet our partners
2937
</Button>
3038
<div className="mt-6">
31-
<a
39+
<a
3240
href="mailto:partnerships@nexlayer.com"
3341
className="text-white hover:text-cyan-400 text-sm font-medium transition-colors duration-300"
3442
>
@@ -49,7 +57,9 @@ export default function PartnersPage() {
4957
<div className="w-12 h-12 bg-cyan-400 text-black rounded-lg flex items-center justify-center text-xl font-bold mx-auto mb-4">
5058
1
5159
</div>
52-
<h3 className="text-xl font-semibold mb-3">Describe Your Project</h3>
60+
<h3 className="text-xl font-semibold mb-3">
61+
Describe Your Project
62+
</h3>
5363
<p className="text-gray-300">
5464
Tell us about your project vision and core features to build
5565
</p>
@@ -60,7 +70,8 @@ export default function PartnersPage() {
6070
</div>
6171
<h3 className="text-xl font-semibold mb-3">Get Paired</h3>
6272
<p className="text-gray-300">
63-
We match your application with the perfect builder or you can contact expert builders directly
73+
We match your application with the perfect builder or you can
74+
contact expert builders directly
6475
</p>
6576
</div>
6677
<div className="text-center">
@@ -78,7 +89,8 @@ export default function PartnersPage() {
7889
</div>
7990
<h3 className="text-xl font-semibold mb-3">Maintain Control</h3>
8091
<p className="text-gray-300">
81-
Edit your project with Nexlayer anytime and re-engage with expert builders as needed
92+
Edit your project with Nexlayer anytime and re-engage with
93+
expert builders as needed
8294
</p>
8395
</div>
8496
</div>
@@ -93,120 +105,204 @@ export default function PartnersPage() {
93105
</h2>
94106
<p className="text-lg text-gray-300 text-center mb-12 max-w-3xl mx-auto">
95107
Connect directly with our partners below. Can't find the right fit?{" "}
96-
<span className="text-cyan-400">Let us help match you</span> with the perfect partner.
108+
<span className="text-cyan-400">Let us help match you</span> with
109+
the perfect partner.
97110
</p>
98-
111+
99112
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
100113
{/* Partner 1 */}
101-
<Card className="bg-gray-900 border-gray-700 p-6 relative">
102-
<Badge className="absolute top-4 right-4 bg-orange-500 text-white">
103-
Preferred Partner
104-
</Badge>
105-
<div className="flex items-center mb-4">
106-
<div className="w-12 h-12 bg-white rounded-lg flex items-center justify-center mr-4 p-2">
107-
<StellarStackLogo width={32} height={32} />
114+
<Card className="flex flex-col justify-between bg-gray-900 border-gray-700 p-6 relative">
115+
<div>
116+
<Badge className="absolute top-4 right-4 bg-orange-500 text-white">
117+
Preferred Partner
118+
</Badge>
119+
<div className="flex items-center mb-4">
120+
<div className="w-12 h-12 bg-white rounded-lg flex items-center justify-center mr-4 p-2">
121+
<StellarStackLogo width={32} height={32} />
122+
</div>
123+
<div>
124+
<h3 className="text-xl font-bold text-white">
125+
StellarStack
126+
</h3>
127+
<p className="text-gray-400 text-sm">
128+
British Columbia, Canada • English
129+
</p>
130+
</div>
108131
</div>
109-
<div>
110-
<h3 className="text-xl font-bold text-white">StellarStack</h3>
111-
<p className="text-gray-400 text-sm">British Columbia, Canada • English</p>
132+
<div className="space-y-2 mb-6">
133+
<p className="text-white">
134+
<span className="text-gray-400">Budget:</span> Starting from
135+
$1500
136+
</p>
137+
<p className="text-white">
138+
<span className="text-gray-400">Hourly Rate:</span> $55/hr
139+
</p>
140+
<Link href="https://www.stellarstack.co/" target="_blank">
141+
<p className="text-cyan-400">
142+
<span className="text-gray-400">Website:</span>
143+
www.stellarstack.co/
144+
</p>
145+
</Link>
146+
<p className="text-cyan-400">
147+
<span className="text-gray-400">Nexlayer Projects:</span>37
148+
</p>
149+
</div>
150+
<div className="mb-6">
151+
<h4 className="text-white font-semibold mb-2">
152+
Key Services:
153+
</h4>
154+
<ul className="text-gray-300 space-y-1">
155+
<li>• Rapid MVP Development</li>
156+
<li>• AUI/UX Design</li>
157+
<li>• Full-Stack Application Development</li>
158+
<li>• API integrations</li>
159+
<li>• AI/LLM model integration</li>
160+
<li>• Cloud infrastructure management</li>
161+
</ul>
112162
</div>
113163
</div>
114-
<div className="space-y-2 mb-6">
115-
<p className="text-white"><span className="text-gray-400">Budget:</span> Starting from $1500</p>
116-
<p className="text-white"><span className="text-gray-400">Hourly Rate:</span> $55/hr</p>
117-
<p className="text-cyan-400"><span className="text-gray-400">Website:</span>www.stellarstack.co/</p>
118-
<p className="text-cyan-400"><span className="text-gray-400">Nexlayer Projects:</span>37</p>
119-
</div>
120-
<div className="mb-6">
121-
<h4 className="text-white font-semibold mb-2">Key Services:</h4>
122-
<ul className="text-gray-300 space-y-1">
123-
<li>• Rapid MVP Development</li>
124-
<li>• AUI/UX Design</li>
125-
<li>• Full-Stack Application Development</li>
126-
<li>• API integrations</li>
127-
<li>• AI/LLM model integration</li>
128-
<li>• Cloud infrastructure management</li>
129-
</ul>
130-
</div>
131-
<Button
132-
className="w-full bg-transparent border-2 border-cyan-400 text-cyan-400 hover:!bg-cyan-400 hover:!text-black font-medium transition-all duration-300"
133-
onClick={() => window.open('mailto:partnerships@nexlayer.com?subject=Hiring StellarStack for my Nexlayer project', '_blank')}
164+
<Button
165+
className="py-3 w-full bg-transparent border-2 border-cyan-400 text-cyan-400 hover:!bg-cyan-400 hover:!text-black font-medium transition-all duration-300"
166+
onClick={() =>
167+
window.open(
168+
"mailto:partnerships@nexlayer.com?subject=Hiring StellarStack for my Nexlayer project",
169+
"_blank"
170+
)
171+
}
134172
>
135173
Contact
136174
</Button>
137175
</Card>
138176

139177
{/* Partner 2 */}
140-
<Card className="bg-gray-900 border-gray-700 p-6 relative">
141-
<Badge className="absolute top-4 right-4 bg-orange-500 text-white">
142-
Preferred Partner
143-
</Badge>
144-
<div className="flex items-center mb-4">
145-
<div className="w-12 h-12 bg-white rounded-lg flex items-center justify-center mr-4 p-2">
146-
<TekiesoftLogo width={32} height={32} />
178+
<Card className="flex flex-col justify-between bg-gray-900 border-gray-700 p-6 relative">
179+
<div>
180+
<Badge className="absolute top-4 right-4 bg-orange-500 text-white">
181+
Preferred Partner
182+
</Badge>
183+
<div className="flex items-center mb-4">
184+
<div className="w-12 h-12 bg-white rounded-lg flex items-center justify-center mr-4 p-2">
185+
<TekiesoftLogo width={32} height={32} />
186+
</div>
187+
<div>
188+
<h3 className="text-xl font-bold text-white">Tekiesoft</h3>
189+
<p className="text-gray-400 text-sm">
190+
Atlanta, Georgia • English
191+
</p>
192+
</div>
147193
</div>
148-
<div>
149-
<h3 className="text-xl font-bold text-white">Tekiesoft</h3>
150-
<p className="text-gray-400 text-sm">Atlanta, Georgia • English</p>
194+
<div className="space-y-2 mb-6">
195+
<p className="text-white">
196+
<span className="text-gray-400">Budget:</span> Starting from
197+
$3,000
198+
</p>
199+
<p className="text-white">
200+
<span className="text-gray-400">Hourly Rate:</span>$100/hr
201+
</p>
202+
<Link href="https://www.tekiesoft.com/" target="_blank">
203+
<p className="text-cyan-400">
204+
<span className="text-gray-400">Website:</span>
205+
www.tekiesoft.com
206+
</p>
207+
</Link>
208+
<p className="text-cyan-400">
209+
<span className="text-gray-400">Nexlayer Projects:</span>23
210+
</p>
211+
</div>
212+
<div className="mb-6">
213+
<h4 className="text-white font-semibold mb-2">
214+
Key Services:
215+
</h4>
216+
<ul className="text-gray-300 space-y-1">
217+
<li>• CI/CD Pipelines for automated deployments</li>
218+
<li>• Cloud Cost Optimization</li>
219+
<li>• Data pipeline architecture</li>
220+
<li>• Custom AI integrations</li>
221+
<li>• Scaling guidance</li>
222+
<li>• Startup-Ready Security</li>
223+
</ul>
151224
</div>
152225
</div>
153-
<div className="space-y-2 mb-6">
154-
<p className="text-white"><span className="text-gray-400">Budget:</span> Starting from $3,000</p>
155-
<p className="text-white"><span className="text-gray-400">Hourly Rate:</span>$100/hr</p>
156-
<p className="text-cyan-400"><span className="text-gray-400">Website:</span>www.tekiesoft.com</p>
157-
<p className="text-cyan-400"><span className="text-gray-400">Nexlayer Projects:</span>23</p>
158-
</div>
159-
<div className="mb-6">
160-
<h4 className="text-white font-semibold mb-2">Key Services:</h4>
161-
<ul className="text-gray-300 space-y-1">
162-
<li>• CI/CD Pipelines for automated deployments</li>
163-
<li>• Cloud Cost Optimization</li>
164-
<li>• Data pipeline architecture</li>
165-
<li>• Custom AI integrations</li>
166-
<li>• Scaling guidance</li>
167-
<li>• Startup-Ready Security</li>
168-
</ul>
169-
</div>
170-
<Button
171-
className="w-full bg-transparent border-2 border-cyan-400 text-cyan-400 hover:!bg-cyan-400 hover:!text-black font-medium transition-all duration-300"
172-
onClick={() => window.open('mailto:partnerships@nexlayer.com?subject=Hiring Tekiesoft for my Nexlayer project', '_blank')}
226+
<Button
227+
className="py-3 w-full bg-transparent border-2 border-cyan-400 text-cyan-400 hover:!bg-cyan-400 hover:!text-black font-medium transition-all duration-300"
228+
onClick={() =>
229+
window.open(
230+
"mailto:partnerships@nexlayer.com?subject=Hiring Tekiesoft for my Nexlayer project",
231+
"_blank"
232+
)
233+
}
173234
>
174235
Contact
175236
</Button>
176237
</Card>
177238

178239
{/* Become a Partner Card */}
179-
<Card className="bg-gray-900 border-gray-700 p-6 border-2 border-dashed border-cyan-400/50 hover:border-cyan-400 transition-all duration-300">
180-
<div className="flex items-center mb-4">
181-
<div className="w-12 h-12 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-lg flex items-center justify-center mr-4">
182-
<svg className="w-6 h-6 text-black" fill="none" stroke="currentColor" viewBox="0 0 24 24">
183-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
184-
</svg>
240+
<Card className="flex flex-col justify-between bg-gray-900 border-gray-700 p-6 border-2 border-dashed border-cyan-400/50 hover:border-cyan-400 transition-all duration-300">
241+
<div>
242+
<div className="flex items-center mb-4">
243+
<div className="w-12 h-12 bg-gradient-to-br from-cyan-400 to-blue-500 rounded-lg flex items-center justify-center mr-4">
244+
<svg
245+
className="w-6 h-6 text-black"
246+
fill="none"
247+
stroke="currentColor"
248+
viewBox="0 0 24 24"
249+
>
250+
<path
251+
strokeLinecap="round"
252+
strokeLinejoin="round"
253+
strokeWidth={2}
254+
d="M12 6v6m0 0v6m0-6h6m-6 0H6"
255+
/>
256+
</svg>
257+
</div>
258+
<div>
259+
<h3 className="text-xl font-bold text-white">
260+
Become a Partner
261+
</h3>
262+
<p className="text-gray-400 text-sm">
263+
Join our partner network
264+
</p>
265+
</div>
185266
</div>
186-
<div>
187-
<h3 className="text-xl font-bold text-white">Become a Partner</h3>
188-
<p className="text-gray-400 text-sm">Join our partner network</p>
267+
<div className="space-y-2 mb-6">
268+
<p className="text-white">
269+
<span className="text-gray-400">Benefits:</span> Preferred
270+
partner status
271+
</p>
272+
<p className="text-white">
273+
<span className="text-gray-400">Support:</span> Dedicated
274+
partner resources
275+
</p>
276+
<p className="text-cyan-400">
277+
<span className="text-gray-400">Growth:</span> Access to our
278+
client network
279+
</p>
280+
<p className="text-cyan-400">
281+
<span className="text-gray-400">Training:</span> Nexlayer
282+
expertise certification
283+
</p>
284+
</div>
285+
<div className="mb-6">
286+
<h4 className="text-white font-semibold mb-2">
287+
What we're looking for:
288+
</h4>
289+
<ul className="text-gray-300 space-y-1">
290+
<li>• Proven development experience</li>
291+
<li>• Strong client communication</li>
292+
<li>• Nexlayer platform expertise</li>
293+
<li>• Portfolio of successful projects</li>
294+
<li>• Commitment to quality delivery</li>
295+
</ul>
189296
</div>
190297
</div>
191-
<div className="space-y-2 mb-6">
192-
<p className="text-white"><span className="text-gray-400">Benefits:</span> Preferred partner status</p>
193-
<p className="text-white"><span className="text-gray-400">Support:</span> Dedicated partner resources</p>
194-
<p className="text-cyan-400"><span className="text-gray-400">Growth:</span> Access to our client network</p>
195-
<p className="text-cyan-400"><span className="text-gray-400">Training:</span> Nexlayer expertise certification</p>
196-
</div>
197-
<div className="mb-6">
198-
<h4 className="text-white font-semibold mb-2">What we're looking for:</h4>
199-
<ul className="text-gray-300 space-y-1">
200-
<li>• Proven development experience</li>
201-
<li>• Strong client communication</li>
202-
<li>• Nexlayer platform expertise</li>
203-
<li>• Portfolio of successful projects</li>
204-
<li>• Commitment to quality delivery</li>
205-
</ul>
206-
</div>
207-
<Button
208-
className="w-full bg-transparent border-2 border-cyan-400 text-cyan-400 hover:!bg-cyan-400 hover:!text-black font-medium transition-all duration-300"
209-
onClick={() => window.open('mailto:partnerships@nexlayer.com?subject=Looking to become a Nexlayer partner?', '_blank')}
298+
<Button
299+
className="py-3 w-full bg-transparent border-2 border-cyan-400 text-cyan-400 hover:!bg-cyan-400 hover:!text-black font-medium transition-all duration-300"
300+
onClick={() =>
301+
window.open(
302+
"mailto:partnerships@nexlayer.com?subject=Looking to become a Nexlayer partner?",
303+
"_blank"
304+
)
305+
}
210306
>
211307
Apply Now
212308
</Button>
@@ -215,5 +311,5 @@ export default function PartnersPage() {
215311
</div>
216312
</section>
217313
</div>
218-
)
314+
);
219315
}

0 commit comments

Comments
 (0)