Merge pull request #9 from php-debugger/home-page-updates

update home page hero and feature strip

Author: carlos-granados

src/components/HomeFeatureStrip/index.js

@@ -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>
     ),
   },
@@ -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>
     ),
   },

src/components/HomeHero/index.js

@@ -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>
@@ -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
@@ -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}>