Skip to content

Commit

Permalink
update content and styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@wheattoast11
wheattoast11 committed Nov 20, 2024
1 parent 47adec8 commit 184a2eb
Show file tree
Hide file tree
Showing 3 changed files with 119 additions and 12 deletions.
34 changes: 31 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Intuition Labs LLC - AI Research & Consulting</title>
<link rel="stylesheet" href="/style.css">
<script type="text/javascript" async src="https://static.zcal.co/embed/v1/embed.js"></script>
</head>
<body>
<canvas id="bg"></canvas>
Expand All @@ -19,6 +20,9 @@ <h2>Our Vision</h2>
<p>Transforming enterprises through cutting-edge AI solutions and polymathic expertise</p>
<div class="cta-container">
<button class="cta-button">Schedule Consultation</button>
<div class="zcal-inline-widget" data-zcal-options='{"showBackground":1}'>
<a href="https://zcal.co/terminals">Schedule a meeting</a>
</div>
<a href="#manifesto" class="text-link">Read Our Manifesto</a>
</div>
</section>
Expand All @@ -29,26 +33,50 @@ <h2>Featured Solutions</h2>
<div class="card">
<h3>Enterprise AI Strategy</h3>
<p>Comprehensive AI implementation and transformation roadmaps</p>
<div class="learn-more-content">
<ul>
<li>Enterprise AI Implementation Strategy</li>
<li>LLM & Agent System Architecture</li>
<li>GTM Strategy Development</li>
<li>Complex System Integration</li>
</ul>
</div>
<a href="#strategy" class="learn-more">Learn More →</a>
</div>
<div class="card">
<h3>LLM Systems</h3>
<p>Custom language model development and integration</p>
<div class="learn-more-content">
<ul>
<li>Custom AI Agent Development</li>
<li>Advanced Prompt Engineering</li>
<li>Multi-modal System Design</li>
<li>Process Automation & Optimization</li>
</ul>
</div>
<a href="#llm" class="learn-more">Learn More →</a>
</div>
<div class="card">
<h3>AI Agents</h3>
<p>Autonomous agent systems for process automation</p>
<div class="learn-more-content">
<ul>
<li>30k+ hours annual productivity improvement</li>
<li>Enterprise systems architecture across industries</li>
<li>Performance management for mega-cap enterprises</li>
<li>Cloud-wide tech stack transformation</li>
</ul>
</div>
<a href="#agents" class="learn-more">Learn More →</a>
</div>
</div>
</section>

<footer>
<div class="social-links">
<a href="#linkedin">LinkedIn</a>
<a href="#github">GitHub</a>
<a href="#twitter">Twitter</a>
<a href="https://www.linkedin.com/company/intuition-labs">LinkedIn</a>
<a href="https://github.com/wheattoast11">GitHub</a>
<a href="https://www.youtube.com/@IntuitionLabsLLC">YouTube</a>
</div>
<p class="copyright">© 2024 Intuition Labs LLC. Pioneering the future of AI.</p>
</footer>
Expand Down
8 changes: 8 additions & 0 deletions src/ui/CardEffects.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,22 @@ export class CardEffects {

init() {
const cards = document.querySelectorAll('.card');

cards.forEach(card => {
// Mouse move effect for gradient
card.addEventListener('mousemove', (e) => {
const rect = card.getBoundingClientRect();
const x = ((e.clientX - rect.left) / rect.width) * 100;
const y = ((e.clientY - rect.top) / rect.height) * 100;
card.style.setProperty('--x', `${x}%`);
card.style.setProperty('--y', `${y}%`);
});

// Stagger animation for list items on hover
const listItems = card.querySelectorAll('.learn-more-content li');
listItems.forEach((item, index) => {
item.style.transitionDelay = `${index * 50}ms`;
});
});
}
}
89 changes: 80 additions & 9 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -161,8 +161,8 @@ h2::before {
backdrop-filter: blur(20px);
padding: 2.5rem;
border-radius: 2px;
border: 1px solid rgba(255, 255, 255, 0.03);
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
border: 1px solid rgba(255, 255, 255, .03);
transition: all .6s cubic-bezier(.23, 1, .32, 1);
position: relative;
overflow: hidden;
}
Expand All @@ -183,16 +183,77 @@ h2::before {
transition: opacity 0.3s ease;
}

.card:hover {
transform: translateY(-3px);
background: var(--hover);
border-color: var(--glow);
.card:hover::before {
opacity: 1;
}

.card:hover::before {
.learn-more-content {
max-height: 0;
opacity: 0;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
margin: 0;
padding: 0;
}

.card:hover .learn-more-content {
max-height: 300px;
opacity: 1;
margin-top: 1.5rem;
}

.learn-more-content ul {
list-style: none;
padding: 0;
margin: 0;
}

.learn-more-content li {
position: relative;
padding-left: 1.5rem;
margin-bottom: 0.75rem;
font-size: 0.95rem;
opacity: 0.8;
transform: translateY(10px);
transition: all 0.3s ease;
}

.learn-more-content li::before {
content: '/';
position: absolute;
left: 0;
color: var(--glow);
opacity: 0.6;
}

.card:hover .learn-more-content li {
transform: translateY(0);
opacity: 1;
}

.experience-list {
list-style: none;
padding: 0;
margin: 1.5rem 0 0 0;
}

.experience-list li {
position: relative;
padding-left: 1.5rem;
margin-bottom: 1rem;
font-size: 0.95rem;
opacity: 0.8;
line-height: 1.5;
}

.experience-list li::before {
content: '/';
position: absolute;
left: 0;
color: var(--glow);
opacity: 0.6;
}

.card h3 {
font-family: var(--font-display);
color: var(--glow);
Expand Down Expand Up @@ -228,9 +289,16 @@ h2::before {

.cta-container {
display: flex;
gap: 3rem;
flex-direction: column;
gap: 1rem;
margin-top: 3rem;
align-items: center;
align-items: flex-start;
}

.zcal-inline-widget {
margin: 2rem 0;
width: 100%;
max-width: 600px;
}

.cta-button {
Expand All @@ -246,6 +314,9 @@ h2::before {
letter-spacing: 0.02em;
position: relative;
overflow: hidden;
width: 100%;
max-width: 600px;
text-align: center;
}

.cta-button::before {
Expand Down

0 comments on commit 184a2eb

Please sign in to comment.