commit 66aaa35062fbed28b061482018539f293ae59c20
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 04:44:36 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..05068d4
--- /dev/null
+++ b/body.html
@@ -0,0 +1,115 @@
+<header class="nav-header">
+ <nav>
+ <div class="logo">Kahuna</div>
+ <div class="nav-links">
+ <a href="#features">Features</a>
+ <a href="#how-it-works">How It Works</a>
+ <a href="#pricing">Pricing</a>
+ <button class="cta-button">Get Started</button>
+ </div>
+ <button class="mobile-menu" aria-label="Menu">☰</button>
+ </nav>
+</header>
+
+<main>
+ <section class="hero">
+ <h1>Never Miss a Sales Opportunity Again</h1>
+ <p>AI-powered meeting assistant that transforms conversations into actionable insights and automated follow-ups</p>
+ <button class="cta-button">Start Free Trial</button>
+ </section>
+
+ <section id="features" class="features">
+ <h2>Smart Sales Assistant</h2>
+ <div class="feature-grid">
+ <div class="feature-card">
+ <div class="feature-icon">🎯</div>
+ <h3>Meeting Intelligence</h3>
+ <p>Automatically captures and analyzes sales conversations</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon">📊</div>
+ <h3>Performance Analytics</h3>
+ <p>Track metrics and identify winning patterns</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon">🤖</div>
+ <h3>AI Follow-ups</h3>
+ <p>Personalized engagement until deal closure</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon">📈</div>
+ <h3>Deal Tracking</h3>
+ <p>Never let opportunities slip through the cracks</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="how-it-works" class="how-it-works">
+ <h2>How It Works</h2>
+ <div class="steps">
+ <div class="step">
+ <div class="step-number">1</div>
+ <h3>Connect</h3>
+ <p>Integrate with your meeting platforms</p>
+ </div>
+ <div class="step">
+ <div class="step-number">2</div>
+ <h3>Analyze</h3>
+ <p>AI processes conversation data</p>
+ </div>
+ <div class="step">
+ <div class="step-number">3</div>
+ <h3>Engage</h3>
+ <p>Automated follow-ups keep deals moving</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="pricing" class="pricing">
+ <h2>Simple Pricing</h2>
+ <div class="pricing-cards">
+ <div class="pricing-card">
+ <h3>Starter</h3>
+ <div class="price">$49<span>/month</span></div>
+ <ul>
+ <li>Up to 20 meetings/month</li>
+ <li>Basic analytics</li>
+ <li>Email follow-ups</li>
+ </ul>
+ <button class="secondary-button">Choose Plan</button>
+ </div>
+ <div class="pricing-card featured">
+ <h3>Professional</h3>
+ <div class="price">$99<span>/month</span></div>
+ <ul>
+ <li>Unlimited meetings</li>
+ <li>Advanced analytics</li>
+ <li>Multi-channel follow-ups</li>
+ <li>Team collaboration</li>
+ </ul>
+ <button class="cta-button">Choose Plan</button>
+ </div>
+ </div>
+ </section>
+</main>
+
+<footer>
+ <div class="footer-content">
+ <div class="footer-section">
+ <h4>Kahuna</h4>
+ <p>AI-powered sales assistant for modern teams</p>
+ </div>
+ <div class="footer-section">
+ <h4>Company</h4>
+ <a href="#about">About</a>
+ <a href="#careers">Careers</a>
+ <a href="#blog">Blog</a>
+ </div>
+ <div class="footer-section">
+ <h4>Support</h4>
+ <a href="#help">Help Center</a>
+ <a href="#privacy">Privacy</a>
+ <a href="#terms">Terms</a>
+ </div>
+ </div>
+</footer>
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..cd1e39f
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://kahuna.scroll.pub
+metaTags
+editButton /edit.html
+title Kahuna - AI Sales Follow-up Assistant
+style.css
+body.html
+script.js
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..93843c9
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# kahuna1.scroll.pub
+Website generated by Claude from prompt: Website for my SAAS named Kahuna. It listens to meetings, takes notes and makes reports of sales person performance. Then uses that data to fuel conversational follow ups with unclosed customers. Ensuring every deal is engaged with until closed. Make the colors black and blue. Make it feel like Uber
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..5e3e933
--- /dev/null
+++ b/script.js
@@ -0,0 +1,54 @@
+document.addEventListener('DOMContentLoaded', () => {
+ // Mobile menu toggle
+ const mobileMenu = document.querySelector('.mobile-menu');
+ const navLinks = document.querySelector('.nav-links');
+
+ mobileMenu.addEventListener('click', () => {
+ navLinks.style.display = navLinks.style.display === 'flex' ? 'none' : 'flex';
+ });
+
+ // Smooth scroll for navigation links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function (e) {
+ e.preventDefault();
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
+ behavior: 'smooth'
+ });
+ });
+ });
+
+ // Add scroll animation for features
+ const observer = new IntersectionObserver((entries) => {
+ entries.forEach(entry => {
+ if (entry.isIntersecting) {
+ entry.target.classList.add('animate');
+ }
+ });
+ }, { threshold: 0.1 });
+
+ document.querySelectorAll('.feature-card').forEach(card => {
+ observer.observe(card);
+ });
+
+ // Handle sticky header
+ let lastScroll = 0;
+ const header = document.querySelector('.nav-header');
+
+ window.addEventListener('scroll', () => {
+ const currentScroll = window.pageYOffset;
+
+ if (currentScroll <= 0) {
+ header.classList.remove('scroll-up');
+ return;
+ }
+
+ if (currentScroll > lastScroll && !header.classList.contains('scroll-down')) {
+ header.classList.remove('scroll-up');
+ header.classList.add('scroll-down');
+ } else if (currentScroll < lastScroll && header.classList.contains('scroll-down')) {
+ header.classList.remove('scroll-down');
+ header.classList.add('scroll-up');
+ }
+ lastScroll = currentScroll;
+ });
+});
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..e3990a2
--- /dev/null
+++ b/style.css
@@ -0,0 +1,233 @@
+:root {
+ --primary-color: #0066ff;
+ --secondary-color: #001933;
+ --text-color: #333;
+ --light-bg: #f8f9fa;
+ --transition: all 0.3s ease;
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+ line-height: 1.6;
+ color: var(--text-color);
+}
+
+.nav-header {
+ position: fixed;
+ width: 100%;
+ background: rgba(255, 255, 255, 0.98);
+ backdrop-filter: blur(10px);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+ z-index: 1000;
+}
+
+nav {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 1rem 2rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.logo {
+ font-size: 1.8rem;
+ font-weight: 700;
+ color: var(--secondary-color);
+}
+
+.nav-links {
+ display: flex;
+ gap: 2rem;
+ align-items: center;
+}
+
+.nav-links a {
+ text-decoration: none;
+ color: var(--text-color);
+ font-weight: 500;
+ transition: var(--transition);
+}
+
+.nav-links a:hover {
+ color: var(--primary-color);
+}
+
+.mobile-menu {
+ display: none;
+}
+
+.cta-button {
+ background: var(--primary-color);
+ color: white;
+ border: none;
+ padding: 0.8rem 1.5rem;
+ border-radius: 25px;
+ font-weight: 600;
+ cursor: pointer;
+ transition: var(--transition);
+}
+
+.cta-button:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 4px 15px rgba(0, 102, 255, 0.3);
+}
+
+.hero {
+ padding: 8rem 2rem 4rem;
+ text-align: center;
+ background: linear-gradient(to bottom, var(--secondary-color), #000);
+ color: white;
+}
+
+.hero h1 {
+ font-size: 3.5rem;
+ margin-bottom: 1.5rem;
+ line-height: 1.2;
+}
+
+.hero p {
+ font-size: 1.2rem;
+ max-width: 600px;
+ margin: 0 auto 2rem;
+ opacity: 0.9;
+}
+
+.feature-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 2rem;
+ padding: 4rem 2rem;
+ max-width: 1200px;
+ margin: 0 auto;
+}
+
+.feature-card {
+ padding: 2rem;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+ transition: var(--transition);
+}
+
+.feature-card:hover {
+ transform: translateY(-5px);
+}
+
+.feature-icon {
+ font-size: 2.5rem;
+ margin-bottom: 1rem;
+}
+
+.steps {
+ display: flex;
+ justify-content: space-around;
+ flex-wrap: wrap;
+ gap: 2rem;
+ padding: 4rem 2rem;
+ max-width: 1200px;
+ margin: 0 auto;
+}
+
+.step {
+ text-align: center;
+ flex: 1;
+ min-width: 250px;
+}
+
+.step-number {
+ width: 40px;
+ height: 40px;
+ background: var(--primary-color);
+ color: white;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 auto 1rem;
+ font-weight: bold;
+}
+
+.pricing-cards {
+ display: flex;
+ gap: 2rem;
+ justify-content: center;
+ padding: 4rem 2rem;
+ flex-wrap: wrap;
+}
+
+.pricing-card {
+ background: white;
+ padding: 2rem;
+ border-radius: 10px;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+ min-width: 300px;
+}
+
+.pricing-card.featured {
+ transform: scale(1.05);
+ border: 2px solid var(--primary-color);
+}
+
+.price {
+ font-size: 2.5rem;
+ font-weight: 700;
+ margin: 1rem 0;
+}
+
+.price span {
+ font-size: 1rem;
+ opacity: 0.7;
+}
+
+footer {
+ background: var(--secondary-color);
+ color: white;
+ padding: 4rem 2rem;
+}
+
+.footer-content {
+ max-width: 1200px;
+ margin: 0 auto;
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 2rem;
+}
+
+.footer-section a {
+ display: block;
+ color: white;
+ text-decoration: none;
+ opacity: 0.8;
+ margin: 0.5rem 0;
+ transition: var(--transition);
+}
+
+.footer-section a:hover {
+ opacity: 1;
+}
+
+@media (max-width: 768px) {
+ .nav-links {
+ display: none;
+ }
+
+ .mobile-menu {
+ display: block;
+ background: none;
+ border: none;
+ font-size: 1.5rem;
+ color: var(--text-color);
+ cursor: pointer;
+ }
+
+ .hero h1 {
+ font-size: 2.5rem;
+ }
+}