Skip to content

updated wording to match free plan / verified HIW component #158

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
iHildy merged 2 commits into from
Aug 17, 2025
Merged

updated wording to match free plan / verified HIW component #158

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
06827d8
updated wording to match free plan / verified how it works section / …
iHildy Aug 17, 2025
e07696b
updated occurrences of 60 to 15
iHildy Aug 17, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/components/landing/cta-section.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ export function CTASection() {
<section className="py-24 bg-jules-primary-10">
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h2 className="text-3xl md:text-5xl font-bold text-white mb-6">
Ready to unlock all 60 tasks?
Ready to unlock all 15 tasks?
</h2>
<p className="text-xl text-gray-300 mb-8">
Stop babysitting the queue. Start shipping faster.
Expand Down
2 changes: 2 additions & 0 deletions src/components/landing/disclaimer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,8 @@ export function Disclaimer() {
community. We are not affiliated with Jules, Google, or Google Labs
in any way. Jules Task Queue simply helps you manage your Jules task
queue more efficiently.
<br />
<br />* All Jules limits stated are based on the free tier.
Comment on lines +16 to +17
Copy link
Contributor

@gemini-code-assist gemini-code-assist bot Aug 17, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

Using <br /> tags for spacing is generally discouraged in favor of CSS for layout and styling. For better semantic structure and maintainability, you could wrap the new disclaimer text in a <p> tag and use a margin utility for spacing. Since the parent AlertDescription component renders as a div, this is semantically correct and will be styled appropriately.

            <p className="mt-4">* All Jules limits stated are based on the free tier.</p>

</AlertDescription>
</Alert>
</div>
Expand Down
13 changes: 12 additions & 1 deletion src/components/landing/footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,18 @@ export function Footer() {
<Separator className="my-8 bg-jules-primary" />

<div className="text-center text-gray-400">
<p>MIT License. Built by the community, for the community.</p>
<p>
MIT License. Built by{" "}
<a
href="https://github.com/ihildy"
target="_blank"
rel="noopener noreferrer"
className="text-white hover:underline"
>
iHildy
</a>
, for the open source community.
</p>
</div>
<Disclaimer />
</div>
Expand Down
4 changes: 2 additions & 2 deletions src/components/landing/github-dashboard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,9 +54,9 @@ const tasks = [
{
id: 344,
title: "Add input validation to user registration form",
status: "completed",
status: "jules-done",
statusText: "Completed 2 hours ago",
label: "completed",
label: "jules-done",
icon: <CheckCircle2 className="w-5 h-5 flex-shrink-0 text-jules-pink" />,
bgColor: "bg-jules-pink-5",
labelColor: "bg-jules-pink text-white",
Expand Down
24 changes: 12 additions & 12 deletions src/components/landing/how-it-works.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,15 +27,15 @@ export function HowItWorks() {
<TabsList className="grid w-full grid-cols-2 max-w-md mx-auto mb-8 bg-jules-darker border-jules-primary">
<TabsTrigger
value="hosted"
className="data-[state=active]:bg-jules-primary text-white cursor-pointer"
className="data-[state=active]:bg-jules-primary text-white cursor-pointer font-semibold"
>
Hosted
Hosted <span className="text-xs font-normal">(1min)</span>
</TabsTrigger>
<TabsTrigger
value="self-hosted"
className="data-[state=active]:bg-jules-primary text-white cursor-pointer"
className="data-[state=active]:bg-jules-primary text-white cursor-pointer font-semibold"
>
Self-Hosted
Self-Hosted <span className="text-xs font-normal">(15min)</span>
</TabsTrigger>
</TabsList>

Expand Down Expand Up @@ -98,7 +98,7 @@ export function HowItWorks() {
</Card>
</div>

<div className="text-center mt-8">
<div className="text-center mt-8 invisible">
Copy link
Contributor

@gemini-code-assist gemini-code-assist bot Aug 17, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

Using the invisible class here makes the link visually hidden, but it still occupies space in the layout and might remain focusable by keyboard navigation. This can lead to a confusing experience for users of assistive technologies. For better accessibility, it's recommended to use the hidden class, which sets display: none and removes the element from both the visual layout and the accessibility tree.

            <div className="text-center mt-8 hidden">

<Link
href="https://github.com/ihildy/jules-task-queue/blob/main/HOSTED.md"
className="inline-flex items-center text-jules-cyan hover:text-jules-cyan/80 transition-colors"
Expand Down Expand Up @@ -127,8 +127,8 @@ export function HowItWorks() {
</code>
</div>
<CardDescription className="text-gray-300">
Set up GitHub token, webhook secret, database URL, and cron
secret
Create a GitHub app, setup a webhook secret, database URL,
and cron secret
</CardDescription>
</CardContent>
</Card>
Expand Down Expand Up @@ -159,16 +159,16 @@ export function HowItWorks() {
3
</div>
<CardTitle className="text-xl text-white mb-4">
Configure GitHub Webhooks
Watch It Work
</CardTitle>
<div className="rounded-lg p-4 mb-4 bg-jules-dark">
<code className="text-sm text-jules-accent">
Repository → Settings → Webhooks
<code className="text-sm text-jules-pink">
Auto-retry every 30 minutes
</code>
</div>
<CardDescription className="text-gray-300">
Add webhook URL pointing to your domain and enable
&ldquo;Issues&rdquo; events
Tasks that hit the limit are automatically queued and
retried every 30 minutes
</CardDescription>
</CardContent>
</Card>
Expand Down
8 changes: 3 additions & 5 deletions src/components/landing/problem-section.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ export function ProblemSection() {
<Card className="border bg-jules-darker border-jules-yellow">
<CardContent className="p-6 text-center">
<div className="text-3xl font-bold mb-2 text-jules-yellow">
60
15
</div>
<div className="text-white">Daily Tasks</div>
<div className="text-sm text-gray-400 mt-2">
Expand All @@ -35,7 +35,7 @@ export function ProblemSection() {

<Card className="border bg-jules-darker border-jules-pink">
<CardContent className="p-6 text-center">
<div className="text-3xl font-bold mb-2 text-jules-pink">5</div>
<div className="text-3xl font-bold mb-2 text-jules-pink">3</div>
<div className="text-white">Concurrent Limit</div>
<div className="text-sm text-gray-400 mt-2">
The productivity bottleneck
Expand All @@ -47,9 +47,7 @@ export function ProblemSection() {
<CardContent className="p-6 text-center">
<div className="text-3xl font-bold mb-2 text-jules-cyan">∞</div>
<div className="text-white">With Queue</div>
<div className="text-sm text-gray-400 mt-2">
True automation, finally
</div>
<div className="text-sm text-gray-400 mt-2">True automation</div>
</CardContent>
</Card>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/components/success/success-state.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -176,7 +176,7 @@ export function SuccessState({
<Card className="mb-8 bg-jules-primary/5 border-jules-primary/10">
<CardContent className="p-6">
<h3 className="text-lg font-semibold text-white mb-3">
🚀 Ready to use your full 60 tasks per day?
🚀 Ready to use your full 15 tasks per day?
</h3>
<p className="text-jules-gray mb-4">
Simply add the{" "}
Expand Down
Loading