@@ -34,6 +34,64 @@ const FinancialFreedomSection = () => {
3434 </ div >
3535 </ motion . div >
3636
37+ { /* ABTC Token Highlight - Moved up here */ }
38+ < motion . div
39+ initial = { { opacity : 0 , scale : 0.9 } }
40+ whileInView = { { opacity : 1 , scale : 1 } }
41+ transition = { { duration : 0.8 , delay : 0.5 } }
42+ viewport = { { once : true } }
43+ className = "card-border p-8 max-w-6xl mx-auto text-center relative overflow-hidden mb-16"
44+ >
45+ { /* Background decorative elements */ }
46+ < div className = "absolute inset-0 bg-gradient-to-br from-alien-gold/5 via-transparent to-alien-green/5" />
47+ < div className = "absolute top-0 left-0 w-32 h-32 bg-alien-gold/10 rounded-full blur-3xl" />
48+ < div className = "absolute bottom-0 right-0 w-32 h-32 bg-alien-green/10 rounded-full blur-3xl" />
49+
50+ < div className = "relative z-10" >
51+ < motion . h3
52+ initial = { { opacity : 0 , y : 20 } }
53+ whileInView = { { opacity : 1 , y : 0 } }
54+ transition = { { duration : 0.6 , delay : 0.6 } }
55+ viewport = { { once : true } }
56+ className = "text-3xl md:text-4xl font-bold mb-4 text-alien-gold font-nasalization"
57+ >
58+ A₿tc < span className = "text-sm text-[#03ff19]" > (Aurum nostrum non est aurum vulgi)</ span >
59+ </ motion . h3 >
60+
61+ < motion . p
62+ initial = { { opacity : 0 , y : 20 } }
63+ whileInView = { { opacity : 1 , y : 0 } }
64+ transition = { { duration : 0.6 , delay : 0.7 } }
65+ viewport = { { once : true } }
66+ className = "text-lg text-gray-300 mb-6 font-[Exo] max-w-3xl mx-auto"
67+ >
68+ Aurum ₿itcoin cryptoken serves as collateral and derivative of Bitcoin and gold,
69+ providing < span className = "text-alien-green font-semibold" > scalability</ span > ,
70+ < span className = "text-alien-gold font-semibold" > stability</ span > and
71+ < span className = "text-alien-green font-semibold" > growth potential (Φπ)</ span > ...
72+ </ motion . p >
73+
74+ < motion . div
75+ initial = { { opacity : 0 , scale : 0.9 } }
76+ whileInView = { { opacity : 1 , scale : 1 } }
77+ transition = { { duration : 0.6 , delay : 0.8 } }
78+ viewport = { { once : true } }
79+ className = "inline-flex items-center gap-3 bg-gradient-to-r from-alien-space-dark to-alien-space px-6 py-3 rounded-full border border-alien-green/30"
80+ >
81+ < a href = "https://bitcoin.org" target = "_blank" rel = "noopener noreferrer" className = "flex items-center" >
82+ < img
83+ src = "https://upload.wikimedia.org/wikipedia/commons/4/46/Bitcoin.svg"
84+ alt = "Bitcoin"
85+ className = "h-5 w-5"
86+ />
87+ </ a >
88+ < span className = "text-alien-green font-semibold font-[Exo]" > ₿itcoin backed</ span >
89+ < span className = "text-gray-400" > •</ span >
90+ < span className = "text-alien-gold font-semibold font-[Exo]" > Interoperable</ span >
91+ </ motion . div >
92+ </ div >
93+ </ motion . div >
94+
3795 < div className = "max-w-4xl mx-auto text-center mb-16" >
3896 < p className = "text-2xl text-gray-200 font-[Exo] leading-relaxed mb-6" >
3997 Any individual or professional can understand the advantage of digital Money:
@@ -213,63 +271,6 @@ const FinancialFreedomSection = () => {
213271 </ Card >
214272 </ motion . div >
215273
216- { /* ABTC Token Highlight - Simplified without widget */ }
217- < motion . div
218- initial = { { opacity : 0 , scale : 0.9 } }
219- whileInView = { { opacity : 1 , scale : 1 } }
220- transition = { { duration : 0.8 , delay : 0.5 } }
221- viewport = { { once : true } }
222- className = "card-border p-8 max-w-6xl mx-auto text-center relative overflow-hidden"
223- >
224- { /* Background decorative elements */ }
225- < div className = "absolute inset-0 bg-gradient-to-br from-alien-gold/5 via-transparent to-alien-green/5" />
226- < div className = "absolute top-0 left-0 w-32 h-32 bg-alien-gold/10 rounded-full blur-3xl" />
227- < div className = "absolute bottom-0 right-0 w-32 h-32 bg-alien-green/10 rounded-full blur-3xl" />
228-
229- < div className = "relative z-10" >
230- < motion . h3
231- initial = { { opacity : 0 , y : 20 } }
232- whileInView = { { opacity : 1 , y : 0 } }
233- transition = { { duration : 0.6 , delay : 0.6 } }
234- viewport = { { once : true } }
235- className = "text-3xl md:text-4xl font-bold mb-4 text-alien-gold font-nasalization"
236- >
237- A₿tc < span className = "text-sm text-[#03ff19]" > (Aurum nostrum non est aurum vulgi)</ span >
238- </ motion . h3 >
239-
240- < motion . p
241- initial = { { opacity : 0 , y : 20 } }
242- whileInView = { { opacity : 1 , y : 0 } }
243- transition = { { duration : 0.6 , delay : 0.7 } }
244- viewport = { { once : true } }
245- className = "text-lg text-gray-300 mb-6 font-[Exo] max-w-3xl mx-auto"
246- >
247- Aurum ₿itcoin cryptoken serves as collateral and derivative of Bitcoin and gold,
248- providing < span className = "text-alien-green font-semibold" > scalability</ span > ,
249- < span className = "text-alien-gold font-semibold" > stability</ span > and
250- < span className = "text-alien-green font-semibold" > growth potential (Φπ)</ span > ...
251- </ motion . p >
252-
253- < motion . div
254- initial = { { opacity : 0 , scale : 0.9 } }
255- whileInView = { { opacity : 1 , scale : 1 } }
256- transition = { { duration : 0.6 , delay : 0.8 } }
257- viewport = { { once : true } }
258- className = "inline-flex items-center gap-3 bg-gradient-to-r from-alien-space-dark to-alien-space px-6 py-3 rounded-full border border-alien-green/30"
259- >
260- < a href = "https://bitcoin.org" target = "_blank" rel = "noopener noreferrer" className = "flex items-center" >
261- < img
262- src = "https://upload.wikimedia.org/wikipedia/commons/4/46/Bitcoin.svg"
263- alt = "Bitcoin"
264- className = "h-5 w-5"
265- />
266- </ a >
267- < span className = "text-alien-green font-semibold font-[Exo]" > ₿itcoin backed</ span >
268- < span className = "text-gray-400" > •</ span >
269- < span className = "text-alien-gold font-semibold font-[Exo]" > Interoperable</ span >
270- </ motion . div >
271- </ div >
272- </ motion . div >
273274 </ div >
274275 </ div >
275276 </ section >
0 commit comments