commit 5808f51f0c43e3ef7bbb5b626a7ca2c838fcb0b8
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 04:15:36 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..1fea76a
--- /dev/null
+++ b/body.html
@@ -0,0 +1,90 @@
+<header>
+ <nav>
+ <div class="logo">Kahuna</div>
+ <div class="nav-links">
+ <a href="#features">Features</a>
+ <a href="#analytics">Analytics</a>
+ <a href="#testimonials">Testimonials</a>
+ <button class="cta-button">Book Demo</button>
+ </div>
+ </nav>
+</header>
+
+<main>
+ <section class="hero">
+ <div class="hero-content">
+ <h1>Turn Every Meeting Into Revenue</h1>
+ <p>Supercharge your sales team with AI-powered meeting intelligence</p>
+ <button class="primary-button">Get Started</button>
+ </div>
+ <div class="hero-animation">
+ <div class="animation-container">
+ <div class="pulse-circle"></div>
+ <div class="data-stream"></div>
+ </div>
+ </div>
+ </section>
+
+ <section id="features" class="features">
+ <h2>Core Features</h2>
+ <div class="feature-grid">
+ <div class="feature-card">
+ <div class="feature-icon meeting-icon"></div>
+ <h3>Meeting Intelligence</h3>
+ <p>Record and transcribe sales meetings with precision AI analysis</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon ai-icon"></div>
+ <h3>AI Follow-Up</h3>
+ <p>Engage leads with personalized, intelligent conversations</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon analytics-icon"></div>
+ <h3>Performance Analytics</h3>
+ <p>Real-time dashboards with actionable insights</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="analytics" class="stats">
+ <div class="stat-container">
+ <div class="stat-item">
+ <h3>45%</h3>
+ <p>Increase in closure rates</p>
+ </div>
+ <div class="stat-item">
+ <h3>3x</h3>
+ <p>Faster deal velocity</p>
+ </div>
+ <div class="stat-item">
+ <h3>89%</h3>
+ <p>Lead engagement</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="testimonials" class="testimonials">
+ <h2>What Our Clients Say</h2>
+ <div class="testimonial-slider">
+ <div class="testimonial">
+ <p>"Kahuna transformed our sales process. We've seen a 40% increase in closed deals within the first quarter."</p>
+ <cite>Sarah Chen, Sales Director at TechCorp</cite>
+ </div>
+ </div>
+ </section>
+
+ <section class="cta">
+ <h2>The future of sales is here. Don't get left behind.</h2>
+ <button class="demo-button">Book Your Demo</button>
+ </section>
+</main>
+
+<footer>
+ <div class="footer-content">
+ <div class="footer-links">
+ <a href="#privacy">Privacy Policy</a>
+ <a href="#terms">Terms of Service</a>
+ <a href="#contact">Contact</a>
+ </div>
+ </div>
+</footer>
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..7537a53
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://kahuna-sales.scroll.pub
+metaTags
+editButton /edit.html
+title Kahuna - AI-Powered Sales Performance Software
+style.css
+body.html
+script.js
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..3628fb5
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# kahuna-sales.scroll.pub
+Website generated by Claude from prompt: I want a website for my saas names Kahuna. Kahuna is a revolutionary performance-enhancing software designed to give sales teams an indisputable edge in closing deals. The website should open with a bold headline like “Turn Every Meeting Into Revenue” alongside a dynamic animation showcasing Kahuna in action—capturing live conversations, analyzing data, and driving follow-ups. Highlight its core features in three sections: Meeting Intelligence (recording and transcribing sales meetings with precision), AI Follow-Up (engaging unclosed leads with personalized, intelligent conversations), and Performance Analytics (real-time dashboards with actionable insights). Use visually engaging icons and infographics to explain the seamless user flow: record your meeting, analyze insights, and close deals faster. Bold performance stats like “Increase closure rates by 45%” and testimonials with real outcomes will hammer home Kahuna’s impact. Design should emphasize sleek professionalism with high-contrast colors (charcoal and electric blue), bold modern typography, and subtle animations that create an immersive experience. The site closes with an interactive demo CTA—“The future of sales is here. Don’t get left behind.”—urging visitors to book their demo and transform their sales process with Kahuna.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..8f38fe4
--- /dev/null
+++ b/script.js
@@ -0,0 +1,46 @@
+document.addEventListener('DOMContentLoaded', function() {
+ // Smooth scrolling for navigation links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function (e) {
+ e.preventDefault();
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
+ behavior: 'smooth'
+ });
+ });
+ });
+
+ // Demo button functionality
+ const demoButtons = document.querySelectorAll('.demo-button, .cta-button');
+ demoButtons.forEach(button => {
+ button.addEventListener('click', () => {
+ // Could be replaced with actual demo booking logic
+ alert('Thank you for your interest! Our team will contact you shortly.');
+ });
+ });
+
+ // Intersection Observer for animations
+ const observer = new IntersectionObserver((entries) => {
+ entries.forEach(entry => {
+ if (entry.isIntersecting) {
+ entry.target.classList.add('animate');
+ }
+ });
+ }, {
+ threshold: 0.1
+ });
+
+ // Observe all feature cards
+ document.querySelectorAll('.feature-card').forEach(card => {
+ observer.observe(card);
+ });
+
+ // Dynamic navigation background
+ window.addEventListener('scroll', () => {
+ const nav = document.querySelector('nav');
+ if (window.scrollY > 50) {
+ nav.style.background = 'rgba(255, 255, 255, 0.95)';
+ } else {
+ nav.style.background = 'var(--white)';
+ }
+ });
+});
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..be4edfb
--- /dev/null
+++ b/style.css
@@ -0,0 +1,154 @@
+:root {
+ --charcoal: #2c3e50;
+ --electric-blue: #2980b9;
+ --light-gray: #ecf0f1;
+ --white: #ffffff;
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: 'Inter', sans-serif;
+ line-height: 1.6;
+ color: var(--charcoal);
+}
+
+/* Navigation */
+nav {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 1.5rem 5%;
+ background: var(--white);
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 1000;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+}
+
+.logo {
+ font-size: 2rem;
+ font-weight: 700;
+ color: var(--electric-blue);
+}
+
+.nav-links a {
+ margin-left: 2rem;
+ text-decoration: none;
+ color: var(--charcoal);
+ transition: color 0.3s ease;
+}
+
+.nav-links a:hover {
+ color: var(--electric-blue);
+}
+
+/* Hero Section */
+.hero {
+ min-height: 100vh;
+ display: flex;
+ align-items: center;
+ padding: 0 5%;
+ background: linear-gradient(135deg, var(--charcoal) 0%, #34495e 100%);
+ color: var(--white);
+ position: relative;
+ overflow: hidden;
+}
+
+.hero-content {
+ width: 50%;
+ z-index: 2;
+}
+
+.hero h1 {
+ font-size: 4rem;
+ line-height: 1.2;
+ margin-bottom: 1.5rem;
+}
+
+.hero-animation {
+ position: absolute;
+ right: 0;
+ width: 50%;
+ height: 100%;
+}
+
+/* Features Section */
+.features {
+ padding: 5rem 5%;
+ background: var(--white);
+}
+
+.feature-grid {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 2rem;
+ margin-top: 3rem;
+}
+
+.feature-card {
+ padding: 2rem;
+ border-radius: 10px;
+ background: var(--light-gray);
+ transition: transform 0.3s ease;
+}
+
+.feature-card:hover {
+ transform: translateY(-10px);
+}
+
+/* Buttons */
+.primary-button, .demo-button {
+ padding: 1rem 2rem;
+ border: none;
+ border-radius: 5px;
+ background: var(--electric-blue);
+ color: var(--white);
+ font-weight: 600;
+ cursor: pointer;
+ transition: transform 0.3s ease;
+}
+
+.primary-button:hover, .demo-button:hover {
+ transform: scale(1.05);
+}
+
+/* Animations */
+@keyframes pulse {
+ 0% { transform: scale(1); opacity: 0.5; }
+ 50% { transform: scale(1.2); opacity: 0.8; }
+ 100% { transform: scale(1); opacity: 0.5; }
+}
+
+.pulse-circle {
+ width: 200px;
+ height: 200px;
+ border-radius: 50%;
+ background: var(--electric-blue);
+ animation: pulse 2s infinite;
+}
+
+/* Mobile Responsiveness */
+@media (max-width: 768px) {
+ .hero-content {
+ width: 100%;
+ text-align: center;
+ }
+
+ .hero h1 {
+ font-size: 2.5rem;
+ }
+
+ .feature-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .hero-animation {
+ display: none;
+ }
+}