File size: 6,576 Bytes
ce6969e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!-- 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-gradient-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-gradient-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-gradient-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-white font-semibold text-sm mb-6 uppercase tracking-wider">
            NavegaΓ§Γ£o
          </h3>
          <nav class="space-y-3">
            <a href="index.php" class="block text-gray-400 hover:text-cyan-400 transition-colors text-sm">
              InΓ­cio
            </a>
            <a href="sobre.php" class="block text-gray-400 hover:text-cyan-400 transition-colors text-sm">
              Sobre NΓ³s
            </a>
            <a href="projetos.php" class="block text-gray-400 hover:text-cyan-400 transition-colors text-sm">
              Projetos
            </a>
            <a href="servicos.php" class="block text-gray-400 hover:text-cyan-400 transition-colors text-sm">
              ServiΓ§os
            </a>
            <a href="contato.php" class="block text-gray-400 hover:text-cyan-400 transition-colors text-sm">
              Contato
            </a>
            <a href="feedback.php" class="block text-gray-400 hover:text-cyan-400 transition-colors text-sm">
              Feedback
            </a>
          </nav>
        </div>

        <!-- Column 3: Contact & Social -->
        <div class="text-center lg:text-left">
          <h3 class="text-white font-semibold text-sm mb-6 uppercase tracking-wider">
            Contato
          </h3>
          
          <!-- Contact Info -->
          <div class="space-y-4 mb-8">
            <a href="mailto:softedgecorporation@gmail.com" 
               class="flex items-center justify-center lg:justify-start gap-3 text-gray-400 hover:text-cyan-400 transition-colors group">
              <div class="w-8 h-8 rounded-lg bg-cyan-500/10 flex items-center justify-center group-hover:bg-cyan-500/20 transition-colors">
                <i data-lucide="mail" class="w-4 h-4"></i>
              </div>
              <span class="text-sm">softedgecorporation@gmail.com</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-gray-400 hover:text-cyan-400 transition-colors group">
              <div class="w-8 h-8 rounded-lg bg-green-500/10 flex items-center justify-center group-hover:bg-green-500/20 transition-colors">
                <i data-lucide="message-circle" class="w-4 h-4"></i>
              </div>
              <span class="text-sm">Canal WhatsApp</span>
            </a>
          </div>

          <!-- Social Links -->
          <div class="flex items-center justify-center lg:justify-start gap-3">
            <a href="https://x.com/softedge40" 
               target="_blank"
               rel="noopener noreferrer"
               class="w-10 h-10 rounded-lg bg-white/5 hover:bg-cyan-500/20 flex items-center justify-center transition-all hover:scale-110 group"
               aria-label="Twitter / X">
              <i data-lucide="twitter" class="w-5 h-5 text-gray-400 group-hover:text-cyan-400"></i>
            </a>
            
            <a href="mailto:softedgecorporation@gmail.com"
               class="w-10 h-10 rounded-lg bg-white/5 hover:bg-cyan-500/20 flex items-center justify-center transition-all hover:scale-110 group"
               aria-label="Email">
              <i data-lucide="mail" class="w-5 h-5 text-gray-400 group-hover:text-cyan-400"></i>
            </a>
            
            <a href="https://whatsapp.com/channel/0029VawQLpGHltY2Y87fR83m"
               target="_blank"
               rel="noopener noreferrer"
               class="w-10 h-10 rounded-lg bg-white/5 hover:bg-green-500/20 flex items-center justify-center transition-all hover:scale-110 group"
               aria-label="WhatsApp">
              <i data-lucide="message-circle" class="w-5 h-5 text-gray-400 group-hover:text-green-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-gradient-to-r from-transparent via-cyan-500/50 to-transparent"></div>
</footer>

<!-- Initialize Icons -->
<script>
  if (typeof lucide !== 'undefined') {
    lucide.createIcons();
  }
</script>

</body>
</html>