Skip to content

Commit e1a737d

Browse files
guntagunta
committed
feat: Update CTA and index page for improved messaging and visuals
- Removed the StarBorder animation from the CTA component for a cleaner look. - Revised text in the CTA to encourage users to express interest in PRiority more directly. - Enhanced the index page layout with new visual elements, including gradients and icons, to better illustrate the before and after scenarios of using PRiority. - Updated messaging to emphasize the benefits of PRiority, making it more engaging and clear for users. These changes aim to strengthen the call-to-action and improve the overall user experience on the landing page.
1 parent 7512919 commit e1a737d

File tree

2 files changed

+146
-60
lines changed

2 files changed

+146
-60
lines changed

‎src/components/CTA.astro‎

Lines changed: 14 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
---
2-
import StarBorder from '../Animations/StarBorder/StarBorder.tsx';
32
---
43

54
<section id="cta" class="relative z-10 px-6 py-32 lg:px-12">
@@ -14,47 +13,39 @@ import StarBorder from '../Animations/StarBorder/StarBorder.tsx';
1413
to those who create it...
1514
</p>
1615
<p class="text-2xl font-bold text-white mb-8">
17-
Then <span class="gradient-text">bother @gunta85</span> to build it!
16+
Then <span class="gradient-text">tell @gunta85</span> you want this built!
1817
</p>
1918

2019
<div class="space-y-6">
2120
<div class="bg-gray-900/50 border border-gray-800 rounded-xl p-6 mb-6">
2221
<p class="text-sm text-gray-400 mb-3">Click to tweet this message:</p>
2322
<div class="bg-black/50 border border-gray-700 rounded-lg p-4 text-left">
2423
<p class="text-gray-300 mb-4">
25-
Hey <span class="text-blue-400">@gunta85</span> please make this PRiority stuff! 🚀<br/><br/>
24+
Hey <span class="text-blue-400">@gunta85</span>, I want PRiority to exist! 🚀<br/><br/>
2625

27-
I want it because:<br/>
28-
• GitHub issue funding with AI estimates sounds amazing<br/>
29-
• Zero infrastructure = actually feasible<br/>
30-
• Open source needs sustainable funding NOW<br/><br/>
26+
This would be game-changing:<br/>
27+
• AI-estimated GitHub issue funding<br/>
28+
• Zero infrastructure for maintainers<br/>
29+
• Sustainable open source economics<br/>
30+
• One-click Stripe payments<br/><br/>
3131

32-
Stop whatever you're doing and ship this! 💰🤖<br/><br/>
33-
34-
<span class="text-gray-500">#OpenSource #AIAgents #GitHubActions</span>
32+
Please build this - the ecosystem needs it! 💰🤖
3533
</p>
3634
</div>
3735
</div>
3836

39-
<StarBorder
40-
client:load
41-
as="a"
42-
href="https://twitter.com/intent/tweet?text=Hey%20%40gunta85%20please%20make%20this%20PRiority%20stuff!%20%F0%9F%9A%80%0A%0AI%20want%20it%20because%3A%0A%E2%80%A2%20GitHub%20issue%20funding%20with%20AI%20estimates%20sounds%20amazing%0A%E2%80%A2%20Zero%20infrastructure%20%3D%20actually%20feasible%0A%E2%80%A2%20Open%20source%20needs%20sustainable%20funding%20NOW%0A%0AStop%20whatever%20you're%20doing%20and%20ship%20this!%20%F0%9F%92%B0%F0%9F%A4%96%0A%0A%23OpenSource%20%23AIAgents%20%23GitHubActions&url=https://gunta.github.io/PRiority"
43-
className="glow-button text-lg group inline-flex items-center"
44-
target="_blank"
45-
rel="noopener noreferrer"
46-
color="#60a5fa"
47-
speed="4s"
48-
thickness={2}
49-
>
37+
<a href="https://twitter.com/intent/tweet?text=Hey%20%40gunta85%2C%20I%20want%20PRiority%20to%20exist!%20%F0%9F%9A%80%0A%0AThis%20would%20be%20game-changing%3A%0A%E2%80%A2%20AI-estimated%20GitHub%20issue%20funding%0A%E2%80%A2%20Zero%20infrastructure%20for%20maintainers%0A%E2%80%A2%20Sustainable%20open%20source%20economics%0A%E2%80%A2%20One-click%20Stripe%20payments%0A%0APlease%20build%20this%20-%20the%20ecosystem%20needs%20it!%20%F0%9F%92%B0%F0%9F%A4%96&url=https://gunta.github.io/PRiority"
38+
class="glow-button text-lg group inline-flex items-center"
39+
target="_blank"
40+
rel="noopener noreferrer">
5041
<svg class="w-6 h-6 mr-2" fill="currentColor" viewBox="0 0 24 24">
5142
<path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
5243
</svg>
53-
Bother @gunta85 on X
44+
Share Your Support on X
5445
<svg class="w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
5546
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" />
5647
</svg>
57-
</StarBorder>
48+
</a>
5849

