Upload 2 files

components/footer.php

@@ -0,0 +1,134 @@
+<!-- components/footer.php -->
+<footer class="relative bg-slate-950/95 backdrop-blur-xl border-t border-white/5 mt-20 overflow-hidden">
+  <!-- Gradient Background -->
+  <div class="absolute inset-0 bg-linear-to-b from-transparent via-cyan-950/5 to-blue-950/10 pointer-events-none"></div>
+  
+  <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+    <!-- Main Content -->
+    <div class="py-16 lg:py-20">
+      <div class="grid grid-cols-1 lg:grid-cols-3 gap-12 lg:gap-16">
+        
+        <!-- Column 1: Logo & Description -->
+        <div class="text-center lg:text-left">
+          <div class="flex items-center justify-center lg:justify-start space-x-3 mb-6">
+            <div class="w-12 h-12 rounded-xl overflow-hidden bg-linear-to-br from-cyan-500 to-blue-600 p-0.5 shadow-lg">
+              <img src="/assets/logo.jpeg" alt="SoftEdge Logo" class="w-full h-full object-cover rounded-xl">
+            </div>
+            <span class="text-2xl font-bold bg-linear-to-r from-cyan-400 to-blue-500 bg-clip-text text-transparent">
+              SoftEdge
+            </span>
+          </div>
+          
+          <p class="text-gray-400 text-sm leading-relaxed max-w-xs mx-auto lg:mx-0">
+            Começamos com um sonho. Hoje desenvolvemos realidades lógicas e softwares mais amáveis.
+          </p>
+          
+          <p class="text-gray-500 text-xs mt-4">
+            Fundada em 2023 por Isaac Quarenta
+          </p>
+        </div>
+
+        <!-- Column 2: Quick Links -->
+        <div class="text-center lg:text-left">
+          <h3 class="text-slate-200 font-medium text-sm mb-4 uppercase tracking-wide">
+            Navegação
+          </h3>
+          <nav class="space-y-2">
+            <a href="index.php" class="block text-slate-400 hover:text-slate-200 transition-colors text-sm">
+              Início
+            </a>
+            <a href="sobre.php" class="block text-slate-400 hover:text-slate-200 transition-colors text-sm">
+              Empresa
+            </a>
+            <a href="servicos.php" class="block text-slate-400 hover:text-slate-200 transition-colors text-sm">
+              Serviços
+            </a>
+            <a href="projetos.php" class="block text-slate-400 hover:text-slate-200 transition-colors text-sm">
+              Projetos
+            </a>
+            <a href="contato.php" class="block text-slate-400 hover:text-slate-200 transition-colors text-sm">
+              Contato
+            </a>
+          </nav>
+        </div>
+
+        <!-- Column 3: Contact & Social -->
+        <div class="text-center lg:text-left">
+          <h3 class="text-slate-200 font-medium text-sm mb-4 uppercase tracking-wide">
+            Contato
+          </h3>
+
+          <!-- Contact Info -->
+          <div class="space-y-3 mb-6">
+            <a href="mailto:softedgecorporation@gmail.com"
+               class="flex items-center justify-center lg:justify-start gap-3 text-slate-400 hover:text-slate-200 transition-colors">
+              <i data-lucide="mail" class="w-4 h-4"></i>
+              <span class="text-sm">Email</span>
+            </a>
+
+            <a href="https://whatsapp.com/channel/0029VawQLpGHltY2Y87fR83m"
+               target="_blank"
+               rel="noopener noreferrer"
+               class="flex items-center justify-center lg:justify-start gap-3 text-slate-400 hover:text-slate-200 transition-colors">
+              <i data-lucide="message-circle" class="w-4 h-4"></i>
+              <span class="text-sm">WhatsApp</span>
+            </a>
+          </div>
+
+          <!-- Social Links -->
+          <div class="flex items-center justify-center lg:justify-start gap-2">
+            <a href="https://x.com/softedge40"
+               target="_blank"
+               rel="noopener noreferrer"
+               class="w-8 h-8 rounded border border-slate-600 hover:border-slate-500 flex items-center justify-center transition-colors"
+               aria-label="Twitter / X">
+              <i data-lucide="twitter" class="w-4 h-4 text-slate-400"></i>
+            </a>
+
+            <a href="mailto:softedgecorporation@gmail.com"
+               class="w-8 h-8 rounded border border-slate-600 hover:border-slate-500 flex items-center justify-center transition-colors"
+               aria-label="Email">
+              <i data-lucide="mail" class="w-4 h-4 text-slate-400"></i>
+            </a>
+
+            <a href="https://whatsapp.com/channel/0029VawQLpGHltY2Y87fR83m"
+               target="_blank"
+               rel="noopener noreferrer"
+               class="w-8 h-8 rounded border border-slate-600 hover:border-slate-500 flex items-center justify-center transition-colors"
+               aria-label="WhatsApp">
+              <i data-lucide="message-circle" class="w-4 h-4 text-slate-400"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Bottom Bar -->
+    <div class="border-t border-white/5 py-8">
+      <div class="flex flex-col md:flex-row items-center justify-between gap-4 text-sm text-gray-500">
+        <div class="text-center md:text-left">
+          <p>© 2025 <span class="text-white font-medium">SoftEdge Corporation</span>. Todos os direitos reservados.</p>
+        </div>
+        
+        <div class="flex items-center gap-6">
+          <a href="#" class="hover:text-cyan-400 transition-colors">Privacidade</a>
+          <a href="#" class="hover:text-cyan-400 transition-colors">Termos</a>
+          <div class="flex items-center gap-2">
+            <i data-lucide="map-pin" class="w-4 h-4"></i>
+            <span>Luanda, Angola</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Decorative Elements -->
+  <div class="absolute bottom-0 left-0 right-0 h-px bg-linear-to-r from-transparent via-cyan-500/50 to-transparent"></div>
+</footer>
+
+<!-- Initialize Icons -->
+<script>
+  if (typeof lucide !== 'undefined') {
+    lucide.createIcons();
+  }
+</script>

