902 lines
33 KiB
HTML
902 lines
33 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<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');
|
|
</script>
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "ProfessionalService",
|
|
"name": "JobMaker - Consultoria RAG e IA Empresarial",
|
|
"description": "Consultoria especializada em sistemas RAG e IA para empresas brasileiras. Redução de custos 40-60% com C#/.NET. Performance 3-5x superior.",
|
|
"url": "https://jobmaker.com.br",
|
|
"telephone": "+55-11-XXXXX-XXXX",
|
|
"address": {
|
|
"@type": "PostalAddress",
|
|
"addressLocality": "São Bernardo do Campo",
|
|
"addressRegion": "SP",
|
|
"addressCountry": "BR"
|
|
},
|
|
"areaServed": [
|
|
"Brasil", "São Paulo", "ABC Paulista", "Grande São Paulo"
|
|
],
|
|
"serviceType": [
|
|
"Consultoria RAG",
|
|
"Inteligência Artificial Empresarial",
|
|
"Automação de Documentos",
|
|
"Chatbots Empresariais"
|
|
],
|
|
"inLanguage": "pt-BR",
|
|
"sameAs": [
|
|
"https://linkedin.com/company/jobmaker-enterprise-rag-ai-consulting"
|
|
]
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
/* Custom CSS integrado */
|
|
:root {
|
|
--bs-primary: #667eea;
|
|
--bs-primary-rgb: 102, 126, 234;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Roboto Slab', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Navbar styles profissionais */
|
|
#mainNav {
|
|
background-color: #212529;
|
|
transition: all 0.3s;
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
|
|
#mainNav .navbar-brand {
|
|
color: #ffc800;
|
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
font-weight: 700;
|
|
letter-spacing: 0.0625em;
|
|
text-transform: uppercase;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
#mainNav .navbar-brand:hover {
|
|
color: #ffc800;
|
|
}
|
|
|
|
#mainNav .navbar-nav .nav-item .nav-link {
|
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
font-size: 0.95rem;
|
|
color: #fff;
|
|
letter-spacing: 0.0625em;
|
|
font-weight: 400;
|
|
transition: color 0.3s;
|
|
}
|
|
|
|
#mainNav .navbar-nav .nav-item .nav-link.active,
|
|
#mainNav .navbar-nav .nav-item .nav-link:hover {
|
|
color: #ffc800;
|
|
}
|
|
|
|
#mainNav.navbar-shrink {
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
|
|
#mainNav.navbar-shrink .navbar-brand {
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
.masthead {
|
|
padding-top: 10.5rem;
|
|
padding-bottom: 6rem;
|
|
text-align: center;
|
|
color: #fff;
|
|
background: linear-gradient(to bottom, rgba(22, 22, 22, 0.3) 0%, rgba(22, 22, 22, 0.7) 75%, #161616 100%), url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23667eea' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3Ccircle cx='0' cy='30' r='4'/%3E%3Ccircle cx='60' cy='30' r='4'/%3E%3Ccircle cx='30' cy='0' r='4'/%3E%3Ccircle cx='30' cy='60' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
background-attachment: scroll;
|
|
background-position: center center;
|
|
background-repeat: repeat;
|
|
background-size: 60px 60px;
|
|
}
|
|
|
|
.masthead .masthead-subheading {
|
|
font-size: 4rem; /* MAIOR - título principal */
|
|
font-style: normal; /* SEM itálico */
|
|
line-height: 4rem;
|
|
margin-bottom: 25px;
|
|
color: #ffc800; /* BRANCO PURO - máximo contraste */
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.8); /* Sombra para destacar */
|
|
font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.masthead .masthead-heading {
|
|
font-size: 1.8rem; /* MENOR - subtítulo */
|
|
font-weight: 400;
|
|
line-height: 2.2rem;
|
|
margin-bottom: 2rem;
|
|
color: #ffc800; /* Dourado para destaque secundário */
|
|
text-shadow: 1px 1px 3px rgba(0,0,0,0.7); /* Sombra para legibilidade */
|
|
font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
}
|
|
|
|
.btn-primary {
|
|
background: linear-gradient(45deg, #667eea, #764ba2);
|
|
border: none;
|
|
transition: transform 0.3s, box-shadow 0.3s;
|
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
font-weight: 700;
|
|
letter-spacing: 0.0625em;
|
|
padding: 1.25rem 2.5rem;
|
|
font-size: 0.875rem;
|
|
}
|
|
.btn-primary:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 10px 20px rgba(102, 126, 234, 0.4);
|
|
}
|
|
|
|
.btn-outline-light {
|
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
font-weight: 700;
|
|
letter-spacing: 0.0625em;
|
|
padding: 1.25rem 2.5rem;
|
|
font-size: 0.875rem;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.btn-outline-light:hover {
|
|
background-color: #ffc800;
|
|
border-color: #ffc800;
|
|
color: #212529;
|
|
}
|
|
|
|
.section-heading {
|
|
color: #333;
|
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
font-weight: 700;
|
|
}
|
|
.text-muted { color: #6c757d !important; }
|
|
|
|
/* Comparativo C# vs Python */
|
|
.comparison-section {
|
|
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
|
|
padding: 80px 0;
|
|
}
|
|
|
|
.comparison-table {
|
|
background: white;
|
|
border-radius: 15px;
|
|
overflow: hidden;
|
|
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
|
margin: 3rem 0;
|
|
}
|
|
|
|
.table-header {
|
|
background: linear-gradient(45deg, #667eea, #764ba2);
|
|
color: white;
|
|
padding: 1.5rem;
|
|
text-align: center;
|
|
font-size: 1.5rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.comparison-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
gap: 0;
|
|
}
|
|
|
|
.comparison-header {
|
|
background: #f8f9fa;
|
|
padding: 1rem;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border-bottom: 2px solid #e9ecef;
|
|
}
|
|
|
|
.comparison-item {
|
|
padding: 1rem;
|
|
border-bottom: 1px solid #e9ecef;
|
|
border-right: 1px solid #e9ecef;
|
|
text-align: center;
|
|
}
|
|
|
|
.comparison-item:nth-child(3n) { border-right: none; }
|
|
|
|
.advantage {
|
|
background: linear-gradient(45deg, #d4edda, #c3e6cb);
|
|
color: #155724;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cost-highlight {
|
|
background: linear-gradient(45deg, #fff3cd, #ffeaa7);
|
|
color: #856404;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Serviços com layout melhorado */
|
|
.page-section {
|
|
padding: 6rem 0;
|
|
}
|
|
|
|
.row.text-center {
|
|
margin-top: 3rem;
|
|
}
|
|
|
|
.service-col {
|
|
margin-bottom: 3rem;
|
|
}
|
|
|
|
.service-card {
|
|
background: white;
|
|
padding: 2rem;
|
|
border-radius: 15px;
|
|
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
|
height: 100%;
|
|
border-left: 5px solid #667eea;
|
|
transition: transform 0.3s;
|
|
}
|
|
|
|
.service-card:hover {
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
.service-card .service-icon {
|
|
font-size: 3rem;
|
|
color: #667eea;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.service-card ul {
|
|
text-align: left;
|
|
padding-left: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.service-card ul li {
|
|
margin-bottom: 0.5rem;
|
|
padding-left: 1.5rem;
|
|
position: relative;
|
|
}
|
|
|
|
.service-card ul li::before {
|
|
content: "✅";
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
|
|
.pricing-tier {
|
|
display: inline-block;
|
|
background: linear-gradient(45deg, #667eea, #764ba2);
|
|
color: white;
|
|
padding: 0.5rem 1rem;
|
|
border-radius: 20px;
|
|
font-size: 0.9rem;
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
/* Timeline styles */
|
|
.timeline {
|
|
list-style: none;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.timeline:before {
|
|
top: 0;
|
|
bottom: 0;
|
|
position: absolute;
|
|
content: "";
|
|
width: 2px;
|
|
background-color: #e9ecef;
|
|
left: 40px;
|
|
margin-left: -1.5px;
|
|
}
|
|
|
|
.timeline > li {
|
|
margin-bottom: 50px;
|
|
position: relative;
|
|
min-height: 50px;
|
|
}
|
|
|
|
.timeline > li:after,
|
|
.timeline > li:before {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
|
|
.timeline > li:after {
|
|
clear: both;
|
|
}
|
|
|
|
.timeline > li .timeline-panel {
|
|
width: 100%;
|
|
float: right;
|
|
padding: 0 20px 0 100px;
|
|
position: relative;
|
|
text-align: left;
|
|
}
|
|
|
|
.timeline > li .timeline-panel:before {
|
|
border-left-width: 0;
|
|
border-right-width: 15px;
|
|
left: -15px;
|
|
right: auto;
|
|
}
|
|
|
|
.timeline > li .timeline-panel:after {
|
|
border-left-width: 0;
|
|
border-right-width: 14px;
|
|
left: -14px;
|
|
right: auto;
|
|
}
|
|
|
|
.timeline > li .timeline-image {
|
|
left: 0;
|
|
margin-left: 0;
|
|
width: 80px;
|
|
height: 80px;
|
|
position: absolute;
|
|
z-index: 100;
|
|
background-color: #667eea;
|
|
color: white;
|
|
border-radius: 100%;
|
|
border: 7px solid #e9ecef;
|
|
text-align: center;
|
|
}
|
|
|
|
.timeline > li .timeline-image h4 {
|
|
font-size: 10px;
|
|
margin-top: 12px;
|
|
line-height: 14px;
|
|
}
|
|
|
|
.timeline > li.timeline-inverted > .timeline-panel {
|
|
float: right;
|
|
text-align: left;
|
|
padding: 0 20px 0 100px;
|
|
}
|
|
|
|
.timeline > li.timeline-inverted > .timeline-panel:before {
|
|
border-left-width: 0;
|
|
border-right-width: 15px;
|
|
left: -15px;
|
|
right: auto;
|
|
}
|
|
|
|
.timeline > li.timeline-inverted > .timeline-panel:after {
|
|
border-left-width: 0;
|
|
border-right-width: 14px;
|
|
left: -14px;
|
|
right: auto;
|
|
}
|
|
|
|
.timeline-heading h4 {
|
|
margin-top: 0;
|
|
color: inherit;
|
|
}
|
|
|
|
.timeline-heading h4.subheading {
|
|
text-transform: none;
|
|
}
|
|
|
|
.timeline-body > p,
|
|
.timeline-body > ul {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* WhatsApp Button */
|
|
.whatsapp-float {
|
|
position: fixed;
|
|
width: 60px;
|
|
height: 60px;
|
|
bottom: 40px;
|
|
right: 40px;
|
|
background-color: #25d366;
|
|
color: #FFF;
|
|
border-radius: 50px;
|
|
text-align: center;
|
|
font-size: 30px;
|
|
box-shadow: 2px 2px 3px #999;
|
|
z-index: 100;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.masthead .masthead-subheading {
|
|
font-size: 2.5rem;
|
|
line-height: 2.5rem;
|
|
}
|
|
.masthead .masthead-heading {
|
|
font-size: 1.6rem;
|
|
line-height: 1.6rem;
|
|
}
|
|
}
|
|
|
|
.whatsapp-float:hover {
|
|
transform: scale(1.1);
|
|
color: #FFF;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.footer {
|
|
text-align: center;
|
|
font-size: 0.9rem;
|
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
background-color: #212529;
|
|
color: #fff;
|
|
}
|
|
|
|
/* Responsive */
|
|
@media (max-width: 768px) {
|
|
.comparison-grid { grid-template-columns: 1fr; }
|
|
.comparison-header { display: none; }
|
|
.masthead { min-height: 70vh; }
|
|
.masthead .masthead-heading { font-size: 2.25rem; line-height: 2.25rem; }
|
|
.masthead .masthead-subheading { font-size: 1.25rem; }
|
|
|
|
.timeline:before { left: 40px; }
|
|
.timeline > li > .timeline-panel { width: 100%; float: right; padding: 0 20px 0 100px; }
|
|
.timeline > li > .timeline-image { left: 0; width: 80px; height: 80px; }
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.timeline:before { left: 50%; }
|
|
.timeline > li { margin-bottom: 100px; min-height: 100px; }
|
|
.timeline > li > .timeline-panel { width: 41%; float: left; padding: 0 20px 20px 30px; text-align: right; }
|
|
.timeline > li > .timeline-image { width: 100px; height: 100px; left: 50%; margin-left: -50px; }
|
|
.timeline > li > .timeline-image h4 { font-size: 13px; margin-top: 16px; line-height: 18px; }
|
|
.timeline > li.timeline-inverted > .timeline-panel { float: right; text-align: left; padding: 0 30px 20px 20px; }
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.timeline > li { min-height: 150px; }
|
|
.timeline > li > .timeline-panel { padding: 0 20px 20px; }
|
|
.timeline > li > .timeline-image { width: 150px; height: 150px; margin-left: -75px; }
|
|
.timeline > li > .timeline-image h4 { font-size: 18px; margin-top: 30px; line-height: 26px; }
|
|
.timeline > li.timeline-inverted > .timeline-panel { padding: 0 20px 20px; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body id="page-top">
|
|
<!-- Navigation-->
|
|
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="#page-top"><img src="assets/img/jobmaker_logo.png" alt="..." /></a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
Menu
|
|
<i class="fas fa-bars ms-1"></i>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<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="#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="#contact">Contato</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- Masthead-->
|
|
<header class="masthead">
|
|
<div class="container">
|
|
<div class="masthead-subheading">Consultoria RAG e IA Empresarial</div>
|
|
<div class="masthead-heading text-uppercase">Redução de Custos com C#/.NET</div>
|
|
<a class="btn btn-primary btn-xl text-uppercase" href="#services">Descubra as vantagens</a>
|
|
</div>
|
|
</header>
|
|
<!-- Services-->
|
|
<section class="page-section" id="vantagens">
|
|
<div class="container">
|
|
<div class="text-center">
|
|
<h2 class="section-heading text-uppercase">Vantagens do C#</h2>
|
|
<!-- <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3> -->
|
|
</div>
|
|
<div class="row text-center">
|
|
<div class="comparison-table">
|
|
<div class="table-header">
|
|
Comparativo: C#/.NET vs Python para RAG Empresarial
|
|
</div>
|
|
|
|
<div class="comparison-grid">
|
|
<div class="comparison-header">Aspecto</div>
|
|
<div class="comparison-header">C#/.NET</div>
|
|
<div class="comparison-header">Python</div>
|
|
|
|
<div class="comparison-item"><strong>Performance</strong></div>
|
|
<div class="comparison-item advantage">3-5x mais rápido<br>Menor uso de memória</div>
|
|
<div class="comparison-item">Padrão mercado<br>Mais lento</div>
|
|
|
|
<div class="comparison-item"><strong>Custo Operacional</strong></div>
|
|
<div class="comparison-item cost-highlight">40-60% menor<br>Menos servidores</div>
|
|
<div class="comparison-item">Custo padrão<br>Mais recursos</div>
|
|
|
|
<div class="comparison-item"><strong>Integração Enterprise</strong></div>
|
|
<div class="comparison-item advantage">Nativa Microsoft<br>Azure, Office 365</div>
|
|
<div class="comparison-item">Requer adaptações<br>Mais complexo</div>
|
|
|
|
<div class="comparison-item"><strong>Segurança</strong></div>
|
|
<div class="comparison-item advantage">Enterprise-grade<br>Compliance nativo</div>
|
|
<div class="comparison-item">Requer config<br>Libs terceiros</div>
|
|
|
|
<div class="comparison-item"><strong>Manutenção</strong></div>
|
|
<div class="comparison-item advantage">Strongly typed<br>Menos bugs</div>
|
|
<div class="comparison-item">Runtime errors<br>Mais debugging</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-center mt-4">
|
|
<p class="lead"><strong>Resultado:</strong> Economia de 40-60% em infraestrutura + Performance 3-5x superior</p>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
<!-- Portfolio Grid-->
|
|
<section class="page-section bg-light" id="services">
|
|
<div class="container">
|
|
<div class="text-center">
|
|
<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>
|
|
</div>
|
|
<div class="row text-center">
|
|
<div class="col-md-3 service-col">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="fas fa-lightbulb"></i>
|
|
</div>
|
|
<h4>Consultoria Estratégica RAG</h4>
|
|
<div class="pricing-tier">Investimento Estratégico</div>
|
|
<p>Análise completa, arquitetura customizada e roadmap de implementação. Definição de ROI e redução de custos projetada.</p>
|
|
<ul>
|
|
<li>Avaliação técnica completa</li>
|
|
<li>Arquitetura RAG personalizada</li>
|
|
<li>Análise ROI e redução custos</li>
|
|
<li>Roadmap detalhado</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3 service-col">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="fas fa-rocket"></i>
|
|
</div>
|
|
<h4>Implementação RAG Completa</h4>
|
|
<div class="pricing-tier">Projeto Enterprise</div>
|
|
<p>Desenvolvimento completo com C#, Semantic Kernel e integração dados corporativos. Sistema pronto para produção.</p>
|
|
<ul>
|
|
<li>Sistema RAG completo</li>
|
|
<li>APIs e interfaces</li>
|
|
<li>Integração dados existentes</li>
|
|
<li>Deploy e documentação</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3 service-col">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="fas fa-chart-line"></i>
|
|
</div>
|
|
<h4>Migração & Otimização</h4>
|
|
<div class="pricing-tier">Economia Garantida</div>
|
|
<p>Migração Python→C#/.NET com otimização de performance. Redução de custos operacionais de 40-60%.</p>
|
|
<ul>
|
|
<li>Migração Python → C#</li>
|
|
<li>Otimização performance</li>
|
|
<li>Redução custos 40-60%</li>
|
|
<li>Suporte pós-migração</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3 service-col">
|
|
<div class="service-card">
|
|
<div class="service-icon">
|
|
<i class="fas fa-graduation-cap"></i>
|
|
</div>
|
|
<h4>Treinamento Técnico</h4>
|
|
<div class="pricing-tier">Capacitação</div>
|
|
<p>Workshop hands-on em RAG e Semantic Kernel. Capacite sua equipe para desenvolvimento IA interno.</p>
|
|
<ul>
|
|
<li>Workshop hands-on</li>
|
|
<li>Material didático</li>
|
|
<li>Projeto prático</li>
|
|
<li>Certificado técnico</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- About-->
|
|
<section class="page-section" id="about">
|
|
<div class="container">
|
|
<div class="text-center">
|
|
<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>
|
|
</div>
|
|
<ul class="timeline">
|
|
<li>
|
|
<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" />
|
|
</div>
|
|
<div class="timeline-panel">
|
|
<div class="timeline-heading">
|
|
<h4>2004-2024</h4>
|
|
<h4 class="subheading">20 Anos C#/.NET</h4>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<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='20' font-family='Arial'>RAG</text></svg>" alt="RAG" />
|
|
</div>
|
|
<div class="timeline-panel">
|
|
<div class="timeline-heading">
|
|
<h4>2024</h4>
|
|
<h4 class="subheading">Especialização RAG/IA</h4>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<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" />
|
|
</div>
|
|
<div class="timeline-panel">
|
|
<div class="timeline-heading">
|
|
<h4>2024</h4>
|
|
<h4 class="subheading">Sistema RAG Demonstrável</h4>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="timeline-inverted">
|
|
<div class="timeline-image">
|
|
<h4>
|
|
Seu
|
|
<br />
|
|
Projeto
|
|
<br />
|
|
Aqui!
|
|
</h4>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<!-- Contact-->
|
|
<section class="page-section bg-light" id="integracao">
|
|
<div class="container">
|
|
<div class="text-center">
|
|
<h3 class="section-subheading">Integrações Enterprise Complementares</h3>
|
|
<p class="text-muted">Além de RAG, desenvolvimento de integrações complexas:</p>
|
|
</div>
|
|
<div class="row text-center">
|
|
<div class="col-md-4">
|
|
<i class="fas fa-plug fa-2x mb-3" style="color: #667eea;"></i>
|
|
<h5>APIs & Web Services</h5>
|
|
<p>SAP, Salesforce, sistemas legados</p>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<i class="fas fa-robot fa-2x mb-3" style="color: #667eea;"></i>
|
|
<h5>Automação Web</h5>
|
|
<p>Extração de dados de aplicações, web scraping, RPA</p>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<i class="fas fa-database fa-2x mb-3" style="color: #667eea;"></i>
|
|
<h5>Migração de Dados</h5>
|
|
<p>ETL, sincronização entre sistemas</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="page-section" id="contact">
|
|
<div class="row align-items-stretch">
|
|
<div class="col-lg-6">
|
|
<div class="d-flex flex-column justify-content-between h-100 text-center">
|
|
<div>
|
|
<h4 style="color: #667eea;">Especialista RAG/IA</h4>
|
|
<p class="lead text-white">Ricardo Carneiro</p>
|
|
<p class="text-white">20+ anos desenvolvimento enterprise<br>
|
|
Especialista Microsoft Semantic Kernel<br>
|
|
São Bernardo do Campo, SP</p>
|
|
</div>
|
|
|
|
<div class="mt-auto">
|
|
<a href="https://www.linkedin.com/in/ricardo-carneiro" target="_blank" class="btn btn-outline-light me-3">
|
|
<i class="fab fa-linkedin-in me-2"></i>LinkedIn
|
|
</a>
|
|
<a id="btnEmail2" click="openEmail()" target="_blank" class="btn btn-outline-light me-3">
|
|
<i class="fas fa-envelope me-2"></i>E-mail
|
|
</a>
|
|
<a href="https://www.upwork.com/freelancers/~01aa5eed59c1535ac0?viewMode=1" target="_blank" class="btn btn-outline-light">
|
|
<i class="fas fa-globe me-2"></i>Upwork
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6">
|
|
<div class="d-flex flex-column justify-content-between h-100 text-center">
|
|
<div>
|
|
<h4 style="color: #667eea;">Demo Técnico</h4>
|
|
<p class="text-white">Veja o sistema RAG em funcionamento:</p>
|
|
</div>
|
|
|
|
<div class="mt-auto">
|
|
<a href="https://youtu.be/u0Jai_OZByw" target="_blank" class="btn btn-primary btn-lg">
|
|
<i class="fas fa-play me-2"></i>Assistir Demo RAG
|
|
</a>
|
|
<div class="mt-4">
|
|
<p class="text-white"><small>Sistema RAG completo • C#/.NET + Semantic Kernel<br>
|
|
MongoDB/Qdrant • Performance Enterprise</small></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Footer-->
|
|
<footer class="footer py-4">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-4 text-lg-start" style="color: white;">
|
|
Copyright © 2024 JobMaker
|
|
</div>
|
|
<div class="col-lg-4 my-3 my-lg-0">
|
|
<a class="btn btn-dark btn-social mx-2" href="https://www.linkedin.com/in/ricardo-jobmaker" target="_blank">
|
|
<i class="fab fa-linkedin-in"></i>
|
|
</a>
|
|
<a class="btn btn-dark btn-social mx-2" id="btnEmail1" click="openEmail()" target="_blank">
|
|
<i class="fas fa-envelope"></i>
|
|
</a>
|
|
<a class="btn btn-dark btn-social mx-2" href="https://www.upwork.com/freelancers/ricardo-jobmaker" target="_blank">
|
|
<i class="fas fa-globe"></i>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 text-lg-end">
|
|
<span style="color: #adb5bd;">Ricardo Carneiro • RAG/IA Enterprise • C#/.NET</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Core theme JS-->
|
|
<script src="js/scripts.js"></script>
|
|
|
|
<!-- WhatsApp Float Button -->
|
|
<a href="#" onclick="openWhatsApp()" class="whatsapp-float" title="WhatsApp">
|
|
<i class="fab fa-whatsapp"></i>
|
|
</a>
|
|
|
|
<!-- Bootstrap core JS-->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<script>
|
|
// Navbar shrink function
|
|
window.addEventListener('DOMContentLoaded', event => {
|
|
var navbarShrink = function () {
|
|
const navbarCollapsible = document.body.querySelector('#mainNav');
|
|
if (!navbarCollapsible) return;
|
|
|
|
if (window.scrollY === 0) {
|
|
navbarCollapsible.classList.remove('navbar-shrink')
|
|
} else {
|
|
navbarCollapsible.classList.add('navbar-shrink')
|
|
}
|
|
};
|
|
|
|
navbarShrink();
|
|
document.addEventListener('scroll', navbarShrink);
|
|
|
|
// Smooth scrolling
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
|
anchor.addEventListener('click', function (e) {
|
|
e.preventDefault();
|
|
const target = document.querySelector(this.getAttribute('href'));
|
|
if (target) {
|
|
target.scrollIntoView({
|
|
behavior: 'smooth',
|
|
block: 'start'
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
// Bootstrap ScrollSpy
|
|
const mainNav = document.body.querySelector('#mainNav');
|
|
if (mainNav) {
|
|
new bootstrap.ScrollSpy(document.body, {
|
|
target: '#mainNav',
|
|
rootMargin: '0px 0px -40%',
|
|
});
|
|
}
|
|
|
|
// Collapse responsive navbar when toggler is visible
|
|
const navbarToggler = document.body.querySelector('.navbar-toggler');
|
|
const responsiveNavItems = [].slice.call(
|
|
document.querySelectorAll('#navbarResponsive .nav-link')
|
|
);
|
|
responsiveNavItems.map(function (responsiveNavItem) {
|
|
responsiveNavItem.addEventListener('click', () => {
|
|
if (window.getComputedStyle(navbarToggler).display !== 'none') {
|
|
navbarToggler.click();
|
|
}
|
|
});
|
|
});
|
|
|
|
});
|
|
|
|
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() {
|
|
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;
|
|
}
|
|
|
|
|
|
|
|
|
|
function openWhatsApp() {
|
|
const parts = ['5511', '9', '7079', '2602'];
|
|
const number = parts.join('');
|
|
const message = encodeURIComponent('Olá! Vi seu site e gostaria de agendar uma consultoria RAG/IA. Quando podemos conversar?');
|
|
const url = `https://api.whatsapp.com/send?phone=${number}&text=${message}`;
|
|
window.open(url, '_blank');
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|