Skip to content

Commit d86611e

Browse files
lovable-dev[bot]lovable-dev[bot]
committed
Fix: Adjust price ticker speed
The AI adjusted the speed of the price ticker and improved the UX/UI design of the home page.
1 parent 12f6618 commit d86611e

File tree

2 files changed

+77
-25
lines changed

2 files changed

+77
-25
lines changed

‎src/components/FinancialFreedomSection.tsx‎

Lines changed: 76 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -60,34 +60,85 @@ const FinancialFreedomSection = () => {
6060
}} viewport={{
6161
once: true
6262
}} className="card-border p-8 backdrop-blur-md text-center">
63-
<p className="text-xl text-gray-300 font-[Exo] leading-relaxed mb-8 text-center">
64-
Any individual or professional can understand the advantage of digital Money:
65-
</p>
66-
67-
<div className="space-y-6 text-center max-w-3xl mx-auto">
68-
<div className="text-center">
69-
<p className="text-lg text-gray-300 font-[Exo] leading-relaxed">
70-
<span className="text-alien-gold">·</span> <span className="text-alien-gold font-semibold">Impartial Money:</span> that does not discriminate.
71-
</p>
63+
<div className="relative">
64+
{/* Decorative elements */}
65+
<div className="absolute -top-4 -left-4 w-8 h-8 border-l-2 border-t-2 border-alien-gold/40"></div>
66+
<div className="absolute -top-4 -right-4 w-8 h-8 border-r-2 border-t-2 border-alien-gold/40"></div>
67+
<div className="absolute -bottom-4 -left-4 w-8 h-8 border-l-2 border-b-2 border-alien-green/40"></div>
68+
<div className="absolute -bottom-4 -right-4 w-8 h-8 border-r-2 border-b-2 border-alien-green/40"></div>
69+
70+
<p className="text-2xl text-gray-200 font-[Exo] leading-relaxed mb-10 text-center font-light">
71+
Any individual or professional can understand the advantage of <span className="text-alien-gold font-semibold">digital Money</span>:
72+
</p>
73+
74+
<div className="grid md:grid-cols-2 gap-8 mb-10 max-w-4xl mx-auto">
75+
<motion.div
76+
initial={{ opacity: 0, x: -20 }}
77+
whileInView={{ opacity: 1, x: 0 }}
78+
transition={{ duration: 0.6, delay: 0.2 }}
79+
viewport={{ once: true }}
80+
className="bg-gradient-to-br from-alien-gold/10 to-transparent p-6 rounded-xl border border-alien-gold/20 hover:border-alien-gold/40 transition-all duration-300"
81+
>
82+
<div className="flex items-center gap-3 mb-4">
83+
<div className="w-3 h-3 bg-alien-gold rounded-full animate-pulse"></div>
84+
<h4 className="text-xl text-alien-gold font-semibold font-nasalization">Impartial Money</h4>
85+
</div>
86+
<p className="text-gray-300 font-[Exo] leading-relaxed">
87+
Access rewards for saving, <span className="text-alien-gold">without giving up control</span>.
88+
Money that does not discriminate based on geography, status, or background.
89+
</p>
90+
</motion.div>
91+
92+
<motion.div
93+
initial={{ opacity: 0, x: 20 }}
94+
whileInView={{ opacity: 1, x: 0 }}
95+
transition={{ duration: 0.6, delay: 0.4 }}
96+
viewport={{ once: true }}
97+
className="bg-gradient-to-br from-alien-green/10 to-transparent p-6 rounded-xl border border-alien-green/20 hover:border-alien-green/40 transition-all duration-300"
98+
>
99+
<div className="flex items-center gap-3 mb-4">
100+
<div className="w-3 h-3 bg-alien-green rounded-full animate-pulse"></div>
101+
<h4 className="text-xl text-alien-green font-semibold font-nasalization">Decentralized Currencies</h4>
102+
</div>
103+
<p className="text-gray-300 font-[Exo] leading-relaxed">
104+
<span className="text-alien-green">Scalable and Stable</span> with the Volatility for
105+
Safe Reserves of Values. True financial sovereignty.
106+
</p>
107+
</motion.div>
72108
</div>
73109

