body.html
Changed around line 1
+
+
+
Kahuna
+
+
+
+
+
+
+
Turn Every Meeting Into Revenue
+
Supercharge your sales team with AI-powered meeting intelligence
+
+
+
+
+
+
+
+
+
+
+
+
Core Features
+
+
+
+
Meeting Intelligence
+
Record and transcribe sales meetings with precision AI analysis
+
+
+
+
AI Follow-Up
+
Engage leads with personalized, intelligent conversations
+
+
+
+
Performance Analytics
+
Real-time dashboards with actionable insights
+
+
+
+
+
+
+
+
45%
+
Increase in closure rates
+
+
+
3x
+
Faster deal velocity
+
+
+
89%
+
Lead engagement
+
+
+
+
+
+
What Our Clients Say
+
+
+
"Kahuna transformed our sales process. We've seen a 40% increase in closed deals within the first quarter."
+ Sarah Chen, Sales Director at TechCorp
+
+
+
+
+
+
The future of sales is here. Don't get left behind.
+
+
+
+
+
+
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://kahuna-sales.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Kahuna - AI-Powered Sales Performance Software
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # 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.
script.js
Changed around line 1
+ 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)';
+ }
+ });
+ });
style.css
Changed around line 1
+ :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;
+ }
+ }