ricardo/JobmakerSite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Ajustes console
All checks were successful
Build and Deploy JobMaker / build (push) Successful in 2m23s
Details
Build and Deploy JobMaker / deploy (push) Successful in 17s
Details
Build and Deploy JobMaker / notify (push) Successful in 0s
Details

Browse Source
This commit is contained in:
Ricardo Carneiro 2025-08-11 21:18:58 -03:00
parent abfd144b0a
commit 983448983a
3 changed files with 374 additions and 415 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

329
en/index.html
View File

@ -1,12 +1,54 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="Consultoria especializada em RAG e IA empresarial com C#/.NET. Reduza custos e aumente performance com soluções enterprise-grade." />
<!-- Optimized Meta Description (maximum 160 characters) -->
<meta name="description" content="Systems integration specialist C#/.NET. 20+ years connecting SAP, Salesforce and legacy systems. São Bernardo do Campo, SP, Brazil." />
<!-- Meta Keywords -->
<meta name="keywords" content="systems integration, automation, C#, .NET, SAP, Salesforce, API, São Bernardo Campo, system modernization" />
<!-- Open Graph for social media -->
<meta property="og:title" content="JobMaker - Systems Integration & Automation" />
<meta property="og:description" content="Systems integration specialist C#/.NET. 20+ years connecting SAP, Salesforce and legacy systems." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://jobmaker.com.br/en" />
<meta property="og:image" content="https://jobmaker.com.br/assets/img/jobmaker-og-image.jpg" />
<meta property="og:locale" content="en_US" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="JobMaker - Systems Integration & Automation" />
<meta name="twitter:description" content="Systems integration specialist C#/.NET. 20+ years connecting SAP, Salesforce and legacy systems." />
<!-- Canonical URL -->
<link rel="canonical" href="https://jobmaker.com.br/en/" />
<meta name="author" content="JobMaker - Ricardo Carneiro" /> <meta name="author" content="JobMaker - Ricardo Carneiro" />
<title>JobMaker - Consultoria RAG e IA Empresarial | C#/.NET</title> <meta name="robots" content="index, follow" />
<!-- Favicon-->
<title>JobMaker - Systems Integration & Automation | C#/.NET Enterprise</title>
<!-- Rest of head remains the same... -->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<script>
// JavaScript redirect to canonical URL
(function() {
var canonical = 'https://jobmaker.com.br/en/';
var current = window.location.href;
// If not on canonical URL, redirect
if (current !== canonical && !current.includes('/en/')) {
window.location.replace(canonical);
}
})();
</script>
<!-- Meta refresh as backup -->
<meta http-equiv="refresh" content="0;URL=https://jobmaker.com.br/en/" />
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)--> <!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script> <script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
@ -29,8 +71,8 @@
{ {
"@context": "https://schema.org", "@context": "https://schema.org",
"@type": "ProfessionalService", "@type": "ProfessionalService",
"name": "JobMaker - Enterprise RAG & AI Consulting", "name": "JobMaker - System Integration & Automation",
"description": "Specialized RAG and AI consulting for enterprises. 40-60% cost reduction with C#/.NET. 3-5x superior performance. Serving Brazil and Latin America.", "description": "System integration and enterprise automation specialist. 20+ years connecting SAP, Salesforce, legacy systems with C#/.NET. Modernization and process automation.",
"url": "https://jobmaker.com.br/en", "url": "https://jobmaker.com.br/en",
"telephone": "+55-11-XXXXX-XXXX", "telephone": "+55-11-XXXXX-XXXX",
"address": { "address": {
@ -43,19 +85,20 @@
"Brazil", "Latin America", "Remote Worldwide" "Brazil", "Latin America", "Remote Worldwide"
], ],
"serviceType": [ "serviceType": [
"RAG Consulting", "System Integration",
"Enterprise AI Solutions", "Enterprise Automation",
"Document Automation", "System Modernization",
"Enterprise Chatbots" "APIs and Web Services",
"RAG/AI Consulting"
], ],
"inLanguage": "en-US", "inLanguage": "en-US",
"sameAs": [ "sameAs": [
"https://linkedin.com/company/jobmaker-enterprise-rag-ai-consulting" "https://linkedin.com/in/ricardo-carneiro"
] ]
} }
</script> </script>
<style> <style>
/* Custom CSS integrado */ /* CSS mantido igual - apenas ajustes de conteúdo */
:root { :root {
--bs-primary: #667eea; --bs-primary: #667eea;
--bs-primary-rgb: 102, 126, 234; --bs-primary-rgb: 102, 126, 234;
@ -123,24 +166,24 @@
} }
.masthead .masthead-subheading { .masthead .masthead-subheading {
font-size: 4rem; /* MAIOR - título principal */ font-size: 4rem;
font-style: normal; /* SEM itálico */ font-style: normal;
line-height: 4rem; line-height: 4rem;
margin-bottom: 25px; margin-bottom: 25px;
color: #ffc800; /* BRANCO PURO - máximo contraste */ color: #ffc800;
text-shadow: 2px 2px 4px rgba(0,0,0,0.8); /* Sombra para destacar */ text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
} }
.masthead .masthead-heading { .masthead .masthead-heading {
font-size: 1.8rem; /* MENOR - subtítulo */ font-size: 1.8rem;
font-weight: 400; font-weight: 400;
line-height: 2.2rem; line-height: 2.2rem;
margin-bottom: 2rem; margin-bottom: 2rem;
color: #ffc800; /* Dourado para destaque secundário */ color: #ffc800;
text-shadow: 1px 1px 3px rgba(0,0,0,0.7); /* Sombra para legibilidade */ text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
} }
@ -181,7 +224,7 @@
} }
.text-muted { color: #6c757d !important; } .text-muted { color: #6c757d !important; }
/* Comparativo C# vs Python */ /* Comparativo Integrações vs Desenvolvimento Tradicional */
.comparison-section { .comparison-section {
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
padding: 80px 0; padding: 80px 0;
@ -300,7 +343,7 @@
margin: 1rem 0; margin: 1rem 0;
} }
/* Timeline styles */ /* Timeline styles - mantidos iguais */
.timeline { .timeline {
list-style: none; list-style: none;
padding: 0; padding: 0;
@ -497,7 +540,7 @@
</button> </button>
<div class="collapse navbar-collapse" id="navbarResponsive"> <div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0"> <ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
<li class="nav-item"><a class="nav-link" href="#advantages">C# Advantages</a></li> <li class="nav-item"><a class="nav-link" href="#advantages">Advantages</a></li>
<li class="nav-item"><a class="nav-link" href="#services">Services</a></li> <li class="nav-item"><a class="nav-link" href="#services">Services</a></li>
<li class="nav-item"><a class="nav-link" href="#about">Expertise</a></li> <li class="nav-item"><a class="nav-link" href="#about">Expertise</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li> <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
@ -508,53 +551,53 @@
<!-- Masthead--> <!-- Masthead-->
<header class="masthead"> <header class="masthead">
<div class="container"> <div class="container">
<div class="masthead-subheading">Enterprise RAG & AI Consulting</div> <div class="masthead-subheading">System Integration & Automation</div>
<div class="masthead-heading text-uppercase">Cost Reduction with C#/.NET</div> <div class="masthead-heading text-uppercase">20+ Years Connecting Impossible Systems</div>
<a class="btn btn-primary btn-xl text-uppercase" href="#services">Discover the Advantages</a> <a class="btn btn-primary btn-xl text-uppercase" href="#services">Discover Solutions</a>
</div> </div>
</header> </header>
<!-- Services--> <!-- Services-->
<section class="page-section" id="vantagens"> <section class="page-section" id="advantages">
<div class="container"> <div class="container">
<div class="text-center"> <div class="text-center">
<h2 class="section-heading text-uppercase">C# Advantages</h2> <h2 class="section-heading text-uppercase">Why Integration Specialist?</h2>
<!-- <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3> --> <h3 class="section-subheading text-muted">Difference between specialized integration vs conventional development.</h3>
</div> </div>
<div class="row text-center"> <div class="row text-center">
<div class="comparison-table"> <div class="comparison-table">
<div class="table-header"> <div class="table-header">
Comparison: C#/.NET vs Python for Enterprise RAG Specialized Integration vs Conventional Development
</div> </div>
<div class="comparison-grid"> <div class="comparison-grid">
<div class="comparison-header">Aspect</div> <div class="comparison-header">Aspect</div>
<div class="comparison-header">C#/.NET</div> <div class="comparison-header">Integration Specialist</div>
<div class="comparison-header">Python</div> <div class="comparison-header">Traditional Development</div>
<div class="comparison-item"><strong>Performance</strong></div> <div class="comparison-item"><strong>Implementation Time</strong></div>
<div class="comparison-item advantage">3-5x faster<br>Lower memory usage</div> <div class="comparison-item advantage">60-80% faster<br>Proven experience</div>
<div class="comparison-item">Market standard<br>Slower</div> <div class="comparison-item">Learning curve<br>Trial & error</div>
<div class="comparison-item"><strong>Operating Cost</strong></div> <div class="comparison-item"><strong>Project Cost</strong></div>
<div class="comparison-item cost-highlight">40-60% lower<br>Fewer servers</div> <div class="comparison-item cost-highlight">40-60% lower<br>Less rework</div>
<div class="comparison-item">Standard cost<br>More resources</div> <div class="comparison-item">Standard cost<br>More iterations</div>
<div class="comparison-item"><strong>Enterprise Integration</strong></div> <div class="comparison-item"><strong>Compatibility</strong></div>
<div class="comparison-item advantage">Native Microsoft<br>Azure, Office 365</div> <div class="comparison-item advantage">Legacy + modern systems<br>Old and new APIs</div>
<div class="comparison-item">Requires adaptations<br>More complex</div> <div class="comparison-item">Focus on new tech<br>Legacy limitations</div>
<div class="comparison-item"><strong>Security</strong></div> <div class="comparison-item"><strong>Technical Support</strong></div>
<div class="comparison-item advantage">Enterprise-grade<br>Native compliance</div> <div class="comparison-item advantage">Deep knowledge<br>Advanced troubleshooting</div>
<div class="comparison-item">Requires config<br>Third-party libs</div> <div class="comparison-item">Basic support<br>Vendor dependency</div>
<div class="comparison-item"><strong>Maintenance</strong></div> <div class="comparison-item"><strong>Scalability</strong></div>
<div class="comparison-item advantage">Strongly typed<br>Fewer bugs</div> <div class="comparison-item advantage">Enterprise architecture<br>Optimized performance</div>
<div class="comparison-item">Runtime errors<br>More debugging</div> <div class="comparison-item">Point solutions<br>Technical limitations</div>
</div> </div>
</div> </div>
</div> </div>
<div class="text-center mt-4"> <div class="text-center mt-4">
<p class="lead"><strong>Result:</strong> 40-60% savings in infrastructure + 3-5x superior performance</p> <p class="lead"><strong>Result:</strong> Faster, more reliable and economical integration with 20+ years of proven experience</p>
</div> </div>
</div> </div>
</section> </section>
@ -563,22 +606,22 @@
<div class="container"> <div class="container">
<div class="text-center"> <div class="text-center">
<h2 class="section-heading text-uppercase">Specialized Services</h2> <h2 class="section-heading text-uppercase">Specialized Services</h2>
<h3 class="section-subheading text-muted">RAG/AI solutions with C#/.NET for enterprise cost reduction.</h3> <h3 class="section-subheading text-muted">Integration and automation solutions to connect your systems.</h3>
</div> </div>
<div class="row text-center"> <div class="row text-center">
<div class="col-md-3 service-col"> <div class="col-md-3 service-col">
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<i class="fas fa-lightbulb"></i> <i class="fas fa-plug"></i>
</div> </div>
<h4>Strategic RAG Consulting</h4> <h4>Enterprise Integrations</h4>
<div class="pricing-tier">Strategic Investment</div> <div class="pricing-tier">Total Connectivity</div>
<p>Complete analysis, custom architecture, and implementation roadmap. ROI definition and projected cost reduction.</p> <p>Connect SAP, Salesforce, legacy systems and modern APIs. Bidirectional integration with real-time synchronization.</p>
<ul> <ul>
<li>Complete technical assessment</li> <li>SAP ↔ Internal system</li>
<li>Custom RAG architecture</li> <li>Salesforce ↔ ERP</li>
<li>ROI and cost reduction analysis</li> <li>REST/SOAP/GraphQL APIs</li>
<li>Detailed roadmap</li> <li>Legacy systems ↔ Cloud</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -586,16 +629,16 @@
<div class="col-md-3 service-col"> <div class="col-md-3 service-col">
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<i class="fas fa-rocket"></i> <i class="fas fa-robot"></i>
</div> </div>
<h4>Complete RAG Implementation</h4> <h4>Automation & RPA</h4>
<div class="pricing-tier">Enterprise Project</div> <div class="pricing-tier">Maximum Efficiency</div>
<p>Full development with C#, Semantic Kernel, and corporate data integration. Production-ready system.</p> <p>Automate manual processes with web scraping, data robots and intelligent workflows using PuppeteerSharp and C#.</p>
<ul> <ul>
<li>Complete RAG system</li> <li>Intelligent web scraping</li>
<li>APIs and interfaces</li> <li>Form automation</li>
<li>Existing data integration</li> <li>Document processing</li>
<li>Deployment and documentation</li> <li>Automated workflows</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -603,16 +646,16 @@
<div class="col-md-3 service-col"> <div class="col-md-3 service-col">
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<i class="fas fa-chart-line"></i> <i class="fas fa-sync-alt"></i>
</div> </div>
<h4>Migration & Optimization</h4> <h4>System Modernization</h4>
<div class="pricing-tier">Guaranteed Savings</div> <div class="pricing-tier">Safe Evolution</div>
<p>Python→C#/.NET migration with performance optimization. 40-60% reduction in operating costs.</p> <p>Migrate legacy systems (ASP 3.0, VB6) to modern technologies (.NET Core) maintaining functionality and data.</p>
<ul> <ul>
<li>Python → C# migration</li> <li>ASP 3.0 → .NET Core</li>
<li>Performance optimization</li> <li>Database migration</li>
<li>40-60% cost reduction</li> <li>Legacy code refactoring</li>
<li>Post-migration support</li> <li>Complete testing & validation</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -620,16 +663,16 @@
<div class="col-md-3 service-col"> <div class="col-md-3 service-col">
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<i class="fas fa-graduation-cap"></i> <i class="fas fa-brain"></i>
</div> </div>
<h4>Technical Training</h4> <h4>AI & Smart Automation</h4>
<div class="pricing-tier">Team Development</div> <div class="pricing-tier">Applied Innovation</div>
<p>Hands-on workshop in RAG and Semantic Kernel. Train your team for internal AI development.</p> <p>Integrate AI/RAG into your existing systems for intelligent document automation and customer service.</p>
<ul> <ul>
<li>Hands-on workshop</li> <li>RAG for smart search</li>
<li>Educational materials</li> <li>Integrated chatbots</li>
<li>Practical project</li> <li>Document processing</li>
<li>Technical certificate</li> <li>AI-powered automation</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -641,52 +684,66 @@
<div class="container"> <div class="container">
<div class="text-center"> <div class="text-center">
<h2 class="section-heading text-uppercase">Technical Expertise</h2> <h2 class="section-heading text-uppercase">Technical Expertise</h2>
<h3 class="section-subheading text-muted">20+ years enterprise development, specialized in AI/RAG.</h3> <h3 class="section-subheading text-muted">20+ years connecting impossible systems - from digital microscope to SAP.</h3>
</div> </div>
<ul class="timeline"> <ul class="timeline">
<li> <li>
<div class="timeline-image"> <div class="timeline-image">
<img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='30' font-family='Arial'>C%23</text></svg>" alt="C# Logo" /> <img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='20' font-family='Arial'>SAP</text></svg>" alt="SAP Integration" />
</div> </div>
<div class="timeline-panel"> <div class="timeline-panel">
<div class="timeline-heading"> <div class="timeline-heading">
<h4>2004-2024</h4> <h4>2010-2024</h4>
<h4 class="subheading">20 Years C#/.NET</h4> <h4 class="subheading">Enterprise Integrations</h4>
</div> </div>
<div class="timeline-body"> <div class="timeline-body">
<p class="text-muted">Enterprise development with C#/.NET, scalable system architecture, Microsoft integration, and experience in large-scale corporate projects.</p> <p class="text-muted">C# ↔ SAP integration (UnitedHealth Group), Salesforce APIs, Facebook Graph API, legacy systems. Specialization in connecting incompatible systems.</p>
</div> </div>
</div> </div>
</li> </li>
<li class="timeline-inverted"> <li class="timeline-inverted">
<div class="timeline-image"> <div class="timeline-image">
<img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='20' font-family='Arial'>RAG</text></svg>" alt="RAG" /> <img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='16' font-family='Arial'>AUTO</text></svg>" alt="Automation" />
</div> </div>
<div class="timeline-panel"> <div class="timeline-panel">
<div class="timeline-heading"> <div class="timeline-heading">
<h4>2024</h4> <h4>2015-2024</h4>
<h4 class="subheading">RAG/AI Specialization</h4> <h4 class="subheading">Automation & Web Scraping</h4>
</div> </div>
<div class="timeline-body"> <div class="timeline-body">
<p class="text-muted">Specialization in Retrieval-Augmented Generation with Microsoft Semantic Kernel. Complete RAG system in production with superior performance.</p> <p class="text-muted">Development of automation robots with PuppeteerSharp, complex website scraping, form automation and large-scale data processing.</p>
</div> </div>
</div> </div>
</li> </li>
<li> <li>
<div class="timeline-image"> <div class="timeline-image">
<img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='16' font-family='Arial'>DEMO</text></svg>" alt="Demo" /> <img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='14' font-family='Arial'>LEGACY</text></svg>" alt="Legacy Systems" />
</div> </div>
<div class="timeline-panel"> <div class="timeline-panel">
<div class="timeline-heading"> <div class="timeline-heading">
<h4>2024</h4> <h4>2014</h4>
<h4 class="subheading">Demonstrable RAG System</h4> <h4 class="subheading">Legacy System Modernization</h4>
</div> </div>
<div class="timeline-body"> <div class="timeline-body">
<p class="text-muted">Functional RAG with MongoDB→Qdrant, Ollama integration, C# APIs. Demo available showing real system capabilities.</p> <p class="text-muted">Complete migration ASP 3.0 → ASP.NET MVC Core + SQL Server. Critical system modernization maintaining 100% functionality and data.</p>
</div> </div>
</div> </div>
</li> </li>
<li class="timeline-inverted"> <li class="timeline-inverted">
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='16' font-family='Arial'>IOT</text></svg>" alt="Hardware Integration" />
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2008</h4>
<h4 class="subheading">Specialized Hardware Integration</h4>
</div>
<div class="timeline-body">
<p class="text-muted">C# ↔ digital microscope integration for laboratory. Specialized hardware control, image capture and integration with reporting system.</p>
</div>
</div>
</li>
<li>
<div class="timeline-image"> <div class="timeline-image">
<h4> <h4>
Your Your
@ -704,24 +761,24 @@
<section class="page-section bg-light" id="integration"> <section class="page-section bg-light" id="integration">
<div class="container"> <div class="container">
<div class="text-center"> <div class="text-center">
<h3 class="section-subheading">Complementary Enterprise Integrations</h3> <h3 class="section-subheading">Real Integration Cases</h3>
<p class="text-muted">Beyond RAG, development of complex integrations:</p> <p class="text-muted">Examples of successfully executed projects:</p>
</div> </div>
<div class="row text-center"> <div class="row text-center">
<div class="col-md-4"> <div class="col-md-4">
<i class="fas fa-plug fa-2x mb-3" style="color: #667eea;"></i> <i class="fas fa-hospital fa-2x mb-3" style="color: #667eea;"></i>
<h5>APIs & Web Services</h5> <h5>UnitedHealth Group</h5>
<p>SAP, Salesforce, legacy systems</p> <p><strong>C# ↔ SAP Integration</strong><br>Benefits system integrated with corporate ERP</p>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<i class="fas fa-robot fa-2x mb-3" style="color: #667eea;"></i> <i class="fas fa-microscope fa-2x mb-3" style="color: #667eea;"></i>
<h5>Web Automation</h5> <h5>Specialized Laboratory</h5>
<p>Data extraction from applications, web scraping, RPA</p> <p><strong>Hardware ↔ System</strong><br>Digital microscope integrated to reporting system</p>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<i class="fas fa-database fa-2x mb-3" style="color: #667eea;"></i> <i class="fas fa-chart-line fa-2x mb-3" style="color: #667eea;"></i>
<h5>Data Migration</h5> <h5>Legacy System</h5>
<p>ETL, system synchronization</p> <p><strong>ASP 3.0 → .NET Core</strong><br>Complete modernization maintaining functionalities</p>
</div> </div>
</div> </div>
</div> </div>
@ -733,10 +790,10 @@
<div class="col-lg-6"> <div class="col-lg-6">
<div class="d-flex flex-column justify-content-between h-100 text-center"> <div class="d-flex flex-column justify-content-between h-100 text-center">
<div> <div>
<h4 style="color: #667eea;">RAG/AI Specialist</h4> <h4 style="color: #667eea;">Integration Specialist</h4>
<p class="lead text-white">Ricardo Carneiro</p> <p class="lead text-white">Ricardo Carneiro</p>
<p class="text-white">20+ years enterprise development<br> <p class="text-white">20+ years enterprise development<br>
Microsoft Semantic Kernel Specialist<br> System Integration Specialist<br>
São Bernardo do Campo, SP - Brazil</p> São Bernardo do Campo, SP - Brazil</p>
</div> </div>
@ -757,17 +814,17 @@
<div class="col-lg-6"> <div class="col-lg-6">
<div class="d-flex flex-column justify-content-between h-100 text-center"> <div class="d-flex flex-column justify-content-between h-100 text-center">
<div> <div>
<h4 style="color: #667eea;">Technical Demo</h4> <h4 style="color: #667eea;">Technical Portfolio</h4>
<p class="text-white">See the RAG system in action:</p> <p class="text-white">See examples of integrations performed:</p>
</div> </div>
<div class="mt-auto"> <div class="mt-auto">
<a href="https://youtu.be/u0Jai_OZByw" target="_blank" class="btn btn-primary btn-lg"> <a href="https://youtu.be/u0Jai_OZByw" target="_blank" class="btn btn-primary btn-lg">
<i class="fas fa-play me-2"></i>Watch RAG Demo <i class="fas fa-play me-2"></i>Watch Demonstrations
</a> </a>
<div class="mt-4"> <div class="mt-4">
<p class="text-white"><small>Complete RAG system • C#/.NET + Semantic Kernel<br> <p class="text-white"><small>SAP • Salesforce • Legacy Systems • Automation<br>
MongoDB/Qdrant • Enterprise Performance</small></p> C#/.NET • Azure • Microservices • APIs</small></p>
</div> </div>
</div> </div>
</div> </div>
@ -793,7 +850,7 @@
</a> </a>
</div> </div>
<div class="col-lg-4 text-lg-end"> <div class="col-lg-4 text-lg-end">
<span style="color: #adb5bd;">Ricardo Carneiro • RAG/AI Enterprise • C#/.NET</span> <span style="color: #adb5bd;">Ricardo Carneiro • Integration & Automation • C#/.NET</span>
</div> </div>
</div> </div>
</div> </div>
@ -804,7 +861,7 @@
<div class="modal-content bg-dark text-light"> <div class="modal-content bg-dark text-light">
<div class="modal-header border-secondary"> <div class="modal-header border-secondary">
<h5 class="modal-title" id="emailModalLabel"> <h5 class="modal-title" id="emailModalLabel">
<i class="fas fa-envelope me-2 text-primary"></i>Informações de Contato <i class="fas fa-envelope me-2 text-primary"></i>Contact Information
</h5> </h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
@ -820,36 +877,12 @@
</button> </button>
</div> </div>
</div> </div>
<!-- <div class="mb-4">
<label class="form-label fw-bold text-primary">
<i class="fas fa-tag me-2"></i>Assunto:
</label>
<input type="text" class="form-control bg-secondary text-light border-secondary" value="Interesse em Consultoria RAG/IA" readonly>
</div>
<div class="mb-3">
<label class="form-label fw-bold text-primary">
<i class="fas fa-comment-dots me-2"></i>Mensagem sugerida:
</label>
<textarea class="form-control bg-secondary text-light border-secondary" id="emailBody" rows="5" readonly>Olá,
Tenho interesse em saber mais sobre seus serviços de consultoria em RAG e IA.
Aguardo seu contato.
</textarea>
<button class="btn btn-outline-primary btn-sm mt-2" onclick="copyMessage()">
<i class="fas fa-copy me-2"></i>Copiar Mensagem
</button>
</div> -->
</div> </div>
<div class="modal-footer border-secondary"> <div class="modal-footer border-secondary">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<small class="text-muted"> <small class="text-muted">
<i class="fas fa-info-circle me-1"></i> <i class="fas fa-info-circle me-1"></i>
Se o cliente de email não abriu automaticamente, use as informações acima para entrar em contato. If the email client didn't open automatically, use the information above to contact.
</small> </small>
</div> </div>
</div> </div>
@ -924,21 +957,11 @@
}); });
function revealEmail() {
const parts = ['ricardo', '.carneiro', '@', 'jobmaker.com.br'];
const email = parts.join('');
const emailA = document.getElementById('btnEmail1');
const emailB = document.getElementById('btnEmail2');
emailA.href = 'mailto:' + email;
emailB.href = 'mailto:' + email;
}
function openEmail() { function openEmail() {
const parts = ['ricardo', '.carneiro', '@', 'jobmaker.com.br']; const parts = ['ricardo', '.carneiro', '@', 'jobmaker.com.br'];
const email = parts.join(''); const email = parts.join('');
const subject = 'Interesse em Consultoria RAG/IA'; const subject = 'Interest in System Integration Services';
const body = 'Olá,\n\nTenho interesse em saber mais sobre seus serviços de consultoria em RAG e IA.\n\nAguardo seu contato.'; const body = 'Hello,\n\nI am interested in learning more about your system integration and automation services.\n\nI look forward to your contact.';
const mailto = `mailto:${email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`; const mailto = `mailto:${email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
@ -959,12 +982,10 @@
}, 1500); }, 1500);
} }
//revealEmail();
function openWhatsApp() { function openWhatsApp() {
const parts = ['5511', '9', '7079', '2602']; const parts = ['5511', '9', '7079', '2602'];
const number = parts.join(''); const number = parts.join('');
const message = encodeURIComponent('Olá! Vi seu site e gostaria de agendar uma consultoria RAG/IA. Quando podemos conversar?'); const message = encodeURIComponent('Hello! I saw your website and would like to discuss system integration. When can we schedule a conversation?');
const url = `https://api.whatsapp.com/send?phone=${number}&text=${message}`; const url = `https://api.whatsapp.com/send?phone=${number}&text=${message}`;
window.open(url, '_blank'); window.open(url, '_blank');
} }

