PageSourceSearch

https://riccimobile.com.br/

html riccimobile.com.br collected 2026-09-24 14:09:20 UTC 22,315 bytes, 459 lines download raw bytes

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                    &copy; <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.