Redirect login button to external URL, remove modal, open in new tab

This commit is contained in:
2025-09-22 19:05:39 +05:30
parent 1ea39f0ecf
commit 9575db91e5
5 changed files with 6 additions and 17 deletions

View File

@@ -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}%` }}

View File

@@ -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 */}

View File

@@ -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"

View File

@@ -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>
);
};