commit ad93f7557e3b7a6588b9b365c241321783ecbd35
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 04:33:45 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..ec2c3fd
--- /dev/null
+++ b/body.html
@@ -0,0 +1,99 @@
+<header>
+ <nav class="navbar">
+ <div class="logo">Kahuna</div>
+ <button class="mobile-menu" aria-label="Toggle menu">
+ <span></span><span></span><span></span>
+ </button>
+ <ul class="nav-links">
+ <li><a href="#features">Features</a></li>
+ <li><a href="#insights">Insights</a></li>
+ <li><a href="#analytics">Analytics</a></li>
+ <li><a href="#contact" class="cta-button">Get Started</a></li>
+ </ul>
+ </nav>
+</header>
+
+<main>
+ <section class="hero">
+ <div class="container">
+ <h1>Transform Every Sales Meeting into Revenue</h1>
+ <p>Capture, analyze, and leverage sales conversation data with AI-powered insights</p>
+ <a href="#contact" class="cta-button">Book a Demo</a>
+ </div>
+ <div class="hero-graphic"></div>
+ </section>
+
+ <section id="features" class="features">
+ <div class="container">
+ <h2>Powerful Features</h2>
+ <div class="feature-grid">
+ <article class="feature-card">
+ <div class="icon recording"></div>
+ <h3>Smart Recording</h3>
+ <p>Automatically capture and transcribe every sales conversation</p>
+ </article>
+ <article class="feature-card">
+ <div class="icon analytics"></div>
+ <h3>Deep Analytics</h3>
+ <p>Track key metrics and uncover valuable sales patterns</p>
+ </article>
+ <article class="feature-card">
+ <div class="icon insights"></div>
+ <h3>AI Insights</h3>
+ <p>Get actionable recommendations to improve close rates</p>
+ </article>
+ <article class="feature-card">
+ <div class="icon followup"></div>
+ <h3>Automated Follow-up</h3>
+ <p>Re-engage leads with personalized AI-driven messaging</p>
+ </article>
+ </div>
+ </div>
+ </section>
+
+ <section id="insights" class="insights">
+ <div class="container">
+ <h2>Real-time Insights</h2>
+ <div class="insight-dashboard">
+ <div class="metric-card">
+ <h4>Unsold Revenue</h4>
+ <div class="metric">$1.2M</div>
+ </div>
+ <div class="metric-card">
+ <h4>Follow-up Rate</h4>
+ <div class="metric">87%</div>
+ </div>
+ <div class="metric-card">
+ <h4>Response Time</h4>
+ <div class="metric">1.8h</div>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section id="contact" class="contact">
+ <div class="container">
+ <h2>Ready to Boost Your Sales?</h2>
+ <form id="contact-form" class="contact-form">
+ <input type="text" placeholder="Company Name" required>
+ <input type="email" placeholder="Work Email" required>
+ <input type="tel" placeholder="Phone Number" required>
+ <button type="submit" class="cta-button">Get Started</button>
+ </form>
+ </div>
+ </section>
+</main>
+
+<footer>
+ <div class="container">
+ <div class="footer-content">
+ <div class="logo">Kahuna</div>
+ <nav class="footer-links">
+ <a href="#features">Features</a>
+ <a href="#insights">Insights</a>
+ <a href="#analytics">Analytics</a>
+ <a href="#contact">Contact</a>
+ </nav>
+ </div>
+ </div>
+</footer>
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..b19441c
--- /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 Platform
+style.css
+body.html
+script.js
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..a69d5b0
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# kahuna-sales1.scroll.pub
+Website generated by Claude from prompt: 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 like customer objections, interests, and next steps. Kahuna tracks key metrics such as unsold revenue, follow-up success rates, objection frequency, and salesperson response times, providing detailed feedback like “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 power Kahuna’s AI-driven follow-up system, which re-engages unclosed leads with personalized messaging to drive deals forward. Sales teams access dynamic reports and dashboards, using feedback like “Leverage shared customer interests for stronger rapport” to refine their strategy and maximize revenue opportunities. By turning every meeting into a data-powered advantage, Kahuna gives businesses an undeniable edge.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..3f37aa3
--- /dev/null
+++ b/script.js
@@ -0,0 +1,72 @@
+document.addEventListener('DOMContentLoaded', function() {
+ // Mobile Menu Toggle
+ const mobileMenu = document.querySelector('.mobile-menu');
+ const navLinks = document.querySelector('.nav-links');
+
+ mobileMenu.addEventListener('click', function() {
+ navLinks.classList.toggle('active');
+
+ // Animate hamburger to X
+ const spans = this.getElementsByTagName('span');
+ for (let span of spans) {
+ span.classList.toggle('active');
+ }
+ });
+
+ // Smooth Scroll 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',
+ block: 'start'
+ });
+ // Close mobile menu if open
+ navLinks.classList.remove('active');
+ }
+ });
+ });
+
+ // Form Submission Handler
+ const contactForm = document.getElementById('contact-form');
+ if (contactForm) {
+ contactForm.addEventListener('submit', function(e) {
+ e.preventDefault();
+ // Simulate form submission
+ const submitButton = this.querySelector('button[type="submit"]');
+ submitButton.textContent = 'Sending...';
+ submitButton.disabled = true;
+
+ setTimeout(() => {
+ submitButton.textContent = 'Message Sent!';
+ this.reset();
+ setTimeout(() => {
+ submitButton.textContent = 'Get Started';
+ submitButton.disabled = false;
+ }, 2000);
+ }, 1500);
+ });
+ }
+
+ // Intersection Observer for Animation
+ const observerOptions = {
+ threshold: 0.1,
+ rootMargin: '0px 0px -50px 0px'
+ };
+
+ const observer = new IntersectionObserver((entries) => {
+ entries.forEach(entry => {
+ if (entry.isIntersecting) {
+ entry.target.classList.add('visible');
+ observer.unobserve(entry.target);
+ }
+ });
+ }, observerOptions);
+
+ // Observe all feature cards and metric cards
+ document.querySelectorAll('.feature-card, .metric-card').forEach(card => {
+ observer.observe(card);
+ });
+});
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..33b35ee
--- /dev/null
+++ b/style.css
@@ -0,0 +1,295 @@
+:root {
+ --primary: #2563eb;
+ --secondary: #1e40af;
+ --accent: #60a5fa;
+ --dark: #1f2937;
+ --light: #f3f4f6;
+ --white: #ffffff;
+ --max-width: 1200px;
+}
+
+* {
+ 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(--dark);
+}
+
+.container {
+ max-width: var(--max-width);
+ margin: 0 auto;
+ padding: 0 2rem;
+}
+
+/* Navigation */
+.navbar {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 1.5rem 2rem;
+ background: var(--white);
+ box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+ position: fixed;
+ width: 100%;
+ z-index: 1000;
+}
+
+.logo {
+ font-size: 2rem;
+ font-weight: 700;
+ color: var(--primary);
+ text-decoration: none;
+}
+
+.nav-links {
+ display: flex;
+ gap: 2rem;
+ list-style: none;
+}
+
+.nav-links a {
+ text-decoration: none;
+ color: var(--dark);
+ font-weight: 500;
+ transition: color 0.3s ease;
+}
+
+.nav-links a:hover {
+ color: var(--primary);
+}
+
+.mobile-menu {
+ display: none;
+}
+
+/* Hero Section */
+.hero {
+ padding: 8rem 2rem 4rem;
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
+ color: var(--white);
+ position: relative;
+ overflow: hidden;
+}
+
+.hero h1 {
+ font-size: 3.5rem;
+ line-height: 1.2;
+ margin-bottom: 1.5rem;
+}
+
+.hero p {
+ font-size: 1.25rem;
+ margin-bottom: 2rem;
+}
+
+.hero-graphic {
+ position: absolute;
+ right: -5%;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 50%;
+ height: 80%;
+ background: radial-gradient(circle, var(--accent) 0%, transparent 70%);
+ opacity: 0.3;
+ animation: pulse 4s ease-in-out infinite;
+}
+
+/* Features Section */
+.features {
+ padding: 6rem 0;
+ background: var(--light);
+}
+
+.feature-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 2rem;
+ margin-top: 3rem;
+}
+
+.feature-card {
+ background: var(--white);
+ padding: 2rem;
+ border-radius: 10px;
+ box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+ transition: transform 0.3s ease;
+}
+
+.feature-card:hover {
+ transform: translateY(-5px);
+}
+
+.icon {
+ width: 60px;
+ height: 60px;
+ margin-bottom: 1.5rem;
+ border-radius: 50%;
+ background: var(--primary);
+ opacity: 0.9;
+}
+
+/* Insights Section */
+.insights {
+ padding: 6rem 0;
+}
+
+.insight-dashboard {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 2rem;
+ margin-top: 3rem;
+}
+
+.metric-card {
+ background: var(--white);
+ padding: 2rem;
+ border-radius: 10px;
+ box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+ text-align: center;
+}
+
+.metric {
+ font-size: 2.5rem;
+ font-weight: 700;
+ color: var(--primary);
+ margin-top: 1rem;
+}
+
+/* Contact Section */
+.contact {
+ padding: 6rem 0;
+ background: var(--light);
+}
+
+.contact-form {
+ max-width: 600px;
+ margin: 3rem auto 0;
+ display: grid;
+ gap: 1.5rem;
+}
+
+.contact-form input {
+ padding: 1rem;
+ border: 2px solid transparent;
+ border-radius: 5px;
+ font-size: 1rem;
+ transition: border-color 0.3s ease;
+}
+
+.contact-form input:focus {
+ border-color: var(--primary);
+ outline: none;
+}
+
+/* Buttons */
+.cta-button {
+ display: inline-block;
+ padding: 1rem 2rem;
+ background: var(--primary);
+ color: var(--white);
+ border: none;
+ border-radius: 5px;
+ font-size: 1rem;
+ font-weight: 500;
+ text-decoration: none;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+}
+
+.cta-button:hover {
+ background: var(--secondary);
+}
+
+/* Footer */
+footer {
+ padding: 4rem 0;
+ background: var(--dark);
+ color: var(--white);
+}
+
+.footer-content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.footer-links {
+ display: flex;
+ gap: 2rem;
+}
+
+.footer-links a {
+ color: var(--white);
+ text-decoration: none;
+ transition: color 0.3s ease;
+}
+
+.footer-links a:hover {
+ color: var(--accent);
+}
+
+/* Animations */
+@keyframes pulse {
+ 0% { transform: translateY(-50%) scale(1); }
+ 50% { transform: translateY(-50%) scale(1.1); }
+ 100% { transform: translateY(-50%) scale(1); }
+}
+
+/* Mobile Responsiveness */
+@media (max-width: 768px) {
+ .mobile-menu {
+ display: block;
+ background: none;
+ border: none;
+ cursor: pointer;
+ }
+
+ .mobile-menu span {
+ display: block;
+ width: 25px;
+ height: 3px;
+ background: var(--dark);
+ margin: 5px 0;
+ transition: 0.3s;
+ }
+
+ .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;
+ }
+
+ .hero-graphic {
+ display: none;
+ }
+
+ .footer-content {
+ flex-direction: column;
+ gap: 2rem;
+ text-align: center;
+ }
+
+ .footer-links {
+ flex-direction: column;
+ gap: 1rem;
+ }
+}