Spaces:
Sleeping
Sleeping
| <!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> | |