Reverted to commit 905c5e3

Author: lovable-dev[bot]

src/components/FinancialFreedomSection.tsx

@@ -4,9 +4,8 @@ import { Bitcoin, TrendingUp, Shield, Coins, Zap, Lock, ShoppingCart, Wand2, Spa
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 const FinancialFreedomSection = () => {
   return (
-    <section className="py-24 relative overflow-hidden bg-glow-radial">
-      {/* Background layers matching hero */}
-      <div className="absolute inset-0 bg-stars bg-cover bg-center opacity-30"></div>
+    <section className="py-24 relative overflow-hidden">
+      {/* Enhanced background decorative elements */}
       <div className="absolute inset-0">
         <div className="absolute top-20 left-20 w-32 h-32 bg-alien-gold/10 rounded-full blur-3xl animate-pulse"></div>
         <div className="absolute bottom-20 right-20 w-40 h-40 bg-alien-green/10 rounded-full blur-3xl animate-pulse delay-1000"></div>

src/components/Header/DesktopNav.tsx

@@ -28,25 +28,18 @@ const DesktopNav = () => {
     { code: 'us', name: 'English', lang: 'en' },
     { code: 'es', name: 'Español', lang: 'es' },
     { code: 'fr', name: 'Français', lang: 'fr' },
-    { code: 'de', name: 'Deutsch', lang: 'de' },
     { code: 'cn', name: '汉语 (Hànyǔ)', lang: 'zh' },
     { code: 'in', name: 'हिन्दी (Hindī)', lang: 'hi' },
     { code: 'pt', name: 'Português', lang: 'pt' },
     { code: 'jp', name: '日本語 (Nihongo)', lang: 'ja' }
   ];
 
-  const translatePage = (langCode: string) => {
-    const currentUrl = window.location.href;
-    // Try Google Translate first, fallback to DeepL
-    const googleUrl = `https://translate.google.com/translate?sl=auto&tl=${langCode}&u=${encodeURIComponent(currentUrl)}`;
-    
-    // Open Google Translate
-    const googleWindow = window.open(googleUrl, '_blank', 'noopener,noreferrer');
-    
-    // If Google fails or user prefers DeepL, they can manually use DeepL
-    if (!googleWindow) {
-      const deeplUrl = `https://www.deepl.com/translator?utm_source=alienflowspace#auto/${langCode}/${encodeURIComponent(currentUrl)}`;
-      window.open(deeplUrl, '_blank', 'noopener,noreferrer');
+  const openTranslate = (provider: 'google' | 'deepl') => {
+    const url = window.location.href;
+    if (provider === 'google') {
+      window.open(`https://translate.google.com/translate?sl=auto&tl=es&u=${encodeURIComponent(url)}`, '_blank');
+    } else {
+      window.open(`https://www.deepl.com/translator#auto/es/${encodeURIComponent(url)}`, '_blank');
     }
   };
 
@@ -121,7 +114,6 @@ const DesktopNav = () => {
                 <DropdownMenuItem 
                   key={lang.code} 
                   className="flex items-center gap-3 text-alien-gold hover:text-alien-green hover:bg-alien-space-light/30 cursor-pointer p-3 rounded-lg transition-all duration-300"
-                  onSelect={(e) => { e.preventDefault(); translatePage(lang.lang); }}
                 >
                   <img 
                     src={`https://flagcdn.com/w20/${lang.code}.png`} 
@@ -131,6 +123,18 @@ const DesktopNav = () => {
                   <span className="font-medium">{lang.name}</span>
                 </DropdownMenuItem>
               ))}
+              <DropdownMenuItem
+                className="flex items-center gap-3 text-alien-gold hover:text-alien-green hover:bg-alien-space-light/30 cursor-pointer p-3 rounded-lg transition-all duration-300"
+                onSelect={(e) => { e.preventDefault(); openTranslate('google'); }}
+              >
+                <span className="font-medium">Traducir con Google</span>
+              </DropdownMenuItem>
+              <DropdownMenuItem
+                className="flex items-center gap-3 text-alien-gold hover:text-alien-green hover:bg-alien-space-light/30 cursor-pointer p-3 rounded-lg transition-all duration-300"
+                onSelect={(e) => { e.preventDefault(); openTranslate('deepl'); }}
+              >
+                <span className="font-medium">Traducir con DeepL</span>
+              </DropdownMenuItem>
             </div>
           </DropdownMenuContent>
         </DropdownMenu>

src/components/Hero.tsx

@@ -58,17 +58,22 @@ const Hero: React.FC = () => {
           <span className="text-alien-gold"> DAO</span>
         </motion.h1>
 
-        {/* Star Wars inspired description - Static and optimized */}
-        <div className="max-w-4xl mx-auto text-center">
-          <div className="starwars-text space-y-4 opacity-100">
-            <p className="text-base sm:text-lg lg:text-xl font-medium leading-relaxed text-yellow-300">
+        {/* Star Wars inspired description */}
+        <motion.div 
+          className="star-wars-crawl"
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          transition={{ delay: 0.5, duration: 1 }}
+        >
+          <div className="star-wars-content">
+            <p className="mb-4 text-sm sm:text-base lg:text-lg">
               Access the DAO with Innovative Solutions, Unlocks Energy Efficiency & Environmental Sustainability.
             </p>
-            <p className="text-sm sm:text-base lg:text-lg text-yellow-200/90 leading-relaxed">
+            <p className="text-sm sm:text-base lg:text-lg opacity-90">
               Advantages Boosting the BENEFITS, for Connecting you and Raise your QUALITY of LIFE, with Mutual PROFITS…
             </p>
           </div>
-        </div>
+        </motion.div>
 
         {/* Action buttons */}
         <motion.div

src/components/LoadingScreen.tsx

@@ -166,18 +166,15 @@
   background: linear-gradient(145deg, hsl(var(--sidebar-accent)), hsl(var(--sidebar-primary)));
 }
 
-/* Star Wars text styling - Classic yellow crawl */
+/* Professional Star Wars text styling - Subtle and harmonious */
 .starwars-text {
-  background: rgba(0, 0, 0, 0.5);
-  padding: 2rem;
-  border-radius: 1rem;
-  backdrop-filter: blur(8px);
-  border: 1px solid rgba(255, 215, 0, 0.3);
+  color: hsl(var(--primary));
+  text-shadow: 
+    0 1px 3px rgba(0, 0, 0, 0.3),
+    0 0 8px hsl(var(--primary) / 0.2);
   font-family: 'Nasalization', sans-serif;
-  font-weight: 400;
+  font-weight: bold;
   letter-spacing: 1px;
-  line-height: 1.6;
-  text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
 }
 
 /* Clean Star Wars crawl - No background box, subtle animation */

src/index.css

@@ -93,60 +93,31 @@ const AlienTrip: React.FC = () => {
               </Card>
 
               <div className="flex flex-wrap gap-4 mb-8">
-                <Button 
-                  className="bg-alien-gold hover:bg-alien-gold-light text-alien-space-dark font-nasalization hover:shadow-lg hover:scale-105 transition-all duration-300"
-                  onClick={() => window.location.href = '/contact'}
-                >
+                <Button className="bg-alien-gold hover:bg-alien-gold-light text-alien-space-dark font-nasalization">
                   <Rocket className="mr-2 h-5 w-5" /> Join the Journey
                 </Button>
+                <Button variant="outline" className="border-alien-green text-alien-green hover:bg-alien-green/20 font-nasalization" onClick={() => window.open("https://alienflowspace.gitbook.io/DAO", "_blank")}>
+                  <ScrollText className="mr-2 h-5 w-5" /> Look Greenpapers
+                </Button>
               </div>
-
-              {/* Documentation Cards */}
-              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                {/* GitBook Documentation */}
-                <Card className="bg-alien-space-dark/50 backdrop-blur-md border-alien-gold/20 hover:border-alien-gold/40 transition-all duration-300">
-                  <CardContent className="p-6">
-                    <div className="flex items-center mb-4">
-                      <BookOpen className="h-6 w-6 text-alien-gold mr-3" />
-                      <h3 className="text-xl font-semibold text-alien-gold font-nasalization">Documentation & Greenpapers</h3>
-                    </div>
-                    <p className="text-gray-300 mb-4 font-[Exo]">
-                      Access our complete whitepaper, technical documentation, and all greenpapers in our GitBook hub.
-                    </p>
-                    <a 
-                      href="https://alienflowspace.gitbook.io/DAO" 
-                      target="_blank" 
-                      rel="noopener noreferrer" 
-                      className="inline-flex items-center text-alien-green hover:text-alien-green-light font-[Exo] hover:scale-105 transition-all duration-300 bg-alien-green/10 px-4 py-2 rounded-lg border border-alien-green/30 hover:bg-alien-green/20"
-                    >
-                      <span>Read GitBook Documentation</span>
-                      <Rocket className="ml-2 h-4 w-4" />
-                    </a>
-                  </CardContent>
-                </Card>
-
-                {/* Tokenomics Card */}
-                <Card className="bg-alien-space-dark/50 backdrop-blur-md border-alien-green/20 hover:border-alien-green/40 transition-all duration-300">
-                  <CardContent className="p-6">
-                    <div className="flex items-center mb-4">
-                      <PieChart className="h-6 w-6 text-alien-green mr-3" />
-                      <h3 className="text-xl font-semibold text-alien-green font-nasalization">Tokenomics Details</h3>
-                    </div>
-                    <p className="text-gray-300 mb-4 font-[Exo]">
-                      Explore the complete A₿TC token distribution, utility mechanisms, and economic model.
-                    </p>
-                    <a 
-                      href="https://alienflowspace.gitbook.io/DAO" 
-                      target="_blank" 
-                      rel="noopener noreferrer" 
-                      className="inline-flex items-center text-alien-gold hover:text-alien-gold-light font-[Exo] hover:scale-105 transition-all duration-300 bg-alien-gold/10 px-4 py-2 rounded-lg border border-alien-gold/30 hover:bg-alien-gold/20"
-                    >
-                      <span>View Tokenomics</span>
-                      <Rocket className="ml-2 h-4 w-4" />
-                    </a>
-                  </CardContent>
-                </Card>
-              </div>
+              
+              {/* GitBook Card */}
+              <Card className="bg-alien-space-dark/50 backdrop-blur-md border-alien-gold/20">
+                <CardContent className="p-6">
+                  <div className="flex items-center mb-4">
+                    <BookOpen className="h-6 w-6 text-alien-gold mr-3" />
+                    <h3 className="text-xl font-semibold text-alien-gold font-nasalization">Official Documentation</h3>
+                  </div>
+                  <p className="text-gray-300 mb-4 font-[Exo]">
+                    Access our comprehensive documentation to learn about tokenomics, roadmap, and 
+                    technical specifications of the ΔlieπFlΦw $pac€ DAO ecosystem.
+                  </p>
+                  <a href="https://alienflowspace.gitbook.io/DAO" target="_blank" rel="noopener noreferrer" className="flex items-center text-alien-green hover:text-alien-green-light font-[Exo]">
+                    <span>Visit GitBook</span>
+                    <Rocket className="ml-2 h-4 w-4" />
+                  </a>
+                </CardContent>
+              </Card>
             </div>
 
             {/* Crypto Mint NFT - Compact design */}
@@ -242,6 +213,11 @@ const AlienTrip: React.FC = () => {
                   </div>
                 </div>
 
+                <div className="text-center mt-8">
+                  <a href="https://alienflowspace.gitbook.io/DAO" target="_blank" rel="noopener noreferrer" className="text-alien-green hover:text-alien-green-light inline-flex items-center font-[Exo]">
+                    View detailed tokenomics <Rocket className="ml-2 h-4 w-4" />
+                  </a>
+                </div>
               </CardContent>
             </Card>
           </div>
@@ -312,6 +288,11 @@ const AlienTrip: React.FC = () => {
                 </div>)}
             </div>
 
+            <div className="text-center mt-8">
+              <a href="https://alienflowspace.gitbook.io/DAO" target="_blank" rel="noopener noreferrer" className="text-alien-green hover:text-alien-green-light inline-flex items-center font-[Exo]">
+                View complete roadmap <Rocket className="ml-2 h-4 w-4" />
+              </a>
+            </div>
           </div>
 
           <Card className="bg-alien-space-dark/70 backdrop-blur-md border-alien-gold/20">
@@ -321,18 +302,9 @@ const AlienTrip: React.FC = () => {
                 The AlienFlowSpace DAO is more than a project—it's a movement to transform blockchain collaboration across the multiverse. Be part of this revolutionary journey.
               </p>
               <div className="flex flex-wrap justify-center gap-4">
-                <Button 
-                  className="bg-alien-gold hover:bg-alien-gold-light text-alien-space-dark px-8 py-6 font-nasalization hover:shadow-lg hover:scale-105 transition-all duration-300"
-                  onClick={() => window.location.href = '/contact'}
-                >
+                <Button className="bg-alien-gold hover:bg-alien-gold-light text-alien-space-dark px-8 py-6 font-nasalization">
                   <Rocket className="mr-2 h-5 w-5" /> Join AlienFlowSpace
                 </Button>
-                <Button 
-                  className="bg-alien-green/20 border-alien-green text-alien-green hover:bg-alien-green hover:text-alien-space-dark font-nasalization border-2 px-8 py-6 hover:shadow-lg hover:scale-105 transition-all duration-300"
-                  onClick={() => window.open("https://alienflowspace.gitbook.io/DAO", "_blank")}
-                >
-                  <BookOpen className="mr-2 h-5 w-5" /> Complete Documentation
-                </Button>
               </div>
             </CardContent>
           </Card>

src/pages/AlienTrip.tsx

@@ -253,27 +253,22 @@ const CoNetWorKing: React.FC = () => {
       {/* Background Network Image */}
 
       <main className="container mx-auto px-4 pt-32 pb-16 relative z-20">
-        {/* Semi-transparent overlay for better text readability */}
-        <div className="absolute inset-0 bg-black/40 backdrop-blur-sm rounded-3xl"></div>
-        
-        <div className="max-w-7xl mx-auto relative z-30">
-          {/* Hero Section with better readability */}
-          <div className="text-center mb-20 bg-black/30 backdrop-blur-md p-8 rounded-2xl border border-alien-gold/20">
+        <div className="max-w-7xl mx-auto">
+          {/* Hero Section */}
+          <div className="text-center mb-20">
             <div className="inline-flex items-center justify-center w-24 h-24 bg-alien-gold/20 rounded-full mb-6 border-2 border-alien-gold/40 backdrop-blur-md">
               <img 
                 src="/lovable-uploads/CoNetWorKingLogo.png" 
                 alt="CoNetWorKing Official Logo" 
                 className="h-16 w-16 object-contain"
               />
             </div>
-            <div className="readable-panel max-w-4xl mx-auto">
-              <h1 className="text-5xl md:text-7xl font-bold text-alien-gold mb-6 font-nasalization">
-                CoNetWorKing
-              </h1>
-              <p className="text-xl md:text-2xl text-gray-100 font-[Exo] leading-relaxed">
-                Connect with the future of decentralized finance through our comprehensive suite of blockchain services
-              </p>
-            </div>
+            <h1 className="text-5xl md:text-7xl font-bold text-alien-gold mb-8 font-[Atomic Age, Star Wars] text-glow">
+              CoNetWorKing
+            </h1>
+            <p className="text-2xl text-gray-200 max-w-4xl mx-auto font-[Exo] leading-relaxed">
+              Connect with the future of decentralized finance through our comprehensive suite of blockchain services
+            </p>
           </div>
 
           {/* Services Grid */}