5950
<div class="mt-8 pt-8 border-t border-gray-800">
6051
<p class="text-gray-400 mb-4">

‎src/pages/index.astro‎

Lines changed: 132 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -299,46 +299,142 @@ import '../styles/global.css';
299299
</p>
300300

301301
<div class="grid md:grid-cols-3 gap-8 text-left mb-12">
302-
<div class="bg-gray-900/50 border border-red-500/30 rounded-lg p-6">
303-
<div class="text-center mb-4">
304-
<div class="text-4xl mb-2">😵‍💫</div>
305-
<h3 class="text-xl font-bold text-red-400">Before PRiority</h3>
302+
<div class="bg-gray-900/50 border border-red-500/30 rounded-lg p-6 relative overflow-hidden">
303+
<div class="absolute inset-0 bg-gradient-to-br from-red-500/5 to-transparent"></div>
304+
<div class="relative">
305+
<div class="text-center mb-6">
306+
<div class="w-16 h-16 mx-auto mb-3 bg-red-500/20 rounded-full flex items-center justify-center">
307+
<svg class="w-8 h-8 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
308+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
309+
</svg>
310+
</div>
311+
<h3 class="text-xl font-bold text-red-400">Before PRiority</h3>
312+
</div>
313+
<ul class="space-y-3">
314+
<li class="flex items-start gap-3 text-gray-300">
315+
<svg class="w-5 h-5 mt-0.5 text-red-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
316+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
317+
</svg>
318+
<span>Issues sit for months</span>
319+
</li>
320+
<li class="flex items-start gap-3 text-gray-300">
321+
<svg class="w-5 h-5 mt-0.5 text-red-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
322+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728L5.636 5.636m12.728 12.728L18.364 5.636M5.636 18.364l12.728-12.728"/>
323+
</svg>
324+
<span>No way to pay for fixes</span>
325+
</li>
326+
<li class="flex items-start gap-3 text-gray-300">
327+
<svg class="w-5 h-5 mt-0.5 text-red-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
328+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z"/>
329+
</svg>
330+
<span>Maintainers burn out</span>
331+
</li>
332+
<li class="flex items-start gap-3 text-gray-300">
333+
<svg class="w-5 h-5 mt-0.5 text-red-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
334+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.172 16.172a4 4 0 015.656 0M9 12h6m-6-4h6m2 5.291A7.962 7.962 0 0112 15c-2.34 0-4.29-1.009-5.7-2.6"/>
335+
</svg>
336+
<span>Users get frustrated</span>
337+
</li>
338+
<li class="flex items-start gap-3 text-gray-300">
339+
<svg class="w-5 h-5 mt-0.5 text-red-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
340+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 17h8m0 0V9m0 8l-8-8-4 4-6-6"/>
341+
</svg>
342+
<span>Projects stagnate</span>
343+
</li>
344+
</ul>
306345
</div>
307-
<ul class="text-gray-400 space-y-2 text-sm">
308-
<li>• Issues sit for months</li>
309-
<li>• No way to pay for fixes</li>
310-
<li>• Maintainers burn out</li>
311-
<li>• Users get frustrated</li>
312-
<li>• Projects stagnate</li>
313-
</ul>
314346
</div>
315347

