Response:
<!DOCTYPE html>
<html lang="en-AU">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI Chatbots for Melbourne Businesses | 24/7 AI Voice Agents</title>
    <meta name="description" content="Never miss a call again. Sunaiva's AI voice agents answer calls, book jobs and handle enquiries 24/7. Starting at $197/month. Melbourne-based support.">
    <meta name="keywords" content="AI chatbot Melbourne, AI voice agent, AI receptionist Melbourne, automated call handling, business AI assistant">
    <meta name="robots" content="index, follow">

    <!-- Open Graph -->
    <meta property="og:title" content="AI Chatbots for Melbourne Businesses | 24/7 AI Voice Agents">
    <meta property="og:description" content="Never miss a call again. Sunaiva's AI voice agents answer calls, book jobs and handle enquiries 24/7. Starting at $197/month.">
    <meta property="og:url" content="https://melbournechatbots.com.au">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://melbournechatbots.com.au/og-image.jpg">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="AI Chatbots for Melbourne Businesses">
    <meta name="twitter:description" content="Never miss a call again. AI voice agents for Melbourne businesses.">

    <link rel="canonical" href="https://melbournechatbots.com.au">

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #151720;
            --bg-card: #1a1d28;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --green: #10B981;
            --green-light: #34D399;
            --border: #2D3748;
            --radius: 12px;
            --radius-lg: 20px;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            background-color: var(--bg-primary);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Utility Classes */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 14px 28px;
            border-radius: var(--radius);
            font-weight: 600;
            font-size: 1rem;
            text-decoration: none;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }

        .btn-primary {
            background: var(--accent);
            color: white;
        }

        .btn-primary:hover {
            background: var(--accent-hover);
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
        }

        .btn-secondary {
            background: transparent;
            color: var(--text-primary);
            border: 1px solid var(--border);
        }

        .btn-secondary:hover {
            border-color: var(--accent);
            color: var(--accent);
        }

        .btn-green {
            background: var(--green);
            color: white;
        }

        .btn-green:hover {
            background: var(--green-light);
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(16, 185, 129, 0.3);
        }

        /* Animations */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Header */
        header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background: rgba(11, 12, 14, 0.9);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid var(--border);
        }

        .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .logo span {
            color: var(--accent);
        }

        nav {
            display: flex;
            align-items: center;
            gap: 30px;
        }

        nav a {
            color: var(--text-secondary);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
        }

        nav a:hover {
            color: var(--accent);
        }

        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            color: var(--text-primary);
            font-size: 1.5rem;
            cursor: pointer;
        }

        /* Hero Section */
        .hero {
            padding: 160px 0 100px;
            text-align: center;
            background: radial-gradient(ellipse at top, rgba(59, 130, 246, 0.15) 0%, transparent 60%);
            min-height: 90vh;
            display: flex;
            align-items: center;
        }

        .hero-content {
            max-width: 800px;
            margin: 0 auto;
        }

        .hero h1 {
            font-size: clamp(2.5rem, 6vw, 4rem);
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 24px;
            background: linear-gradient(135deg, var(--text-primary) 0%, var(--accent) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero p {
            font-size: clamp(1.1rem, 2.5vw, 1.35rem);
            color: var(--text-secondary);
            margin-bottom: 40px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .hero-buttons {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .hero-stats {
            display: flex;
            justify-content: center;
            gap: 50px;
            margin-top: 60px;
            flex-wrap: wrap;
        }

        .stat {
            text-align: center;
        }

        .stat-number {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--accent);
        }

        .stat-label {
            color: var(--text-secondary);
            font-size: 0.9rem;
        }

        /* Problem Section */
        .problem {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-header h2 {
            font-size: clamp(2rem, 4vw, 2.75rem);
            font-weight: 700;
            margin-bottom: 16px;
        }

        .section-header p {
            color: var(--text-secondary);
            max-width: 600px;
            margin: 0 auto;
        }

        .problem-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 24px;
        }

        .problem-card {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 30px;
            text-align: center;
            transition: transform 0.3s ease;
        }

        .problem-card:hover {
            transform: translateY(-5px);
        }

        .problem-icon {
            font-size: 3rem;
            margin-bottom: 20px;
        }

        .problem-card h3 {
            font-size: 1.25rem;
            margin-bottom: 12px;
        }

        .problem-card p {
            color: var(--text-secondary);
            font-size: 0.95rem;
        }

        .stat-highlight {
            color: var(--accent);
            font-weight: 700;
        }

        /* Solution Section */
        .solution {
            padding: 100px 0;
        }

        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        .benefit-card {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 40px 30px;
            transition: all 0.3s ease;
        }

        .benefit-card:hover {
            border-color: var(--accent);
            box-shadow: 0 20px 40px rgba(59, 130, 246, 0.1);
        }

        .benefit-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, var(--accent) 0%, rgba(59, 130, 246, 0.3) 100%);
            border-radius: var(--radius);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.75rem;
            margin-bottom: 24px;
        }

        .benefit-card h3 {
            font-size: 1.35rem;
            margin-bottom: 12px;
        }

        .benefit-card p {
            color: var(--text-secondary);
            line-height: 1.7;
        }

        /* Video Demo Section */
        .demo-section {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .video-container {
            max-width: 900px;
            margin: 0 auto;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            overflow: hidden;
            position: relative;
        }

        .video-placeholder {
            aspect-ratio: 16/9;
            background: linear-gradient(135deg, var(--bg-card) 0%, #1e2336 100%);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        .play-button {
            width: 80px;
            height: 80px;
            background: var(--accent);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-bottom: 20px;
        }

        .play-button:hover {
            transform: scale(1.1);
            box-shadow: 0 0 40px rgba(59, 130, 246, 0.5);
        }

        .play-button::after {
            content: '';
            border-style: solid;
            border-width: 12px 0 12px 20px;
            border-color: transparent transparent transparent white;
            margin-left: 4px;
        }

        .video-text {
            color: var(--text-secondary);
            font-size: 1rem;
        }

        /* Widget Demo */
        .widget-demo {
            padding: 100px 0;
        }

        .demo-wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
        }

        .demo-content h2 {
            font-size: clamp(1.75rem, 3vw, 2.25rem);
            margin-bottom: 20px;
        }

        .demo-content p {
            color: var(--text-secondary);
            margin-bottom: 30px;
            line-height: 1.7;
        }

        .demo-features {
            list-style: none;
        }

        .demo-features li {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
            color: var(--text-secondary);
        }

        .demo-features li::before {
            content: '✓';
            color: var(--green);
            font-weight: bold;
            font-size: 1.1rem;
        }

        .widget-preview {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 30px;
            min-height: 400px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        .widget-preview::before {
            content: 'Sunaiva Widget';
            position: absolute;
            top: 15px;
            left: 15px;
            font-size: 0.75rem;
            color: var(--text-secondary);
            background: var(--bg-secondary);
            padding: 4px 10px;
            border-radius: 20px;
        }

        .widget-mockup {
            width: 280px;
            background: var(--bg-secondary);
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
        }

        .widget-header {
            background: var(--accent);
            padding: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .widget-avatar {
            width: 36px;
            height: 36px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
        }

        .widget-title {
            font-weight: 600;
            font-size: 0.9rem;
        }

        .widget-messages {
            padding: 15px;
            min-height: 200px;
        }

        .msg {
            margin-bottom: 12px;
            padding: 10px 14px;
            border-radius: 12px;
            font-size: 0.85rem;
            max-width: 85%;
        }

        .msg-ai {
            background: var(--bg-card);
            color: var(--text-primary);
            border-bottom-left-radius: 4px;
        }

        .msg-user {
            background: var(--accent);
            color: white;
            margin-left: auto;
            border-bottom-right-radius: 4px;
        }

        .widget-input {
            display: flex;
            gap: 8px;
            padding: 15px;
            border-top: 1px solid var(--border);
        }

        .widget-input input {
            flex: 1;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 20px;
            padding: 8px 15px;
            color: var(--text-primary);
            font-size: 0.85rem;
        }

        .widget-input button {
            background: var(--accent);
            border: none;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            color: white;
            cursor: pointer;
        }

        /* How It Works */
        .how-it-works {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .steps {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            position: relative;
        }

        .step {
            text-align: center;
            position: relative;
            z-index: 1;
        }

        .step-number {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, var(--accent) 0%, #1D4ED8 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.75rem;
            font-weight: 700;
            margin: 0 auto 24px;
            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4);
        }

        .step h3 {
            font-size: 1.35rem;
            margin-bottom: 12px;
        }

        .step p {
            color: var(--text-secondary);
            max-width: 280px;
            margin: 0 auto;
        }

        .steps-connector {
            display: none;
        }

        /* Testimonial */
        .testimonial {
            padding: 100px 0;
        }

        .testimonial-card {
            max-width: 700px;
            margin: 0 auto;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 50px;
            text-align: center;
            position: relative;
        }

        .testimonial-card::before {
            content: '"';
            font-size: 6rem;
            color: var(--accent);
            opacity: 0.3;
            position: absolute;
            top: 10px;
            left: 30px;
            font-family: Georgia, serif;
            line-height: 1;
        }

        .testimonial-text {
            font-size: 1.25rem;
            line-height: 1.8;
            margin-bottom: 30px;
            position: relative;
            z-index: 1;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
        }

        .author-avatar {
            width: 56px;
            height: 56px;
            background: linear-gradient(135deg, var(--accent) 0%, var(--green) 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            font-weight: 700;
            color: white;
        }

        .author-info h4 {
            font-size: 1.1rem;
            margin-bottom: 2px;
        }

        .author-info p {
            color: var(--text-secondary);
            font-size: 0.9rem;
        }

        /* Pricing */
        .pricing {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            max-width: 1000px;
            margin: 0 auto;
        }

        .pricing-card {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 40px 30px;
            transition: all 0.3s ease;
            position: relative;
        }

        .pricing-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
        }

        .pricing-card.featured {
            border-color: var(--accent);
            background: linear-gradient(180deg, rgba(59, 130, 246, 0.1) 0%, var(--bg-card) 100%);
        }

        .pricing-card.featured::before {
            content: 'Most Popular';
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--accent);
            color: white;
            padding: 4px 16px;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
        }

        .pricing-tier {
            font-size: 0.9rem;
            color: var(--text-secondary);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }

        .pricing-price {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 8px;
        }

        .pricing-price span {
            font-size: 1rem;
            color: var(--text-secondary);
            font-weight: 400;
        }

        .pricing-desc {
            color: var(--text-secondary);
            margin-bottom: 30px;
            padding-bottom: 30px;
            border-bottom: 1px solid var(--border);
        }

        .pricing-features {
            list-style: none;
            margin-bottom: 30px;
        }

        .pricing-features li {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 14px;
            color: var(--text-secondary);
        }

        .pricing-features li::before {
            content: '✓';
            color: var(--green);
            font-weight: bold;
        }

        .pricing-card .btn {
            width: 100%;
        }

        /* FAQ */
        .faq {
            padding: 100px 0;
        }

        .faq-grid {
            max-width: 800px;
            margin: 0 auto;
        }

        .faq-item {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius);
            margin-bottom: 16px;
            overflow: hidden;
        }

        .faq-question {
            padding: 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            font-weight: 600;
            font-size: 1.05rem;
        }

        .faq-question::after {
            content: '+';
            font-size: 1.5rem;
            color: var(--accent);
            transition: transform 0.3s;
        }

        .faq-item.active .faq-question::after {
            transform: rotate(45deg);
        }

        .faq-answer {
            padding: 0 24px 24px;
            color: var(--text-secondary);
            line-height: 1.7;
            display: none;
        }

        .faq-item.active .faq-answer {
            display: block;
        }

        /* Footer */
        footer {
            background: var(--bg-secondary);
            border-top: 1px solid var(--border);
            padding: 60px 0 30px;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }

        .footer-brand p {
            color: var(--text-secondary);
            margin-top: 16px;
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .footer h4 {
            font-size: 1rem;
            margin-bottom: 20px;
            color: var(--text-primary);
        }

        .footer-links {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 12px;
        }

        .footer-links a {
            color: var(--text-secondary);
            text-decoration: none;
            font-size: 0.9rem;
            transition: color 0.3s;
        }

        .footer-links a:hover {
            color: var(--accent);
        }

        .footer-bottom {
            padding-top: 30px;
            border-top: 1px solid var(--border);
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }

        .footer-bottom p {
            color: var(--text-secondary);
            font-size: 0.85rem;
        }

        .powered-by {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--text-secondary);
            font-size: 0.85rem;
        }

        .powered-by span {
            color: var(--accent);
            font-weight: 600;
        }

        /* Responsive */
        @media (max-width: 768px) {
            nav {
                display: none;
            }

            .mobile-menu-btn {
                display: block;
            }

            .hero {
                padding: 120px 0 60px;
            }

            .hero-stats {
                gap: 30px;
            }

            .demo-wrapper {
                grid-template-columns: 1fr;
            }

            .demo-content {
                text-align: center;
            }

            .demo-features {
                text-align: left;
            }

            .testimonial-card {
                padding: 30px 20px;
            }

            .testimonial-card::before {
                font-size: 4rem;
                left: 15px;
            }

            .footer-bottom {
                flex-direction: column;
                text-align: center;
            }
        }

        /* Mobile nav */
        .mobile-nav {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: var(--bg-primary);
            z-index: 999;
            padding: 80px 20px 20px;
            flex-direction: column;
            gap: 20px;
        }

        .mobile-nav.active {
            display: flex;
        }

        .mobile-nav a {
            color: var(--text-primary);
            text-decoration: none;
            font-size: 1.25rem;
            padding: 15px 0;
            border-bottom: 1px solid var(--border);
        }

        .close-menu {
            position: absolute;
            top: 20px;
            right: 20px;
            background: none;
            border: none;
            color: var(--text-primary);
            font-size: 1.5rem;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <!-- Header -->
    <header>
        <div class="header-inner">
            <a href="/" class="logo">🤖 Melbourne<span>Chatbots</span></a>
            <nav>
                <a href="#problem">Why It Matters</a>
                <a href="#solution">How It Works</a>
                <a href="#pricing">Pricing</a>
                <a href="#faq">FAQ</a>
                <a href="#pricing" class="btn btn-primary">Get Started</a>
            </nav>
            <button class="mobile-menu-btn" onclick="toggleMobileNav()">☰</button>
        </div>
    </header>

    <!-- Mobile Nav -->
    <div class="mobile-nav" id="mobileNav">
        <button class="close-menu" onclick="toggleMobileNav()">✕</button>
        <a href="#problem" onclick="toggleMobileNav()">Why It Matters</a>
        <a href="#solution" onclick="toggleMobileNav()">How It Works</a>
        <a href="#pricing" onclick="toggleMobileNav()">Pricing</a>
        <a href="#faq" onclick="toggleMobileNav()">FAQ</a>
        <a href="#pricing" class="btn btn-primary" onclick="toggleMobileNav()">Get Started</a>
    </div>

    <!-- Hero Section -->
    <section class="hero" id="hero">
        <div class="container">
            <div class="hero-content fade-in">
                <h1>AI Chatbots for Melbourne Businesses</h1>
                <p>Never miss a call again. Our AI voice agents answer calls, book jobs and handle enquiries 24/7 — even when you're busy or after hours.</p>
                <div class="hero-buttons">
                    <a href="#pricing" class="btn btn-primary">Get Your AI Agent</a>
                    <a href="#demo" class="btn btn-secondary">See It In Action</a>
                </div>
                <div class="hero-stats">
                    <div class="stat">
                        <div class="stat-number">62%</div>
                        <div class="stat-label">Calls missed by small businesses</div>
                    </div>
                    <div class="stat">
                        <div class="stat-number">$197</div>
                        <div class="stat-label">Per month (vs $30K+ for receptionist)</div>
                    </div>
                    <div class="stat">
                        <div class="stat-number">10 min</div>
                        <div class="stat-label">Setup time</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Problem Section -->
    <section class="problem" id="problem">
        <div class="container">
            <div class="section-header fade-in">
                <h2>Melbourne Businesses Are Losing Calls Every Day</h2>
                <p>Every missed call is a missed opportunity. Here's what's costing your business money.</p>
            </div>
            <div class="problem-grid">
                <div class="problem-card fade-in">
                    <div class="problem-icon">📞</div>
                    <h3>Missed Calls = Missed Revenue</h3>
                    <p>62% of calls to small businesses go unanswered. That's nearly 2 in 3 potential customers who move on to your competitors.</p>
                </div>
                <div class="problem-card fade-in">
                    <div class="problem-icon">🕐</div>
                    <h3>After-Hours Gaps</h3>
                    <p>Melbourne businesses lose bookings from customers calling after 5pm or on weekends. Your competition is open 24/7.</p>
                </div>
                <div class="problem-card fade-in">
                    <div class="problem-icon">💸</div>
                    <h3>Receptionist Costs</h3>
                    <p>A full-time receptionist costs <span class="stat-highlight">$30,000+ per year</span>. Plus sick leave, holidays, and training costs.</p>
                </div>
                <div class="problem-card fade-in">
                    <div class="problem-icon">🏭</div>
                    <h3>Melbourne's Growing Economy</h3>
                    <p>With over 150,000 small businesses in Melbourne, standing out means being available when customers need you — instantly.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Solution Section -->
    <section class="solution" id="solution">
        <div class="container">
            <div class="section-header fade-in">
                <h2>Your 24/7 Virtual Receptionist</h2>
                <p>Sunaiva's AI Voice Widget handles calls professionally, books appointments, and answers questions — all without human intervention.</p>
            </div>
            <div class="benefits-grid">
                <div class="benefit-card fade-in">
                    <div class="benefit-icon">🗣</div>
                    <h3>Natural Australian Voice</h3>
                    <p>Our AI speaks with a warm, natural Australian accent. Customers won't know they're talking to a machine — and they won't want to.</p>
                </div>
                <div class="benefit-card fade-in">
                    <div class="benefit-icon">📅</div>
                    <h3>Instant Booking</h3>
                    <p>Integrates with your calendar to book appointments in real-time. No more playing phone tag or losing leads to voicemail.</p>
                </div>
                <div class="benefit-card fade-in">
                    <div class="benefit-icon">⚡</div>
                    <h3>Instant Responses</h3>
                    <p>Answers every call instantly, 24/7/365. Whether it's 2pm or 2am, your AI agent is ready to help — no waiting, no frustration.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Video Demo Section -->
    <section class="demo-section" id="demo">
        <div class="container">
            <div class="section-header fade-in">
                <h2>See Sunaiva In Action</h2>
                <p>Watch how our AI handles real customer calls with natural conversation.</p>
            </div>
            <div class="video-container fade-in">
                <div class="video-placeholder">
                    <div class="play-button"></div>
                    <div class="video-text">Click to play demo video</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Widget Demo -->
    <section class="widget-demo" id="widget-demo">
        <div class="container">
            <div class="demo-wrapper">
                <div class="demo-content fade-in">
                    <h2>Try the Live Widget</h2>
                    <p>Our chat widget integrates seamlessly into your website. Customers can ask questions, get instant answers, and book appointments without leaving your page.</p>
                    <ul class="demo-features">
                        <li>Instant answers to common questions</li>
                        <li>Book appointments directly</li>
                        <li>Works on any website</li>
                        <li>No coding required</li>
                        <li>Customise to match your brand</li>
                    </ul>
                    <a href="#pricing" class="btn btn-primary">Start Free Trial</a>
                </div>
                <div class="widget-preview fade-in">
                    <div class="widget-mockup">
                        <div class="widget-header">
                            <div class="widget-avatar">🤖</div>
                            <div class="widget-title">Sunaiva Assistant</div>
                        </div>
                        <div class="widget-messages">
                            <div class="msg msg-ai">Hi! I'm your AI assistant. How can I help you today?</div>
                            <div class="msg msg-user">I'm looking for a plumber in Richmond</div>
                            <div class="msg msg-ai">Great choice! We service Richmond and surrounding suburbs. What time works best for you?</div>
                        </div>
                        <div class="widget-input">
                            <input type="text" placeholder="Type your message...">
                            <button>→</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- How It Works -->
    <section class="how-it-works" id="how-it-works">
        <div class="container">
            <div class="section-header fade-in">
                <h2>Get Started in 3 Simple Steps</h2>
                <p>From sign-up to your AI agent going live in as little as 10 minutes.</p>
            </div>
            <div class="steps">
                <div class="step fade-in">
                    <div class="step-number">1</div>
                    <h3>Sign Up</h3>
                    <p>Choose your plan and create your account. No credit card required for the free trial.</p>
                </div>
                <div class="step fade-in">
                    <div class="step-number">2</div>
                    <h3>Customise</h3>
                    <p>Tell us about your business, services, and how you want to handle enquiries. We'll train your AI.</p>
                </div>
                <div class="step fade-in">
                    <div class="step-number">3</div>
                    <h3>Go Live</h3>
                    <p>Add our widget to your website or connect your phone number. Your AI agent is now live 24/7.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonial -->
    <section class="testimonial" id="testimonial">
        <div class="container">
            <div class="testimonial-card fade-in">
                <p class="testimonial-text">Since installing Sunaiva on our website, we've booked an extra 15 jobs per month. The AI handles all our after-hours calls and even schedules appointments directly into our calendar. It's like having a receptionist who never sleeps.</p>
                <div class="testimonial-author">
                    <div class="author-avatar">DM</div>
                    <div class="author-info">
                        <h4>Dave M.</h4>
                        <p>Plumber, Richmond</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="pricing" id="pricing">
        <div class="container">
            <div class="section-header fade-in">
                <h2>Simple, Transparent Pricing</h2>
                <p>No hidden fees. No lock-in contracts. Cancel anytime.</p>
            </div>
            <div class="pricing-grid">
                <div class="pricing-card fade-in">
                    <div class="pricing-tier">Essentials</div>
                    <div class="pricing-price">$197<span>/mo</span></div>
                    <div class="pricing-desc">Perfect for small businesses getting started with AI</div>
                    <ul class="pricing-features">
                        <li>200 calls per month</li>
                        <li>1 AI agent</li>
                        <li>Business hours (9am-5pm)</li>
                        <li>Calendar integration</li>
                        <li>Email notifications</li>
                        <li>Basic reporting</li>
                    </ul>
                    <a href="#" class="btn btn-secondary">Get Started</a>
                </div>
                <div class="pricing-card featured fade-in">
                    <div class="pricing-tier">Business</div>
                    <div class="pricing-price">$397<span>/mo</span></div>
                    <div class="pricing-desc">For growing businesses needing 24/7 coverage</div>
                    <ul class="pricing-features">
                        <li>500 calls per month</li>
                        <li>3 AI agents</li>
                        <li>24/7 availability</li>
                        <li>Priority support</li>
                        <li>Advanced analytics</li>
                        <li>CRM integration</li>
                        <li>Custom voice greeting</li>
                    </ul>
                    <a href="#" class="btn btn-primary">Get Started</a>
                </div>
                <div class="pricing-card fade-in">
                    <div class="pricing-tier">Growth</div>
                    <div class="pricing-price">$597<span>/mo</span></div>
                    <div class="pricing-desc">For established businesses with high call volumes</div>
                    <ul class="pricing-features">
                        <li>Unlimited calls</li>
                        <li>Unlimited AI agents</li>
                        <li>24/7 availability</li>
                        <li>Dedicated account manager</li>
                        <li>Custom voice training</li>
                        <li>Advanced integrations</li>
                        <li>White-label options</li>
                    </ul>
                    <a href="#" class="btn btn-secondary">Get Started</a>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section class="faq" id="faq">
        <div class="container">
            <div class="section-header fade-in">
                <h2>Frequently Asked Questions</h2>
                <p>Everything Melbourne business owners need to know about AI voice agents.</p>
            </div>
            <div class="faq-grid">
                <div class="faq-item fade-in">
                    <div class="faq-question" onclick="toggleFaq(this)">Will customers know they're talking to AI?</div>
                    <div class="faq-answer">Our AI uses natural language processing and speaks with a warm Australian accent. Most callers can't tell the difference — and many comment on how helpful and professional the experience is.</div>
                </div>
                <div class="faq-item fade-in">
                    <div class="faq-question" onclick="toggleFaq(this)">Can it integrate with my existing systems?</div>
                    <div class="faq-answer">Yes! Sunaiva integrates with popular calendars (Google Calendar, Outlook), CRMs (Salesforce, HubSpot), and booking systems. We'll help you set up the right integrations for your business.</div>
                </div>
                <div class="faq-item fade-in">
                    <div class="faq-question" onclick="toggleFaq(this)">What happens if the AI can't answer a question?</div>
                    <div class="faq-answer">The AI will politely inform the caller and offer to take a message or transfer to your mobile. You'll receive an instant notification with full details of the call and any captured information.</div>
                </div>
                <div class="faq-item fade-in">
                    <div class="faq-question" onclick="toggleFaq(this)">Is there a free trial?</div>
                    <div class="faq-answer">Yes! We offer a 14-day free trial on all plans so you can experience the full capabilities of Sunaiva with no obligation. No credit card required to start.</div>
                </div>
                <div class="faq-item fade-in">
                    <div class="faq-question" onclick="toggleFaq(this)">How long does setup take?</div>
                    <div class="faq-answer">Most businesses are up and running in under 10 minutes. Simply sign up, customise your responses, and add our widget to your website or forward your phone number. We'll guide you through every step.</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Widget Embed Placeholder -->
    <div id="sunaiva-widget" data-widget-id="melbourne-chatbots"></div>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <a href="/" class="logo">🤖 Melbourne<span>Chatbots</span></a>
                    <p>Melbourne's leading provider of AI voice agents and chat widgets for local businesses. Never miss a call again.</p>
                </div>
                <div>
                    <h4>Product</h4>
                    <ul class="footer-links">
                        <li><a href="#pricing">Pricing</a></li>
                        <li><a href="#how-it-works">How It Works</a></li>
                        <li><a href="#demo">Demo</a></li>
                        <li><a href="#faq">FAQ</a></li>
                    </ul>
                </div>
                <div>
                    <h4>Company</h4>
                    <ul class="footer-links">
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Contact</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                        <li><a href="#">Terms of Service</a></li>
                    </ul>
                </div>
                <div>
                    <h4>Contact</h4>
                    <ul class="footer-links">
                        <li>📞 +61 3 XXXX XXXX</li>
                        <li>✉ hello@melbournechatbots.com.au</li>
                        <li>📍 Melbourne, VIC, Australia</li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>© 2024 Melbourne Chatbots. All rights reserved. ABN XX XXX XXX XXX</p>
                <div class="powered-by">
                    Powered by <span>Sunaiva</span>
                </div>
            </div>
        </div>
    </footer>

    <!-- Schema.org LocalBusiness JSON-LD -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "name": "Melbourne Chatbots",
        "description": "AI voice agents and chat widgets for Melbourne businesses. 24/7 call handling and appointment booking.",
        "url": "https://melbournechatbots.com.au",
        "telephone": "+61-3-XXXX-XXXX",
        "email": "hello@melbournechatbots.com.au",
        "address": {
            "@type": "PostalAddress",
            "addressLocality": "Melbourne",
            "addressRegion": "VIC",
            "addressCountry": "AU"
        },
        "areaServed": {
            "@type": "GeoCircle",
            "geoMidpoint": {
                "@type": "GeoCoordinates",
                "latitude": -37.8136,
                "longitude": 144.9631
            },
            "geoRadius": "50000"
        },
        "priceRange": "$$",
        "openingHours": "Mo-Fr 09:00-17:00",
        "sameAs": [
            "https://www.facebook.com/melbournechatbots",
            "https://www.instagram.com/melbournechatbots",
            "https://www.linkedin.com/company/melbournechatbots"
        ]
    }
    </script>

    <!-- Scripts -->
    <script>
        // Mobile Navigation Toggle
        function toggleMobileNav() {
            const nav = document.getElementById('mobileNav');
            nav.classList.toggle('active');
        }

        // FAQ Toggle
        function toggleFaq(element) {
            const item = element.parentElement;
            item.classList.toggle('active');
        }

        // Intersection Observer for Fade-in Animations
        const observerOptions = {
            root: null,
            rootMargin: '0px',
            threshold: 0.1
        };

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                }
            });
        }, observerOptions);

        document.querySelectorAll('.fade-in').forEach(el => {
            observer.observe(el);
        });

        // Smooth scroll for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });
    </script>
