body.html
Changed around line 1
+
+
+
Kahuna
+
+
+
+
+
+
+
Never Miss a Sales Opportunity Again
+
AI-powered meeting assistant that transforms conversations into actionable insights and automated follow-ups
+
+
+
+
+
Smart Sales Assistant
+
+
+
+
Meeting Intelligence
+
Automatically captures and analyzes sales conversations
+
+
+
+
Performance Analytics
+
Track metrics and identify winning patterns
+
+
+
+
AI Follow-ups
+
Personalized engagement until deal closure
+
+
+
+
Deal Tracking
+
Never let opportunities slip through the cracks
+
+
+
+
+
+
How It Works
+
+
+
1
+
Connect
+
Integrate with your meeting platforms
+
+
+
2
+
Analyze
+
AI processes conversation data
+
+
+
3
+
Engage
+
Automated follow-ups keep deals moving
+
+
+
+
+
+
Simple Pricing
+
+
+
Starter
+
$49/month
+
+ Up to 20 meetings/month
+ Basic analytics
+ Email follow-ups
+
+
+
+
+
Professional
+
$99/month
+
+ Unlimited meetings
+ Advanced analytics
+ Multi-channel follow-ups
+ Team collaboration
+
+
+
+
+
+
+
+
+
+
+
Kahuna
+
AI-powered sales assistant for modern teams
+
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://kahuna.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Kahuna - AI Sales Follow-up Assistant
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # kahuna1.scroll.pub
+ Website generated by Claude from prompt: Website for my SAAS named Kahuna. It listens to meetings, takes notes and makes reports of sales person performance. Then uses that data to fuel conversational follow ups with unclosed customers. Ensuring every deal is engaged with until closed. Make the colors black and blue. Make it feel like Uber
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.style.display = navLinks.style.display === 'flex' ? 'none' : 'flex';
+ });
+
+ // Smooth scroll for navigation links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function (e) {
+ e.preventDefault();
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
+ behavior: 'smooth'
+ });
+ });
+ });
+
+ // Add scroll animation for features
+ const observer = new IntersectionObserver((entries) => {
+ entries.forEach(entry => {
+ if (entry.isIntersecting) {
+ entry.target.classList.add('animate');
+ }
+ });
+ }, { threshold: 0.1 });
+
+ document.querySelectorAll('.feature-card').forEach(card => {
+ observer.observe(card);
+ });
+
+ // Handle sticky header
+ let lastScroll = 0;
+ const header = document.querySelector('.nav-header');
+
+ window.addEventListener('scroll', () => {
+ const currentScroll = window.pageYOffset;
+
+ if (currentScroll <= 0) {
+ header.classList.remove('scroll-up');
+ return;
+ }
+
+ if (currentScroll > lastScroll && !header.classList.contains('scroll-down')) {
+ header.classList.remove('scroll-up');
+ header.classList.add('scroll-down');
+ } else if (currentScroll < lastScroll && header.classList.contains('scroll-down')) {
+ header.classList.remove('scroll-down');
+ header.classList.add('scroll-up');
+ }
+ lastScroll = currentScroll;
+ });
+ });
style.css
Changed around line 1
+ :root {
+ --primary-color: #0066ff;
+ --secondary-color: #001933;
+ --text-color: #333;
+ --light-bg: #f8f9fa;
+ --transition: all 0.3s ease;
+ }
+
+ * {
+ 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(--text-color);
+ }
+
+ .nav-header {
+ position: fixed;
+ width: 100%;
+ background: rgba(255, 255, 255, 0.98);
+ backdrop-filter: blur(10px);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+ z-index: 1000;
+ }
+
+ nav {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 1rem 2rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ .logo {
+ font-size: 1.8rem;
+ font-weight: 700;
+ color: var(--secondary-color);
+ }
+
+ .nav-links {
+ display: flex;
+ gap: 2rem;
+ align-items: center;
+ }
+
+ .nav-links a {
+ text-decoration: none;
+ color: var(--text-color);
+ font-weight: 500;
+ transition: var(--transition);
+ }
+
+ .nav-links a:hover {
+ color: var(--primary-color);
+ }
+
+ .mobile-menu {
+ display: none;
+ }
+
+ .cta-button {
+ background: var(--primary-color);
+ color: white;
+ border: none;
+ padding: 0.8rem 1.5rem;
+ border-radius: 25px;
+ font-weight: 600;
+ cursor: pointer;
+ transition: var(--transition);
+ }
+
+ .cta-button:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 4px 15px rgba(0, 102, 255, 0.3);
+ }
+
+ .hero {
+ padding: 8rem 2rem 4rem;
+ text-align: center;
+ background: linear-gradient(to bottom, var(--secondary-color), #000);
+ color: white;
+ }
+
+ .hero h1 {
+ font-size: 3.5rem;
+ margin-bottom: 1.5rem;
+ line-height: 1.2;
+ }
+
+ .hero p {
+ font-size: 1.2rem;
+ max-width: 600px;
+ margin: 0 auto 2rem;
+ opacity: 0.9;
+ }
+
+ .feature-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 2rem;
+ padding: 4rem 2rem;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+
+ .feature-card {
+ padding: 2rem;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+ transition: var(--transition);
+ }
+
+ .feature-card:hover {
+ transform: translateY(-5px);
+ }
+
+ .feature-icon {
+ font-size: 2.5rem;
+ margin-bottom: 1rem;
+ }
+
+ .steps {
+ display: flex;
+ justify-content: space-around;
+ flex-wrap: wrap;
+ gap: 2rem;
+ padding: 4rem 2rem;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+
+ .step {
+ text-align: center;
+ flex: 1;
+ min-width: 250px;
+ }
+
+ .step-number {
+ width: 40px;
+ height: 40px;
+ background: var(--primary-color);
+ color: white;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 auto 1rem;
+ font-weight: bold;
+ }
+
+ .pricing-cards {
+ display: flex;
+ gap: 2rem;
+ justify-content: center;
+ padding: 4rem 2rem;
+ flex-wrap: wrap;
+ }
+
+ .pricing-card {
+ background: white;
+ padding: 2rem;
+ border-radius: 10px;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+ min-width: 300px;
+ }
+
+ .pricing-card.featured {
+ transform: scale(1.05);
+ border: 2px solid var(--primary-color);
+ }
+
+ .price {
+ font-size: 2.5rem;
+ font-weight: 700;
+ margin: 1rem 0;
+ }
+
+ .price span {
+ font-size: 1rem;
+ opacity: 0.7;
+ }
+
+ footer {
+ background: var(--secondary-color);
+ color: 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 a {
+ display: block;
+ color: white;
+ text-decoration: none;
+ opacity: 0.8;
+ margin: 0.5rem 0;
+ transition: var(--transition);
+ }
+
+ .footer-section a:hover {
+ opacity: 1;
+ }
+
+ @media (max-width: 768px) {
+ .nav-links {
+ display: none;
+ }
+
+ .mobile-menu {
+ display: block;
+ background: none;
+ border: none;
+ font-size: 1.5rem;
+ color: var(--text-color);
+ cursor: pointer;
+ }
+
+ .hero h1 {
+ font-size: 2.5rem;
+ }
+ }