naman_panwar_gnpl/Pennyzo-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update components and styling

Browse Source
This commit is contained in:
ectasy663
2025-09-19 15:36:32 +05:30
parent ee87f004ed
commit 1ea39f0ecf
7 changed files with 108 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/HeroSection.tsx
View File

@@ -88,32 +88,35 @@ const HeroSection: React.FC<HeroSectionProps> = ({ onJoinWaitlist }) => {
<div className="flex-1 relative">
<div className="relative max-w-lg mx-auto">
{/* Main Card */}
<div className="relative bg-gradient-to-br from-deep-forest/40 to-rich-brown/20 backdrop-blur-2xl border border-luxury-gold/20 rounded-3xl p-12 shadow-2xl">
<div className="text-center space-y-4">
<div className="relative bg-gradient-to-br from-deep-forest/40 to-rich-brown/20 backdrop-blur-2xl border border-luxury-gold/20 rounded-3xl px-12 py-6 shadow-2xl">
<div className="text-center">
{/* Premium Icon */}
{/* <div className="inline-flex items-center justify-center w-20 h-20 bg-gradient-to-br from-luxury-gold/20 to-luxury-gold/10 rounded-2xl border border-luxury-gold/30"> */}
<img
src="/assets/Dark-Icon-cropped.svg"
alt="Pennyzo Icon"
className="w-60 h-60 mx-auto"
className="w-60 h-60 mx-auto -mb-16"
/>
{/* </div> */}
{/* Premium Text */}
<div>
<div className="text-center">
<h3 className="text-luxury-gold font-luxury-serif text-3xl font-bold mb-4">
Executive Suite
</h3>
<p className="text-cream/70 font-elegant-sans text-base leading-relaxed">
<p className="text-cream/70 font-elegant-sans text-base leading-relaxed mb-6">
Experience the pinnacle of business management with our meticulously crafted platform designed for visionary leaders.
</p>
</div>
{/* Features List */}
<div className="space-y-3 text-left">
<div className="space-y-3 text-center mt-4">
{['Advanced Analytics Dashboard', 'AI-Powered Insights', 'White-Glove Support'].map((feature, index) => (
<div key={index} className="flex items-center space-x-3">
<div className="w-2 h-2 bg-luxury-gold rounded-full"></div>
<div key={index} className="flex items-center justify-center space-x-3">
<svg className="w-4 h-4 text-luxury-gold" fill="currentColor" viewBox="0 0 24 24">
<path d="M6 3h12l4 6-10 12L2 9l4-6z" />
<path d="M6 3l6 6 6-6M2 9l10 3 10-3" fillOpacity="0.7" />
</svg>
<span className="text-cream/80 font-elegant-sans text-sm">{feature}</span>
</div>
))}