-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
165 lines (155 loc) · 8.51 KB
/
index.html
File metadata and controls
165 lines (155 loc) · 8.51 KB
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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ALLC Dev | Fábrica de Software & Loja de Apps</title>
<meta name="description"
content="ALLC Dev — Fábrica de software sob medida e criadores de aplicativos exclusivos. Transformamos ideias em produtos digitais de alta performance.">
<link rel="icon" href="assets/B001.png" type="image/png">
<link rel="stylesheet" href="style.css">
<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=Outfit:wght@300;400;600;700;800;900&display=swap" rel="stylesheet">
</head>
<body>
<!-- Ambient background -->
<div class="ambient" aria-hidden="true">
<div class="ambient-orb orb-1"></div>
<div class="ambient-orb orb-2"></div>
<div class="ambient-orb orb-3"></div>
</div>
<!-- Header / Nav -->
<header id="header">
<nav>
<a href="#" class="logo-link" id="nav-home">
<img src="assets/002.png" alt="ALLC Dev" class="nav-logo">
<span class="brand-name">ALLC<span class="brand-dot">.DEV</span></span>
</a>
<div class="nav-links">
<a href="#services" id="nav-services">Serviços</a>
<a href="#apps" id="nav-apps">Apps</a>
<a href="https://github.com/allc-dev" target="_blank" id="nav-github" class="nav-github">
<svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.041-1.416-4.041-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg>
GitHub
</a>
</div>
<button class="menu-toggle" id="menu-toggle" aria-label="Abrir menu">
<span></span><span></span><span></span>
</button>
</nav>
</header>
<main>
<!-- Hero -->
<section class="hero" id="home">
<div class="hero-content">
<div class="hero-badge">✦ Software Factory</div>
<div class="hero-logo-wrap">
<img src="assets/003F.png" alt="ALLC Dev Logo" class="hero-logo" id="hero-logo">
</div>
<h1>Construímos o digital<br><span class="gradient-text">que você imagina.</span></h1>
<p class="hero-sub">Fábrica de software sob medida para empresas e empreendedores — e criadores da nossa própria linha de aplicativos.</p>
<div class="cta-row">
<a href="https://github.com/allc-dev" target="_blank" class="btn btn-primary" id="cta-github">Ver Projetos no GitHub</a>
<a href="mailto:allc.dev@outlook.com" class="btn btn-ghost" id="cta-contact">Falar com a gente</a>
</div>
</div>
<div class="hero-scroll-hint" aria-hidden="true">
<span></span>
</div>
</section>
<!-- Services -->
<section class="section" id="services">
<div class="container">
<div class="section-header">
<span class="section-tag">O que fazemos</span>
<h2>Desenvolvimento<br>de ponta a ponta</h2>
<p>Da ideia ao produto final, entregamos soluções completas com tecnologia moderna e foco em resultados.</p>
</div>
<div class="services-grid">
<div class="service-card" id="service-mobile">
<div class="service-icon">📱</div>
<h3>Apps Mobile</h3>
<p>Aplicativos iOS e Android nativos e multiplataforma com experiências que encantam usuários.</p>
</div>
<div class="service-card" id="service-web">
<div class="service-icon">🌐</div>
<h3>Sistemas Web</h3>
<p>Plataformas, dashboards, ERPs e aplicações web escaláveis para o seu negócio crescer.</p>
</div>
<div class="service-card" id="service-api">
<div class="service-icon">⚙️</div>
<h3>APIs & Backend</h3>
<p>Arquiteturas robustas, APIs RESTful e microsserviços de alta performance e segurança.</p>
</div>
<div class="service-card" id="service-consulting">
<div class="service-icon">🧠</div>
<h3>Consultoria Técnica</h3>
<p>Análise de stack, code review, arquitetura de solução e suporte técnico especializado.</p>
</div>
</div>
</div>
</section>
<!-- App Store CTA -->
<section class="section section-apps" id="apps">
<div class="container">
<div class="apps-inner">
<div class="apps-text">
<span class="section-tag">Nossa loja</span>
<h2>Aplicativos<br><span class="gradient-text">exclusivos ALLC</span></h2>
<p>Além de servir nossos clientes, desenvolvemos nossa própria linha de aplicativos — produtos digitais criados com a mesma excelência que aplicamos em cada projeto.</p>
<a href="https://github.com/allc-dev" target="_blank" class="btn btn-primary" id="cta-apps">Explorar Apps</a>
</div>
<div class="apps-visual">
<div class="app-mockup" id="app-mockup-1">
<img src="assets/A001.png" alt="ALLC App">
</div>
<div class="app-mockup app-mockup-back" id="app-mockup-2">
<img src="assets/B001.png" alt="ALLC App Icon">
</div>
</div>
</div>
</div>
</section>
<!-- Pillars -->
<section class="section" id="pillars">
<div class="container">
<div class="pillars-grid">
<div class="pillar" id="pillar-innovation">
<div class="pillar-number">01</div>
<h3>Inovação</h3>
<p>Sempre na vanguarda das tecnologias mais modernas para entregar soluções que duram.</p>
</div>
<div class="pillar" id="pillar-quality">
<div class="pillar-number">02</div>
<h3>Qualidade</h3>
<p>Código limpo, testes rigorosos e arquitetura escalável em cada linha que escrevemos.</p>
</div>
<div class="pillar" id="pillar-delivery">
<div class="pillar-number">03</div>
<h3>Entrega</h3>
<p>Comprometimento real com prazos, transparência no processo e foco no resultado do cliente.</p>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer>
<div class="container footer-inner">
<div class="footer-brand">
<img src="assets/002.png" alt="ALLC Dev" class="footer-logo">
<span>ALLC.DEV</span>
</div>
<p class="footer-copy">© 2024 ALLC Dev. Todos os direitos reservados.</p>
<div class="footer-links">
<a href="https://github.com/allc-dev" target="_blank" id="footer-github">GitHub</a>
<a href="mailto:allc.dev@outlook.com" id="footer-email">Contato</a>
</div>
</div>
</footer>
<script src="main.js"></script>
</body>
</html>