Changes to kahuna2.scroll.pub

root
root
26 days ago
Initial commit
body.html
Changed around line 1
+
+
+
+
+
+
+
+
+
+
+
+
+
+

Transform Sales Meetings Into Revenue

+

Kahuna helps your sales team capture insights, track metrics, and leverage AI to close more deals.

+
+
+
+
+
+
+
+

Key Features

+
+
+
📊
+

Real-time Analytics

+

Track key metrics and meeting insights as they happen

+
+
+
🤖
+

AI-Powered Follow-ups

+

Automated, intelligent lead re-engagement

+
+
+
📈
+

Performance Tracking

+

Monitor team progress and success rates

+
+
+
🎯
+

Smart Insights

+

Turn conversation data into actionable strategies

+
+
+
+
+
+

How It Works

+
+
+ 1
+

Connect

+

Integrate Kahuna with your existing sales tools

+
+
+ 2
+

Capture

+

Automatically record meeting insights and metrics

+
+
+ 3
+

Analyze

+

Get AI-powered recommendations and insights

+
+
+ 4
+

Convert

+

Close more deals with smart follow-ups

+
+
+
+
+
+
+

Ready to Transform Your Sales Process?

+
+
+
+
+
+
+
+
+
+
+
+

Kahuna

+

AI-powered sales intelligence for modern teams

+
+
+

Links

