From c8d7b6b17c4cb698ff01fa8b20512759bbda6aee Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Sat, 4 Jan 2025 20:56:38 +0100
Subject: [PATCH] updated pricing

---
 src/app/pricing/page.tsx  | 28 ++++------------------------
 src/components/Navbar.tsx | 16 ++++++++++------
 2 files changed, 14 insertions(+), 30 deletions(-)

diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 3e1f7d0..3cd7da7 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -1,5 +1,5 @@
 import Background from "@/components/Background";
-import { faCheck, faCode, faDatabase } from "@fortawesome/free-solid-svg-icons";
+import { faCheck, faCode, faDatabase, faRocket } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export default function Pricing() {
@@ -17,7 +17,7 @@ export default function Pricing() {
                             <ul className="pt-4 list-none space-y-2">
                                 <li className="flex items-center">
                                     <FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} />
-                                    Up to 4 hours
+                                    Up to a day
                                 </li>
                                 <li className="flex items-center">
                                     <FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} />
@@ -31,29 +31,9 @@ export default function Pricing() {
                         </div>
                         
                         <div className="h-full rounded-xl bg-transparent-ish border border-red p-9">
-                            <FontAwesomeIcon className="w-max mx-auto text-red-600" icon={faCode} width={35}/>
+                            <FontAwesomeIcon className="w-max mx-auto text-red-600" icon={faRocket} width={35}/>
                             <h1 className="w-max mx-auto text-red-400">Premium</h1>
-                            <h2 className="text-2xl w-max mx-auto text-red">$60</h2>
-                            <ul className="pt-4 list-none space-y-2">
-                                <li className="flex items-center">
-                                    <FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} />
-                                    Up to a day
-                                </li>
-                                <li className="flex items-center">
-                                    <FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} />
-                                    Simple to medium projects
-                                </li>
-                                <li className="flex items-center">
-                                    <FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} />
-                                    Larger tasks (e.g., refractoring, bug hunting)
-                                </li>
-                            </ul>
-                        </div>
-
-                        <div className="h-full rounded-xl bg-transparent-ish border border-red p-9">
-                            <FontAwesomeIcon className="w-max mx-auto text-red-600" icon={faDatabase} width={35}/>
-                            <h1 className="w-max mx-auto text-red-400">Enterprise</h1>
-                            <h2 className="text-2xl w-max mx-auto text-red">$150</h2>
+                            <h2 className="text-2xl w-max mx-auto text-red">$50</h2>
                             <ul className="pt-4 list-none space-y-2">
                                 <li className="flex items-center">
                                     <FontAwesomeIcon className="text-green-500 mr-2" icon={faCheck} width={14} />
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index e3a95f6..49ecc45 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,15 +1,21 @@
-const Navbar = () => {
+'use client'
+
+import { usePathname } from 'next/navigation';
+
+export default function Navbar() {
+  const pathname = usePathname();
+
   return (
     <nav className="py-4 flex">
       <div className="mx-auto flex">
         <div className="space-x-4 text-white block font-bold">
-          <a href="/" className="hover:text-red transition-colors duration-300">
+          <a href="/" className={"hover:text-red transition-colors duration-300" + (pathname === '/' ? ' text-red' : '')}>
             Home
           </a>
-          <a href="/pricing" className="hover:text-red transition-colors duration-300">
+          <a href="/pricing" className={"hover:text-red transition-colors duration-300" + (pathname === '/pricing' ? ' text-red' : '')}>
             Pricing
           </a>
-          <a href="/blog" className="hover:text-red transition-colors duration-300">
+          <a href="/blog" className={"hover:text-red transition-colors duration-300" + (pathname === '/blog' ? ' text-red' : '')}>
             Blog
           </a>
         </div>
@@ -17,5 +23,3 @@ const Navbar = () => {
     </nav>
   );
 };
-
-export default Navbar;