Skip to content

Commit

Permalink
initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
wheattoast11 committed Nov 12, 2024
1 parent cd12f6e commit 23749d7
Show file tree
Hide file tree
Showing 5 changed files with 328 additions and 1 deletion.
Binary file added CNAME
Binary file not shown.
8 changes: 7 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,7 @@
# wheattoast11.github.io
# Intuition Labs LLC Website

Official website for Intuition Labs LLC, showcasing our AI strategy and implementation services.

## Contact

For questions or support, contact: [email protected]
234 changes: 234 additions & 0 deletions assets/css/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,234 @@
:root {
--background: #030303;
--text: #e0e0e0;
--accent: #0ff;
--depth: rgba(0, 255, 255, 0.03);
--glass: rgba(255, 255, 255, 0.015);
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Inter', sans-serif;
}

body {
background: linear-gradient(135deg, #030303, #050505);
color: var(--text);
line-height: 1.5;
font-size: 13px;
font-weight: 300;
min-height: 100vh;
overflow-x: hidden;
}

.content {
max-width: 900px;
margin: 0 auto;
padding: 4rem 2rem;
}

header {
margin-bottom: 6rem;
transform: translateY(20px);
animation: fadeUp 0.8s ease forwards;
}

h1 {
font-size: 2rem;
font-weight: 200;
letter-spacing: -0.5px;
color: var(--text);
position: relative;
display: inline-block;
}

h1::after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
width: 30px;
height: 1px;
background: var(--accent);
opacity: 0.5;
}

main {
margin-top: 2rem;
}

.tagline {
font-size: 0.9rem;
color: var(--text);
opacity: 0.7;
font-weight: 300;
margin-top: 1.5rem;
max-width: 600px;
line-height: 1.6;
}

.section {
margin: 4rem 0;
padding-left: 2rem;
position: relative;
opacity: 0;
transform: translateY(20px);
}

.section::before {
content: '/';
position: absolute;
left: 0;
color: var(--accent);
opacity: 0.5;
}

.section h2 {
font-size: 1.2rem;
letter-spacing: -0.5px;
color: var(--text);
margin-bottom: 1.5rem;
font-weight: 300;
}

.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
margin: 2rem 0;
}

.item {
background: var(--glass);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid var(--depth);
padding: 1.5rem;
transition: all 0.3s ease;
}

.item:hover {
transform: translateY(-5px);
border-color: rgba(0, 255, 255, 0.1);
background: var(--depth);
}

.item h3 {
font-size: 0.9rem;
font-weight: 400;
margin-bottom: 0.8rem;
color: var(--accent);
}

.tech-list {
list-style: none;
margin: 1rem 0;
}

.tech-list li {
position: relative;
padding-left: 1rem;
margin: 0.5rem 0;
font-size: 0.85rem;
}

.tech-list li::before {
content: '/';
position: absolute;
left: 0;
color: var(--accent);
opacity: 0.5;
}

.contact {
margin-top: 6rem;
display: flex;
align-items: center;
gap: 2rem;
flex-wrap: wrap;
}

.link {
display: inline-block;
color: var(--text);
text-decoration: none;
font-size: 0.8rem;
position: relative;
opacity: 0.7;
transition: all 0.3s ease;
}

.link:hover {
opacity: 1;
color: var(--accent);
}

.link::before {
content: '/';
position: absolute;
left: -1rem;
color: var(--accent);
opacity: 0.5;
}

.schedule-btn {
background: transparent;
border: 1px solid var(--accent);
color: var(--accent);
padding: 0.8rem 1.5rem;
font-size: 0.8rem;
font-weight: 400;
cursor: pointer;
transition: all 0.3s ease;
font-family: 'Inter', sans-serif;
position: relative;
overflow: hidden;
}

.schedule-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: var(--accent);
opacity: 0.1;
transition: all 0.3s ease;
}

.schedule-btn:hover {
color: var(--text);
border-color: var(--accent);
}

.schedule-btn:hover::before {
left: 0;
}

@keyframes fadeUp {
to {
opacity: 1;
transform: translateY(0);
}
}

@media (max-width: 768px) {
.content {
padding: 2rem 1rem;
}
.grid {
grid-template-columns: 1fr;
}
.contact {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.schedule-btn {
width: 100%;
text-align: center;
}
}
11 changes: 11 additions & 0 deletions assets/js/main.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
const sections = document.querySelectorAll('.section');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, { threshold: 0.1 });

sections.forEach(section => observer.observe(section));
76 changes: 76 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Intuition Labs LLC</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/inter/3.19.3/inter.css" rel="stylesheet">
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<div class="content">
<header>
<h1>Intuition Labs LLC</h1>
<p class="tagline">Transforming AI strategy through polymathic expertise and technical innovation</p>
</header>

<section class="section" style="animation: fadeUp 0.8s ease forwards 0.4s">
<h2>Experience & Expertise</h2>
<div class="grid">
<div class="item">
<h3>Enterprise AI Strategy / Google</h3>
<ul class="tech-list">
<li>Architected first Enterprise Gen AI GTM for VC-backed customers</li>
<li>Pioneered LLM-powered sales enablement systems</li>
<li>Led Cloud-wide tech stack transformation (PM/PgM)</li>
<li>30k+ hours annual productivity improvement</li>
</ul>
</div>
<div class="item">
<h3>Industry Transformation / ZS</h3>
<ul class="tech-list">
<li>Global PMI for largest ag-sci merger (60+ countries)</li>
<li>COVID response strategy for MRNA vaccine manufacturers</li>
<li>Enterprise systems architecture across industries</li>
<li>Performance management for mega-cap enterprises</li>
</ul>
</div>
</div>
</section>

<section class="section" style="animation: fadeUp 0.8s ease forwards 0.5s">
<h2>Services</h2>
<div class="grid">
<div class="item">
<h3>Strategic AI Innovation</h3>
<ul class="tech-list">
<li>Enterprise AI Implementation Strategy</li>
<li>LLM & Agent System Architecture</li>
<li>GTM Strategy Development</li>
<li>Complex System Integration</li>
</ul>
</div>
<div class="item">
<h3>Technical Implementation</h3>
<ul class="tech-list">
<li>Custom AI Agent Development</li>
<li>Advanced Prompt Engineering</li>
<li>Multi-modal System Design</li>
<li>Process Automation & Optimization</li>
</ul>
</div>
</div>
</section>

<section class="contact" style="animation: fadeUp 0.8s ease forwards 0.6s">
<a href="mailto:[email protected]" class="link">Contact: Tej Desai</a>
<a href="https://www.youtube.com/@IntuitionLabsLLC" class="link">Research Channel</a>
<button class="schedule-btn" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/intuitionlabs/consulting-services'});return false;">Schedule Consultation</button>
</section>
</div>

<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script src="assets/js/main.js"></script>
</body>
</html>

0 comments on commit 23749d7

Please sign in to comment.