From f8aa5581f44e58494b47c1fd5cfd07fd67c5e639 Mon Sep 17 00:00:00 2001
From: maximdudai <maxim.dudai01@gmail.com>
Date: Sat, 11 May 2024 16:13:26 +0100
Subject: [PATCH 1/5] Navbar component

- changed nav links hover style
- Star icon color when hover
- Download button styles
- Download button name -> Start Your Journey
---
 src/components/Hero.jsx             |   8 +++++++-
 src/components/NavLink.jsx          |   4 ++--
 src/components/StarButton/index.tsx |   8 ++++----
 src/images/.DS_Store                | Bin 6148 -> 6148 bytes
 src/images/logos/.DS_Store          | Bin 6148 -> 6148 bytes
 5 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index 1cb0708..cffba67 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -48,7 +48,13 @@ export function Hero() {
         too! 🎉
       </p>
       <div className="mt-10 flex justify-center gap-x-6">
-        <Button href="/download">Download Now</Button>
+        <Button
+          variant="outline"
+          className="rounded-md border-[1px]  border-emerald-500 bg-transparent px-10 py-2 text-xl font-semibold shadow-sm shadow-emerald-500 hover:bg-emerald-500 hover:text-white"
+          href="/download"
+        >
+          Start Your Journey
+        </Button>
         {/* <Button variant="outline">
           <Icon icon="akar-icons:github-fill" className="h-5 w-5" />
           <span className="ml-3">Learn More</span>
diff --git a/src/components/NavLink.jsx b/src/components/NavLink.jsx
index d66396d..ca40775 100644
--- a/src/components/NavLink.jsx
+++ b/src/components/NavLink.jsx
@@ -1,4 +1,4 @@
-import Link from 'next/link'
+import Link from 'next/link';
 import clsx from 'clsx';
 
 export function NavLink({href, className = '', children, ...props}) {
@@ -6,7 +6,7 @@ export function NavLink({href, className = '', children, ...props}) {
     <Link
       href={href}
       className={clsx(
-        'inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-slate-100 hover:text-slate-900',
+        'inline-block rounded-lg px-3 py-1 text-sm text-slate-700 hover:text-gray-800 hover:shadow-lg',
         className
       )}
       {...props}
diff --git a/src/components/StarButton/index.tsx b/src/components/StarButton/index.tsx
index ada76b3..1ee2c5e 100644
--- a/src/components/StarButton/index.tsx
+++ b/src/components/StarButton/index.tsx
@@ -1,6 +1,6 @@
-import {Icon} from '@iconify/react';
-import {NavLink} from '../NavLink';
-import {useEffect, useState} from 'react';
+import { Icon } from '@iconify/react';
+import { NavLink } from '../NavLink';
+import { useEffect, useState } from 'react';
 
 export const StarButton = () => {
   const [count, setCount] = useState<number>(20400);
@@ -30,7 +30,7 @@ export const StarButton = () => {
           <Icon
             icon="material-symbols:star-outline-rounded"
             fontSize={22}
-            className="origin-center transition-transform duration-300 group-hover:scale-125"
+            className="origin-center transition-transform duration-300 group-hover:scale-125 hover:text-yellow-400"
           />
           {count.toLocaleString()} Stars
         </span>
diff --git a/src/images/.DS_Store b/src/images/.DS_Store
index 9c834fdf51311de4406ee70b46ad15678d5c8d73..19454fb4e6622d8511b7acc6d91cc8c04fd6edd1 100644
GIT binary patch
delta 21
ccmZoMXffDe$Hrk|WTK;BVrseBjcuPG06^Xay8r+H

delta 21
ccmZoMXffDe$Hrl7X{w`OVqvk_jcuPG06{+m!~g&Q

diff --git a/src/images/logos/.DS_Store b/src/images/logos/.DS_Store
index e59c215c5b966fbb1a428f67c0a9b23832d78f33..945c7ee856e736ff56886d1e0a47702bcda229c7 100644
GIT binary patch
delta 77
zcmZoMXfc=|#>B)qu~2NHo+2ab#(>?7jI5J+SZWysCU0PsoV=DrZL=WTH^z+(9?YBB
gIruq%iZ=^#d}p4_FXG6-00fK-3@n=?MAk3^02C+^lmGw#

delta 381
zcmaiwF-yZx6otRM2q_|Tsg-UDt~RZ8aV$8h6hv`tZHd9A#wJxeNSD&t67UbWx=2QM
z|B|?QUUU+{;oZx<_q*qC-@GwzJXX!h>hh+#tZzBqYv;{*?zqPBvNiLtu}(lp$|Vze
z>=4mq%vJVeTC>`(*_|lM4%np0E_GV$DK^<xj2RKcY4327q+{TS6Q(2uAK`PxHAA^X
z+D}v;$SKwHIaNK7tL<9<d$~mPXM+1G!vY>~D`+T@xPW~vSfN;*k#hJmpNdX2yHK_=
zT^;dlXm<lWYXkouSNrR_V|!h;Fx&aN`E+uxR4(ar^S1lpX5~t|<baVn`FZ8V{Q@A<
BO)UTb


From ab87f5e8f07f3848d6c9b9e652a3e81a0f361ca9 Mon Sep 17 00:00:00 2001
From: maximdudai <maxim.dudai01@gmail.com>
Date: Sat, 11 May 2024 16:37:43 +0100
Subject: [PATCH 2/5] CallToAction

- Call to action style & label
---
 src/components/CallToAction.jsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/CallToAction.jsx b/src/components/CallToAction.jsx
index 1aff95b..e5612e2 100644
--- a/src/components/CallToAction.jsx
+++ b/src/components/CallToAction.jsx
@@ -1,8 +1,8 @@
-import Image from 'next/image'
+import Image from 'next/image';
 
-import { Button } from '@/components/Button'
-import { Container } from '@/components/Container'
-import backgroundImage from '@/images/background-call-to-action.jpg'
+import {Button} from '@/components/Button';
+import {Container} from '@/components/Container';
+import backgroundImage from '@/images/background-call-to-action.jpg';
 import {BlurBG} from './BlurBG';
 
 // Responsively APP
@@ -27,8 +27,13 @@ export function CallToAction() {
           <p className="mt-4 text-lg tracking-tight text-white">
             Time to kick off your journey towards Web Development Mastery.
           </p>
-          <Button href="/download" color="white" className="mt-10">
-            Download Now
+          <Button
+            variant="solid"
+            color="white"
+            className="mt-10 rounded-md px-10 py-2 text-lg font-semibold uppercase !text-emerald-500"
+            href="/download"
+          >
+            Begin the Magic
           </Button>
         </div>
       </Container>

From bd995a2198976a3f3154f181837397ade39a6866 Mon Sep 17 00:00:00 2001
From: maximdudai <maxim.dudai01@gmail.com>
Date: Sun, 12 May 2024 12:35:32 +0100
Subject: [PATCH 3/5] Call To Action

Download button prev. label
---
 src/components/CallToAction.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/CallToAction.jsx b/src/components/CallToAction.jsx
index e5612e2..8558bf6 100644
--- a/src/components/CallToAction.jsx
+++ b/src/components/CallToAction.jsx
@@ -33,7 +33,7 @@ export function CallToAction() {
             className="mt-10 rounded-md px-10 py-2 text-lg font-semibold uppercase !text-emerald-500"
             href="/download"
           >
-            Begin the Magic
+            Download Now
           </Button>
         </div>
       </Container>

From 3bd1bf78786d7618488e00fe4dd7edb2bb661143 Mon Sep 17 00:00:00 2001
From: maximdudai <maxim.dudai01@gmail.com>
Date: Sun, 12 May 2024 12:58:31 +0100
Subject: [PATCH 4/5] Download Page

- icon for each download (OS) option
---
 src/components/CallToAction.jsx |  1 +
 src/pages/download.tsx          | 52 +++++++++++++++++++++++++--------
 2 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/src/components/CallToAction.jsx b/src/components/CallToAction.jsx
index 8558bf6..51581f8 100644
--- a/src/components/CallToAction.jsx
+++ b/src/components/CallToAction.jsx
@@ -33,6 +33,7 @@ export function CallToAction() {
             className="mt-10 rounded-md px-10 py-2 text-lg font-semibold uppercase !text-emerald-500"
             href="/download"
           >
+            
             Download Now
           </Button>
         </div>
diff --git a/src/pages/download.tsx b/src/pages/download.tsx
index 351fd60..778784c 100644
--- a/src/pages/download.tsx
+++ b/src/pages/download.tsx
@@ -1,17 +1,18 @@
 import TimeAgo from 'javascript-time-ago';
 import en from 'javascript-time-ago/locale/en';
-import {usePlausible} from 'next-plausible';
+import { usePlausible } from 'next-plausible';
 import Head from 'next/head';
 
-import {Button} from '@/components/Button';
-import {Header} from '@/components/Header';
-import {Footer} from '@/components/Footer';
-import {Container} from '@/components/Container';
-import {BlurBG} from '@/components/BlurBG';
-import {useEffect, useState} from 'react';
+import { Button } from '@/components/Button';
+import { Header } from '@/components/Header';
+import { Footer } from '@/components/Footer';
+import { Container } from '@/components/Container';
+import { BlurBG } from '@/components/BlurBG';
+import { useEffect, useState } from 'react';
 import allDevicesSideBySide from '@/images/screenshots/all-devices-side-by-side.png';
 import Image from 'next/image';
-import {SponsorsAndContributors} from '@/components/SponsorsAndContributors';
+import { SponsorsAndContributors } from '@/components/SponsorsAndContributors';
+import { Icon } from '@iconify/react';
 
 TimeAgo.addDefaultLocale(en);
 const timeAgo = new TimeAgo('en-US');
@@ -79,26 +80,53 @@ export default function Download() {
           <div className="mt-8 flex flex-col items-center justify-center space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0">
             <Button
               href={macURL}
-              onClick={() => plausible('appDownload', {props: {arch: 'mac-silicon'}})}
+              onClick={() => plausible('appDownload', { props: { arch: 'mac-silicon' } })}
+              className='flex items-center gap-1'
             >
+              <Icon
+                icon={'ic:baseline-apple'}
+                fontSize={22}
+                className="origin-center mx-0.5 transition-transform duration-300 group-hover:scale-125 hover:text-gray-900"
+              />
               Mac (Apple Silicon)
             </Button>
             <Button
               href={macIntelURL}
-              onClick={() => plausible('appDownload', {props: {arch: 'mac-intel'}})}
+              onClick={() => plausible('appDownload', { props: { arch: 'mac-intel' } })}
+              className='flex items-center gap-1'
+
             >
+              <Icon
+                icon={'ic:baseline-apple'}
+                fontSize={22}
+                className="origin-center mx-0.5 transition-transform duration-300 group-hover:scale-125 hover:text-gray-900"
+              />
               Mac (Intel)
             </Button>
             <Button
               href={winURL}
-              onClick={() => plausible('appDownload', {props: {arch: 'windows'}})}
+              onClick={() => plausible('appDownload', { props: { arch: 'windows' } })}
+              className='flex items-center gap-1'
+
             >
+              <Icon
+                icon={'cib:windows'}
+                fontSize={22}
+                className="origin-center mx-0.5 transition-transform duration-300 group-hover:scale-125 hover:text-gray-900"
+              />
               Windows
             </Button>
             <Button
               href={linuxURL}
-              onClick={() => plausible('appDownload', {props: {arch: 'linux'}})}
+              onClick={() => plausible('appDownload', { props: { arch: 'linux' } })}
+              className='flex items-center gap-1'
+
             >
+              <Icon
+                icon={'cib:linux'}
+                fontSize={22}
+                className="origin-center mx-0.5 transition-transform duration-300 group-hover:scale-125 hover:text-gray-900"
+              />
               Linux
             </Button>
           </div>

From 59901c44bbad34d244986e11b522e0e4345b1e78 Mon Sep 17 00:00:00 2001
From: maximdudai <maxim.dudai01@gmail.com>
Date: Sun, 12 May 2024 14:10:30 +0100
Subject: [PATCH 5/5] Download Page

- Removed icons hover color
---
 src/pages/download.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/download.tsx b/src/pages/download.tsx
index 778784c..4212229 100644
--- a/src/pages/download.tsx
+++ b/src/pages/download.tsx
@@ -86,7 +86,7 @@ export default function Download() {
               <Icon
                 icon={'ic:baseline-apple'}
                 fontSize={22}
-                className="origin-center mx-0.5 transition-transform duration-300 group-hover:scale-125 hover:text-gray-900"
+                className="origin-center mx-0.5 transition-transform duration-300 group-hover:scale-125"
               />
               Mac (Apple Silicon)
             </Button>
@@ -99,7 +99,7 @@ export default function Download() {
               <Icon
                 icon={'ic:baseline-apple'}
                 fontSize={22}
-                className="origin-center mx-0.5 transition-transform duration-300 group-hover:scale-125 hover:text-gray-900"
+                className="origin-center mx-0.5 transition-transform duration-300 group-hover:scale-125"
               />
               Mac (Intel)
             </Button>
@@ -112,7 +112,7 @@ export default function Download() {
               <Icon
                 icon={'cib:windows'}
                 fontSize={22}
-                className="origin-center mx-0.5 transition-transform duration-300 group-hover:scale-125 hover:text-gray-900"
+                className="origin-center mx-0.5 transition-transform duration-300 group-hover:scale-125"
               />
               Windows
             </Button>
@@ -125,7 +125,7 @@ export default function Download() {
               <Icon
                 icon={'cib:linux'}
                 fontSize={22}
-                className="origin-center mx-0.5 transition-transform duration-300 group-hover:scale-125 hover:text-gray-900"
+                className="origin-center mx-0.5 transition-transform duration-300 group-hover:scale-125"
               />
               Linux
             </Button>