commit b21f2823556acf950f223af79eca2f7e7f24bfdf
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 04:29:10 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..353e464
--- /dev/null
+++ b/body.html
@@ -0,0 +1,97 @@
+<header>
+ <nav>
+ <div class="logo">Kahuna</div>
+ <button class="mobile-menu" aria-label="Toggle menu">☰</button>
+ <ul class="nav-links">
+ <li><a href="#features">Features</a></li>
+ <li><a href="#benefits">Benefits</a></li>
+ <li><a href="#dashboard">Dashboard</a></li>
+ <li><a href="#contact">Contact</a></li>
+ <li><a href="#demo" class="cta-button">Get Demo</a></li>
+ </ul>
+ </nav>
+</header>
+
+<main>
+ <section class="hero">
+ <div class="hero-content">
+ <h1>Transform Your Sales Meetings Into Revenue</h1>
+ <p>AI-powered conversation analysis and follow-up automation to maximize every sales opportunity</p>
+ <button class="primary-button">Start Free Trial</button>
+ </div>
+ <div class="hero-visual"></div>
+ </section>
+
+ <section id="features" class="features">
+ <h2>Key Features</h2>
+ <div class="feature-grid">
+ <div class="feature-card">
+ <div class="feature-icon">🎯</div>
+ <h3>Smart Recording</h3>
+ <p>Automatically capture and transcribe every sales conversation</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon">📊</div>
+ <h3>Analytics Dashboard</h3>
+ <p>Track key metrics and performance indicators in real-time</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon">🤖</div>
+ <h3>AI Follow-up</h3>
+ <p>Automated, personalized lead engagement</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon">💡</div>
+ <h3>Smart Insights</h3>
+ <p>Data-driven recommendations for improvement</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="benefits" class="benefits">
+ <h2>Why Choose Kahuna</h2>
+ <div class="benefits-container">
+ <div class="benefit">
+ <h3>35% Higher Close Rates</h3>
+ <p>Through optimized follow-up timing and personalized engagement</p>
+ </div>
+ <div class="benefit">
+ <h3>Real-Time Insights</h3>
+ <p>Instant access to conversation analytics and performance metrics</p>
+ </div>
+ <div class="benefit">
+ <h3>AI-Powered Growth</h3>
+ <p>Continuous learning and improvement from every interaction</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="contact" class="contact">
+ <h2>Ready to Transform Your Sales?</h2>
+ <form id="contact-form" class="contact-form">
+ <input type="email" placeholder="Enter your email" required>
+ <button type="submit" class="primary-button">Get Started</button>
+ </form>
+ </section>
+</main>
+
+<footer>
+ <div class="footer-content">
+ <div class="footer-section">
+ <h4>Kahuna</h4>
+ <p>Sales performance analytics and automation</p>
+ </div>
+ <div class="footer-section">
+ <h4>Links</h4>
+ <ul>
+ <li><a href="#features">Features</a></li>
+ <li><a href="#benefits">Benefits</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ </div>
+ <div class="footer-section">
+ <h4>Contact</h4>
+ <p>hello@kahuna-ai.scroll.pub</p>
+ </div>
+ </div>
+</footer>
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..5a8de6a
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://kahuna-ai.scroll.pub
+metaTags
+editButton /edit.html
+title Kahuna - AI-Powered Sales Performance Analytics
+style.css
+body.html
+script.js
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..e571dec
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# kahuna-ai2.scroll.pub
+Website generated by Claude from prompt: Website for my SAAS called kahuna. Kahuna is a cutting-edge performance tool that revolutionizes sales by capturing, analyzing, and leveraging the data from every sales meeting. It records conversations, transcribes them into detailed notes, and extracts actionable insights, including customer objections, interests, and next steps. Kahuna tracks key metrics like unsold revenue, follow-up success rates, objection frequency, and salesperson response times, providing detailed feedback such as “Customers frequently cite pricing as a concern—recommend discussing financing options earlier” or “Follow-up delays of more than 48 hours result in a 35% lower close rate.” These insights fuel Kahuna’s AI-driven follow-up system, which engages unclosed leads with personalized, conversational messaging to move deals forward. Sales teams can access dynamic reports and real-time dashboards to monitor performance, identify improvement areas, and maximize revenue opportunities. By transforming meetings into data-powered sales opportunities, Kahuna gives businesses an undeniable competitive edge.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..f654543
--- /dev/null
+++ b/script.js
@@ -0,0 +1,56 @@
+document.addEventListener('DOMContentLoaded', () => {
+ // Mobile menu toggle
+ const mobileMenu = document.querySelector('.mobile-menu');
+ const navLinks = document.querySelector('.nav-links');
+
+ mobileMenu.addEventListener('click', () => {
+ navLinks.classList.toggle('active');
+ });
+
+ // Smooth scrolling for navigation links
+ 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'
+ });
+ // Close mobile menu if open
+ navLinks.classList.remove('active');
+ }
+ });
+ });
+
+ // Form submission handler
+ const contactForm = document.getElementById('contact-form');
+ if (contactForm) {
+ contactForm.addEventListener('submit', (e) => {
+ e.preventDefault();
+ const email = e.target.querySelector('input[type="email"]').value;
+ // Here you would typically send this to your backend
+ alert('Thanks for your interest! We\'ll be in touch soon.');
+ e.target.reset();
+ });
+ }
+
+ // Intersection Observer for animation
+ 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
+ });
+
+ // Observe all feature cards and benefits
+ document.querySelectorAll('.feature-card, .benefit').forEach(element => {
+ element.style.opacity = '0';
+ element.style.transform = 'translateY(20px)';
+ element.style.transition = 'all 0.6s ease-out';
+ observer.observe(element);
+ });
+});
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..31bee47
--- /dev/null
+++ b/style.css
@@ -0,0 +1,241 @@
+:root {
+ --primary-color: #2563eb;
+ --secondary-color: #1e40af;
+ --accent-color: #60a5fa;
+ --text-color: #1f2937;
+ --light-bg: #f3f4f6;
+ --white: #ffffff;
+ --transition: all 0.3s ease;
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: system-ui, -apple-system, sans-serif;
+ line-height: 1.6;
+ color: var(--text-color);
+}
+
+/* Header & Navigation */
+header {
+ position: fixed;
+ width: 100%;
+ background: var(--white);
+ box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+ z-index: 1000;
+}
+
+nav {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 1rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.logo {
+ font-size: 1.5rem;
+ font-weight: bold;
+ color: var(--primary-color);
+}
+
+.nav-links {
+ display: flex;
+ gap: 2rem;
+ list-style: none;
+}
+
+.nav-links a {
+ text-decoration: none;
+ color: var(--text-color);
+ transition: var(--transition);
+}
+
+.nav-links a:hover {
+ color: var(--primary-color);
+}
+
+.mobile-menu {
+ display: none;
+}
+
+/* Hero Section */
+.hero {
+ padding: 8rem 2rem 4rem;
+ background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+ color: var(--white);
+ display: flex;
+ align-items: center;
+ min-height: 80vh;
+}
+
+.hero-content {
+ max-width: 600px;
+ margin: 0 auto;
+ text-align: center;
+}
+
+.hero h1 {
+ font-size: 3.5rem;
+ margin-bottom: 1.5rem;
+ line-height: 1.2;
+}
+
+/* Buttons */
+.primary-button {
+ background: var(--accent-color);
+ color: var(--white);
+ border: none;
+ padding: 1rem 2rem;
+ border-radius: 50px;
+ font-size: 1.1rem;
+ cursor: pointer;
+ transition: var(--transition);
+}
+
+.primary-button:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+}
+
+/* Features Section */
+.features {
+ padding: 4rem 2rem;
+ background: var(--light-bg);
+}
+
+.feature-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 2rem;
+ max-width: 1200px;
+ margin: 2rem auto;
+}
+
+.feature-card {
+ background: var(--white);
+ padding: 2rem;
+ border-radius: 1rem;
+ text-align: center;
+ transition: var(--transition);
+}
+
+.feature-card:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 10px 20px rgba(0,0,0,0.1);
+}
+
+.feature-icon {
+ font-size: 2.5rem;
+ margin-bottom: 1rem;
+}
+
+/* Benefits Section */
+.benefits {
+ padding: 4rem 2rem;
+}
+
+.benefits-container {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ gap: 2rem;
+ max-width: 1200px;
+ margin: 2rem auto;
+}
+
+.benefit {
+ text-align: center;
+ padding: 2rem;
+}
+
+/* Contact Section */
+.contact {
+ background: var(--light-bg);
+ padding: 4rem 2rem;
+ text-align: center;
+}
+
+.contact-form {
+ max-width: 500px;
+ margin: 2rem auto;
+ display: flex;
+ gap: 1rem;
+}
+
+.contact-form input {
+ flex: 1;
+ padding: 1rem;
+ border: 2px solid transparent;
+ border-radius: 50px;
+ font-size: 1rem;
+}
+
+/* Footer */
+footer {
+ background: var(--text-color);
+ color: var(--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 ul {
+ list-style: none;
+}
+
+.footer-section a {
+ color: var(--white);
+ text-decoration: none;
+ transition: var(--transition);
+}
+
+.footer-section a:hover {
+ color: var(--accent-color);
+}
+
+/* Mobile Responsiveness */
+@media (max-width: 768px) {
+ .mobile-menu {
+ display: block;
+ background: none;
+ border: none;
+ font-size: 1.5rem;
+ color: var(--text-color);
+ cursor: pointer;
+ }
+
+ .nav-links {
+ display: none;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
+ background: var(--white);
+ flex-direction: column;
+ padding: 1rem;
+ text-align: center;
+ }
+
+ .nav-links.active {
+ display: flex;
+ }
+
+ .hero h1 {
+ font-size: 2.5rem;
+ }
+
+ .contact-form {
+ flex-direction: column;
+ }
+}