1-
21import React from 'react' ;
32import { motion } from 'framer-motion' ;
43import { Button } from '@/components/ui/button' ;
@@ -8,16 +7,13 @@ import { Link } from 'react-router-dom';
87const Hero = ( ) => {
98 return (
109 < div className = "relative min-h-[calc(100vh-4rem)] flex flex-col items-center justify-center py-16 overflow-hidden" >
11- { /* Background image is handled in pages/Index.tsx */ }
12-
1310 < div className = "container relative z-10 px-4 mx-auto text-center" >
1411 < motion . div
1512 initial = { { opacity : 0 , y : 20 } }
1613 animate = { { opacity : 1 , y : 0 } }
1714 transition = { { duration : 0.8 } }
1815 className = "mb-6"
1916 >
20- { /* Logo animado */ }
2117 < div className = "flex flex-col justify-center items-center mb-8 relative" >
2218 < motion . img
2319 src = "/lovable-uploads/ALogo.png"
@@ -37,9 +33,8 @@ const Hero = () => {
3733 />
3834 </ div >
3935
40- { /* Título del Hero */ }
4136 < h1
42- className = "text-3xl sm:text-4xl md:text-6xl lg:text-7xl font-bold mb-4 tracking-tight text-glow text-center font-nasalization"
37+ className = "text-3xl sm:text-4xl md:text-6xl lg:text-7xl mb-4 tracking-tight text-glow text-center font-nasalization"
4338 >
4439 < span className = "text-alien-green" > Δlieπ</ span >
4540 < span className = "text-alien-gold" > FlΦw</ span >
@@ -52,27 +47,24 @@ const Hero = () => {
5247 animate = { { opacity : 1 } }
5348 transition = { { delay : 0.3 , duration : 0.8 } }
5449 >
55- Access & Explore the DAO with Innovative Solutions , Unlock Energy Efficiency & Environmental Sustainability , Uniting : BioFi , DeFi , DePin , DeSci , IPFS , QFS , ReFi , RWA , SocialFi , and TradFi under one cosmic ecosystem .
50+ Access & Explore the DAO with Innovative Solutions , Unlock Energy Efficiency & Environmental Sustainability , Uniting : BioFi , DeFi , DePin , DeSci , IPFS , QFS , ReFi , RWA , SocialFi , and more .
5651 </ motion . p >
5752 </ motion . div >
5853
59- { /* Botones de llamada a la acción */ }
6054 < motion . div
6155 className = "flex flex-wrap justify-center gap-4 mt-8"
6256 initial = { { opacity : 0 , y : 20 } }
6357 animate = { { opacity : 1 , y : 0 } }
6458 transition = { { delay : 0.5 , duration : 0.8 } }
6559 >
66- { /* Botón About */ }
6760 < Link to = "/about" >
6861 < Button
6962 className = "bg-alien-green text-alien-gold hover:bg-alien-gold hover:text-alien-green font-nasalization px-6 sm:px-8 py-5 sm:py-6 text-base sm:text-lg rounded-full transition-colors"
7063 >
7164 < Orbit className = "mr-2 h-5 w-5" /> About Enter Portal
7265 </ Button >
7366 </ Link >
74-
75- { /* Botón AlienTrip */ }
67+
7668 < Link to = "/alien-trip" >
7769 < Button
7870 className = "bg-alien-green text-alien-gold hover:bg-alien-gold hover:text-alien-green font-nasalization px-6 sm:px-8 py-5 sm:py-6 text-base sm:text-lg rounded-full transition-colors"
@@ -81,7 +73,6 @@ const Hero = () => {
8173 </ Button >
8274 </ Link >
8375
84- { /* Botón Contact */ }
8576 < Link to = "/contact" >
8677 < Button
8778 className = "bg-alien-green text-alien-gold hover:bg-alien-gold hover:text-alien-green font-nasalization px-6 sm:px-8 py-5 sm:py-6 text-base sm:text-lg rounded-full transition-colors"
0 commit comments