Initial commit - TrackSteel Site

2026-05-15 08:44:32 -03:00
commit 6555459af0
95 changed files with 13984 additions and 0 deletions
@@ -0,0 +1,114 @@
+import { Component as BlueBackground } from "@/components/ui/raycast-animated-blue-background";
+import Navigation from "@/components/Navigation";
+import Features from "@/components/Features";
+import Statistics from "@/components/Statistics";
+import Modules from "@/components/Modules";
+import Benefits from "@/components/Benefits";
+import Footer from "@/components/Footer";
+import { motion } from "framer-motion";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { ArrowRight, Play } from "lucide-react";
+
+const Index = () => {
+  return (
+    <div className="min-h-screen bg-background relative">
+      {/* Fundo animado fixo */}
+      <div className="fixed inset-0 pointer-events-none">
+        <BlueBackground />
+      </div>
+      {/* Conteúdo com z-index adequado */}
+      <div className="relative z-10">
+        <Navigation />
+        
+        {/* Hero Section with Kokonut UI Background */}
+        <section className="relative min-h-screen flex items-center justify-center overflow-hidden">
+          <div className="container mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ duration: 0.8 }}
+              className="text-center max-w-4xl mx-auto"
+            >
+              {/* Badge */}
+              <motion.div
+                initial={{ opacity: 0, scale: 0.9 }}
+                animate={{ opacity: 1, scale: 1 }}
+                transition={{ delay: 0.2, duration: 0.6 }}
+                className="mb-8"
+              >
+                <Badge 
+                  variant="outline" 
+                  className="px-4 py-2 text-sm font-medium bg-white/10 border-white/20 text-white backdrop-blur-sm hover:bg-white/20 transition-all duration-300"
+                >
+                  TrackSteel - Sistema de Gestão Integrada
+                </Badge>
+              </motion.div>
+
+              {/* Main Title */}
+              <motion.h1
+                initial={{ opacity: 0, y: 30 }}
+                animate={{ opacity: 1, y: 0 }}
+                transition={{ delay: 0.4, duration: 0.8 }}
+                className="text-4xl sm:text-5xl lg:text-7xl font-bold mb-6 leading-tight"
+              >
+                <span className="bg-gradient-to-r from-white via-blue-100 to-blue-200 bg-clip-text text-transparent">
+                  Transforme sua Fábrica
+                </span>
+                <br />
+                <span className="bg-gradient-to-r from-blue-200 via-white to-blue-100 bg-clip-text text-transparent">
+                  Estruturas Metálicas
+                </span>
+              </motion.h1>
+
+              {/* Description */}
+              <motion.p
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                transition={{ delay: 0.6, duration: 0.8 }}
+                className="text-lg sm:text-xl text-white/80 mb-12 max-w-2xl mx-auto leading-relaxed"
+              >
+                Revolucione sua produção com nossa plataforma completa de gestão. 
+                Controle total desde o orçamento até a entrega, com tecnologia de ponta 
+                e interface intuitiva.
+              </motion.p>
+
+              {/* Action Buttons */}
+              <motion.div
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                transition={{ delay: 0.8, duration: 0.8 }}
+                className="flex flex-col sm:flex-row gap-4 justify-center items-center"
+              >
+                <Button 
+                  size="lg" 
+                  className="bg-white text-blue-600 hover:bg-blue-50 px-8 py-4 text-lg font-semibold rounded-full shadow-lg hover:shadow-xl transition-all duration-300 group"
+                >
+                  Começar Agora
+                  <ArrowRight className="ml-2 h-5 w-5 group-hover:translate-x-1 transition-transform" />
+                </Button>
+                
+                <Button 
+                  variant="ghost" 
+                  size="lg" 
+                  className="text-white hover:bg-white/10 px-8 py-4 text-lg font-semibold rounded-full backdrop-blur-sm border border-white/20 hover:border-white/40 transition-all duration-300 group"
+                >
+                  <Play className="mr-2 h-5 w-5 group-hover:scale-110 transition-transform" />
+                  Ver Demo
+                </Button>
+              </motion.div>
+            </motion.div>
+          </div>
+        </section>
+        
+        <Features />
+        <Statistics />
+        <Modules />
+        <Benefits />
+        <Footer />
+      </div>
+    </div>
+  );
+};
+
+export default Index;