Skip to content

update home page hero and feature strip #9

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
carlos-granados merged 1 commit into from
Aug 25, 2026
Merged

update home page hero and feature strip #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
18 changes: 9 additions & 9 deletions src/components/HomeFeatureStrip/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,13 +22,13 @@ const features = [
),
},
{
title: 'Powerful Features',
text: 'Breakpoints, watches, step debugging, and more.',
title: 'Fully Compatible',
text: 'Your existing settings and IDE setup keep working.',
icon: (
<svg {...iconProps}>
<circle cx="12" cy="12" r="9" />
<circle cx="12" cy="12" r="3" />
<path d="M12 3v3M12 18v3M3 12h3M18 12h3" />
<path d="M9 3v6M15 3v6" />
<path d="M7 9h10v3a5 5 0 0 1-10 0V9z" />
<path d="M12 17v4" />
</svg>
),
},
Expand All @@ -43,12 +43,12 @@ const features = [
),
},
{
title: 'Zero Dependencies',
text: 'A single Zend extension. Nothing else to install.',
title: 'Always Available',
text: 'Leave it on. It costs almost nothing until you debug.',
icon: (
<svg {...iconProps}>
<path d="M12 2 21 7v10l-9 5-9-5V7l9-5z" />
<path d="M3.5 7.5 12 12l8.5-4.5M12 12v9.5" />
<path d="M12 3v9" />
<path d="M7.5 6.5a8 8 0 1 0 9 0" />
</svg>
),
},
Expand Down
14 changes: 9 additions & 5 deletions src/components/HomeHero/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,19 @@
import Link from '@docusaurus/Link';
import ThemedImage from '@theme/ThemedImage';
import useBaseUrl from '@docusaurus/useBaseUrl';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import styles from './styles.module.css';

export default function HomeHero() {
/* Resolved from the latest GitHub release at build time -- see
docusaurus.config.js. Hardcoding it here meant the badge drifted. */
const {siteConfig} = useDocusaurusContext();
return (
<header className={styles.hero}>
<div className={styles.heroText}>
<span className={styles.versionBadge}>
<span className={styles.mark}>{'{•}'}</span> v1.3.0
<span className={styles.mark}>{'{•}'}</span>{' '}
{`v${siteConfig.customFields.debuggerVersion}`}
</span>
<h1 className={styles.title}>
Zero-overhead debugging for <span className={styles.accent}>PHP</span>
Expand All @@ -17,7 +22,7 @@ export default function HomeHero() {
A lightweight, powerful debugger that doesn&apos;t slow you down.
</p>
<div className={styles.buttons}>
<Link className={styles.primaryButton} to="/getting-started/quick-start">
<Link className={styles.primaryButton} to="/getting-started/installation">
<span className={styles.promptIcon}>&gt;_</span> Quick Start
</Link>
<Link
Expand All @@ -27,9 +32,8 @@ export default function HomeHero() {
</Link>
</div>
<div className={styles.pills}>
<span className={styles.pill}>&#11088; 1.4k+ stars</span>
<span className={styles.pill}>&#9878;&#65039; MIT License</span>
<span className={styles.pill}>&#128024; PHP 7.4+</span>
<span className={styles.pill}>&#128154; Free and Open Source</span>
<span className={styles.pill}>&#128024; PHP 8.2+</span>
</div>
</div>
<div className={styles.heroImage}>
Expand Down
Loading