new start page buttons

Signed-off-by: Thomas Poignant <[email protected]>
thomaspoignant · Jan 8, 2025 · 831af07 · 831af07
1 parent 93672b0
commit 831af07
Showing 1 changed file with 19 additions and 25 deletions.
diff --git a/website/src/components/home/HomeHeader/index.js b/website/src/components/home/HomeHeader/index.js
@@ -71,33 +71,27 @@ export function HomeHeader() {
                 />
               </Link>
             </div>
-            <div className={styles.availableGH}>
-              <Link
-                to={siteConfig.customFields.github}
-                type="button"
-                className={clsx('btn btn-dark btn-labeled btn-lg')}>
-                <button className="pushy__btn pushy__btn--df pushy__btn--black">
-                  <span className="btn-label">
-                    <i className="fa-brands fa-github"></i>
-                  </span>{' '}
+            <div className={'text-center items-center gap-30'}>
+              <div className="relative inline-flex group">
+                <div className="absolute transitiona-all duration-1000 opacity-70 -inset-px bg-gradient-to-r from-[#44BCFF] via-[#FF44EC] to-[#FF675E] rounded-xl blur-lg group-hover:opacity-100 group-hover:-inset-1 group-hover:duration-200 animate-tilt"></div>
+                <Link
+                  to={siteConfig.customFields.github}
+                  title="Available on GitHub"
+                  className="hover:no-underline hover:text-gray-500 relative inline-flex items-center justify-center px-8 py-4 text-lg font-bold text-white transition-all duration-200 bg-gray-900 font-pj rounded-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900">
+                  <i className="fa-brands fa-github mr-4"></i>
                   Available on GitHub
-                </button>
-              </Link>
-              <Link
-                to={'/docs/getting-started'}
-                type="button"
-                className={clsx('btn btn-dark btn-labeled btn-lg')}>
-                <button
-                  className={clsx(
-                    'pushy__btn pushy__btn--df',
-                    styles.pushy__btnGoff
-                  )}>
-                  <span className="btn-label">
-                    <i className="fa-solid fa-circle-right"></i>
-                  </span>{' '}
+                </Link>
+              </div>
+              <div className="relative inline-flex group ml-5">
+                <div className="border-gray-700 border-4 absolute transitiona-all duration-1000 opacity-70 -inset-px bg-gradient-to-r from-[#44BCFF] via-[#FF44EC] to-[#FF675E] rounded-xl blur-lg group-hover:opacity-100 group-hover:-inset-1 group-hover:duration-200 animate-tilt hover:no-underline"></div>
+                <Link
+                  to={'/docs/getting-started'}
+                  title="Get Started"
+                  className="hover:no-underline hover:text-gray-700 relative inline-flex items-center justify-center px-8 py-4 text-lg font-bold text-white transition-all duration-200 bg-[#9fbeb3] font-pj rounded-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900">
+                  <i className="fa-solid fa-circle-right mr-4"></i>
                   Get Started
-                </button>
-              </Link>
+                </Link>
+              </div>
             </div>
           </div>
           <div className="col col--6">