body.html
Changed around line 1
+
+
+
Kahuna AI
+
+
+
+
+
+
+
+
+
+
Transform Your Unclosed Leads Into Revenue
+
Leverage AI-powered conversations to engage, nurture, and convert potential customers.
+
+
+
+
+
+
+
Key Features
+
+
+
🤖
+
AI-Driven Engagement
+
Intelligent conversation management that keeps leads warm and engaged.
+
+
+
📊
+
Smart Analytics
+
Deep insights into sales interactions and conversion patterns.
+
+
+
📝
+
Automated Notes
+
Detailed interaction tracking and documentation without manual input.
+
+
+
📈
+
Performance Metrics
+
Comprehensive reporting on team effectiveness and ROI.
+
+
+
+
+
+
+
+
How It Works
+
+
+ 1
+
Connect Your Data
+
Integrate your CRM and communication channels
+
+
+ 2
+
AI Analysis
+
Our AI analyzes interactions and identifies opportunities
+
+
+ 3
+
Automated Engagement
+
Smart follow-ups keep leads engaged
+
+
+ 4
+
Close More Deals
+
Convert more leads into paying customers
+
+
+
+
+
+
+
+
Ready to Boost Your Sales?
+
Get in touch for a personalized demo
+
+
+
+
+
+
+
+
+
+
+
+
+
Kahuna AI
+
AI-powered sales enhancement platform
+
+
+
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 - Turn Unclosed Leads Into Revenue
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # kahuna-ai.scroll.pub
+ Website generated by Claude from prompt: Website for my SAAS product called Kahuna. Kahuna is an AI-driven tool that helps businesses turn unclosed leads into revenue. It analyzes sales interactions, captures detailed notes, and uses conversational AI to engage potential customers until the deal is closed. Designed as a performance-enhancing product, Kahuna provides actionable insights and reporting to maximize sales team effectiveness. Kahuna is an AI-driven tool that helps businesses turn unclosed leads into revenue. It analyzes sales interactions, captures detailed notes, and uses conversational AI to engage potential customers until the deal is closed. Designed as a performance-enhancing product, Kahuna provides actionable insights and reporting to maximize sales team effectiveness.
script.js
Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+ // Mobile menu functionality
+ 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'
+ });
+ });
+ });
+
+ // Form submission handling
+ const contactForm = document.getElementById('contact-form');
+
+ contactForm.addEventListener('submit', function(e) {
+ e.preventDefault();
+ const email = this.querySelector('input[type="email"]').value;
+
+ // Simple form validation
+ if (email) {
+ alert('Thank you! We will contact you soon.');
+ this.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)';
+ }
+ });
+ });
+
+ // Observe all feature cards
+ document.querySelectorAll('.feature-card').forEach(card => {
+ card.style.opacity = '0';
+ card.style.transform = 'translateY(20px)';
+ card.style.transition = 'all 0.6s ease-out';
+ observer.observe(card);
+ });
+ });
style.css
Changed around line 1
+ :root {
+ --primary: #2563eb;
+ --secondary: #1e40af;
+ --text: #1f2937;
+ --background: #ffffff;
+ --accent: #dbeafe;
+ }
+
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+
+ body {
+ font-family: system-ui, -apple-system, sans-serif;
+ line-height: 1.6;
+ color: var(--text);
+ }
+
+ .container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 0 2rem;
+ }
+
+ /* Header & Navigation */
+ header {
+ background: var(--background);
+ box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 1000;
+ }
+
+ nav {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 1rem 2rem;
+ }
+
+ .logo {
+ font-size: 1.5rem;
+ font-weight: bold;
+ color: var(--primary);
+ }
+
+ .nav-links a {
+ margin-left: 2rem;
+ text-decoration: none;
+ color: var(--text);
+ transition: color 0.3s ease;
+ }
+
+ .nav-links a:hover {
+ color: var(--primary);
+ }
+
+ /* Hero Section */
+ .hero {
+ padding: 8rem 0 4rem;
+ background: linear-gradient(135deg, var(--accent), var(--background));
+ text-align: center;
+ }
+
+ .hero h1 {
+ font-size: 3rem;
+ margin-bottom: 1.5rem;
+ background: linear-gradient(to right, var(--primary), var(--secondary));
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+
+ /* Features Section */
+ .features {
+ padding: 4rem 0;
+ }
+
+ .feature-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 2rem;
+ margin-top: 2rem;
+ }
+
+ .feature-card {
+ padding: 2rem;
+ border-radius: 10px;
+ background: var(--background);
+ box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+ transition: transform 0.3s ease;
+ }
+
+ .feature-card:hover {
+ transform: translateY(-5px);
+ }
+
+ .icon {
+ font-size: 2rem;
+ margin-bottom: 1rem;
+ }
+
+ /* How It Works Section */
+ .steps {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 2rem;
+ margin-top: 2rem;
+ }
+
+ .step {
+ text-align: center;
+ padding: 2rem;
+ }
+
+ .step-number {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ border-radius: 50%;
+ background: var(--primary);
+ color: white;
+ margin-bottom: 1rem;
+ }
+
+ /* Contact Section */
+ .contact {
+ background: var(--accent);
+ padding: 4rem 0;
+ text-align: center;
+ }
+
+ #contact-form {
+ max-width: 500px;
+ margin: 2rem auto;
+ display: flex;
+ gap: 1rem;
+ }
+
+ input, button {
+ padding: 0.8rem 1.5rem;
+ border-radius: 5px;
+ border: none;
+ }
+
+ input {
+ flex: 1;
+ border: 1px solid #ddd;
+ }
+
+ button {
+ background: var(--primary);
+ color: white;
+ cursor: pointer;
+ transition: background 0.3s ease;
+ }
+
+ button:hover {
+ background: var(--secondary);
+ }
+
+ /* Footer */
+ footer {
+ background: var(--text);
+ color: white;
+ padding: 3rem 0;
+ }
+
+ .footer-content {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 2rem;
+ }
+
+ .social-links a {
+ color: white;
+ text-decoration: none;
+ margin-right: 1rem;
+ }
+
+ /* Mobile Responsiveness */
+ .mobile-menu {
+ display: none;
+ background: none;
+ border: none;
+ cursor: pointer;
+ }
+
+ @media (max-width: 768px) {
+ .nav-links {
+ display: none;
+ }
+
+ .mobile-menu {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+ }
+
+ .mobile-menu span {
+ display: block;
+ width: 25px;
+ height: 3px;
+ background: var(--text);
+ }
+
+ .hero h1 {
+ font-size: 2rem;
+ }
+
+ #contact-form {
+ flex-direction: column;
+ }
+ }