components/header.php

@@ -0,0 +1,302 @@
+<!DOCTYPE html>
+<html lang="pt-BR" class="scroll-smooth">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>SoftEdge Corporation - Soluções em Tecnologia</title>
+
+  <!-- SEO & SOCIAL -->
+  <meta name="description" content="SoftEdge Corporation - Inovação em desenvolvimento de software, soluções digitais e consultoria tecnológica em Angola.">
+  <meta name="keywords" content="software, tecnologia, desenvolvimento, Angola, Luanda">
+  
+  <!-- FAVICON -->
+  <link rel="icon" href="/assets/placeholder.svg" type="image/svg+xml">
+  <link rel="apple-touch-icon" href="/assets/placeholder.svg">
+  <meta property="og:image" content="https://softedge-corporation.up.railway.app/assets/placeholder.svg" />
+  <meta property="og:title" content="SoftEdge Corporation" />
+  <meta property="og:description" content="Soluções em tecnologia para transformar seu negócio" />
+  <meta name="twitter:image" content="https://softedge-corporation.up.railway.app/assets/placeholder.svg" />
+  <meta name="theme-color" content="#0891b2">
+
+  <!-- FONTS (Inter - moderno e profissional) -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
+  
+  <!-- Tailwind CSS -->
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script>
+    tailwind.config = {
+      theme: {
+        extend: {
+          fontFamily: {
+            sans: ['Inter', 'system-ui', 'sans-serif'],
+          },
+          colors: {
+            primary: {
+              50: '#ecfeff',
+              100: '#cffafe',
+              500: '#06b6d4',
+              600: '#0891b2',
+              700: '#0e7490',
+              900: '#164e63',
+            }
+          }
+        }
+      }
+    }
+  </script>
+  
+  <!-- Lucide Icons -->
+  <script src="https://unpkg.com/lucide@latest"></script>
+  
+  <!-- CSS Personalizado -->
+  <link href="/assets/css/style.css" rel="stylesheet">
+
+  <style>
+    /* Smooth transitions */
+    * {
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
+
+    /* Header glass effect */
+    .glass-header {
+      background: rgba(0, 0, 0, 0.8);
+      backdrop-filter: blur(20px);
+      -webkit-backdrop-filter: blur(20px);
+      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    }
+
+    /* Logo hover effect */
+    .logo-container {
+      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    .logo-container:hover {
+      transform: scale(1.05);
+    }
+
+    /* Menu links */
+    .nav-link {
+      position: relative;
+      transition: color 0.3s ease;
+    }
+
+    .nav-link::after {
+      content: '';
+      position: absolute;
+      bottom: -4px;
+      left: 0;
+      width: 0;
+      height: 2px;
+      background: linear-gradient(90deg, #06b6d4, #3b82f6);
+      transition: width 0.3s ease;
+    }
+
+    .nav-link:hover::after {
+      width: 100%;
+    }
+
+    /* Dropdown animations */
+    .dropdown-menu {
+      opacity: 0;
+      visibility: hidden;
+      transform: translateY(-10px) scale(0.95);
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    .dropdown:hover .dropdown-menu,
+    .dropdown-menu:hover {
+      opacity: 1;
+      visibility: visible;
+      transform: translateY(0) scale(1);
+    }
+
+    /* Mobile menu */
+    .mobile-menu {
+      transform: translateX(100%);
+      transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    .mobile-menu.active {
+      transform: translateX(0);
+    }
+
+    /* CTA Button */
+    .cta-button {
+      background: linear-gradient(135deg, #06b6d4, #3b82f6);
+      transition: all 0.4s ease;
+      box-shadow: 0 10px 30px -10px rgba(6, 182, 212, 0.4);
+    }
+
+    .cta-button:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 20px 40px -10px rgba(6, 182, 212, 0.6);
+    }
+
+    /* Chevron rotation */
+    .chevron-rotate {
+      transition: transform 0.3s ease;
+    }
+
+    .dropdown:hover .chevron-rotate {
+      transform: rotate(180deg);
+    }
+
+    /* Mobile overlay */
+    .mobile-overlay {
+      backdrop-filter: blur(8px);
+      -webkit-backdrop-filter: blur(8px);
+    }
+  </style>
+</head>
+
+<body class="min-h-screen bg-linear-to-br from-slate-950 via-slate-900 to-slate-950 text-white antialiased font-sans">
+=======
+<!-- components/header.php -->
+<!-- SEO & SOCIAL META TAGS (for main pages) -->
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta name="description" content="SoftEdge Corporation - Inovação em desenvolvimento de software, soluções digitais e consultoria tecnológica em Angola.">
+<meta name="keywords" content="software, tecnologia, desenvolvimento, Angola, Luanda">
+<link rel="icon" href="/assets/placeholder.svg" type="image/svg+xml">
+<link rel="apple-touch-icon" href="/assets/placeholder.svg">
+<meta property="og:image" content="/assets/placeholder.svg" />
+<meta property="og:title" content="SoftEdge Corporation" />
+<meta property="og:description" content="Soluções em tecnologia para transformar seu negócio" />
+<meta name="twitter:image" content="/assets/placeholder.svg" />
+<meta name="theme-color" content="#0891b2">
+
+<!-- FONTS (Inter - moderno e profissional) -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
+
+<!-- Tailwind CSS -->
+<script src="https://cdn.tailwindcss.com"></script>
+<script>
+  tailwind.config = {
+    theme: {
+      extend: {
+        fontFamily: {
+          sans: ['Inter', 'system-ui', 'sans-serif'],
+        },
+        colors: {
+          primary: {
+            50: '#ecfeff',
+            100: '#cffafe',
+            500: '#06b6d4',
+            600: '#0891b2',
+            700: '#0e7490',
+            900: '#164e63',
+          }
+        }
+      }
+    }
+  }
+</script>
+
+<!-- Lucide Icons -->
+<script src="https://unpkg.com/lucide@latest"></script>
+
+<!-- CSS Personalizado -->
+<link href="/assets/css/style.css" rel="stylesheet">
+
+<style>
+  /* Smooth transitions */
+  * {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  /* Header glass effect */
+  .glass-header {
+    background: rgba(0, 0, 0, 0.8);
+    backdrop-filter: blur(20px);
+    -webkit-backdrop-filter: blur(20px);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  }
+
+  /* Logo hover effect */
+  .logo-container {
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .logo-container:hover {
+    transform: scale(1.05);
+  }
+
+  /* Menu links */
+  .nav-link {
+    position: relative;
+    transition: color 0.3s ease;
+  }
+
+  .nav-link::after {
+    content: '';
+    position: absolute;
+    bottom: -4px;
+    left: 0;
+    width: 0;
+    height: 2px;
+    background: linear-gradient(90deg, #06b6d4, #3b82f6);
+    transition: width 0.3s ease;
+  }
+
+  .nav-link:hover::after {
+    width: 100%;
+  }
+
+  /* Dropdown animations */
+  .dropdown-menu {
+    opacity: 0;
+    visibility: hidden;
+    transform: translateY(-10px) scale(0.95);
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .dropdown:hover .dropdown-menu,
+  .dropdown-menu:hover {
+    opacity: 1;
+    visibility: visible;
+    transform: translateY(0) scale(1);
+  }
+
+  /* Mobile menu */
+  .mobile-menu {
+    transform: translateX(100%);
+    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .mobile-menu.active {
+    transform: translateX(0);
+  }
+
+  /* CTA Button */
+  .cta-button {
+    background: linear-gradient(135deg, #06b6d4, #3b82f6);
+    transition: all 0.4s ease;
+    box-shadow: 0 10px 30px -10px rgba(6, 182, 212, 0.4);
+  }
+
+  .cta-button:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 20px 40px -10px rgba(6, 182, 212, 0.6);
+  }
+
+  /* Chevron rotation */
+  .chevron-rotate {
+    transition: transform 0.3s ease;
+  }
+
+  .dropdown:hover .chevron-rotate {
+    transform: rotate(180deg);
+  }
+
+  /* Mobile overlay */
+  .mobile-overlay {
+    backdrop-filter: blur(8px);
+    -webkit-backdrop-filter: blur(8px);
+  }
+</style>