body.html
Changed around line 1
+
+
+
Kahuna
+
+
+
+
+ Features
+ Insights
+
+
+
+
+
+
+
+
Transform Every Sales Meeting into Revenue
+
Capture, analyze, and leverage sales conversation data with AI-powered insights
+
+
+
+
+
+
+
Powerful Features
+
+
+
+
Smart Recording
+
Automatically capture and transcribe every sales conversation
+
+
+
+
Deep Analytics
+
Track key metrics and uncover valuable sales patterns
+
+
+
+
AI Insights
+
Get actionable recommendations to improve close rates
+
+
+
+
Automated Follow-up
+
Re-engage leads with personalized AI-driven messaging
+
+
+
+
+
+
+
+
Real-time Insights
+
+
+
Unsold Revenue
+
$1.2M
+
+
+
Follow-up Rate
+
87%
+
+
+
Response Time
+
1.8h
+
+
+
+
+
+
+
+
Ready to Boost Your Sales?
+
+
+
+
+
+
+
+
+
+
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://kahuna-sales.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Kahuna | AI-Powered Sales Performance Platform
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # 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.
script.js
Changed around line 1
+ 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);
+ });
+ });
style.css
Changed around line 1
+ :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;
+ }
+ }