378
index.html
View File

@ -1,35 +1,75 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="pt-BR">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="Consultoria especializada em RAG e IA empresarial com C#/.NET. Reduza custos e aumente performance com soluções enterprise-grade." />
<meta name="author" content="JobMaker - Ricardo Carneiro" />
<title>JobMaker - Consultoria RAG e IA Empresarial | C#/.NET</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-L1GX4ZNZ5M"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-L1GX4ZNZ5M'); <!-- Meta Description Otimizada (máximo 160 caracteres) -->
</script> <meta name="description" content="Especialista em integrações de sistemas C#/.NET. 20+ anos conectando SAP, Salesforce e sistemas legados. São Bernardo do Campo, SP." />
<script type="application/ld+json">
<!-- Meta Keywords -->
<meta name="keywords" content="integração sistemas, automação, C#, .NET, SAP, Salesforce, API, São Bernardo Campo, modernização sistemas" />
<!-- Open Graph para redes sociais -->
<meta property="og:title" content="JobMaker - Integrações de Sistemas & Automação" />
<meta property="og:description" content="Especialista em integrações de sistemas C#/.NET. 20+ anos conectando SAP, Salesforce e sistemas legados." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://jobmaker.com.br" />
<meta property="og:image" content="https://jobmaker.com.br/assets/img/jobmaker-og-image.jpg" />
<meta property="og:locale" content="pt_BR" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="JobMaker - Integrações de Sistemas & Automação" />
<meta name="twitter:description" content="Especialista em integrações de sistemas C#/.NET. 20+ anos conectando SAP, Salesforce e sistemas legados." />
<!-- Canonical URL -->
<link rel="canonical" href="https://jobmaker.com.br" />
<meta name="author" content="JobMaker - Ricardo Carneiro" />
<meta name="robots" content="index, follow" />
<title>JobMaker - Integrações de Sistemas & Automação | C#/.NET Enterprise</title>
<!-- Resto do head mantém igual... -->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<script>
// Redirecionamento JavaScript para URL canônica
(function() {
var canonical = 'https://jobmaker.com.br/';
var current = window.location.href;
// Se não estiver na URL canônica, redirecionar
if (current !== canonical && !current.includes('/en/')) {
window.location.replace(canonical);
}
})();
</script>
<!-- Meta refresh como backup -->
<meta http-equiv="refresh" content="0;URL=https://jobmaker.com.br/" />
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-L1GX4ZNZ5M"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-L1GX4ZNZ5M');
</script>
<script type="application/ld+json">
{ {
"@context": "https://schema.org", "@context": "https://schema.org",
"@type": "ProfessionalService", "@type": "ProfessionalService",
"name": "JobMaker - Consultoria RAG e IA Empresarial", "name": "JobMaker - Integrações de Sistemas & Automação",
"description": "Consultoria especializada em sistemas RAG e IA para empresas brasileiras. Redução de custos 40-60% com C#/.NET. Performance 3-5x superior.", "description": "Especialista em integrações de sistemas e automação empresarial. 20+ anos conectando SAP, Salesforce, sistemas legados com C#/.NET. Modernização e automação de processos.",
"url": "https://jobmaker.com.br", "url": "https://jobmaker.com.br",
"telephone": "+55-11-XXXXX-XXXX", "telephone": "+55-11-XXXXX-XXXX",
"address": { "address": {
@ -42,20 +82,21 @@
"Brasil", "São Paulo", "ABC Paulista", "Grande São Paulo" "Brasil", "São Paulo", "ABC Paulista", "Grande São Paulo"
], ],
"serviceType": [ "serviceType": [
"Consultoria RAG", "Integrações de Sistemas",
"Inteligência Artificial Empresarial", "Automação Empresarial",
"Automação de Documentos", "Modernização de Sistemas",
"Chatbots Empresariais" "APIs e Web Services",
"Consultoria RAG/IA"
], ],
"inLanguage": "pt-BR", "inLanguage": "pt-BR",
"sameAs": [ "sameAs": [
"https://linkedin.com/company/jobmaker-enterprise-rag-ai-consulting" "https://linkedin.com/in/ricardo-carneiro"
] ]
} }
</script> </script>
<style> <style>
/* Custom CSS integrado */ /* CSS mantido igual - apenas ajustes de conteúdo */
:root { :root {
--bs-primary: #667eea; --bs-primary: #667eea;
--bs-primary-rgb: 102, 126, 234; --bs-primary-rgb: 102, 126, 234;
@ -123,24 +164,24 @@
} }
.masthead .masthead-subheading { .masthead .masthead-subheading {
font-size: 4rem; /* MAIOR - título principal */ font-size: 4rem;
font-style: normal; /* SEM itálico */ font-style: normal;
line-height: 4rem; line-height: 4rem;
margin-bottom: 25px; margin-bottom: 25px;
color: #ffc800; /* BRANCO PURO - máximo contraste */ color: #ffc800;
text-shadow: 2px 2px 4px rgba(0,0,0,0.8); /* Sombra para destacar */ text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
} }
.masthead .masthead-heading { .masthead .masthead-heading {
font-size: 1.8rem; /* MENOR - subtítulo */ font-size: 1.8rem;
font-weight: 400; font-weight: 400;
line-height: 2.2rem; line-height: 2.2rem;
margin-bottom: 2rem; margin-bottom: 2rem;
color: #ffc800; /* Dourado para destaque secundário */ color: #ffc800;
text-shadow: 1px 1px 3px rgba(0,0,0,0.7); /* Sombra para legibilidade */ text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
} }
@ -181,7 +222,7 @@
} }
.text-muted { color: #6c757d !important; } .text-muted { color: #6c757d !important; }
/* Comparativo C# vs Python */ /* Comparativo Integrações vs Desenvolvimento Tradicional */
.comparison-section { .comparison-section {
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
padding: 80px 0; padding: 80px 0;
@ -300,7 +341,7 @@
margin: 1rem 0; margin: 1rem 0;
} }
/* Timeline styles */ /* Timeline styles - mantidos iguais */
.timeline { .timeline {
list-style: none; list-style: none;
padding: 0; padding: 0;
@ -485,8 +526,8 @@
.timeline > li.timeline-inverted > .timeline-panel { padding: 0 20px 20px; } .timeline > li.timeline-inverted > .timeline-panel { padding: 0 20px 20px; }
} }
</style> </style>
</head> </head>
<body id="page-top"> <body id="page-top">
<!-- Navigation--> <!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav"> <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container"> <div class="container">
@ -497,7 +538,7 @@
</button> </button>
<div class="collapse navbar-collapse" id="navbarResponsive"> <div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0"> <ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
<li class="nav-item"><a class="nav-link" href="#vantagens">Vantagens C#</a></li> <li class="nav-item"><a class="nav-link" href="#vantagens">Vantagens</a></li>
<li class="nav-item"><a class="nav-link" href="#services">Serviços</a></li> <li class="nav-item"><a class="nav-link" href="#services">Serviços</a></li>
<li class="nav-item"><a class="nav-link" href="#about">Expertise</a></li> <li class="nav-item"><a class="nav-link" href="#about">Expertise</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contato</a></li> <li class="nav-item"><a class="nav-link" href="#contact">Contato</a></li>
@ -508,53 +549,53 @@
<!-- Masthead--> <!-- Masthead-->
<header class="masthead"> <header class="masthead">
<div class="container"> <div class="container">
<div class="masthead-subheading">Consultoria RAG e IA Empresarial</div> <div class="masthead-subheading">Integrações de Sistemas & Automação</div>
<div class="masthead-heading text-uppercase">Redução de Custos com C#/.NET</div> <div class="masthead-heading text-uppercase">20+ Anos Conectando Sistemas Impossíveis</div>
<a class="btn btn-primary btn-xl text-uppercase" href="#services">Descubra as vantagens</a> <a class="btn btn-primary btn-xl text-uppercase" href="#services">Descubra as Soluções</a>
</div> </div>
</header> </header>
<!-- Services--> <!-- Services-->
<section class="page-section" id="vantagens"> <section class="page-section" id="vantagens">
<div class="container"> <div class="container">
<div class="text-center"> <div class="text-center">
<h2 class="section-heading text-uppercase">Vantagens do C#</h2> <h2 class="section-heading text-uppercase">Por Que Especialista em Integrações?</h2>
<!-- <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3> --> <h3 class="section-subheading text-muted">Diferença entre integração especializada vs desenvolvimento convencional.</h3>
</div> </div>
<div class="row text-center"> <div class="row text-center">
<div class="comparison-table"> <div class="comparison-table">
<div class="table-header"> <div class="table-header">
Comparativo: C#/.NET vs Python para RAG Empresarial Integração Especializada vs Desenvolvimento Convencional
</div> </div>
<div class="comparison-grid"> <div class="comparison-grid">
<div class="comparison-header">Aspecto</div> <div class="comparison-header">Aspecto</div>
<div class="comparison-header">C#/.NET</div> <div class="comparison-header">Especialista em Integrações</div>
<div class="comparison-header">Python</div> <div class="comparison-header">Desenvolvimento Tradicional</div>
<div class="comparison-item"><strong>Performance</strong></div> <div class="comparison-item"><strong>Tempo de Implementação</strong></div>
<div class="comparison-item advantage">3-5x mais rápido<br>Menor uso de memória</div> <div class="comparison-item advantage">60-80% mais rápido<br>Experiência comprovada</div>
<div class="comparison-item">Padrão mercado<br>Mais lento</div> <div class="comparison-item">Curva de aprendizado<br>Trial & error</div>
<div class="comparison-item"><strong>Custo Operacional</strong></div> <div class="comparison-item"><strong>Custo do Projeto</strong></div>
<div class="comparison-item cost-highlight">40-60% menor<br>Menos servidores</div> <div class="comparison-item cost-highlight">40-60% menor<br>Menos retrabalho</div>
<div class="comparison-item">Custo padrão<br>Mais recursos</div> <div class="comparison-item">Custo padrão<br>Mais iterações</div>
<div class="comparison-item"><strong>Integração Enterprise</strong></div> <div class="comparison-item"><strong>Compatibilidade</strong></div>
<div class="comparison-item advantage">Nativa Microsoft<br>Azure, Office 365</div> <div class="comparison-item advantage">Sistemas legados + modernos<br>APIs antigas e novas</div>
<div class="comparison-item">Requer adaptações<br>Mais complexo</div> <div class="comparison-item">Foco em tecnologias novas<br>Limitações legadas</div>
<div class="comparison-item"><strong>Segurança</strong></div> <div class="comparison-item"><strong>Suporte Técnico</strong></div>
<div class="comparison-item advantage">Enterprise-grade<br>Compliance nativo</div> <div class="comparison-item advantage">Conhecimento profundo<br>Troubleshooting avançado</div>
<div class="comparison-item">Requer config<br>Libs terceiros</div> <div class="comparison-item">Suporte básico<br>Dependência fornecedor</div>
<div class="comparison-item"><strong>Manutenção</strong></div> <div class="comparison-item"><strong>Escalabilidade</strong></div>
<div class="comparison-item advantage">Strongly typed<br>Menos bugs</div> <div class="comparison-item advantage">Arquitetura enterprise<br>Performance otimizada</div>
<div class="comparison-item">Runtime errors<br>Mais debugging</div> <div class="comparison-item">Soluções pontuais<br>Limitações técnicas</div>
</div> </div>
</div> </div>
</div> </div>
<div class="text-center mt-4"> <div class="text-center mt-4">
<p class="lead"><strong>Resultado:</strong> Economia de 40-60% em infraestrutura + Performance 3-5x superior</p> <p class="lead"><strong>Resultado:</strong> Integração mais rápida, confiável e econômica com 20+ anos de experiência comprovada</p>
</div> </div>
</div> </div>
@ -564,22 +605,22 @@
<div class="container"> <div class="container">
<div class="text-center"> <div class="text-center">
<h2 class="section-heading text-uppercase">Serviços Especializados</h2> <h2 class="section-heading text-uppercase">Serviços Especializados</h2>
<h3 class="section-subheading text-muted">Soluções RAG/IA com C#/.NET para redução de custos empresariais.</h3> <h3 class="section-subheading text-muted">Soluções de integração e automação para conectar seus sistemas.</h3>
</div> </div>
<div class="row text-center"> <div class="row text-center">
<div class="col-md-3 service-col"> <div class="col-md-3 service-col">
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<i class="fas fa-lightbulb"></i> <i class="fas fa-plug"></i>
</div> </div>
<h4>Consultoria Estratégica RAG</h4> <h4>Integrações Enterprise</h4>
<div class="pricing-tier">Investimento Estratégico</div> <div class="pricing-tier">Conectividade Total</div>
<p>Análise completa, arquitetura customizada e roadmap de implementação. Definição de ROI e redução de custos projetada.</p> <p>Conecte SAP, Salesforce, sistemas legados e APIs modernas. Integração bidirecional com sincronização em tempo real.</p>
<ul> <ul>
<li>Avaliação técnica completa</li> <li>SAP ↔ Sistema interno</li>
<li>Arquitetura RAG personalizada</li> <li>Salesforce ↔ ERP</li>
<li>Análise ROI e redução custos</li> <li>APIs REST/SOAP/GraphQL</li>
<li>Roadmap detalhado</li> <li>Sistemas legados ↔ Cloud</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -587,16 +628,16 @@
<div class="col-md-3 service-col"> <div class="col-md-3 service-col">
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<i class="fas fa-rocket"></i> <i class="fas fa-robot"></i>
</div> </div>
<h4>Implementação RAG Completa</h4> <h4>Automação & RPA</h4>
<div class="pricing-tier">Projeto Enterprise</div> <div class="pricing-tier">Eficiência Máxima</div>
<p>Desenvolvimento completo com C#, Semantic Kernel e integração dados corporativos. Sistema pronto para produção.</p> <p>Automatize processos manuais com web scraping, robôs de dados e workflows inteligentes usando PuppeteerSharp e C#.</p>
<ul> <ul>
<li>Sistema RAG completo</li> <li>Web scraping inteligente</li>
<li>APIs e interfaces</li> <li>Automação de formulários</li>
<li>Integração dados existentes</li> <li>Processamento de documentos</li>
<li>Deploy e documentação</li> <li>Workflows automatizados</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -604,16 +645,16 @@
<div class="col-md-3 service-col"> <div class="col-md-3 service-col">
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<i class="fas fa-chart-line"></i> <i class="fas fa-sync-alt"></i>
</div> </div>
<h4>Migração & Otimização</h4> <h4>Modernização de Sistemas</h4>
<div class="pricing-tier">Economia Garantida</div> <div class="pricing-tier">Evolução Segura</div>
<p>Migração Python→C#/.NET com otimização de performance. Redução de custos operacionais de 40-60%.</p> <p>Migre sistemas legados (ASP 3.0, VB6) para tecnologias modernas (.NET Core) mantendo funcionalidade e dados.</p>
<ul> <ul>
<li>Migração Python → C#</li> <li>ASP 3.0 → .NET Core</li>
<li>Otimização performance</li> <li>Migração de bancos de dados</li>
<li>Redução custos 40-60%</li> <li>Refatoração de código legado</li>
<li>Suporte pós-migração</li> <li>Teste e validação completa</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -621,16 +662,16 @@
<div class="col-md-3 service-col"> <div class="col-md-3 service-col">
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<i class="fas fa-graduation-cap"></i> <i class="fas fa-brain"></i>
</div> </div>
<h4>Treinamento Técnico</h4> <h4>IA & Automação Inteligente</h4>
<div class="pricing-tier">Capacitação</div> <div class="pricing-tier">Inovação Aplicada</div>
<p>Workshop hands-on em RAG e Semantic Kernel. Capacite sua equipe para desenvolvimento IA interno.</p> <p>Integre IA/RAG aos seus sistemas existentes para automação inteligente de documentos e atendimento.</p>
<ul> <ul>
<li>Workshop hands-on</li> <li>RAG para busca inteligente</li>
<li>Material didático</li> <li>Chatbots integrados</li>
<li>Projeto prático</li> <li>Processamento de documentos</li>
<li>Certificado técnico</li> <li>Automação com IA</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -642,52 +683,66 @@
<div class="container"> <div class="container">
<div class="text-center"> <div class="text-center">
<h2 class="section-heading text-uppercase">Expertise Técnica</h2> <h2 class="section-heading text-uppercase">Expertise Técnica</h2>
<h3 class="section-subheading text-muted">20+ anos desenvolvimento enterprise, especializado em IA/RAG.</h3> <h3 class="section-subheading text-muted">20+ anos conectando sistemas impossíveis - do microscópio digital ao SAP.</h3>
</div> </div>
<ul class="timeline"> <ul class="timeline">
<li> <li>
<div class="timeline-image"> <div class="timeline-image">
<img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='30' font-family='Arial'>C%23</text></svg>" alt="C# Logo" /> <img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='20' font-family='Arial'>SAP</text></svg>" alt="SAP Integration" />
</div> </div>
<div class="timeline-panel"> <div class="timeline-panel">
<div class="timeline-heading"> <div class="timeline-heading">
<h4>2004-2024</h4> <h4>2010-2024</h4>
<h4 class="subheading">20 Anos C#/.NET</h4> <h4 class="subheading">Integrações Enterprise</h4>
</div> </div>
<div class="timeline-body"> <div class="timeline-body">
<p class="text-muted">Desenvolvimento enterprise com C#/.NET, arquitetura de sistemas escaláveis, integração Microsoft e experiência em projetos corporativos de grande porte.</p> <p class="text-muted">Integração C# ↔ SAP (UnitedHealth Group), Salesforce APIs, Facebook Graph API, sistemas legados. Especialização em conectar sistemas incompatíveis.</p>
</div> </div>
</div> </div>
</li> </li>
<li class="timeline-inverted"> <li class="timeline-inverted">
<div class="timeline-image"> <div class="timeline-image">
<img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='20' font-family='Arial'>RAG</text></svg>" alt="RAG" /> <img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='16' font-family='Arial'>AUTO</text></svg>" alt="Automação" />
</div> </div>
<div class="timeline-panel"> <div class="timeline-panel">
<div class="timeline-heading"> <div class="timeline-heading">
<h4>2024</h4> <h4>2015-2024</h4>
<h4 class="subheading">Especialização RAG/IA</h4> <h4 class="subheading">Automação & Web Scraping</h4>
</div> </div>
<div class="timeline-body"> <div class="timeline-body">
<p class="text-muted">Especialização em Retrieval-Augmented Generation com Microsoft Semantic Kernel. Sistema RAG completo em produção com performance superior.</p> <p class="text-muted">Desenvolvimento de robôs de automação com PuppeteerSharp, web scraping de sites complexos, automação de formulários e processamento de dados em larga escala.</p>
</div> </div>
</div> </div>
</li> </li>
<li> <li>
<div class="timeline-image"> <div class="timeline-image">
<img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='16' font-family='Arial'>DEMO</text></svg>" alt="Demo" /> <img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='14' font-family='Arial'>LEGACY</text></svg>" alt="Legacy Systems" />
</div> </div>
<div class="timeline-panel"> <div class="timeline-panel">
<div class="timeline-heading"> <div class="timeline-heading">
<h4>2024</h4> <h4>2014</h4>
<h4 class="subheading">Sistema RAG Demonstrável</h4> <h4 class="subheading">Modernização Sistemas Legados</h4>
</div> </div>
<div class="timeline-body"> <div class="timeline-body">
<p class="text-muted">RAG funcional com MongoDB→Qdrant, Ollama integration, C# APIs. Demo disponível mostrando capacidades reais do sistema.</p> <p class="text-muted">Migração completa ASP 3.0 → ASP.NET MVC Core + SQL Server. Modernização de sistemas críticos mantendo 100% da funcionalidade e dados.</p>
</div> </div>
</div> </div>
</li> </li>
<li class="timeline-inverted"> <li class="timeline-inverted">
<div class="timeline-image">
<img class="rounded-circle img-fluid" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='%23667eea'/><text x='50' y='55' text-anchor='middle' fill='white' font-size='16' font-family='Arial'>IOT</text></svg>" alt="Hardware Integration" />
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>2008</h4>
<h4 class="subheading">Integração Hardware Especializado</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Integração C# ↔ microscópio digital para laboratório. Controle de hardware especializado, captura de imagens e integração com sistema de laudos.</p>
</div>
</div>
</li>
<li>
<div class="timeline-image"> <div class="timeline-image">
<h4> <h4>
Seu Seu
@ -705,24 +760,24 @@
<section class="page-section bg-light" id="integracao"> <section class="page-section bg-light" id="integracao">
<div class="container"> <div class="container">
<div class="text-center"> <div class="text-center">
<h3 class="section-subheading">Integrações Enterprise Complementares</h3> <h3 class="section-subheading">Cases Reais de Integração</h3>
<p class="text-muted">Além de RAG, desenvolvimento de integrações complexas:</p> <p class="text-muted">Exemplos de projetos executados com sucesso:</p>
</div> </div>
<div class="row text-center"> <div class="row text-center">
<div class="col-md-4"> <div class="col-md-4">
<i class="fas fa-plug fa-2x mb-3" style="color: #667eea;"></i> <i class="fas fa-hospital fa-2x mb-3" style="color: #667eea;"></i>
<h5>APIs & Web Services</h5> <h5>UnitedHealth Group</h5>
<p>SAP, Salesforce, sistemas legados</p> <p><strong>Integração C# ↔ SAP</strong><br>Sistema de benefícios integrado com ERP corporativo</p>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<i class="fas fa-robot fa-2x mb-3" style="color: #667eea;"></i> <i class="fas fa-microscope fa-2x mb-3" style="color: #667eea;"></i>
<h5>Automação Web</h5> <h5>Laboratório Especializado</h5>
<p>Extração de dados de aplicações, web scraping, RPA</p> <p><strong>Hardware ↔ Sistema</strong><br>Microscópio digital integrado ao sistema de laudos</p>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<i class="fas fa-database fa-2x mb-3" style="color: #667eea;"></i> <i class="fas fa-chart-line fa-2x mb-3" style="color: #667eea;"></i>
<h5>Migração de Dados</h5> <h5>Sistema Legado</h5>
<p>ETL, sincronização entre sistemas</p> <p><strong>ASP 3.0 → .NET Core</strong><br>Modernização completa mantendo funcionalidades</p>
</div> </div>
</div> </div>
</div> </div>
@ -733,10 +788,10 @@
<div class="col-lg-6"> <div class="col-lg-6">
<div class="d-flex flex-column justify-content-between h-100 text-center"> <div class="d-flex flex-column justify-content-between h-100 text-center">
<div> <div>
<h4 style="color: #667eea;">Especialista RAG/IA</h4> <h4 style="color: #667eea;">Especialista em Integrações</h4>
<p class="lead text-white">Ricardo Carneiro</p> <p class="lead text-white">Ricardo Carneiro</p>
<p class="text-white">20+ anos desenvolvimento enterprise<br> <p class="text-white">20+ anos desenvolvimento enterprise<br>
Especialista Microsoft Semantic Kernel<br> Especialista em Integrações de Sistemas<br>
São Bernardo do Campo, SP</p> São Bernardo do Campo, SP</p>
</div> </div>
@ -757,17 +812,17 @@
<div class="col-lg-6"> <div class="col-lg-6">
<div class="d-flex flex-column justify-content-between h-100 text-center"> <div class="d-flex flex-column justify-content-between h-100 text-center">
<div> <div>
<h4 style="color: #667eea;">Demo Técnico</h4> <h4 style="color: #667eea;">Portfolio Técnico</h4>
<p class="text-white">Veja o sistema RAG em funcionamento:</p> <p class="text-white">Veja exemplos de integrações realizadas:</p>
</div> </div>
<div class="mt-auto"> <div class="mt-auto">
<a href="https://youtu.be/76MCfwDVXHE" target="_blank" class="btn btn-primary btn-lg"> <a href="https://youtu.be/76MCfwDVXHE" target="_blank" class="btn btn-primary btn-lg">
<i class="fas fa-play me-2"></i>Assistir Demo RAG <i class="fas fa-play me-2"></i>Ver Demonstrações
</a> </a>
<div class="mt-4"> <div class="mt-4">
<p class="text-white"><small>Sistema RAG completo • C#/.NET + Semantic Kernel<br> <p class="text-white"><small>SAP • Salesforce • Sistemas Legados • Automação<br>
MongoDB/Qdrant • Performance Enterprise</small></p> C#/.NET • Azure • Microsserviços • APIs</small></p>
</div> </div>
</div> </div>
</div> </div>
@ -793,7 +848,7 @@
</a> </a>
</div> </div>
<div class="col-lg-4 text-lg-end"> <div class="col-lg-4 text-lg-end">
<span style="color: #adb5bd;">Ricardo Carneiro • RAG/IA Enterprise • C#/.NET</span> <span style="color: #adb5bd;">Ricardo Carneiro • Integrações & Automação • C#/.NET</span>
</div> </div>
</div> </div>
</div> </div>
@ -820,30 +875,6 @@
</button> </button>
</div> </div>
</div> </div>
<!-- <div class="mb-4">
<label class="form-label fw-bold text-primary">
<i class="fas fa-tag me-2"></i>Assunto:
</label>
<input type="text" class="form-control bg-secondary text-light border-secondary" value="Interesse em Consultoria RAG/IA" readonly>
</div>
<div class="mb-3">
<label class="form-label fw-bold text-primary">
<i class="fas fa-comment-dots me-2"></i>Mensagem sugerida:
</label>
<textarea class="form-control bg-secondary text-light border-secondary" id="emailBody" rows="5" readonly>Olá,
Tenho interesse em saber mais sobre seus serviços de consultoria em RAG e IA.
Aguardo seu contato.
</textarea>
<button class="btn btn-outline-primary btn-sm mt-2" onclick="copyMessage()">
<i class="fas fa-copy me-2"></i>Copiar Mensagem
</button>
</div> -->
</div> </div>
<div class="modal-footer border-secondary"> <div class="modal-footer border-secondary">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
@ -923,34 +954,11 @@
}); });
function revealEmail() {
const parts = ['ricardo', '.carneiro', '@', 'jobmaker.com.br'];
const email = parts.join('');
const emailA = document.getElementById('btnEmail1');
const emailB = document.getElementById('btnEmail2');
emailA.href = 'mailto:' + email;
emailB.href = 'mailto:' + email;
}
function openEmailOld() {
const parts = ['ricardo', '.carneiro', '@', 'jobmaker.com.br'];
const email = parts.join('');
const subject = 'Interesse em Consultoria RAG/IA';
const body = 'Olá,\n\nTenho interesse em saber mais sobre seus serviços de consultoria em RAG e IA.\n\nAguardo seu contato.';
const mailto = `mailto:${email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
//window.location.href = mailto;
console.log(mailto);
window.location = mailto;
}
function openEmail() { function openEmail() {
const parts = ['ricardo', '.carneiro', '@', 'jobmaker.com.br']; const parts = ['ricardo', '.carneiro', '@', 'jobmaker.com.br'];
const email = parts.join(''); const email = parts.join('');
const subject = 'Interesse em Consultoria RAG/IA'; const subject = 'Interesse em Integração de Sistemas';
const body = 'Olá,\n\nTenho interesse em saber mais sobre seus serviços de consultoria em RAG e IA.\n\nAguardo seu contato.'; const body = 'Olá,\n\nTenho interesse em saber mais sobre seus serviços de integração de sistemas e automação.\n\nAguardo seu contato.';
const mailto = `mailto:${email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`; const mailto = `mailto:${email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
@ -974,7 +982,7 @@
function openWhatsApp() { function openWhatsApp() {
const parts = ['5511', '9', '7079', '2602']; const parts = ['5511', '9', '7079', '2602'];
const number = parts.join(''); const number = parts.join('');
const message = encodeURIComponent('Olá! Vi seu site e gostaria de agendar uma consultoria RAG/IA. Quando podemos conversar?'); const message = encodeURIComponent('Olá! Vi seu site e gostaria de conversar sobre integração de sistemas. Quando podemos agendar uma conversa?');
const url = `https://api.whatsapp.com/send?phone=${number}&text=${message}`; const url = `https://api.whatsapp.com/send?phone=${number}&text=${message}`;
window.open(url, '_blank'); window.open(url, '_blank');
} }

78
robots.txt
View File

@ -1,83 +1,13 @@
# robots.txt para JobMaker - Consultoria RAG e IA
# https://jobmaker.com.br/robots.txt
# Permitir todos os bots de busca nas páginas principais
User-agent: * User-agent: *
Allow: / Allow: /
Allow: /en/
# Permitir assets importantes para SEO # Permitir recursos importantes para renderização
Allow: /css/ Allow: /css/
Allow: /js/ Allow: /js/
Allow: /assets/ Allow: /assets/
Allow: /*.css$
Allow: /*.js$
Allow: /*.png$
Allow: /*.jpg$
Allow: /*.jpeg$
Allow: /*.gif$
Allow: /*.svg$
Allow: /*.ico$
Allow: /*.woff$
Allow: /*.woff2$
# Bloquear arquivos sensíveis/administrativos # Sitemap
Disallow: /*.log$
Disallow: /logs/
Disallow: /tmp/
Disallow: /.git/
Disallow: /.env
Disallow: /docker-compose.yml
Disallow: /Dockerfile
Disallow: /*.sh$
# Bloquear possíveis páginas de erro ou teste
Disallow: /error/
Disallow: /test/
Disallow: /dev/
Disallow: /*?test=*
Disallow: /*?debug=*
# Configurações específicas para bots importantes
# Google
User-agent: Googlebot
Allow: /
Allow: /en/
Crawl-delay: 1
# Bing
User-agent: Bingbot
Allow: /
Allow: /en/
Crawl-delay: 2
# LinkedIn (importante para perfil profissional)
User-agent: LinkedInBot
Allow: /
Allow: /en/
# WhatsApp (para preview de links)
User-agent: WhatsApp
Allow: /
Allow: /en/
# Bloquear bots maliciosos conhecidos
User-agent: AhrefsBot
Disallow: /
User-agent: MJ12bot
Disallow: /
User-agent: DotBot
Disallow: /
User-agent: SemrushBot
Disallow: /
# Localização do Sitemap
Sitemap: https://jobmaker.com.br/sitemap.xml Sitemap: https://jobmaker.com.br/sitemap.xml
# Informações de contato (opcional) # Crawl-delay para não sobrecarregar servidor
Website: https://jobmaker.com.br Crawl-delay: 1
Contact: ricardo.carneiro@jobmaker.com.br