From 5ee7bacb2af50a70b8acda381c298342b49ca1ab Mon Sep 17 00:00:00 2001
From: gbuomprisco <giancarlopsk@gmail.com>
Date: Fri, 19 Jul 2024 00:00:57 +0200
Subject: [PATCH] Update site navigation styles and cleanup page imports

The navigation menu item styles were adjusted for better appearance. Also, the spacing in the NavigationMenuList was increased for better user experience. Moreover, a few unused imports in page.tsx were removed to clean up the code. Additionally, the button class formatting was adjusted for better readability and consistency.
---
 .../_components/site-navigation-item.tsx            |  2 +-
 .../app/(marketing)/_components/site-navigation.tsx |  2 +-
 apps/web/app/(marketing)/page.tsx                   | 13 ++++---------
 3 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/apps/web/app/(marketing)/_components/site-navigation-item.tsx b/apps/web/app/(marketing)/_components/site-navigation-item.tsx
index ab2255b5e..6efbb6454 100644
--- a/apps/web/app/(marketing)/_components/site-navigation-item.tsx
+++ b/apps/web/app/(marketing)/_components/site-navigation-item.tsx
@@ -10,7 +10,7 @@ const getClassName = (path: string, currentPathName: string) => {
   const isActive = isRouteActive(path, currentPathName);
 
   return cn(
-    `text-sm font-medium px-2.5 py-2 border rounded-lg border-transparent transition-colors duration-100`,
+    `text-sm font-medium transition-colors duration-300 inline-flex w-max`,
     {
       'dark:text-gray-300 dark:hover:text-white': !isActive,
       'dark:text-white text-current': isActive,
diff --git a/apps/web/app/(marketing)/_components/site-navigation.tsx b/apps/web/app/(marketing)/_components/site-navigation.tsx
index 7b96fe21e..038436a94 100644
--- a/apps/web/app/(marketing)/_components/site-navigation.tsx
+++ b/apps/web/app/(marketing)/_components/site-navigation.tsx
@@ -53,7 +53,7 @@ export function SiteNavigation() {
             'rounded-full border border-gray-100 px-4 py-2 dark:border-primary/10'
           }
         >
-          <NavigationMenuList className={'space-x-1'}>
+          <NavigationMenuList className={'space-x-4'}>
             {NavItems}
           </NavigationMenuList>
         </NavigationMenu>
diff --git a/apps/web/app/(marketing)/page.tsx b/apps/web/app/(marketing)/page.tsx
index b04801d11..4fb73612f 100644
--- a/apps/web/app/(marketing)/page.tsx
+++ b/apps/web/app/(marketing)/page.tsx
@@ -1,18 +1,11 @@
 import Image from 'next/image';
 import Link from 'next/link';
 
-import {
-  ArrowRightIcon,
-  CreditCard,
-  LayoutDashboard,
-  Lock,
-  Sparkle,
-} from 'lucide-react';
+import { ArrowRightIcon, LayoutDashboard } from 'lucide-react';
 
 import { PricingTable } from '@kit/billing-gateway/marketing';
 import { Button } from '@kit/ui/button';
 import {
-  Card,
   CardContent,
   CardDescription,
   CardHeader,
@@ -306,7 +299,9 @@ function MainCallToActionButton() {
   return (
     <div className={'flex space-x-4'}>
       <Button
-        className={'h-12 rounded-xl px-4 text-base font-semibold hover:shadow-2xl transition-all dark:shadow-primary/30'}
+        className={
+          'h-12 rounded-xl px-4 text-base font-semibold transition-all hover:shadow-2xl dark:shadow-primary/30'
+        }
         asChild
       >
         <Link href={'/auth/sign-up'}>