body.html
Changed around line 1
+
+
+
Kahuna
+
+
+
+
+ Features
+ Benefits
+
+
+
+
+
+
+
+
Transform Your Sales Team with AI-Powered Insights
+
Leverage AI to record, analyze, and optimize your sales performance while automating lead nurturing.
+
+
+
+
+
+
Key Features
+
+
+
+
Smart Recording & Transcription
+
Automatically capture and transcribe sales meetings with advanced AI technology.
+
+
+
+
Performance Analytics
+
Track crucial metrics and generate actionable insights for your sales team.
+
+
+
+
AI-Powered Follow-ups
+
Never miss a lead with intelligent, context-aware automated follow-ups.
+
+
+
+
Smart Training
+
Personalized training recommendations based on real performance data.
+
+
+
+
+
+
Why Choose Kahuna?
+
+
+
Increase Close Rates
+
Convert more leads with AI-driven insights and automated follow-ups.
+
+
+
Save Time
+
Automate manual tasks and focus on what matters - closing deals.
+
+
+
Data-Driven Decisions
+
Make informed decisions based on comprehensive performance analytics.
+
+
+
+
+
+
How It Works
+
+
+ 1
+
Record
+
Kahuna automatically records and transcribes your sales meetings.
+
+
+ 2
+
Analyze
+
AI processes the data to generate insights and recommendations.
+
+
+ 3
+
Optimize
+
Implement improvements based on actionable insights.
+
+
+
+
+
+
Ready to Transform Your Sales Team?
+
+
+
+
+
+
+
+
+
+
+
+
+
Kahuna
+
AI-powered sales performance enhancement
+
+
+
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 Enhancement
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # kahuna-ai1.scroll.pub
+ Website generated by Claude from prompt: I need a website for my SAAS named Kahuna. Kahuna is a performance enhancement tool for sales teams. Leveraging AI Kahuna records and transcribes sales meetings and creates dynamic reports tracking important sales metrics and giving actionable insights and relevant training data for sales managers. Along with that, Kahuna collects context from sales meeting transcriptions to power conversational AI follow ups. Making sure every unclosed lead is nurtured and pursued until it’s closed. In short, Using Kahuna ensures owners and sales managers have all relevant data needed to build a truly dominate team.
style.css
Changed around line 1
+ :root {
+ --primary: #2563eb;
+ --secondary: #1e40af;
+ --text: #1f2937;
+ --background: #ffffff;
+ --accent: #dbeafe;
+ --transition: all 0.3s ease;
+ }
+
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+
+ body {
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+ color: var(--text);
+ line-height: 1.6;
+ }
+
+ /* Header & Navigation */
+ header {
+ position: fixed;
+ width: 100%;
+ background: rgba(255, 255, 255, 0.95);
+ backdrop-filter: blur(10px);
+ z-index: 1000;
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+ }
+
+ 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: 700;
+ color: var(--primary);
+ }
+
+ .nav-links {
+ display: flex;
+ gap: 2rem;
+ list-style: none;
+ }
+
+ .nav-links a {
+ text-decoration: none;
+ color: var(--text);
+ font-weight: 500;
+ transition: var(--transition);
+ }
+
+ .nav-links a:hover {
+ color: var(--primary);
+ }
+
+ .mobile-menu {
+ display: none;
+ }
+
+ /* Hero Section */
+ .hero {
+ min-height: 100vh;
+ display: flex;
+ align-items: center;
+ padding: 6rem 2rem 2rem;
+ background: linear-gradient(135deg, var(--accent), var(--background));
+ }
+
+ .hero-content {
+ max-width: 600px;
+ margin-right: 2rem;
+ }
+
+ .hero h1 {
+ font-size: 3.5rem;
+ line-height: 1.2;
+ margin-bottom: 1.5rem;
+ background: linear-gradient(to right, var(--primary), var(--secondary));
+ -webkit-background-clip: text;
+ color: transparent;
+ }
+
+ .hero-visual {
+ flex: 1;
+ background: url('data:image/svg+xml,') center/contain no-repeat;
+ min-height: 400px;
+ }
+
+ /* Buttons */
+ .cta-button {
+ display: inline-block;
+ padding: 0.8rem 1.6rem;
+ background: var(--primary);
+ color: white;
+ text-decoration: none;
+ border-radius: 8px;
+ font-weight: 500;
+ transition: var(--transition);
+ border: none;
+ cursor: pointer;
+ }
+
+ .cta-button:hover {
+ background: var(--secondary);
+ transform: translateY(-2px);
+ box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
+ }
+
+ /* Features Section */
+ .features {
+ padding: 4rem 2rem;
+ background: var(--background);
+ }
+
+ .features h2 {
+ text-align: center;
+ margin-bottom: 3rem;
+ }
+
+ .features-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 2rem;
+ max-width: 1200px;
+ margin: 0 auto;
+ }
+
+ .feature-card {
+ padding: 2rem;
+ border-radius: 12px;
+ background: white;
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+ transition: var(--transition);
+ }
+
+ .feature-card:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
+ }
+
+ .feature-icon {
+ width: 60px;
+ height: 60px;
+ margin-bottom: 1rem;
+ background: var(--accent);
+ border-radius: 50%;
+ }
+
+ /* Benefits Section */
+ .benefits {
+ padding: 4rem 2rem;
+ background: var(--accent);
+ }
+
+ .benefits-container {
+ max-width: 1200px;
+ margin: 0 auto;
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ gap: 2rem;
+ }
+
+ /* How It Works Section */
+ .how-it-works {
+ padding: 4rem 2rem;
+ }
+
+ .steps {
+ display: flex;
+ justify-content: space-around;
+ max-width: 1200px;
+ margin: 0 auto;
+ flex-wrap: wrap;
+ gap: 2rem;
+ }
+
+ .step {
+ text-align: center;
+ flex: 1;
+ min-width: 250px;
+ }
+
+ .step-number {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ background: var(--primary);
+ color: white;
+ border-radius: 50%;
+ line-height: 40px;
+ margin-bottom: 1rem;
+ }
+
+ /* Contact Section */
+ .contact {
+ padding: 4rem 2rem;
+ background: var(--accent);
+ text-align: center;
+ }
+
+ #contact-form {
+ max-width: 500px;
+ margin: 2rem auto;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+ }
+
+ #contact-form input {
+ padding: 0.8rem;
+ border: 2px solid transparent;
+ border-radius: 8px;
+ font-size: 1rem;
+ transition: var(--transition);
+ }
+
+ #contact-form input:focus {
+ border-color: var(--primary);
+ outline: none;
+ }
+
+ /* Footer */
+ footer {
+ background: var(--text);
+ color: white;
+ padding: 3rem 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: white;
+ text-decoration: none;
+ transition: var(--transition);
+ }
+
+ .footer-section a:hover {
+ color: var(--accent);
+ }
+
+ /* 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(--text);
+ margin: 5px 0;
+ transition: var(--transition);
+ }
+
+ .nav-links {
+ display: none;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
+ background: white;
+ flex-direction: column;
+ padding: 1rem;
+ text-align: center;
+ }
+
+ .nav-links.active {
+ display: flex;
+ }
+
+ .hero {
+ flex-direction: column;
+ text-align: center;
+ padding-top: 5rem;
+ }
+
+ .hero h1 {
+ font-size: 2.5rem;
+ }
+
+ .hero-content {
+ margin-right: 0;
+ margin-bottom: 2rem;
+ }
+ }