commit dc7be2394481f51b9d7ceee636e53533e3f13444
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 04:05:47 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..1d596e4
--- /dev/null
+++ b/body.html
@@ -0,0 +1,113 @@
+<header>
+ <nav>
+ <div class="logo">Kahuna AI</div>
+ <div class="nav-links">
+ <a href="#features">Features</a>
+ <a href="#how-it-works">How It Works</a>
+ <a href="#benefits">Benefits</a>
+ <a href="#contact">Contact</a>
+ </div>
+ <button class="mobile-menu" aria-label="Menu">
+ <span></span><span></span><span></span>
+ </button>
+ </nav>
+</header>
+
+<main>
+ <section class="hero">
+ <div class="container">
+ <h1>Transform Your Unclosed Leads Into Revenue</h1>
+ <p>Leverage AI-powered conversations to engage, nurture, and convert potential customers.</p>
+ <button class="cta-button">Get Started</button>
+ </div>
+ </section>
+
+ <section id="features" class="features">
+ <div class="container">
+ <h2>Key Features</h2>
+ <div class="feature-grid">
+ <div class="feature-card">
+ <div class="icon">🤖</div>
+ <h3>AI-Driven Engagement</h3>
+ <p>Intelligent conversation management that keeps leads warm and engaged.</p>
+ </div>
+ <div class="feature-card">
+ <div class="icon">📊</div>
+ <h3>Smart Analytics</h3>
+ <p>Deep insights into sales interactions and conversion patterns.</p>
+ </div>
+ <div class="feature-card">
+ <div class="icon">📝</div>
+ <h3>Automated Notes</h3>
+ <p>Detailed interaction tracking and documentation without manual input.</p>
+ </div>
+ <div class="feature-card">
+ <div class="icon">📈</div>
+ <h3>Performance Metrics</h3>
+ <p>Comprehensive reporting on team effectiveness and ROI.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section id="how-it-works" class="how-it-works">
+ <div class="container">
+ <h2>How It Works</h2>
+ <div class="steps">
+ <div class="step">
+ <span class="step-number">1</span>
+ <h3>Connect Your Data</h3>
+ <p>Integrate your CRM and communication channels</p>
+ </div>
+ <div class="step">
+ <span class="step-number">2</span>
+ <h3>AI Analysis</h3>
+ <p>Our AI analyzes interactions and identifies opportunities</p>
+ </div>
+ <div class="step">
+ <span class="step-number">3</span>
+ <h3>Automated Engagement</h3>
+ <p>Smart follow-ups keep leads engaged</p>
+ </div>
+ <div class="step">
+ <span class="step-number">4</span>
+ <h3>Close More Deals</h3>
+ <p>Convert more leads into paying customers</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section id="contact" class="contact">
+ <div class="container">
+ <h2>Ready to Boost Your Sales?</h2>
+ <p>Get in touch for a personalized demo</p>
+ <form id="contact-form">
+ <input type="email" placeholder="Your email" required>
+ <button type="submit">Request Demo</button>
+ </form>
+ </div>
+ </section>
+</main>
+
+<footer>
+ <div class="container">
+ <div class="footer-content">
+ <div class="footer-section">
+ <h4>Kahuna AI</h4>
+ <p>AI-powered sales enhancement platform</p>
+ </div>
+ <div class="footer-section">
+ <h4>Contact</h4>
+ <p>hello@kahuna-ai.scroll.pub</p>
+ </div>
+ <div class="footer-section">
+ <h4>Follow Us</h4>
+ <div class="social-links">
+ <a href="#" aria-label="LinkedIn">LinkedIn</a>
+ <a href="#" aria-label="Twitter">Twitter</a>
+ </div>
+ </div>
+ </div>
+ </div>
+</footer>
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..e9dcc69
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://kahuna-ai.scroll.pub
+metaTags
+editButton /edit.html
+title Kahuna AI - Turn Unclosed Leads Into Revenue
+style.css
+body.html
+script.js
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..279a98c
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# kahuna-ai.scroll.pub
+Website generated by Claude from prompt: Website for my SAAS product called Kahuna. Kahuna is an AI-driven tool that helps businesses turn unclosed leads into revenue. It analyzes sales interactions, captures detailed notes, and uses conversational AI to engage potential customers until the deal is closed. Designed as a performance-enhancing product, Kahuna provides actionable insights and reporting to maximize sales team effectiveness. Kahuna is an AI-driven tool that helps businesses turn unclosed leads into revenue. It analyzes sales interactions, captures detailed notes, and uses conversational AI to engage potential customers until the deal is closed. Designed as a performance-enhancing product, Kahuna provides actionable insights and reporting to maximize sales team effectiveness.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..d407206
--- /dev/null
+++ b/script.js
@@ -0,0 +1,51 @@
+document.addEventListener('DOMContentLoaded', function() {
+ // Mobile menu functionality
+ 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'
+ });
+ });
+ });
+
+ // Form submission handling
+ const contactForm = document.getElementById('contact-form');
+
+ contactForm.addEventListener('submit', function(e) {
+ e.preventDefault();
+ const email = this.querySelector('input[type="email"]').value;
+
+ // Simple form validation
+ if (email) {
+ alert('Thank you! We will contact you soon.');
+ this.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)';
+ }
+ });
+ });
+
+ // Observe all feature cards
+ document.querySelectorAll('.feature-card').forEach(card => {
+ card.style.opacity = '0';
+ card.style.transform = 'translateY(20px)';
+ card.style.transition = 'all 0.6s ease-out';
+ observer.observe(card);
+ });
+});
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..921c850
--- /dev/null
+++ b/style.css
@@ -0,0 +1,217 @@
+:root {
+ --primary: #2563eb;
+ --secondary: #1e40af;
+ --text: #1f2937;
+ --background: #ffffff;
+ --accent: #dbeafe;
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: system-ui, -apple-system, sans-serif;
+ line-height: 1.6;
+ color: var(--text);
+}
+
+.container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 0 2rem;
+}
+
+/* Header & Navigation */
+header {
+ background: var(--background);
+ box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 1000;
+}
+
+nav {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 1rem 2rem;
+}
+
+.logo {
+ font-size: 1.5rem;
+ font-weight: bold;
+ color: var(--primary);
+}
+
+.nav-links a {
+ margin-left: 2rem;
+ text-decoration: none;
+ color: var(--text);
+ transition: color 0.3s ease;
+}
+
+.nav-links a:hover {
+ color: var(--primary);
+}
+
+/* Hero Section */
+.hero {
+ padding: 8rem 0 4rem;
+ background: linear-gradient(135deg, var(--accent), var(--background));
+ text-align: center;
+}
+
+.hero h1 {
+ font-size: 3rem;
+ margin-bottom: 1.5rem;
+ background: linear-gradient(to right, var(--primary), var(--secondary));
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+}
+
+/* Features Section */
+.features {
+ padding: 4rem 0;
+}
+
+.feature-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 2rem;
+ margin-top: 2rem;
+}
+
+.feature-card {
+ padding: 2rem;
+ border-radius: 10px;
+ background: var(--background);
+ box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+ transition: transform 0.3s ease;
+}
+
+.feature-card:hover {
+ transform: translateY(-5px);
+}
+
+.icon {
+ font-size: 2rem;
+ margin-bottom: 1rem;
+}
+
+/* How It Works Section */
+.steps {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 2rem;
+ margin-top: 2rem;
+}
+
+.step {
+ text-align: center;
+ padding: 2rem;
+}
+
+.step-number {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ border-radius: 50%;
+ background: var(--primary);
+ color: white;
+ margin-bottom: 1rem;
+}
+
+/* Contact Section */
+.contact {
+ background: var(--accent);
+ padding: 4rem 0;
+ text-align: center;
+}
+
+#contact-form {
+ max-width: 500px;
+ margin: 2rem auto;
+ display: flex;
+ gap: 1rem;
+}
+
+input, button {
+ padding: 0.8rem 1.5rem;
+ border-radius: 5px;
+ border: none;
+}
+
+input {
+ flex: 1;
+ border: 1px solid #ddd;
+}
+
+button {
+ background: var(--primary);
+ color: white;
+ cursor: pointer;
+ transition: background 0.3s ease;
+}
+
+button:hover {
+ background: var(--secondary);
+}
+
+/* Footer */
+footer {
+ background: var(--text);
+ color: white;
+ padding: 3rem 0;
+}
+
+.footer-content {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 2rem;
+}
+
+.social-links a {
+ color: white;
+ text-decoration: none;
+ margin-right: 1rem;
+}
+
+/* Mobile Responsiveness */
+.mobile-menu {
+ display: none;
+ background: none;
+ border: none;
+ cursor: pointer;
+}
+
+@media (max-width: 768px) {
+ .nav-links {
+ display: none;
+ }
+
+ .mobile-menu {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+ }
+
+ .mobile-menu span {
+ display: block;
+ width: 25px;
+ height: 3px;
+ background: var(--text);
+ }
+
+ .hero h1 {
+ font-size: 2rem;
+ }
+
+ #contact-form {
+ flex-direction: column;
+ }
+}