About — Vessellax AI Automation
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–navy: #2c3e50; –navy-dark: #1a252f; –navy-light: #3d5166;
–red: #e63329; –red-dark: #c0271e; –red-light: #ff4a40;
–white: #ffffff; –gray-50: #f9fafb; –gray-100: #f3f4f6;
–gray-200: #e5e7eb; –gray-400: #9ca3af; –gray-700: #374151;
–text-main: #1a1a2e; –text-muted: #6b7280;
–radius-md: 12px; –radius-lg: 20px; –radius-xl: 32px;
–shadow-card: 0 2px 8px rgba(0,0,0,0.06), 0 8px 32px rgba(0,0,0,0.08);
–shadow-hover: 0 8px 24px rgba(0,0,0,0.1), 0 24px 64px rgba(0,0,0,0.12);
–max-w: 1120px;
}
html { scroll-behavior: smooth; }
body { font-family: ‘Plus Jakarta Sans’, sans-serif; color: var(–text-main); background: var(–white); -webkit-font-smoothing: antialiased; }
.container { max-width: var(–max-w); margin: 0 auto; padding: 0 24px; }
.btn { display: inline-flex; align-items: center; gap: 8px; font-family: ‘Plus Jakarta Sans’, sans-serif; font-weight: 600; font-size: 15px; cursor: pointer; text-decoration: none; border: none; outline: none; transition: transform 0.18s cubic-bezier(.22,1,.36,1), box-shadow 0.18s cubic-bezier(.22,1,.36,1), background 0.18s ease; }
.btn:active { transform: scale(0.97) !important; }
.btn-primary { background: var(–red); color: var(–white); padding: 13px 26px; border-radius: 100px; box-shadow: 0 2px 8px rgba(230,51,41,0.25), 0 4px 20px rgba(230,51,41,0.15); }
.btn-primary:hover { background: var(–red-dark); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(230,51,41,0.35); }
.btn-outline { background: transparent; color: var(–navy); padding: 12px 24px; border-radius: 100px; border: 1.5px solid var(–gray-200); }
.btn-outline:hover { border-color: var(–navy); transform: translateY(-1px); }
.btn-outline-white { background: transparent; color: var(–white); padding: 13px 26px; border-radius: 100px; border: 1.5px solid rgba(255,255,255,0.35); }
.btn-outline-white:hover { border-color: rgba(255,255,255,0.7); transform: translateY(-1px); background: rgba(255,255,255,0.08); }
nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; transition: background 0.2s ease, box-shadow 0.2s ease; }
nav.scrolled { background: rgba(255,255,255,0.95); backdrop-filter: blur(16px); box-shadow: 0 1px 0 var(–gray-200); }
.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; max-width: var(–max-w); margin: 0 auto; padding: 0 24px; }
.nav-logo { display: flex; align-items: center; text-decoration: none; }
.nav-logo img { height: 32px; }
.nav-links { display: flex; align-items: center; gap: 4px; list-style: none; }
.nav-links a { font-size: 14px; font-weight: 500; color: var(–gray-700); text-decoration: none; padding: 8px 14px; border-radius: 8px; transition: color 0.15s, background 0.15s; }
.nav-links a:hover, .nav-links a.active { color: var(–text-main); background: var(–gray-100); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.nav-hamburger { display: none; background: none; border: none; cursor: pointer; padding: 6px; border-radius: 8px; flex-direction: column; gap: 5px; align-items: center; justify-content: center; }
.nav-hamburger span { display: block; width: 22px; height: 2px; background: var(–navy); border-radius: 2px; }
.mobile-menu { display: none; position: fixed; top: 72px; left: 0; right: 0; bottom: 0; background: var(–white); z-index: 99; padding: 24px; flex-direction: column; gap: 8px; }
.mobile-menu.open { display: flex; }
.mobile-menu a { font-size: 18px; font-weight: 600; color: var(–text-main); text-decoration: none; padding: 14px 0; border-bottom: 1px solid var(–gray-100); }
.section-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(–red); margin-bottom: 16px; }
.section-eyebrow::before, .section-eyebrow::after { content: ”; display: block; width: 24px; height: 1.5px; background: var(–red); opacity: 0.5; }
.section-title { font-family: ‘Syne’, sans-serif; font-size: clamp(32px, 4vw, 48px); font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; color: var(–text-main); margin-bottom: 16px; }
.section-title em { font-style: normal; color: var(–red); }
.section-sub { font-size: 17px; color: var(–text-muted); line-height: 1.65; max-width: 560px; margin: 0 auto; }
/* Hero */
.about-hero { padding: 140px 0 80px; background: var(–navy-dark); text-align: center; position: relative; overflow: hidden; }
.about-hero::before { content: ”; position: absolute; top: -200px; right: -200px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(230,51,41,0.12) 0%, transparent 70%); }
.about-hero::after { content: ”; position: absolute; bottom: -100px; left: -100px; width: 400px; height: 400px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,0.04) 0%, transparent 70%); }
.about-hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(230,51,41,0.15); color: var(–red-light); font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 100px; margin-bottom: 24px; border: 1px solid rgba(230,51,41,0.25); }
.about-hero h1 { font-family: ‘Syne’, sans-serif; font-size: clamp(40px, 5vw, 64px); font-weight: 800; line-height: 1.08; letter-spacing: -0.03em; color: var(–white); margin-bottom: 24px; }
.about-hero h1 em { font-style: normal; color: var(–red-light); }
.about-hero p { font-size: 18px; color: rgba(255,255,255,0.65); line-height: 1.7; max-width: 560px; margin: 0 auto 40px; }
.about-hero-cta { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; position: relative; z-index: 1; }
/* Mission */
.mission { padding: 100px 0; }
.mission-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.mission-pull { font-family: ‘Syne’, sans-serif; font-size: clamp(28px, 3vw, 40px); font-weight: 800; line-height: 1.2; letter-spacing: -0.03em; color: var(–text-main); margin-bottom: 32px; }
.mission-pull em { font-style: normal; color: var(–red); }
.mission-body p { font-size: 16px; color: var(–text-muted); line-height: 1.8; margin-bottom: 20px; }
.mission-body p:last-child { margin-bottom: 0; }
.mission-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.mission-stat { background: var(–gray-50); border-radius: var(–radius-md); padding: 32px 24px; text-align: center; }
.mission-stat-num { font-family: ‘Syne’, sans-serif; font-size: 40px; font-weight: 800; letter-spacing: -0.03em; color: var(–text-main); }
.mission-stat-num span { color: var(–red); }
.mission-stat-label { font-size: 13px; color: var(–text-muted); margin-top: 4px; }
/* Values */
.values { padding: 100px 0; background: var(–gray-50); }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }
.value-card { background: var(–white); border-radius: var(–radius-lg); padding: 36px 32px; border: 1.5px solid var(–gray-200); transition: transform 0.22s cubic-bezier(.22,1,.36,1), box-shadow 0.22s ease; }
.value-card:hover { transform: translateY(-4px); box-shadow: var(–shadow-hover); }
.value-icon { width: 52px; height: 52px; border-radius: var(–radius-md); background: rgba(230,51,41,0.08); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.value-icon svg { width: 24px; height: 24px; }
.value-card h3 { font-size: 18px; font-weight: 700; color: var(–text-main); margin-bottom: 10px; }
.value-card p { font-size: 15px; color: var(–text-muted); line-height: 1.65; }
/* Team */
.team { padding: 100px 0; }
.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 56px; }
.team-card { background: var(–white); border-radius: var(–radius-lg); overflow: hidden; border: 1.5px solid var(–gray-200); transition: transform 0.22s cubic-bezier(.22,1,.36,1), box-shadow 0.22s ease; }
.team-card:hover { transform: translateY(-4px); box-shadow: var(–shadow-hover); }
.team-photo { height: 240px; display: flex; align-items: center; justify-content: center; font-family: ‘Syne’, sans-serif; font-size: 56px; font-weight: 800; color: var(–white); }
.team-info { padding: 24px; }
.team-name { font-size: 18px; font-weight: 700; color: var(–text-main); margin-bottom: 4px; }
.team-role { font-size: 14px; color: var(–red); font-weight: 600; margin-bottom: 12px; }
.team-bio { font-size: 14px; color: var(–text-muted); line-height: 1.65; }
/* Timeline */
.timeline { padding: 100px 0; background: var(–gray-50); }
.timeline-inner { max-width: 720px; margin: 56px auto 0; }
.timeline-item { display: flex; gap: 32px; margin-bottom: 0; position: relative; padding-bottom: 48px; }
.timeline-item:last-child { padding-bottom: 0; }
.timeline-item:last-child .timeline-line { display: none; }
.timeline-left { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; width: 48px; }
.timeline-dot { width: 48px; height: 48px; border-radius: 50%; background: var(–navy); display: flex; align-items: center; justify-content: center; font-family: ‘Syne’, sans-serif; font-size: 14px; font-weight: 800; color: var(–white); flex-shrink: 0; }
.timeline-item.highlight .timeline-dot { background: var(–red); }
.timeline-line { flex: 1; width: 2px; background: var(–gray-200); margin: 4px 0; }
.timeline-year { font-size: 11px; font-weight: 700; color: var(–text-muted); letter-spacing: 0.06em; margin-bottom: 6px; }
.timeline-content h4 { font-size: 18px; font-weight: 700; color: var(–text-main); margin-bottom: 8px; }
.timeline-content p { font-size: 15px; color: var(–text-muted); line-height: 1.65; }
/* CTA */
.cta-band { padding: 96px 0; background: linear-gradient(135deg, var(–navy-dark) 0%, var(–navy) 100%); position: relative; overflow: hidden; }
.cta-band::before { content: ”; position: absolute; top: -120px; right: -120px; width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, rgba(230,51,41,0.15) 0%, transparent 70%); }
.cta-band-inner { text-align: center; position: relative; z-index: 1; }
.cta-band h2 { font-family: ‘Syne’, sans-serif; font-size: clamp(32px, 4vw, 52px); font-weight: 800; letter-spacing: -0.03em; color: var(–white); margin-bottom: 20px; }
.cta-band h2 em { font-style: normal; color: var(–red-light); }
.cta-band p { font-size: 18px; color: rgba(255,255,255,0.65); line-height: 1.65; max-width: 520px; margin: 0 auto 40px; }
.cta-band-actions { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
/* Footer */
footer { background: var(–navy-dark); padding: 72px 0 40px; }
.footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.footer-brand img { height: 28px; margin-bottom: 16px; filter: brightness(0) invert(1); }
.footer-brand p { font-size: 14px; color: rgba(255,255,255,0.5); line-height: 1.65; max-width: 280px; margin-bottom: 24px; }
.footer-socials { display: flex; gap: 10px; }
.footer-social { width: 36px; height: 36px; border-radius: 8px; background: rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: center; text-decoration: none; transition: background 0.2s, transform 0.2s; }
.footer-social:hover { background: rgba(255,255,255,0.15); transform: translateY(-2px); }
.footer-social svg { width: 16px; height: 16px; fill: rgba(255,255,255,0.7); }
.footer-col h5 { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 20px; }
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.footer-col ul li a { font-size: 14px; color: rgba(255,255,255,0.65); text-decoration: none; transition: color 0.15s; }
.footer-col ul li a:hover { color: var(–white); }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; padding-top: 32px; flex-wrap: wrap; gap: 12px; }
.footer-copy { font-size: 13px; color: rgba(255,255,255,0.4); }
.footer-legal { display: flex; gap: 24px; }
.footer-legal a { font-size: 13px; color: rgba(255,255,255,0.4); text-decoration: none; transition: color 0.15s; }
.footer-legal a:hover { color: rgba(255,255,255,0.7); }
.fade-up { opacity: 0; transform: translateY(24px); transition: opacity 0.55s ease, transform 0.55s cubic-bezier(.22,1,.36,1); }
.fade-up.visible { opacity: 1; transform: translateY(0); }
@media (max-width: 1024px) {
.mission-inner { grid-template-columns: 1fr; gap: 48px; }
.values-grid, .team-grid { grid-template-columns: 1fr 1fr; }
.footer-top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
.nav-links, .nav-actions .btn-outline { display: none; }
.nav-hamburger { display: flex; }
.values-grid, .team-grid { grid-template-columns: 1fr; }
.footer-top { grid-template-columns: 1fr; gap: 32px; }
}
We Believe Service Businesses
Deserve to Work Smarter
Vessellax was built because the hardest-working business owners we knew were spending their best hours on the wrong things. We’re here to change that.
Give Service Businesses
the Power of Enterprise AI
We started Vessellax after watching owner-operators — plumbers, clinic directors, cleaners, consultants — spend their evenings chasing leads, sending reminders, and pulling reports by hand. Work that machines can do in seconds.
Our mission is simple: build AI systems so smart and so tailored that service businesses can compete with companies ten times their size — without needing an in-house tech team.
Every system we build is designed, tested, and monitored by humans who care deeply about your results. We don’t sell you software. We build you a system.
What We Stand For
These aren’t buzzwords. They’re the principles that shape every system we build and every client relationship we have.
Results Over Features
We don’t build systems because the tech is cool. We build them because they solve a real problem in your business. If something doesn’t drive measurable results, it doesn’t make the cut.
People-First Automation
Automation should free up humans to do what they do best — not replace them. Every system we design is built to handle the repetitive work so your team can focus on relationships, quality, and growth.
Radical Transparency
You’ll always know what we’re building, why, and how it’s performing. No black boxes, no confusing dashboards, no surprise invoices. Clear communication is part of the product.
Speed Matters
Every day without automation is a day with missed leads, manual busywork, and lost margin. We move with urgency so you get results fast — typical implementations are live within 2–3 weeks.
Always Improving
We don’t set it and forget it. We monitor, analyze, and iterate on every system we build. As your business changes, your automation evolves with it.
Partnership Mindset
We treat every client engagement like a long-term partnership, not a project. Your success is our reputation — and we protect it fiercely.
The People Behind the Systems
A small, focused team of builders, strategists, and operators who live in automation and AI every day.
Marcus Rivera
Founder & CEO
Former operations manager turned AI builder. After watching small businesses struggle to compete, Marcus founded Vessellax to level the playing field. He’s designed automation systems for 50+ companies across 12 industries.
Jordan Chen
Head of AI Engineering
Jordan architects the AI systems that power every Vessellax build. With a background in machine learning and enterprise software, she ensures every system is reliable, scalable, and performant under real-world conditions.
Tyler Park
Client Success Lead
Tyler makes sure every client gets maximum value from their Vessellax system. He manages onboarding, training, and ongoing optimization — and is usually the person you’ll speak with when you book a strategy call.
How We Got Here
2022
The Problem Becomes Personal
Our founder watches a roofing company lose 60% of its after-hours leads because no one was available to respond. The decision to build Vessellax is made the same week.
2023
First Systems Go Live
Vessellax launches its first automation builds — lead capture, follow-up sequences, and scheduling systems for service businesses. The results validate the vision.
2024
Expanding Across Industries
What started with home services grows to include medical clinics, law firms, cleaning companies, salons, real estate teams, and more — proving automation works across every service vertical.
2025
Team Grows, Scope Expands
We bring on AI engineers and client success specialists to increase build quality and speed. Our service offering expands into operations, reporting, and full-stack business automation.
2026 — Now
Building the Future of Service Operations
We’re expanding into full operations AI — dashboards, staff optimization, and predictive analytics — to give service businesses tools that used to cost millions to build in-house.
Let’s Build Something
Great Together
Book a free 30-minute strategy call. There’s no pressure, no pitch deck — just an honest conversation about your business and what AI can do for it.
const nav = document.getElementById(‘mainNav’);
window.addEventListener(‘scroll’, () => { nav.classList.toggle(‘scrolled’, window.scrollY > 20); }, { passive: true });
const hamburger = document.getElementById(‘hamburgerBtn’);
const mobileMenu = document.getElementById(‘mobileMenu’);
hamburger.addEventListener(‘click’, () => mobileMenu.classList.toggle(‘open’));
mobileMenu.querySelectorAll(‘a’).forEach(a => a.addEventListener(‘click’, () => mobileMenu.classList.remove(‘open’)));
const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add(‘visible’); observer.unobserve(entry.target); } }); }, { threshold: 0.1 });
document.querySelectorAll(‘.fade-up’).forEach(el => observer.observe(el));
shcbgroup.com 