From 9575db91e57aa5a1ef2471350d193649e170439b Mon Sep 17 00:00:00 2001
From: ectasy663 <namansingh4680@gmail.com>
Date: Mon, 22 Sep 2025 19:05:39 +0530
Subject: [PATCH] Redirect login button to external URL, remove modal, open in
 new tab

---
 index.html                              |  2 +-
 src/components/ExclusiveLaunchPopup.tsx |  2 +-
 src/components/FeaturesSection.tsx      |  7 ++-----
 src/components/Footer.tsx               |  2 +-
 src/components/LiveCounter.tsx          | 10 +---------
 5 files changed, 6 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index dde905b..735c973 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
-    <title>Pennyzo Web</title>
+    <title>Pennyzo</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/components/ExclusiveLaunchPopup.tsx b/src/components/ExclusiveLaunchPopup.tsx
index e257b3d..fdcb7d6 100644
--- a/src/components/ExclusiveLaunchPopup.tsx
+++ b/src/components/ExclusiveLaunchPopup.tsx
@@ -56,7 +56,7 @@ const ExclusiveLaunchPopup: React.FC<ExclusiveLaunchPopupProps> = ({ remainingSp
                 </div>
               </div>
               <div className="flex flex-col items-center">
-                <div className="w-32 bg-deep-forest/30 rounded-full h-2 mb-2">
+                <div className="w-full max-w-md mx-auto bg-deep-forest/30 rounded-full h-2 mb-2">
                   <div 
                     className="bg-gradient-to-r from-luxury-gold to-cream h-2 rounded-full transition-all duration-1000"
                     style={{ width: `${(remainingSpots / 1000) * 100}%` }}
diff --git a/src/components/FeaturesSection.tsx b/src/components/FeaturesSection.tsx
index 957be12..931cd41 100644
--- a/src/components/FeaturesSection.tsx
+++ b/src/components/FeaturesSection.tsx
@@ -90,14 +90,11 @@ const FeaturesSection: React.FC = () => {
           {features.map((feature, index) => (
             <div
               key={index}
-              className="group bg-deep-forest bg-opacity-40 backdrop-blur-sm border border-luxury-gold border-opacity-20 rounded-2xl p-8 hover:bg-opacity-60 hover:border-opacity-40 transition-all duration-500 transform hover:-translate-y-2 hover:shadow-2xl hover:shadow-luxury-gold/10 relative overflow-hidden"
+              className="group bg-deep-forest bg-opacity-40 backdrop-blur-sm border border-luxury-gold border-opacity-20 rounded-2xl p-8 hover:bg-opacity-60 hover:border-opacity-40 transition-all duration-500 transform hover:-translate-y-2 hover:shadow-[0_8px_40px_8px_rgba(212,180,102,0.25)] hover:shadow-luxury-gold/20 relative overflow-hidden"
             >
               {/* Running Golden Line Animation - Bottom */}
               <div className="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-luxury-gold to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300">
-                <div className="absolute inset-0 bg-gradient-to-r from-transparent via-luxury-gold to-transparent animate-pulse"></div>
-                <div className="absolute h-full w-8 bg-luxury-gold/80 shadow-lg shadow-luxury-gold/50" style={{
-                  animation: 'slide-right 2s infinite linear'
-                }}></div>
+                <div className="absolute inset-0 bg-gradient-to-r from-transparent via-luxury-gold to-transparent"></div>
               </div>
               
               {/* Icon */}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 6373a3e..283f1f2 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -8,7 +8,7 @@ const Footer: React.FC = () => {
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 lg:gap-16">
           {/* Company Info */}
           <div className="col-span-1 lg:col-span-2">
-            <div className="mb-6">
+            <div className="mb-2">
               <img 
                 src="/assets/Dark-LineLogo-cropped.svg" 
                 alt="Pennyzo Logo" 
diff --git a/src/components/LiveCounter.tsx b/src/components/LiveCounter.tsx
index 2153fe4..4331c6b 100644
--- a/src/components/LiveCounter.tsx
+++ b/src/components/LiveCounter.tsx
@@ -1,5 +1,4 @@
 import React, { useState, useEffect } from 'react';
-import LoginPage from './LoginPage';
 
 interface LiveCounterProps {
   onJoinWaitlist: () => void;
@@ -8,7 +7,6 @@ interface LiveCounterProps {
 const LiveCounter: React.FC<LiveCounterProps> = ({ onJoinWaitlist }) => {
   const [remainingSpots, setRemainingSpots] = useState(892);
   const [isLive, setIsLive] = useState(true);
-  const [showLoginPage, setShowLoginPage] = useState(false);
 
   useEffect(() => {
     // Simulate live counter decreasing
@@ -46,7 +44,7 @@ const LiveCounter: React.FC<LiveCounterProps> = ({ onJoinWaitlist }) => {
               </span>
             </div>
             <button 
-              onClick={() => setShowLoginPage(true)}
+              onClick={() => window.open('https://google.com', '_blank', 'noopener,noreferrer')}
               className="bg-luxury-gold/20 hover:bg-luxury-gold/30 px-3 py-1.5 rounded-lg transition-all duration-300"
             >
               <span className="text-luxury-gold font-elegant-sans text-xs font-semibold tracking-widest">
@@ -131,12 +129,6 @@ const LiveCounter: React.FC<LiveCounterProps> = ({ onJoinWaitlist }) => {
           )}
         </div>
       </div>
-
-      {/* Login Page Modal */}
-      <LoginPage 
-        isVisible={showLoginPage} 
-        onClose={() => setShowLoginPage(false)} 
-      />
     </div>
   );
 };