74-
<div className="text-center">
75-
<p className="text-lg text-gray-300 font-[Exo] leading-relaxed">
76-
<span className="text-alien-gold">·</span> <span className="text-alien-green font-semibold">Decentralized Currencies:</span> Scalable and Stable with the Volatility for Safe Reserves of Values.
110+
<motion.div
111+
initial={{ opacity: 0, y: 20 }}
112+
whileInView={{ opacity: 1, y: 0 }}
113+
transition={{ duration: 0.6, delay: 0.6 }}
114+
viewport={{ once: true }}
115+
className="bg-gradient-to-r from-alien-space-dark/50 to-alien-space/50 p-8 rounded-2xl border border-alien-gold/20"
116+
>
117+
<p className="text-xl text-gray-200 font-[Exo] leading-relaxed text-center mb-6">
118+
Allowing individuals to <span className="text-alien-gold font-semibold">secure their wealth</span> while
119+
enjoying the benefits of a <span className="text-alien-green font-semibold">decentralized economy</span>.
77120
</p>
78-
</div>
79-
</div>
80-
81-
<div className="mt-8 space-y-4 text-center">
82-
<p className="text-lg text-gray-300 font-[Exo] leading-relaxed text-center">
83-
Allowing individuals to <span className="text-alien-gold font-semibold">secure their wealth</span> while
84-
enjoying the benefits of a <span className="text-alien-green font-semibold">decentralized economy</span>.
85-
</p>
86-
<p className="text-lg text-gray-300 font-[Exo] leading-relaxed text-center">
87-
Access with <span className="text-alien-gold font-semibold">Cryptokens and NFTs</span> to Order & Generate
88-
All Types of Experiences, Products & Services According to your Demands
89-
<span className="text-alien-green font-semibold"> Instantly</span>...
90-
</p>
121+
122+
<div className="flex items-center justify-center gap-4 flex-wrap">
123+
<div className="flex items-center gap-2 bg-alien-space-dark/50 px-4 py-2 rounded-full border border-alien-gold/30">
124+
<Coins className="h-4 w-4 text-alien-gold" />
125+
<span className="text-alien-gold font-semibold text-sm">Cryptokens</span>
126+
</div>
127+
<div className="flex items-center gap-2 bg-alien-space-dark/50 px-4 py-2 rounded-full border border-alien-green/30">
128+
<Bitcoin className="h-4 w-4 text-alien-green" />
129+
<span className="text-alien-green font-semibold text-sm">NFTs</span>
130+
</div>
131+
<div className="flex items-center gap-2 bg-alien-space-dark/50 px-4 py-2 rounded-full border border-alien-gold/30">
132+
<Zap className="h-4 w-4 text-alien-gold" />
133+
<span className="text-alien-gold font-semibold text-sm">Instant Access</span>
134+
</div>
135+
</div>
136+
137+
<p className="text-lg text-gray-300 font-[Exo] leading-relaxed text-center mt-6">
138+
<span className="text-alien-green font-semibold">Order & Generate</span> All Types of Experiences,
139+
Products & Services According to your Demands <span className="text-alien-gold font-semibold">Instantly</span>...
140+
</p>
141+
</motion.div>
91142
</div>
92143
</motion.div>
93144
</div>

‎src/components/PriceTicker.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@ const PriceTicker = () => {
3939
widgetElement.setAttribute('outlined', 'true');
4040
widgetElement.setAttribute('coin-ids', 'bitcoin,tether-gold,ethereum,binancecoin,bitcoin-cash,bittensor,aave,solana,hyperliquid,avalanche-2,chainlink,injective-protocol,uniswap,internet-computer,aptos,cosmos,bitget-token,polkadot,sui,the-open-network,near,celestia,nexo,pi-network,tron,polygon-ecosystem-token,pancakeswap-token,osmosis,crypto-com-chain');
4141
widgetElement.setAttribute('initial-currency', 'usd');
42+
widgetElement.setAttribute('speed', '50'); // Slower speed for better readability
4243

4344
containerRef.current.appendChild(widgetElement);
4445

0 commit comments

Comments
 (0)