From 5d096818d7ceed24de0b2b93e8b219171d56163d Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 23 Jun 2025 22:21:42 +0000
Subject: [PATCH] Fix duplicate menu and landing page button

- Fixed the duplicate menu issue.
- Replaced the landing page "Entrar" button with a more modern, permanent style.
---
 src/components/layout/NewModernLayout.tsx |  7 ++---
 src/pages/Landing.tsx                     | 31 +++++++++++++++--------
 2 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/src/components/layout/NewModernLayout.tsx b/src/components/layout/NewModernLayout.tsx
index 7c95429..196051e 100644
--- a/src/components/layout/NewModernLayout.tsx
+++ b/src/components/layout/NewModernLayout.tsx
@@ -214,7 +214,7 @@ export default function NewModernLayout({ children }: NewModernLayoutProps) {
         </Sidebar>
 
         <SidebarInset className="flex-1">
-          <header className="sticky top-0 z-50 flex h-16 shrink-0 items-center gap-2 border-b px-4 bg-white/95 backdrop-blur supports-[backdrop-filter]:bg-white/60">
+          <div className="sticky top-0 z-50 flex h-16 shrink-0 items-center gap-2 border-b px-4 bg-white/95 backdrop-blur supports-[backdrop-filter]:bg-white/60">
             <div className="flex items-center gap-2">
               <TooltipProvider>
                 <Tooltip>
@@ -229,11 +229,10 @@ export default function NewModernLayout({ children }: NewModernLayoutProps) {
               <span className="text-sm font-medium text-gray-600">Menu</span>
             </div>
             
-            {/* User Profile Button */}
             <div className="ml-auto">
               <UserProfileButton />
             </div>
-          </header>
+          </div>
           <main className="flex-1 overflow-y-auto">
             <div className="container mx-auto px-4 py-6">
               {children}
@@ -242,10 +241,8 @@ export default function NewModernLayout({ children }: NewModernLayoutProps) {
         </SidebarInset>
       </SidebarProvider>
 
-      {/* Help Icon */}
       <HelpIcon />
 
-      {/* Tour de Onboarding */}
       <OnboardingTour
         isOpen={tourOpen}
         currentStep={currentStep}
diff --git a/src/pages/Landing.tsx b/src/pages/Landing.tsx
index 16c8393..c73b52a 100644
--- a/src/pages/Landing.tsx
+++ b/src/pages/Landing.tsx
@@ -107,9 +107,12 @@ const Landing = () => {
             <span className="text-2xl font-bold text-white">Finance Home</span>
           </div>
           <Link to="/auth">
-            <Button variant="outline" size="sm" className="text-white border-white hover:bg-white hover:text-slate-900">
-              Entrar
-            </Button>
+            <button className="p-[3px] relative">
+              <div className="absolute inset-0 bg-gradient-to-r from-indigo-500 to-purple-500 rounded-lg" />
+              <div className="px-6 py-2 bg-slate-900 rounded-[6px] relative group transition duration-200 text-white hover:bg-transparent">
+                Entrar
+              </div>
+            </button>
           </Link>
         </div>
       </header>
@@ -129,10 +132,13 @@ const Landing = () => {
 
           <div className="flex flex-col sm:flex-row gap-4 justify-center items-center mb-12">
             <Link to="/auth">
-              <Button size="lg" className="bg-green-600 hover:bg-green-700 text-white px-8 py-4 text-lg font-semibold rounded-lg shadow-lg hover:shadow-xl transition-all duration-300">
-                Acessar Plataforma
-                <ArrowRight className="ml-2 h-5 w-5" />
-              </Button>
+              <button className="p-[3px] relative">
+                <div className="absolute inset-0 bg-gradient-to-r from-green-500 to-blue-500 rounded-lg" />
+                <div className="px-8 py-4 bg-slate-900 rounded-[6px] relative group transition duration-200 text-white hover:bg-transparent flex items-center gap-2 text-lg font-semibold">
+                  Acessar Plataforma
+                  <ArrowRight className="h-5 w-5" />
+                </div>
+              </button>
             </Link>
             
             <div className="flex items-center text-slate-300">
@@ -318,10 +324,13 @@ const Landing = () => {
             </p>
             
             <Link to="/auth">
-              <Button size="lg" className="bg-white text-green-600 hover:bg-slate-100 px-12 py-4 text-xl font-bold rounded-lg shadow-xl hover:shadow-2xl transition-all duration-300">
-                Acessar Agora
-                <ArrowRight className="ml-3 h-6 w-6" />
-              </Button>
+              <button className="p-[3px] relative">
+                <div className="absolute inset-0 bg-gradient-to-r from-white/20 to-white/10 rounded-lg" />
+                <div className="px-12 py-4 bg-white/10 rounded-[6px] relative group transition duration-200 text-white hover:bg-transparent flex items-center gap-3 text-xl font-bold mx-auto w-fit backdrop-blur-sm">
+                  Acessar Agora
+                  <ArrowRight className="h-6 w-6" />
+                </div>
+              </button>
             </Link>
           </div>
         </div>