316-
<div class="bg-gray-900/50 border border-blue-500/30 rounded-lg p-6">
317-
<div class="text-center mb-4">
318-
<div class="text-4xl mb-2">🤖</div>
319-
<h3 class="text-xl font-bold text-blue-400">With AI Power</h3>
348+
<div class="bg-gray-900/50 border border-blue-500/30 rounded-lg p-6 relative overflow-hidden">
349+
<div class="absolute inset-0 bg-gradient-to-br from-blue-500/5 to-transparent"></div>
350+
<div class="relative">
351+
<div class="text-center mb-6">
352+
<div class="w-16 h-16 mx-auto mb-3 bg-blue-500/20 rounded-full flex items-center justify-center">
353+
<svg class="w-8 h-8 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
354+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
355+
</svg>
356+
</div>
357+
<h3 class="text-xl font-bold text-blue-400">With AI Power</h3>
358+
</div>
359+
<ul class="space-y-3">
360+
<li class="flex items-start gap-3 text-gray-300">
361+
<svg class="w-5 h-5 mt-0.5 text-blue-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
362+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
363+
</svg>
364+
<span>Claude estimates cost</span>
365+
</li>
366+
<li class="flex items-start gap-3 text-gray-300">
367+
<svg class="w-5 h-5 mt-0.5 text-blue-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
368+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z"/>
369+
</svg>
370+
<span>Anyone can fund issues</span>
371+
</li>
372+
<li class="flex items-start gap-3 text-gray-300">
373+
<svg class="w-5 h-5 mt-0.5 text-blue-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
374+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"/>
375+
</svg>
376+
<span>AI writes the code</span>
377+
</li>
378+
<li class="flex items-start gap-3 text-gray-300">
379+
<svg class="w-5 h-5 mt-0.5 text-blue-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
380+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
381+
</svg>
382+
<span>Humans review & merge</span>
383+
</li>
384+
<li class="flex items-start gap-3 text-gray-300">
385+
<svg class="w-5 h-5 mt-0.5 text-blue-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
386+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
387+
</svg>
388+
<span>Money flows instantly</span>
389+
</li>
390+
</ul>
320391
</div>
321-
<ul class="text-gray-400 space-y-2 text-sm">
322-
<li>• Claude estimates cost</li>
323-
<li>• Anyone can fund issues</li>
324-
<li>• AI writes the code</li>
325-
<li>• Humans review & merge</li>
326-
<li>• Money flows instantly</li>
327-
</ul>
328392
</div>
329393

330-
<div class="bg-gray-900/50 border border-green-500/30 rounded-lg p-6">
331-
<div class="text-center mb-4">
332-
<div class="text-4xl mb-2">🚀</div>
333-
<h3 class="text-xl font-bold text-green-400">After PRiority</h3>
394+
<div class="bg-gray-900/50 border border-green-500/30 rounded-lg p-6 relative overflow-hidden">
395+
<div class="absolute inset-0 bg-gradient-to-br from-green-500/5 to-transparent"></div>
396+
<div class="relative">
397+
<div class="text-center mb-6">
398+
<div class="w-16 h-16 mx-auto mb-3 bg-green-500/20 rounded-full flex items-center justify-center">
399+
<svg class="w-8 h-8 text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
400+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/>
401+
</svg>
402+
</div>
403+
<h3 class="text-xl font-bold text-green-400">After PRiority</h3>
404+
</div>
405+
<ul class="space-y-3">
406+
<li class="flex items-start gap-3 text-gray-300">
407+
<svg class="w-5 h-5 mt-0.5 text-green-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
408+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
409+
</svg>
410+
<span>Issues fixed in hours</span>
411+
</li>
412+
<li class="flex items-start gap-3 text-gray-300">
413+
<svg class="w-5 h-5 mt-0.5 text-green-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
414+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
415+
</svg>
416+
<span>Maintainers get paid</span>
417+
</li>
418+
<li class="flex items-start gap-3 text-gray-300">
419+
<svg class="w-5 h-5 mt-0.5 text-green-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
420+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"/>
421+
</svg>
422+
<span>Users vote with money</span>
423+
</li>
424+
<li class="flex items-start gap-3 text-gray-300">
425+
<svg class="w-5 h-5 mt-0.5 text-green-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
426+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"/>
427+
</svg>
428+
<span>Quality code delivered</span>
429+
</li>
430+
<li class="flex items-start gap-3 text-gray-300">
431+
<svg class="w-5 h-5 mt-0.5 text-green-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
432+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/>
433+
</svg>
434+
<span>Ecosystem thrives</span>
435+
</li>
436+
</ul>
334437
</div>
335-
<ul class="text-gray-400 space-y-2 text-sm">
336-
<li>• Issues fixed in hours</li>
337-
<li>• Maintainers get paid</li>
338-
<li>• Users vote with money</li>
339-
<li>• Quality code delivered</li>
340-
<li>• Ecosystem thrives</li>
341-
</ul>
342438
</div>
343439
</div>
344440

@@ -380,10 +476,9 @@ import '../styles/global.css';
380476
<div class="max-w-7xl mx-auto">
381477
<div class="flex flex-col md:flex-row justify-between items-center">
382478
<div class="flex items-center space-x-2 mb-4 md:mb-0">
383-
<svg class="w-6 h-6 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
384-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
385-
</svg>
386-
<span class="text-xl font-bold gradient-text">PRiority</span>
479+
<div class="flex items-center space-x-2">
480+
<img src="/PRiority/logo.png" alt="PRiority Logo" style="height: 4rem; width: auto; object-fit: contain;" />
481+
</div>
387482
</div>
388483
<p class="text-gray-400 text-sm">
389484
© 2025 PRiority by <a href="https://x.com/gunta85" class="text-blue-400 hover:underline">@gunta85</a>. The future of open source is funded.

0 commit comments

Comments
 (0)