Redirect login button to external URL, remove modal, open in new tab
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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}%` }}
|
||||
|
||||
@@ -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 */}
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user