1<!DOCTYPE html> 2<html lang="pt-BR"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="theme-color" content="#00ff00"> 8 9 <!-- SEO Meta Tags --> 10 <title>RicciMobile - Desenvolvimento Mobile | Flutter & Android Nativo</title> 11 <meta name="description" 12 content="Desenvolvimento de aplicativos mobile em Flutter e Android nativo. Especialistas em criar apps de alta performance desde 2014. Presidente Prudente - SP."> 13 <meta name="keywords" 14 content="desenvolvimento mobile, flutter, android, aplicativos, apps, desenvolvimento android, mobile, ricci software, presidente prudente, app nativo, flutter development"> 15 <meta name="author" content="Ricci Software"> 16 <meta name="robots" content="index, follow"> 17 18 <!-- Open Graph / Facebook --> 19 <meta property="og:type" content="website"> 20 <meta property="og:url" content="https://riccimobile.com.br/"> 21 <meta property="og:title" content="RicciMobile - Desenvolvimento Mobile | Flutter & Android"> 22 <meta property="og:description" 23 content="Especialistas em desenvolvimento mobile desde 2014. Flutter e Android nativo de alta performance."> 24 <meta property="og:image" content="https://riccimobile.com.br/og-image.jpg"> 25 26 <!-- Twitter --> 27 <meta property="twitter:card" content="summary_large_image"> 28 <meta property="twitter:url" content="https://riccimobile.com.br/"> 29 <meta property="twitter:title" content="RicciMobile - Desenvolvimento Mobile"> 30 <meta property="twitter:description" content="Desenvolvimento de aplicativos mobile em Flutter e Android nativo."> 31 <meta property="twitter:image" content="https://riccimobile.com.br/og-image.jpg"> 32 33 <!-- Canonical URL --> 34 <link rel="canonical" href="https://riccimobile.com.br/"> 35 36 <!-- Favicons --> 37 <link rel="icon" type="image/x-icon" href="/favicon.ico"> 38 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 39 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 40 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 41 <link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png"> 42 <link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png"> 43 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#00ff00"> 44 <meta name="msapplication-TileColor" content="#000000"> 45 <meta name="msapplication-TileImage" content="/mstile-150x150.png"> 46 47 <!-- Preconnect for performance --> 48 <link rel="preconnect" href="https://fonts.googleapis.com"> 49 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 50 <link rel="preconnect" href="https://unpkg.com"> 51 <link rel="preconnect" href="https://cdn.jsdelivr.net"> 52 53 <!-- Preload critical images (LCP) --> 54 <link rel="preload" href="files/logo.png" as="image"> 55 <link rel="preload" href="files/truco.jpg" as="image"> 56 57 <!-- Google Fonts - preload --> 58 <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> 59 <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"></noscript> 60 61 <!-- Custom CSS - inline critical CSS or preload --> 62 <link rel="stylesheet" href="css/style.css?v=2"> 63 64 <!-- Lucide Icons - defer --> 65
65<script src="https://unpkg.com/lucide@latest" defer></script>
65 66 67 <!-- EmailJS - defer --> 68
68<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js" defer></script>
68 69</head> 70 71<body> 72 <!-- Header --> 73 <header id="header" class="header"> 74 <div class="container"> 75 <div class="header-content"> 76 <div class="logo"> 77 <img src="files/logo.png" alt="Ricci Mobile Logo" 78 class="logo-image"> 79 <h1><span class="logo-white">RICCI</span><span class="logo-green">MOBILE</span></h1> 80 </div> 81 82 <nav class="nav-desktop"> 83 <a href="#home" class="nav-link">InÃcio</a> 84 <a href="#about" class="nav-link">Sobre</a> 85 <a href="#services" class="nav-link">Serviços</a> 86 <a href="#portfolio" class="nav-link">Portfolio</a> 87 <a href="#contact" class="nav-link">Contato</a> 88 </nav> 89 90 <div class="cta-desktop"> 91 <a href="#contact" class="btn-primary">Fale Conosco</a> 92 </div> 93 94 <button class="mobile-menu-btn" id="mobileMenuBtn"> 95 <i data-lucide="menu" class="icon-menu"></i> 96 <i data-lucide="x" class="icon-close" style="display: none;"></i> 97 </button> 98 </div> 99 </div> 100 101 <!-- Mobile Menu --> 102 <div class="mobile-menu" id="mobileMenu"> 103 <a href="#home" class="mobile-nav-link">InÃcio</a> 104 <a href="#about" class="mobile-nav-link">Sobre</a> 105 <a href="#services" class="mobile-nav-link">Serviços</a> 106 <a href="#portfolio" class="mobile-nav-link">Portfolio</a> 107 <a href="#contact" class="mobile-nav-link">Contato</a> 108 <a href="#contact" class="btn-primary mobile-cta">Fale Conosco</a> 109 </div> 110 </header> 111 112 <!-- Hero Section --> 113 <section id="home" class="hero"> 114 <div class="hero-bg"> 115 <div class="gradient-overlay"></div> 116 <canvas id="heroParticles" class="hero-particles"></canvas> 117 <div class="hero-grid"></div> 118 <div class="animated-blobs"> 119 <div class="blob blob-1"></div> 120 <div class="blob blob-2"></div> 121 </div> 122 <div class="hero-scanline"></div> 123 </div> 124 125 <div class="container hero-container"> 126 <div class="hero-content"> 127 <h1 class="hero-title"> 128 <span class="hero-title-white">RICCI</span><span class="hero-title-green">MOBILE</span> 129 </h1> 130 131 <p class="hero-tagline">simplicidade e inovação para alavancar o seu negócio</p> 132 133 <p class="hero-subtitle">Referência em desenvolvimento de aplicativos mobile</p> 134 135 <div class="hero-cta"> 136 <!-- <a href="#contact" class="btn-primary btn-large"> 137 Iniciar Projeto 138 <i data-lucide="arrow-right" class="btn-icon"></i> 139 </a> --> 140 <a href="#portfolio" class="btn-outline btn-large">Ver Portfolio</a> 141 </div> 142 143 144 </div> 145 </div> 146 147 148 </section> 149 150 151 152 <!-- Portfolio Section --> 153 <section id="portfolio" class="portfolio"> 154 <div class="container"> 155 <div class="section-header"> 156 <h2 class="section-label">PORTFOLIO</h2> 157 <h3 class="section-title">Nossos aplicativos</h3> 158 <p class="section-description">Confira alguns dos projetos desenvolvidos pela nossa equipe</p> 159 </div> 160 161 <div class="portfolio-grid"> 162 <a href="apps/marcador-de-truco.html" class="app-card"> 163 <img src="files/logos/marcador-de-truco.png" alt="Marcador de truco logo" class="app-card-logo" loading="lazy"> 164 <h4 class="app-card-title">Marcador de truco</h4> 165 <p class="app-card-description">O marcador de truco mais baixado da Google Play! Com mais de 5 milhões de downloads, se tornou a escolha número 1 para marcar as partidas com praticidade, rapidez e muita diversão.</p> 166 <div class="app-card-tags">
167 <span class="tech-tag">Flutter</span> 168 <span class="tech-tag">Notificações Push</span> 169 <span class="tech-tag">Backend</span> 170 </div> 171 <span class="app-card-footer"> 172 Ver detalhes 173 <i data-lucide="arrow-right"></i> 174 </span> 175 </a> 176 177 <a href="apps/comanda-eletronica.html" class="app-card"> 178 <img src="files/logos/comandaon.png" alt="ComandaON logo" class="app-card-logo" loading="lazy"> 179 <h4 class="app-card-title">ComandaON gestão de pedidos</h4> 180 <p class="app-card-description">Sistema completo para gerenciamento de pedidos em bares e restaurantes. Agilize o atendimento, reduza erros e aumente a satisfação dos seus clientes com comunicação em tempo real e impressão térmica.</p> 181 <div class="app-card-tags"> 182 <span class="tech-tag">Flutter</span> 183 <span class="tech-tag">WebSocket</span> 184 <span class="tech-tag">Impressão Térmica</span> 185 </div> 186 <span class="app-card-footer"> 187 Ver detalhes 188 <i data-lucide="arrow-right"></i> 189 </span> 190 </a> 191 192 <a href="apps/promoclub-brasil.html" class="app-card"> 193 <img src="files/logos/promoclub.png" alt="PromoClub Brasil logo" class="app-card-logo" loading="lazy"> 194 <h4 class="app-card-title">PromoClub Brasil</h4> 195 <p class="app-card-description">Aplicativo de promoções com inteligência artificial integrada. Um robô com IA monitora e publica automaticamente as melhores ofertas, com backend robusto em Laravel e app multiplataforma em Flutter.</p> 196 <div class="app-card-tags"> 197 <span class="tech-tag">Flutter</span> 198 <span class="tech-tag">Laravel</span> 199 <span class="tech-tag">IA</span> 200 </div> 201 <span class="app-card-footer"> 202 Ver detalhes 203 <i data-lucide="arrow-right"></i> 204 </span> 205 </a> 206 </div> 207 208 <div class="portfolio-cta"> 209 <a href="portfolio.html" class="btn-outline btn-large"> 210 Ver Todos os Apps 211 <i data-lucide="arrow-right" class="btn-icon"></i> 212 </a> 213 </div> 214 </div> 215 </section> 216 217 218 <!-- About Section --> 219 <section id="about" class="about"> 220 <div class="container"> 221 <div class="section-header"> 222 <h2 class="section-label">A EMPRESA</h2> 223 <h3 class="section-title">Quem somos</h3> 224 </div> 225 226 <div class="about-content"> 227 <div class="about-text"> 228 <p class="about-description"> 229 Fundada em 2016, a Ricci Software nasceu com um propósito claro: transformar ideias em 230 experiências digitais que geram impacto real. Somos especialistas em desenvolvimento <span 231 class="highlight">Mobile</span> e <span class="highlight">Flutter</span>, unindo tecnologia 232 de alto desempenho a interfaces 233 intuitivas que encantam usuários e impulsionam negócios. 234 </p> 235 <p class="about-description"> 236 Com mais de 15 aplicativos publicados e <span class="highlight">8 milhões</span> de downloads 237 nas principais lojas, entregamos 238 soluções robustas, escaláveis e prontas para crescer junto com nossos clientes. Do planejamento 239 ao pós-lançamento, atuamos como parceiros estratég
239icos, garantindo qualidade, inovação contÃnua 240 e resultados que fazem diferença no dia a dia das empresas. 241 </p> 242 </div> 243 244 <div class="features-grid"> 245 <div class="feature-card"> 246 <i data-lucide="smartphone" class="feature-icon"></i> 247 <h4 class="feature-title">Mobile First</h4> 248 <p class="feature-description">Desenvolvimento nativo para máxima performance</p> 249 </div> 250 <div class="feature-card"> 251 <i data-lucide="award" class="feature-icon"></i> 252 <h4 class="feature-title">Qualidade</h4> 253 <p class="feature-description">Interfaces modernas e intuitivas</p> 254 </div> 255 <div class="feature-card"> 256 <i data-lucide="users" class="feature-icon"></i> 257 <h4 class="feature-title">Experiência</h4> 258 <p class="feature-description">Mais de 9 anos no mercado mobile</p> 259 </div> 260 <div class="feature-card"> 261 <i data-lucide="zap" class="feature-icon"></i> 262 <h4 class="feature-title">
262Agilidade</h4> 263 <p class="feature-description">Entregas rápidas e eficientes</p> 264 </div> 265 </div> 266 </div> 267 </div> 268 </section> 269 270 <!-- Services Section --> 271 <section id="services" class="services"> 272 <div class="container"> 273 <div class="section-header"> 274 <h2 class="section-label">SERVIÃOS</h2> 275 <h3 class="section-title">Como podemos te ajudar</h3> 276 </div> 277 278 <div class="services-grid"> 279 <div class="service-card"> 280 <div class="service-number">01</div> 281 <i data-lucide="file-text" class="service-icon"></i> 282 <h4 class="service-title">Requisitos</h4> 283 <p class="service-description">Buscamos entender as regras e os processos do seu negócio para 284 atender a sua necessidade</p> 285 <div class="service-line"></div> 286 </div> 287 288 <div class="service-card"> 289 <div class="service-number">
28902</div> 290 <i data-lucide="layout" class="service-icon"></i> 291 <h4 class="service-title">Modelagem</h4> 292 <p class="service-description">Modelamos o aplicativo conforme os requisitos levantados</p> 293 <div class="service-line"></div> 294 </div> 295 296 <div class="service-card"> 297 <div class="service-number">03</div> 298 <i data-lucide="palette" class="service-icon"></i> 299 <h4 class="service-title">UI & UX</h4> 300 <p class="service-description">Criamos uma interface clean e moderna, com a cara do seu negócio</p> 301 <div class="service-line"></div> 302 </div> 303 304 <div class="service-card"> 305 <div class="service-number">04</div> 306 <i data-lucide="code" class="service-icon"></i> 307 <h4 class="service-title">Desenvolvimento</h4> 308 <p class="service-description">Nossa equipe irá desenvolver o app, aplicar testes e depois 309 publicá-lo nas lojas</p> 310 <div class="service-line"></div> 311 </div> 312 </div> 313 </div> 314 </section> 315 316 <!-- Contact Section --> 317 <section id="contact" class="contact"> 318 <div class="container"> 319 <div class="section-header"> 320 <h2 class="section-label">CONTATO</h2> 321 <h3 class="section-title">Vamos conversar?</h3> 322 <p class="section-description">Tem um projeto em mente? Entre em contato e vamos transformar sua ideia 323 em realidade</p> 324 </div> 325 326 <div class="contact-content"> 327 <div class="contact-info"> 328 <div class="contact-card"> 329 <i data-lucide="map-pin" class="contact-icon"></i> 330 <div> 331 <h4 class="contact-title">Endereço</h4> 332 <p class="contact-text">Presidente Prudente - SP</p> 333 </div> 334 </div> 335 336 <div class="contact-card"> 337 <i data-lucide="phone" class="contact-icon"></i> 338 <div> 339 <h4 class="contact-title">WhatsApp</h4> 340 <a href="https://wa.me/5517992567088?text=Ol%C3%A1,%20encontrei%20seu%20contato%20no%20site." 341 target="_blank" class="contact-link">(17) 99256-7088</a> 342 </div> 343 </div> 344 345 <div class="contact-card"> 346 <i data-lucide="mail" class="contact-icon"></i> 347 <div> 348 <h4 class="contact-title">Email</h4> 349 <a href="mailto:[email protected]" 350 class="contact-link">[email protected]</a> 351 </div> 352 </div> 353 354 <div class="map-container"> 355 <iframe 356 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29776.95935!2d-51.4!3d-22.12!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjLCsDA3JzEyLjAiUyA1McKwMjQnMDAuMCJX!5e0!3m2!1spt-BR!2sbr!4v1234567890" 357 width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" 358 title="Localização Ricci Mobile" class="map-iframe"> 359 </iframe> 360 </div> 361 </div> 362 363 <div class="contact-form-container"> 364 <form id="contactForm" class="contact-form"> 365 <div class="form-group"> 366 <label for="name" class="form-label">Nome Completo</label> 367 <input type="text" id="name" name="name" class="form-input" placeholder="Seu nome" required> 368 </div> 369 370 <div class="form-group"> 371 <label for="email" class="form-label">Email</label> 372 <input type="email" id="email" name="email" class="form-input" placeholder="[email protected]" 373 required> 374 </div> 375 376 <div class="form-group"> 377 <label for="phone" class="form-label">Telefone</label> 378 <input type="tel" id="phone" name="phone" class="form-input" placeholder="(00) 00000-0000"> 379 </div> 380 381 <div class="form-group"> 382 <label for="message" class="form-label">Mensagem</label> 383 <textarea id="message" name="message" class="form-textarea" rows="5" 384 placeholder="Conte-nos sobre seu projeto..." required></textarea> 385 </div> 386 387 <button type="submit" class="btn-primary btn-block"> 388 Enviar Mensagem 389 <i data-lucide="send" class="btn-icon"></i> 390 </button> 391 </form> 392 </div> 393 </div> 394 </div> 395 </section> 396 397 <!-- Footer --> 398 <footer class="footer"> 399 <div class="container"> 400 <div class="footer-content"> 401 <div class="footer-main"> 402 <div class="footer-logo-container"> 403 <img src="files/logo.png" 404 alt="Ricci Mobile Logo" class="footer-logo-image"> 405 <h2 class="footer-logo">
406 <span class="logo-white">RICCI</span><span class="logo-green">MOBILE</span> 407 </h2> 408 </div> 409 <p class="footer-description"> 410 Transformando ideias em aplicativos mobile de alta qualidade desde 2016. 411 </p> 412 413 </div> 414 415 <div class="footer-links"> 416 <h3 class="footer-title">Links Rápidos</h3> 417 <ul class="footer-list"> 418 <li><a href="#about" class="footer-link">Sobre Nós</a></li> 419 <li><a href="#services" class="footer-link">Serviços</a></li> 420 <li><a href="#portfolio" class="footer-link">Portfolio</a></li> 421 <li><a href="#contact" class="footer-link">Contato</a></li> 422 </ul> 423 </div> 424 425 <div class="footer-links"> 426 <h3 class="footer-title">Especialidades</h3> 427 <ul class="footer-list"> 428 <li class="footer-text">Desenvolvimento Mobile</li> 429 <li class="footer-text">Flutter</li> 430 <li class="footer-text">Android Nativo</li> 431 <li class="footer-text">UI/UX Design</li> 432 </ul> 433 </div> 434 </div> 435 436 <div class="footer-bottom"> 437 <p class="footer-copyright"> 438 © <span id="currentYear"></span> Ricci Mobile. Todos os direitos reservados. 439 </p> 440 </div> 441 </div> 442 </footer> 443 444 <!-- Toast Notification --> 445 <div id="toast" class="toast"> 446 <div class="toast-content"> 447 <i data-lucide="check-circle" class="toast-icon"></i> 448 <div> 449 <div class="toast-title">Mensagem enviada!</div> 450 <div class="toast-description">Entraremos em contato em breve.</div> 451 </div> 452 </div> 453 </div> 454 455 <!-- Custom JS - defer for better performance --> 456
456<script src="js/script.js?v=2" defer></script>
456 457</body> 458 459</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.