+
    +
    +
    +
    +

    Contact

    +
      +
      +
      +
      +
      index.scroll
      Changed around line 1
      + buildHtml
      + baseUrl https://kahuna.scroll.pub
      + metaTags
      + description Kahuna - AI-powered sales meeting insights and follow-up automation
      + keywords sales intelligence, meeting insights, AI sales tools, sales automation
      + editButton /edit.html
      + title Kahuna - Turn Sales Meetings Into Insights
      + style.css
      + body.html
      + script.js
      readme.scroll
      Changed around line 1
      + # kahuna2.scroll.pub
      + Website generated by Claude from prompt: Website for my saas named Kahuna. Kahuna is a tool that helps sales teams turn meetings into useful insights and better follow-ups. It tracks key numbers, gives real-time feedback, and uses AI to re-engage leads, helping teams close more deals and win more business. Make the colors black and blue
      style.css
      Changed around line 1
      + :root {
      + --primary: #0066ff;
      + --primary-dark: #0052cc;
      + --black: #111827;
      + --gray: #4b5563;
      + --light-gray: #f3f4f6;
      + }
      +
      + * {
      + margin: 0;
      + padding: 0;
      + box-sizing: border-box;
      + }
      +
      + body {
      + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      + line-height: 1.6;
      + color: var(--black);
      + }
      +
      + .nav-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 2rem;
      + display: flex;
      + justify-content: space-between;
      + align-items: center;
      + }
      +
      + .logo {
      + font-size: 1.5rem;
      + font-weight: 700;
      + color: var(--black);
      + text-decoration: none;
      + transition: color 0.3s ease;
      + }
      +
      + .logo:hover {
      + color: var(--primary);
      + }
      +
      + .nav-links {
      + display: flex;
      + gap: 2rem;
      + list-style: none;
      + }
      +
      + .nav-links a {
      + text-decoration: none;
      + color: var(--gray);
      + transition: color 0.3s ease;
      + }
      +
      + .nav-links a:hover {
      + color: var(--primary);
      + }
      +
      + .mobile-menu {
      + display: none;
      + }
      +
      + .hero {
      + padding: 8rem 2rem 4rem;
      + background: linear-gradient(135deg, #fff 0%, var(--light-gray) 100%);
      + display: grid;
      + grid-template-columns: 1fr 1fr;
      + gap: 4rem;
      + align-items: center;
      + max-width: 1200px;
      + margin: 0 auto;
      + }
      +
      + .hero-content h1 {
      + font-size: 3.5rem;
      + line-height: 1.2;
      + margin-bottom: 1.5rem;
      + background: linear-gradient(to right, var(--black), var(--primary));
      + -webkit-background-clip: text;
      + background-clip: text;
      + color: transparent;
      + }
      +
      + .hero-image {
      + position: relative;
      + }
      +
      + .abstract-shape {
      + width: 100%;
      + height: 400px;
      + background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
      + border-radius: 30px;
      + transform: perspective(1000px) rotateY(-15deg) rotateX(5deg);
      + box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.1);
      + position: relative;
      + overflow: hidden;
      + }
      +
      + .abstract-shape::after {
      + content: '';
      + position: absolute;
      + width: 150%;
      + height: 150%;
      + background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
      + transform: rotate(-45deg);
      + top: -25%;
      + left: -25%;
      + }
      +
      + .cta-button {
      + display: inline-block;
      + padding: 1rem 2rem;
      + background: var(--primary);
      + color: white;
      + text-decoration: none;
      + border-radius: 8px;
      + font-weight: 600;
      + transition: all 0.3s ease;
      + border: none;
      + cursor: pointer;
      + }
      +
      + .cta-button:hover {
      + background: var(--primary-dark);
      + transform: translateY(-2px);
      + box-shadow: 0 4px 12px rgba(0, 102, 255, 0.2);
      + }
      +
      + .features {
      + padding: 6rem 2rem;
      + max-width: 1200px;
      + margin: 0 auto;
      + }
      +
      + .features h2 {
      + text-align: center;
      + margin-bottom: 4rem;
      + font-size: 2.5rem;
      + }
      +
      + .feature-grid {
      + display: grid;
      + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      + gap: 2rem;
      + }
      +
      + .feature-card {
      + padding: 2rem;
      + background: white;
      + border-radius: 16px;
      + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
      + transition: transform 0.3s ease;
      + }
      +
      + .feature-card:hover {
      + transform: translateY(-5px);
      + }
      +
      + .feature-card .icon {
      + font-size: 2rem;
      + margin-bottom: 1rem;
      + }
      +
      + .how-it-works {
      + padding: 6rem 2rem;
      + background: var(--light-gray);
      + }
      +
      + .steps {
      + max-width: 1200px;
      + margin: 0 auto;
      + display: grid;
      + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      + gap: 2rem;
      + }
      +
      + .step {
      + text-align: center;
      + padding: 2rem;
      + }
      +
      + .step-number {
      + display: inline-block;
      + width: 40px;
      + height: 40px;
      + background: var(--primary);
      + color: white;
      + border-radius: 50%;
      + line-height: 40px;
      + margin-bottom: 1rem;
      + }
      +
      + .contact {
      + padding: 6rem 2rem;
      + background: var(--black);
      + color: white;
      + text-align: center;
      + }
      +
      + .contact-content {
      + max-width: 600px;
      + margin: 0 auto;
      + }
      +
      + .contact-form {
      + display: flex;
      + gap: 1rem;
      + margin-top: 2rem;
      + }
      +
      + .contact-form input {
      + flex: 1;
      + padding: 1rem;
      + border: none;
      + border-radius: 8px;
      + font-size: 1rem;
      + }
      +
      + footer {
      + padding: 4rem 2rem;
      + background: var(--light-gray);
      + }
      +
      + .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: var(--gray);
      + text-decoration: none;
      + transition: color 0.3s ease;
      + }
      +
      + .footer-section a:hover {
      + color: var(--primary);
      + }
      +
      + @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(--black);
      + margin: 5px 0;
      + transition: 0.3s;
      + }
      +
      + .nav-links {
      + display: none;
      + }
      +
      + .nav-links.active {
      + display: flex;
      + flex-direction: column;
      + position: absolute;
      + top: 100%;
      + left: 0;
      + right: 0;
      + background: white;
      + padding: 1rem;
      + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      + }
      +
      + .hero {
      + grid-template-columns: 1fr;
      + text-align: center;
      + }
      +
      + .hero-content h1 {
      + font-size: 2.5rem;
      + }
      +
      + .contact-form {
      + flex-direction: column;
      + }
      + }