body.html
Changed around line 1
+
+
+
Kahuna
+
+
+ Features
+ Benefits
+ Contact
+ Get Demo
+
+
+
+
+
+
+
+
Transform Your Sales Meetings Into Revenue
+
AI-powered conversation analysis and follow-up automation to maximize every sales opportunity
+
+
+
+
+
+
+
Key Features
+
+
+
+
Smart Recording
+
Automatically capture and transcribe every sales conversation
+
+
+
+
Analytics Dashboard
+
Track key metrics and performance indicators in real-time
+
+
+
+
AI Follow-up
+
Automated, personalized lead engagement
+
+
+
+
Smart Insights
+
Data-driven recommendations for improvement
+
+
+
+
+
+
Why Choose Kahuna
+
+
+
35% Higher Close Rates
+
Through optimized follow-up timing and personalized engagement
+
+
+
Real-Time Insights
+
Instant access to conversation analytics and performance metrics
+
+
+
AI-Powered Growth
+
Continuous learning and improvement from every interaction
+
+
+
+
+
+
Ready to Transform Your Sales?
+
+
+
+
+
+
+
+
+
+
+
Kahuna
+
Sales performance analytics and automation
+
+
+
Contact
+
hello@kahuna-ai.scroll.pub
+
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://kahuna-ai.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Kahuna - AI-Powered Sales Performance Analytics
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # 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.
script.js
Changed around line 1
+ 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);
+ });
+ });
style.css
Changed around line 1
+ :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;
+ }
+ }