</body>
</html>


Response:
```html
<!DOCTYPE html>
<html lang="en-AU">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI Chatbots for Adelaide Businesses | 24/7 AI Voice Agents</title>
    <meta name="description" content="Never miss a call again. Adelaide's AI chatbot solution handles enquiries, books jobs & answers questions 24/7. Starting at $197/month. Get your AI agent today.">
    <meta name="keywords" content="AI chatbot Adelaide, AI voice agent, business chatbot, 24/7 customer service, Adelaide business, AI receptionist">
    <meta name="author" content="Sunaiva">
    <meta name="robots" content="index, follow">

    <!-- Open Graph -->
    <meta property="og:title" content="AI Chatbots for Adelaide Businesses | 24/7 AI Voice Agents">
    <meta property="og:description" content="Never miss a call again. Adelaide's AI chatbot solution handles enquiries, books jobs & answers questions 24/7. Starting at $197/month.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://adelaidechatbots.com.au">
    <meta property="og:site_name" content="Adelaide Chatbots">
    <meta property="og:image" content="https://adelaidechatbots.com.au/og-image.jpg">

    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🤖</text></svg>">

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">

    <!-- Schema.org LocalBusiness -->

</head>
<body>
    <!-- Navigation -->
    <nav>
        <div class="container nav-content">
            <a href="/" class="logo">🤖 Adelaide<span>Chatbots</span></a>
            <ul class="nav-links">
                <li><a href="#problem">Why AI?</a></li>
                <li><a href="#solution">Benefits</a></li>
                <li><a href="#how-it-works">How It Works</a></li>
                <li><a href="#pricing">Pricing</a></li>
                <li><a href="#faq">FAQ</a></li>
            </ul>
            <button class="mobile-menu-btn" aria-label="Menu">☰</button>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero" id="hero">
        <div class="hero-bg"></div>
        <div class="hero-content">
            <h1>AI Chatbots for Adelaide Businesses</h1>
            <p>Never miss a call again. Your 24/7 AI voice agent handles enquiries, books jobs, and answers questions — even when you're busy or after hours.</p>
            <a href="#pricing" class="hero-cta">Get Your AI Agent</a>
            <div class="hero-stats">
                <div class="stat">
                    <div class="stat-value">62%</div>
                    <div class="stat-label">Calls Missed Average</div>
                </div>
                <div class="stat">
                    <div class="stat-value">$12K</div>
                    <div class="stat-label">Lost Per Year</div>
                </div>
                <div class="stat">
                    <div class="stat-value">10 min</div>
                    <div class="stat-label">Setup Time</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Problem Section -->
    <section class="problem" id="problem">
        <div class="container">
            <div class="section-header fade-in">
                <h2>Adelaide Businesses Are Losing Money Every Day</h2>
                <p>Research shows the majority of calls to small businesses go unanswered. Here's what that costs Adelaide tradies and businesses.</p>
            </div>
            <div class="stats-grid">
                <div class="stat-card fade-in">
                    <div class="number">62%</div>
                    <div class="desc">of calls to small businesses go unanswered (BIA/Kelsey Research)</div>
                </div>
                <div class="stat-card fade-in">
                    <div class="number">$12K</div>
                    <div class="desc">average annual revenue lost per Adelaide business from missed calls</div>
                </div>
                <div class="stat-card fade-in">
                    <div class="number">1 in 3</div>
                    <div class="desc">potential customers call a competitor when you don't answer</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Solution Section -->
    <section class="solution" id="solution">
        <div class="container">
            <div class="section-header fade-in">
                <h2>Your 24/7 Virtual Receptionist</h2>
                <p>Sunaiva's AI Voice Widget ensures every call gets answered, every enquiry gets handled, and every booking gets confirmed.</p>
            </div>
            <div class="benefits-grid">
                <div class="benefit-card fade-in">
                    <span class="benefit-icon">📞</span>
                    <h3>Never Miss a Call</h3>
                    <p>Every call gets answered instantly, 24/7 including weekends and public holidays. Whether it's 2pm or 2am, your AI agent is always on.</p>
                </div>
                <div class="benefit-card fade-in">
                    <span class="benefit-icon">📅</span>
                    <h3>Auto-Book Jobs</h3>
                    <p>Your AI agent checks availability, books appointments directly into your calendar, and sends confirmation SMS to customers — no manual input needed.</p>
                </div>
                <div class="benefit-card fade-in">
                    <span class="benefit-icon">💰</span>
                    <h3>Costs Less Than a Receptionist</h3>
                    <p>At just $197/month, you get 24/7 coverage for less than 2% of the cost of a human receptionist. No sick days, no leave, no overheads.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- How It Works -->
    <section class="how-it-works" id="how-it-works">
        <div class="container">
            <div class="section-header fade-in">
                <h2>Get Started in 10 Minutes</h2>
                <p>No coding required. No complex setup. Just three simple steps to your AI voice agent.</p>
            </div>
            <div class="steps">
                <div class="step fade-in">
                    <div class="step-number">1</div>
                    <h3>Sign Up</h3>
                    <p>Choose your plan and create your account in under 2 minutes.</p>
                </div>
                <div class="step fade-in">
                    <div class="step-number">2</div>
                    <h3>Customise</h3>
                    <p>Tell us about your business, services, and how you want to handle enquiries.</p>
                </div>
                <div class="step fade-in">
                    <div class="step-number">3</div>
                    <h3>Go Live</h3>
                    <p>We connect your AI agent to your phone lines. You're live in 10 minutes.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonial -->
    <section class="testimonial" id="testimonial">
        <div class="container">
            <div class="testimonial-card fade-in">
                <p class="testimonial-quote">Since installing the AI agent, I've not missed a single enquiry. It booked 23 jobs last month alone — jobs that would have gone to someone else. Best investment I've made for my business.</p>
                <div class="testimonial-author">
                    <div class="author-avatar">DM</div>
                    <div class="author-info">
                        <div class="author-name">Dave M.</div>
                        <div class="author-details">Plumber, Glenelg</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="pricing" id="pricing">
        <div class="container">
            <div class="section-header fade-in">
                <h2>Simple, Transparent Pricing</h2>
                <p>No hidden fees. No lock-in contracts. Cancel anytime.</p>
            </div>
            <div class="pricing-grid">
                <div class="pricing-card fade-in">
                    <h3>Essentials</h3>
                    <div class="price">$197<span>/month</span></div>
                    <ul class="pricing-features">
                        <li>200 calls per month</li>
                        <li>1 AI voice agent</li>
                        <li>Business hours (8am-6pm)</li>
                        <li>Calendar integration</li>
                        <li>SMS confirmations</li>
                        <li>Basic reporting</li>
                    </ul>
                    <a href="#" class="pricing-cta">Get Started</a>
                </div>
                <div class="pricing-card featured fade-in">
                    <div class="pricing-badge">Most Popular</div>
                    <h3>Business</h3>
                    <div class="price">$397<span>/month</span></div>
                    <ul class="pricing-features">
                        <li>500 calls per month</li>
                        <li>3 AI voice agents</li>
                        <li>24/7 availability</li>
                        <li>Priority support</li>
                        <li>Advanced voice customisation</li>
                        <li>CRM integration</li>
                        <li>Call transcription</li>
                    </ul>
                    <a href="#" class="pricing-cta">Get Started</a>
                </div>
                <div class="pricing-card fade-in">
                    <h3>Growth</h3>
                    <div class="price">$597<span>/month</span></div>
                    <ul class="pricing-features">
                        <li>Unlimited calls</li>
                        <li>Unlimited AI agents</li>
                        <li>Custom voice training</li>
                        <li>Dedicated account manager</li>
                        <li>Advanced analytics</li>
                        <li>API access</li>
                        <li>White-label options</li>
                    </ul>
                    <a href="#" class="pricing-cta">Get Started</a>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section class="faq" id="faq">
        <div class="container">
            <div class="section-header fade-in">
                <h2>Frequently Asked Questions</h2>
                <p>Everything Adelaide business owners need to know about AI voice agents.</p>
            </div>
            <div class="faq-grid">
                <div class="faq-item fade-in">
                    <div class="faq-question">Will it sound like a robot?</div>
                    <div class="faq-answer">No. Our AI uses natural language processing with an Australian accent. It sounds conversational and professional — customers often don't realise they're speaking to AI.</div>
                </div>
                <div class="faq-item fade-in">
                    <div class="faq-question">Can it handle complex enquiries?</div>
                    <div class="faq-answer">Yes. Your AI agent can be trained on your specific services, pricing, and FAQs. It can answer questions, provide quotes, and book appointments based on availability.</div>
                </div>
                <div class="faq-item fade-in">
                    <div class="faq-question">What if it can't handle a call?</div>
                    <div class="faq-answer">The AI will politely take a message and send it to you via SMS and email. For the Business and Growth plans, you can set up warm transfers to your mobile.</div>
                </div>
                <div class="faq-item fade-in">
                    <div class="faq-question">Do I need special equipment?</div>
                    <div class="faq-answer">No. Your AI agent works with your existing phone number. We handle all the technical integration — you just keep answering calls the way you always have.</div>
                </div>
                <div class="faq-item fade-in">
                    <div class="faq-question">Is my data secure?</div>
                    <div class="faq-answer">Absolutely. We use enterprise-grade encryption and are fully compliant with Australian privacy laws. Your customer data stays in Australia.</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-brand">
                    <h3>🤖 Adelaide Chatbots</h3>
                    <p>Powered by Sunaiva — Australian AI for Australian businesses.</p>
                </div>
                <div class="footer-links">
                    <h4>Product</h4>
                    <ul>
                        <li><a href="#pricing">Pricing</a></li>
                        <li><a href="#how-it-works">How It Works</a></li>
                        <li><a href="#solution">Features</a></li>
                    </ul>
                </div>
                <div class="footer-links">
                    <h4>Company</h4>
                    <ul>
                        <li><a href="https://www.sunaiva.com">Sunaiva</a></li>
                        <li><a href="#">Contact Us</a></li>
                        <li><a href="#">Support</a></li>
                    </ul>
                </div>
                <div class="footer-links">
                    <h4>Contact</h4>
                    <ul>
                        <li>📞 +61 X XXXX XXXX</li>
                        <li>✉ hello@adelaidechatbots.com.au</li>
                        <li>📍 Adelaide, SA</li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>© 2024 Adelaide Chatbots. Powered by Sunaiva. ABN: XX XXX XXX XXX</p>
            </div>
        </div>
    </footer>

    <!-- Widget Embed Placeholder -->
    <div id="sunaiva-widget" data-widget-id="WIDGET_ID"></div>

    <!-- Scripts -->

</body>
</html>
```


