commit d020108b2e184245a4f3bea17e7965c30fdba513
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 04:23:16 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..473179c
--- /dev/null
+++ b/body.html
@@ -0,0 +1,121 @@
+<header>
+ <nav>
+ <div class="logo">Kahuna</div>
+ <button class="mobile-menu" aria-label="Toggle menu">
+ <span></span><span></span><span></span>
+ </button>
+ <ul class="nav-links">
+ <li><a href="#features">Features</a></li>
+ <li><a href="#benefits">Benefits</a></li>
+ <li><a href="#how-it-works">How It Works</a></li>
+ <li><a href="#contact" class="cta-button">Get Started</a></li>
+ </ul>
+ </nav>
+</header>
+
+<main>
+ <section class="hero">
+ <div class="hero-content">
+ <h1>Transform Your Sales Team with AI-Powered Insights</h1>
+ <p>Leverage AI to record, analyze, and optimize your sales performance while automating lead nurturing.</p>
+ <a href="#contact" class="cta-button">Book a Demo</a>
+ </div>
+ <div class="hero-visual"></div>
+ </section>
+
+ <section id="features" class="features">
+ <h2>Key Features</h2>
+ <div class="features-grid">
+ <div class="feature-card">
+ <div class="feature-icon recording"></div>
+ <h3>Smart Recording & Transcription</h3>
+ <p>Automatically capture and transcribe sales meetings with advanced AI technology.</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon analytics"></div>
+ <h3>Performance Analytics</h3>
+ <p>Track crucial metrics and generate actionable insights for your sales team.</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon ai"></div>
+ <h3>AI-Powered Follow-ups</h3>
+ <p>Never miss a lead with intelligent, context-aware automated follow-ups.</p>
+ </div>
+ <div class="feature-card">
+ <div class="feature-icon training"></div>
+ <h3>Smart Training</h3>
+ <p>Personalized training recommendations based on real performance data.</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="benefits" class="benefits">
+ <h2>Why Choose Kahuna?</h2>
+ <div class="benefits-container">
+ <div class="benefit">
+ <h3>Increase Close Rates</h3>
+ <p>Convert more leads with AI-driven insights and automated follow-ups.</p>
+ </div>
+ <div class="benefit">
+ <h3>Save Time</h3>
+ <p>Automate manual tasks and focus on what matters - closing deals.</p>
+ </div>
+ <div class="benefit">
+ <h3>Data-Driven Decisions</h3>
+ <p>Make informed decisions based on comprehensive performance analytics.</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="how-it-works" class="how-it-works">
+ <h2>How It Works</h2>
+ <div class="steps">
+ <div class="step">
+ <span class="step-number">1</span>
+ <h3>Record</h3>
+ <p>Kahuna automatically records and transcribes your sales meetings.</p>
+ </div>
+ <div class="step">
+ <span class="step-number">2</span>
+ <h3>Analyze</h3>
+ <p>AI processes the data to generate insights and recommendations.</p>
+ </div>
+ <div class="step">
+ <span class="step-number">3</span>
+ <h3>Optimize</h3>
+ <p>Implement improvements based on actionable insights.</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="contact" class="contact">
+ <h2>Ready to Transform Your Sales Team?</h2>
+ <form id="contact-form">
+ <input type="text" placeholder="Name" required>
+ <input type="email" placeholder="Email" required>
+ <input type="text" placeholder="Company" required>
+ <button type="submit" class="cta-button">Request Demo</button>
+ </form>
+ </section>
+</main>
+
+<footer>
+ <div class="footer-content">
+ <div class="footer-section">
+ <h4>Kahuna</h4>
+ <p>AI-powered sales performance enhancement</p>
+ </div>
+ <div class="footer-section">
+ <h4>Links</h4>
+ <ul>
+ <li><a href="#features">Features</a></li>
+ <li><a href="#benefits">Benefits</a></li>
+ <li><a href="#how-it-works">How It Works</a></li>
+ </ul>
+ </div>
+ <div class="footer-section">
+ <h4>Contact</h4>
+ <p>hello@kahuna-ai.scroll.pub</p>
+ </div>
+ </div>
+</footer>
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..33e36a3
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://kahuna-ai.scroll.pub
+metaTags
+editButton /edit.html
+title Kahuna - AI-Powered Sales Performance Enhancement
+style.css
+body.html
+script.js
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..54af4cd
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# 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.
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..e0b6177
--- /dev/null
+++ b/style.css
@@ -0,0 +1,307 @@
+: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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle cx="100" cy="100" r="80" fill="%232563eb" opacity="0.1"/></svg>') 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;
+ }
+}