Response:
<!DOCTYPE html>
<html lang="en-AU">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI Chatbots for Adelaide Businesses | 24/7 AI Voice Agents</title>
    <meta name="description" content="Never miss another call. Sunaiva's AI Voice Agents handle enquiries 24/7 for Adelaide businesses. Book jobs, answer questions, and grow your business. Starting at $197/mo.">
    <meta name="keywords" content="AI chatbot Adelaide, AI voice agent Adelaide, business chatbot SA, 24/7 answering service Adelaide, AI receptionist Adelaide">
    <meta property="og:title" content="AI Chatbots for Adelaide Businesses | 24/7 AI Voice Agents">
    <meta property="og:description" content="Never miss another call. Sunaiva's AI Voice Agents handle enquiries 24/7 for Adelaide businesses. Starting at $197/mo.">
    <meta property="og:url" content="https://adelaidechatbots.com.au">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://adelaidechatbots.com.au/og-image.jpg">
    <meta name="twitter:card" content="summary_large_image">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel href="https://fonts.gstatic.com="preconnect"" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #15171A;
            --bg-tertiary: #1C1F24;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-green: #10B981;
            --accent-green-hover: #059669;
            --border: #2D3139;
            --gradient-accent: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            background-color: var(--bg-primary);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header */
        header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background: rgba(11, 12, 14, 0.9);
            backdrop-filter: blur(10px);
            z-index: 1000;
            border-bottom: 1px solid var(--border);
        }

        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 0;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .logo span {
            color: var(--accent);
        }

        .nav-links {
            display: flex;
            gap: 32px;
            list-style: none;
        }

        .nav-links a {
            color: var(--text-secondary);
            text-decoration: none;
            font-size: 0.95rem;
            font-weight: 500;
            transition: color 0.2s;
        }

        .nav-links a:hover {
            color: var(--text-primary);
        }

        .nav-cta {
            background: var(--accent);
            color: white;
            padding: 10px 20px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.9rem;
            transition: background 0.2s;
        }

        .nav-cta:hover {
            background: var(--accent-hover);
        }

        /* Hero Section */
        .hero {
            padding: 160px 0 100px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: -50%;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            height: 200%;
            background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.1) 0%, transparent 60%);
            pointer-events: none;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(59, 130, 246, 0.1);
            border: 1px solid rgba(59, 130, 246, 0.3);
            padding: 8px 16px;
            border-radius: 50px;
            font-size: 0.875rem;
            color: var(--accent);
            margin-bottom: 24px;
        }

        .hero h1 {
            font-size: clamp(2.5rem, 5vw, 4rem);
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 24px;
            background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero h1 span {
            background: var(--gradient-accent);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero-subtitle {
            font-size: clamp(1.1rem, 2vw, 1.35rem);
            color: var(--text-secondary);
            max-width: 640px;
            margin: 0 auto 40px;
        }

        .hero-ctas {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .btn-primary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: var(--accent);
            color: white;
            padding: 16px 32px;
            border-radius: 12px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1rem;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
        }

        .btn-primary:hover {
            background: var(--accent-hover);
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
        }

        .btn-secondary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: var(--bg-tertiary);
            color: var(--text-primary);
            padding: 16px 32px;
            border-radius: 12px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1rem;
            transition: all 0.3s ease;
            border: 1px solid var(--border);
        }

        .btn-secondary:hover {
            background: var(--bg-secondary);
            border-color: var(--text-muted);
        }

        /* Trusted By Section */
        .trusted-by {
            padding: 60px 0;
            border-top: 1px solid var(--border);
            border-bottom: 1px solid var(--border);
            background: var(--bg-secondary);
        }

        .trusted-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .trusted-header p {
            color: var(--text-muted);
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .trusted-stats {
            display: flex;
            justify-content: center;
            gap: 60px;
            flex-wrap: wrap;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-size: 3rem;
            font-weight: 700;
            color: var(--accent);
            line-height: 1;
        }

        .stat-label {
            color: var(--text-secondary);
            font-size: 0.95rem;
            margin-top: 8px;
        }

        .review-stars {
            color: #FBBF24;
            font-size: 1.25rem;
            margin-bottom: 8px;
        }

        /* Problem Section */
        .problem {
            padding: 100px 0;
        }

        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-header h2 {
            font-size: clamp(2rem, 4vw, 2.75rem);
            font-weight: 700;
            margin-bottom: 16px;
        }

        .section-header p {
            color: var(--text-secondary);
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
        }

        .problem-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 24px;
        }

        .problem-card {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 32px;
            transition: transform 0.3s ease, border-color 0.3s ease;
        }

        .problem-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent);
        }

        .problem-icon {
            font-size: 2.5rem;
            margin-bottom: 20px;
        }

        .problem-card h3 {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 12px;
        }

        .problem-card p {
            color: var(--text-secondary);
            font-size: 0.95rem;
        }

        .problem-stat {
            display: inline-block;
            background: rgba(239, 68, 68, 0.1);
            color: #EF4444;
            padding: 4px 12px;
            border-radius: 4px;
            font-weight: 600;
            font-size: 0.875rem;
            margin-top: 16px;
        }

        /* Solution Section */
        .solution {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 32px;
        }

        .benefit-card {
            background: var(--bg-primary);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 40px;
            transition: all 0.3s ease;
        }

        .benefit-card:hover {
            border-color: var(--accent-green);
            box-shadow: 0 0 40px rgba(16, 185, 129, 0.1);
        }

        .benefit-icon {
            width: 60px;
            height: 60px;
            background: rgba(16, 185, 129, 0.1);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.75rem;
            margin-bottom: 24px;
        }

        .benefit-card h3 {
            font-size: 1.35rem;
            font-weight: 600;
            margin-bottom: 12px;
        }

        .benefit-card p {
            color: var(--text-secondary);
            font-size: 0.95rem;
        }

        .benefit-card .check {
            color: var(--accent-green);
            margin-right: 8px;
        }

        /* How It Works */
        .how-it-works {
            padding: 100px 0;
        }

        .steps-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px;
            margin-top: 40px;
        }

        .step {
            text-align: center;
            position: relative;
        }

        .step-number {
            width: 48px;
            height: 48px;
            background: var(--accent);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.25rem;
            margin: 0 auto 24px;
        }

        .step h3 {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 12px;
        }

        .step p {
            color: var(--text-secondary);
            font-size: 0.95rem;
        }

        .step-connector {
            position: absolute;
            top: 24px;
            right: -32px;
            width: 64px;
            height: 2px;
            background: var(--border);
        }

        .step:last-child .step-connector {
            display: none;
        }

        /* Testimonials */
        .testimonials {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 24px;
        }

        .testimonial-card {
            background: var(--bg-primary);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 32px;
        }

        .testimonial-stars {
            color: #FBBF24;
            font-size: 1.1rem;
            margin-bottom: 16px;
        }

        .testimonial-text {
            font-size: 1.05rem;
            color: var(--text-secondary);
            line-height: 1.7;
            margin-bottom: 24px;
            font-style: italic;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .author-avatar {
            width: 52px;
            height: 52px;
            background: var(--gradient-accent);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.25rem;
        }

        .author-info h4 {
            font-weight: 600;
            font-size: 1rem;
        }

        .author-info p {
            color: var(--text-muted);
            font-size: 0.875rem;
        }

        .verified-badge {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            color: var(--accent-green);
            font-size: 0.75rem;
            margin-top: 4px;
        }

        /* Pricing Section */
        .pricing {
            padding: 100px 0;
        }

        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 24px;
            max-width: 1000px;
            margin: 0 auto;
        }

        .pricing-card {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 20px;
            padding: 40px 32px;
            transition: all 0.3s ease;
            position: relative;
        }

        .pricing-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent);
        }

        .pricing-card.featured {
            border-color: var(--accent);
            background: linear-gradient(180deg, rgba(59, 130, 246, 0.1) 0%, var(--bg-secondary) 100%);
        }

        .pricing-badge {
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--accent);
            color: white;
            padding: 6px 16px;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .pricing-card h3 {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 8px;
        }

        .pricing-card .desc {
            color: var(--text-muted);
            font-size: 0.9rem;
            margin-bottom: 24px;
        }

        .price {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 8px;
        }

        .price span {
            font-size: 1rem;
            font-weight: 400;
            color: var(--text-muted);
        }

        .per-month {
            color: var(--text-secondary);
            font-size: 0.95rem;
            margin


Response:
<!DOCTYPE html>
<html lang="en-AU">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI Chatbots for Adelaide Businesses | 24/7 AI Voice Agents</title>
    <meta name="description" content="Never miss another call. Sunaiva's AI voice agents answer calls, book jobs and handle enquiries 24/7 for Adelaide businesses. Starting at $197/month.">
    <meta name="keywords" content="AI chatbot Adelaide, AI voice agent, missed calls cost, Adelaide business AI, 24/7 receptionist, AI phone answering">
    <meta property="og:title" content="AI Chatbots for Adelaide Businesses | 24/7 AI Voice Agents">
    <meta property="og:description" content="Never miss another call. Sunaiva's AI voice agents answer calls, book jobs and handle enquiries 24/7 for Adelaide businesses. Starting at $197/month.">
    <meta property="og:url" content="https://adelaidechatbots.com.au">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://adelaidechatbots.com.au/og-image.jpg">
    <meta name="twitter:card" content="summary_large_image">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        *, *::before, *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #15171A;
            --bg-card: #1A1D21;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-green: #10B981;
            --accent-green-hover: #059669;
            --border: #2D3139;
            --radius: 12px;
            --radius-lg: 20px;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            background-color: var(--bg-primary);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Navigation */
        nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background: rgba(11, 12, 14, 0.9);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid var(--border);
            padding: 15px 0;
        }

        .nav-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
            text-decoration: none;
        }

        .logo span {
            color: var(--accent);
        }

        .nav-links {
            display: flex;
            gap: 30px;
            list-style: none;
        }

        .nav-links a {
            color: var(--text-secondary);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
        }

        .nav-links a:hover {
            color: var(--accent);
        }

        .nav-cta {
            background: var(--accent);
            color: white;
            padding: 10px 20px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            transition: background 0.3s;
        }

        .nav-cta:hover {
            background: var(--accent-hover);
        }

        /* Hero Section */
        .hero {
            padding: 160px 0 100px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 800px;
            height: 800px;
            background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
            pointer-events: none;
        }

        .hero-badge {
            display: inline-block;
            background: rgba(59, 130, 246, 0.1);
            border: 1px solid rgba(59, 130, 246, 0.3);
            color: var(--accent);
            padding: 8px 16px;
            border-radius: 50px;
            font-size: 0.875rem;
            font-weight: 500;
            margin-bottom: 24px;
        }

        .hero h1 {
            font-size: clamp(2.5rem, 6vw, 4rem);
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 24px;
            background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero h1 span {
            background: linear-gradient(135deg, var(--accent) 0%, var(--accent-green) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero p {
            font-size: 1.25rem;
            color: var(--text-secondary);
            max-width: 600px;
            margin: 0 auto 40px;
        }

        .hero-buttons {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .btn-primary {
            background: var(--accent);
            color: white;
            padding: 16px 32px;
            border-radius: 10px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .btn-primary:hover {
            background: var(--accent-hover);
            transform: translateY(-2px);
            box-shadow: 0 10px 40px rgba(59, 130, 246, 0.3);
        }

        .btn-secondary {
            background: transparent;
            color: var(--text-primary);
            padding: 16px 32px;
            border-radius: 10px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            border: 1px solid var(--border);
            transition: all 0.3s;
        }

        .btn-secondary:hover {
            border-color: var(--accent);
            background: rgba(59, 130, 246, 0.1);
        }

        /* Problem Section */
        .problem {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-header h2 {
            font-size: clamp(2rem, 4vw, 3rem);
            font-weight: 700;
            margin-bottom: 16px;
        }

        .section-header p {
            color: var(--text-secondary);
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 24px;
            margin-bottom: 60px;
        }

        .stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 32px;
            text-align: center;
            transition: transform 0.3s, border-color 0.3s;
        }

        .stat-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent);
        }

        .stat-number {
            font-size: 3.5rem;
            font-weight: 700;
            color: var(--accent);
            margin-bottom: 8px;
        }

        .stat-label {
            color: var(--text-secondary);
            font-size: 1rem;
        }

        /* ROI Calculator */
        .calculator-section {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 48px;
            max-width: 700px;
            margin: 0 auto;
        }

        .calculator-title {
            text-align: center;
            margin-bottom: 32px;
        }

        .calculator-title h3 {
            font-size: 1.75rem;
            margin-bottom: 8px;
        }

        .calculator-title p {
            color: var(--text-secondary);
        }

        .calculator-form {
            display: grid;
            gap: 24px;
        }

        .form-group {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .form-group label {
            font-weight: 500;
            color: var(--text-secondary);
        }

        .form-group input, .form-group select {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 8px;
            padding: 14px 16px;
            color: var(--text-primary);
            font-size: 1rem;
            font-family: inherit;
            transition: border-color 0.3s;
        }

        .form-group input:focus, .form-group select:focus {
            outline: none;
            border-color: var(--accent);
        }

        .calculator-result {
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%);
            border: 1px solid var(--accent);
            border-radius: var(--radius);
            padding: 32px;
            text-align: center;
            margin-top: 16px;
        }

        .result-label {
            color: var(--text-secondary);
            font-size: 0.9rem;
            margin-bottom: 8px;
        }

        .result-amount {
            font-size: 3rem;
            font-weight: 700;
            color: var(--accent-green);
            margin-bottom: 8px;
        }

        .result-subtext {
            color: var(--text-muted);
            font-size: 0.875rem;
        }

        /* Solution Section */
        .solution {
            padding: 100px 0;
        }

        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 24px;
        }

        .benefit-card {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 40px 32px;
            transition: transform 0.3s, border-color 0.3s;
        }

        .benefit-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent);
        }

        .benefit-icon {
            width: 64px;
            height: 64px;
            background: rgba(59, 130, 246, 0.1);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            margin-bottom: 24px;
        }

        .benefit-card h3 {
            font-size: 1.5rem;
            margin-bottom: 12px;
        }

        .benefit-card p {
            color: var(--text-secondary);
            line-height: 1.7;
        }

        /* How It Works */
        .how-it-works {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .steps-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 32px;
        }

        .step-card {
            position: relative;
            padding: 32px;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
        }

        .step-number {
            position: absolute;
            top: -16px;
            left: 32px;
            width: 40px;
            height: 40px;
            background: var(--accent);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.25rem;
        }

        .step-card h3 {
            font-size: 1.5rem;
            margin-bottom: 12px;
            margin-top: 8px;
        }

        .step-card p {
            color: var(--text-secondary);
        }

        .step-time {
            display: inline-block;
            background: rgba(16, 185, 129, 0.1);
            color: var(--accent-green);
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 0.875rem;
            font-weight: 500;
            margin-top: 16px;
        }

        /* Testimonial */
        .testimonial {
            padding: 100px 0;
        }

        .testimonial-card {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 48px;
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
        }

        .testimonial-quote {
            font-size: 1.5rem;
            font-style: italic;
            color: var(--text-primary);
            margin-bottom: 32px;
            line-height: 1.8;
        }

        .testimonial-quote::before {
            content: '"';
            font-size: 4rem;
            color: var(--accent);
            display: block;
            line-height: 1;
            margin-bottom: 16px;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
        }

        .author-avatar {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, var(--accent) 0%, var(--accent-green) 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            font-weight: 700;
        }

        .author-info h4 {
            font-size: 1.1rem;
            margin-bottom: 4px;
        }

        .author-info p {
            color: var(--text-muted);
            font-size: 0.9rem;
        }

        /* Pricing Section */
        .pricing {
            padding: 100px 0;
            background: var(--bg-secondary);
        }

        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 24px;
            max-width: 1000px;
            margin: 0 auto;
        }

        .pricing-card {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 40px 32px;
            position: relative;
            transition: transform 0.3s, border-color 0.3s;
        }

        .pricing-card:hover {
            transform: translateY(-4px);
        }

        .pricing-card.featured {
            border-color: var(--accent);
            background: linear-gradient(180deg, rgba(59, 130, 246, 0.05) 0%, var(--bg-card) 100%);
        }

        .pricing-badge {
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--accent);
            color: white;
            padding: 6px 16px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
        }

        .pricing-card h3 {
            font-size: 1.5rem;
            margin-bottom: 8px;
        }

        .pricing-price {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 8px;
        }

        .pricing-price span {
            font-size: 1rem;
            color: var(--text-muted);
            font-weight:


Response:
<!DOCTYPE html>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI Chatbots for Adelaide Businesses | 24/7 AI Voice Agents</title>
    <meta name="description" content="Never miss a call again. Adelaide's AI voice agent handles enquiries, books jobs & answers questions 24/7. Starting at $197/mo. Get your AI receptionist today.">
    <meta name="keywords" content="AI chatbot Adelaide, AI voice agent, AI receptionist, 24/7 answering service, Adelaide business, tradie AI, small business automation">
    <meta property="og:title" content="AI Chatbots for Adelaide Businesses | 24/7 AI Voice Agents">
    <meta property="og:description" content="Never miss a call again. Adelaide's AI voice agent handles enquiries, books jobs & answers questions 24/7. Starting at $197/mo.">
    <meta property="og:url" content="https://adelaidechatbots.com.au">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://adelaidechatbots.com.au/og-image.jpg">
    <meta name="twitter:card" content="summary_large_image">
    <link rel="canonical" href="https://adelaidechatbots.com.au">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">

            AdelaideChatbots

Why It Matters

How It Works

Pricing

FAQ

            Get Started

AI Chatbots for Adelaide Businesses

Never miss another enquiry. Your AI voice agent works 24/7 to answer calls, book jobs and handle customer enquiries — even when you're busy on a job or after hours.

                🚀 Get Your AI Agent
                See How It Works

Missed Calls Cost Adelaide Businesses Big

The Adelaide small business economy is losing thousands of dollars every year to missed calls. Here's why it matters locally.

62%

of calls to small businesses go unanswered (BIA/Kelsey Research)

$2.4K

average annual cost in lost revenue per missed enquiry for Adelaide tradies

75%

of callers won't leave a voicemail — they call your competitor instead

Which Solution Works Best?

See how Sunaiva's AI Voice Agent stacks up against traditional options.

                            Feature
                            🤖 AI Voice Agent
                            👤 Human Receptionist
                            📧 Voicemail Only
                            📞 Answering Service

                            24/7 Availability
                            ✓ WINNER
                            ✗
                            ✓
                            ✓

                            Instant Response
                            ✓ WINNER
                            ✓
                            ✗
                            ✓

                            Book Jobs Directly
                            ✓ WINNER
                            ✓
                            ✗
                            ✓

                            Cost per Month
                            $197 WINNER
                            $5,000+
                            Free
                            $400-800

                            Never Takes Sick Days
                            ✓ WINNER
                            ✗
                            ✓
                            ✓

                            Consistent Quality
                            ✓ WINNER
                            ✗
                            ✓
                            ✓

How Sunaiva Solves Your Missed Call Problem

Your AI voice agent handles enquiries professionally, 24 hours a day, 7 days a week.

📞

Never Miss a Call

Every call gets answered instantly. Whether it's 2pm or 2am, your AI agent is ready to help callers with enquiries, directions, and booking requests.

📅

Auto-Book Jobs

Your AI agent can check your calendar, book appointments, and confirm details — all without you lifting a finger. Integrates with your existing booking system.

💰

Costs Less Than a Receptionist

Starting at just $197/month, you get 24/7 coverage for a fraction of the cost of a human receptionist. That's less than $7 per day for round-the-clock service.

Get Live in 10 Minutes

No coding required. Your AI voice agent can be up and running in under 10 minutes.

1

Sign Up

Choose your plan and create your account. Takes just 2 minutes to get started.

2

Customise

Tell us about your business, services, and how you want calls handled. We'll configure your AI agent.

3

Go Live

Forward your business number to our AI system. Within minutes, your 24/7 agent is ready to answer calls.

★★★★★

"Since getting Sunaiva, I've booked an extra 3-4 jobs a week that I would've missed. The AI books them straight into my calendar. Best investment I've made for my plumbing business."

DM

Dave M.

Plumber, Glenelg

Simple, Transparent Pricing

No hidden fees. No lock-in contracts. Cancel anytime.

Essentials

$197/mo

Perfect for small businesses

✓ 200 calls per month

✓ 1 AI voice agent

✓ Business hours (8am-6pm)

✓ Calendar integration

✓ Basic call handling

                    Get Started

                    Most Popular

Business

$397/mo

For growing businesses

✓ 500 calls per month

✓ 3 AI voice agents

✓ 24/7 availability

✓ Priority support

✓ Custom voice greeting

✓ CRM integration

                    Get Started

Growth

$597/mo

For larger operations

✓ Unlimited calls

✓ Unlimited AI agents

✓ 24/7 availability

✓ Custom voice training

✓ Dedicated account manager

✓ Advanced analytics

✓ API access

                    Get Started

Frequently Asked Questions

Everything Adelaide business owners need to know about AI voice agents.

                        How does the AI agent sound? Is it natural?
                        +

Sunaiva uses advanced AI with natural Australian accents. The voice sounds conversational and professional — not robotic. Callers often can't tell they're speaking to an AI.

                        Can it handle my specific business requirements?
                        +

Yes! We customise every AI agent to your business. Whether you need job booking, quote requests, appointment scheduling, or FAQs answered — we configure it all to match your processes.

                        What happens if the AI can't answer a question?
                        +

The AI will politely take a message and send it to you via SMS and email. For urgent matters, it can transfer to your mobile phone. You stay in complete control.

                        Do I need to keep my existing business phone number?
                        +

Yes! You keep your existing number. Simply forward your calls to our AI system. Your customers will still dial your familiar number — no need to change your marketing materials.

                        Is there a setup fee or contract?
                        +

No setup fees and no long-term contracts. You're on a month-to-month basis. Cancel anytime with 30 days notice. We believe in earning your business every month.

AdelaideChatbots

AI-powered voice solutions for Adelaide businesses. Never miss another call.

Quick Links

Why It Matters

How It Works

Pricing

FAQ

Contact

+61 8 XXXX XXXX

hello@adelaidechatbots.com.au

Legal

Privacy Policy

Terms of Service

Cookie Policy

© 2024 AdelaideChatbots.com.au — Powered by Sunaiva

ABN: XX XXX XXX XXX