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 Sunshine Coast Businesses | 24/7 AI Voice Agents</title>
    <meta name="description" content="Never miss a call again. Sunaiva's AI Voice Agents handle enquiries, book jobs, and answer questions 24/7 for Sunshine Coast businesses. Starting at $197/month.">
    <meta name="keywords" content="AI chatbot Sunshine Coast, AI voice agent Sunshine Coast, AI receptionist Maroochydore, automated booking system Caloundra, AI for tradies Queensland">
    <meta name="author" content="Sunaiva">
    <meta name="robots" content="index, follow">

    <!-- Open Graph -->
    <meta property="og:title" content="AI Chatbots for Sunshine Coast Businesses | 24/7 AI Voice Agents">
    <meta property="og:description" content="Never miss a call again. Sunaiva's AI Voice Agents handle enquiries, book jobs, and answer questions 24/7 for Sunshine Coast businesses.">
    <meta property="og:url" content="https://sunshinecoastchatbots.com.au">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://sunshinecoastchatbots.com.au/og-image.jpg">
    <meta property="og:site_name" content="Sunaiva Sunshine Coast">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="AI Chatbots for Sunshine Coast Businesses">
    <meta name="twitter:description" content="Never miss a call again. 24/7 AI Voice Agents for Sunshine Coast businesses.">

    <!-- Canonical -->
    <link rel="canonical" href="https://sunshinecoastchatbots.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: #151619;
            --bg-tertiary: #1C1E22;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-glow: rgba(59, 130, 246, 0.4);
            --green: #10B981;
            --green-hover: #059669;
            --gradient-1: #3B82F6;
            --gradient-2: #8B5CF6;
            --gradient-3: #06B6D4;
            --border: #2D2F35;
            --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: var(--bg-primary);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Container */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* Navigation */
        nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            background: rgba(11, 12, 14, 0.85);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid var(--border);
            padding: 16px 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;
            display: flex;
            align-items: center;
            gap: 8px;
        }

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

        .nav-links {
            display: flex;
            gap: 32px;
            align-items: center;
        }

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

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

        .nav-cta {
            background: var(--accent);
            color: white !important;
            padding: 10px 20px;
            border-radius: 8px;
            font-weight: 500;
            transition: all 0.2s;
        }

        .nav-cta:hover {
            background: var(--accent-hover);
            transform: translateY(-1px);
        }

        /* Hero Section */
        .hero {
            min-height: 80vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            padding: 120px 24px 80px;
        }

        .hero-bg {
            position: absolute;
            inset: 0;
            background:
                radial-gradient(ellipse 80% 50% at 50% -20%, rgba(59, 130, 246, 0.15), transparent),
                radial-gradient(ellipse 60% 40% at 80% 60%, rgba(139, 92, 246, 0.1), transparent),
                radial-gradient(ellipse 50% 30% at 20% 80%, rgba(6, 182, 212, 0.08), transparent);
            animation: bgPulse 8s ease-in-out infinite;
        }

        @keyframes bgPulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.7; }
        }

        .hero-grid {
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px);
            background-size: 60px 60px;
            mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black, transparent);
        }

        .hero-content {
            position: relative;
            text-align: center;
            max-width: 900px;
            z-index: 1;
        }

        .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: 100px;
            font-size: 0.875rem;
            color: var(--accent);
            margin-bottom: 24px;
            animation: fadeInUp 0.6s ease-out;
        }

        .hero-badge::before {
            content: '';
            width: 8px;
            height: 8px;
            background: var(--green);
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        .hero h1 {
            font-size: clamp(2.5rem, 6vw, 4.5rem);
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 24px;
            animation: fadeInUp 0.6s ease-out 0.1s both;
        }

        .hero h1 .gradient-text {
            background: linear-gradient(135deg, var(--accent) 0%, var(--gradient-2) 50%, var(--gradient-3) 100%);
            -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;
            animation: fadeInUp 0.6s ease-out 0.2s both;
        }

        .hero-ctas {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap;
            animation: fadeInUp 0.6s ease-out 0.3s both;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 16px 32px;
            border-radius: 10px;
            font-size: 1rem;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.2s;
            cursor: pointer;
            border: none;
        }

        .btn-primary {
            background: var(--accent);
            color: white;
            box-shadow: 0 4px 20px var(--accent-glow);
        }

        .btn-primary:hover {
            background: var(--accent-hover);
            transform: translateY(-2px);
            box-shadow: 0 6px 30px var(--accent-glow);
        }

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

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

        .hero-stats {
            display: flex;
            justify-content: center;
            gap: 48px;
            margin-top: 64px;
            flex-wrap: wrap;
            animation: fadeInUp 0.6s ease-out 0.4s both;
        }

        .stat {
            text-align: center;
        }

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

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

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Sections */
        section {
            padding: 100px 0;
        }

        .section-header {
            text-align: center;
            max-width: 700px;
            margin: 0 auto 64px;
        }

        .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;
        }

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

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

        .problem-card {
            background: var(--bg-primary);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 32px;
            transition: all 0.3s;
        }

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

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

        .problem-card h3 {
            font-size: 1.25rem;
            margin-bottom: 12px;
            color: var(--text-primary);
        }

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

        .problem-stat {
            font-size: 2.5rem;
            font-weight: 700;
            color: #EF4444;
            margin-top: 16px;
        }

        /* Solution Section */
        .solution-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 32px;
        }

        .solution-card {
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            padding: 40px 32px;
            text-align: center;
            transition: all 0.3s;
        }

        .solution-card:hover {
            border-color: var(--green);
            transform: translateY(-4px);
            box-shadow: 0 20px 40px rgba(16, 185, 129, 0.1);
        }

        .solution-icon {
            width: 72px;
            height: 72px;
            background: linear-gradient(135deg, var(--green), #059669);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            margin: 0 auto 24px;
        }

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

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

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

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

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

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

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

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

        .step-arrow {
            position: absolute;
            top: 32px;
            right: -20px;
            font-size: 2rem;
            color: var(--text-muted);
            display: none;
        }

        @media (min-width: 900px) {
            .step:nth-child(1) .step-arrow { display: block; }
            .step:nth-child(2) .step-arrow { display: block; }
        }

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

        .testimonial-stars {
            font-size: 1.5rem;
            margin-bottom: 24px;
        }

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

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

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

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

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

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

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

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

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

        .pricing-card.featured {
            border-color: var(--accent);
            box-shadow: 0 0 60px rgba(59, 130, 246, 0.15);
        }

        .pricing-badge {
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--accent);
            color: white;
            padding: 6px 16px;
            border-radius: 100px;
            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: 16px 0;
        }

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

        .pricing-features {
            list-style: none;
            margin: 24px 0 32px;
        }

        .pricing-features li {
            padding: 12px 0;
            border-bottom: 1px solid var(--border);
            color: var(--text-secondary);
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .pricing-features li:last-child {
            border-bottom: none;
        }

        .pricing-features .check {
            color: var(--green);
            font-weight: 700;
        }

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

        /* FAQ */
        .faq-list {
            max-width: 800px;
            margin: 0 auto;
        }

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

        .faq-question {
            width: 100%;
            background: none;
            border: none;
            padding: 24px;
            text-align: left;
            color: var(--text-primary);
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: inherit;
        }

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

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

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }

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

        .faq-item.active .faq-answer {
            max-height: 300px;
        }

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

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

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

        .footer-col a {
            display: block;
            color: var(--text-secondary);
            text-decoration: none;
            padding: 8px 0;
            transition: color 0.2s;
        }

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

        .footer-bottom {
            text-align: center;
            padding-top: 32px;
            border-top: 1px solid var(--border);
        }

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

        .footer-brand {
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 12px;
        }

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

        /* Scroll animations */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease-out;
        }

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

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

        @media (max-width: 768px) {
            .nav-links {
                display: none;
            }

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

            .hero {
                min-height: 85vh;
                padding: 100px 20px 60px;
            }

            .hero-stats {
                gap: 24px;
            }

            .stat-value {
                font-size: 1.5rem;
            }

            section {
                padding: 60px 0;
            }

            .testimonial-card {
                padding: 32px 24px;
            }

            .pricing-card {
                padding: 32px 24px;
            }
        }
    </style>
</head>
<body>
    <!-- Navigation -->
    <nav>
        <div class="container nav-content">
            <a href="/" class="logo">Sunaiva<span>.</span></a>
            <div class="nav-links">
                <a href="#problem">Why AI</a>
                <a href="#solution">Features</a>
                <a href="#how-it-works">How It Works</a>
                <a href="#pricing">Pricing</a>
                <a href="#faq">FAQ</a>
                <a href="#pricing" class="nav-cta">Get Started</a>
            </div>
            <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-grid"></div>
        <div class="hero-content">
            <div class="hero-badge">
                <span>Now Available on the Sunshine Coast</span>
            </div>
            <h1>AI Chatbots for <span class="gradient-text">Sunshine Coast Businesses</span></h1>
            <p class="hero-subtitle">Never miss another enquiry. Our AI voice agents answer calls 24/7, book jobs, and handle customer questions — all while you focus on running your business.</p>
            <div class="hero-ctas">
                <a href="#pricing" class="btn btn-primary">Get Your AI Agent →</a>
                <a href="#how-it-works" class="btn btn-secondary">See How It Works</a>
            </div>
            <div class="hero-stats">
                <div class="stat">
                    <div class="stat-value">62%</div>
                    <div class="stat-label">Calls Missed by Small Biz</div>
                </div>
                <div class="stat">
                    <div class="stat-value">$197</div>
                    <div class="stat-label">Per Month (vs $30K+ receptionist)</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>Is Your Sunshine Coast Business Missing Calls?</h2>
                <p>Every missed call is a lost customer. Here's what that means for local businesses.</p>
            </div>
            <div class="problem-grid">
                <div class="problem-card fade-in">
                    <div class="problem-icon">📞</div>
                    <h3>Missed Enquiries</h3>
                    <p>62% of calls to small businesses go unanswered. That's more than half your potential customers hanging up and calling your competitor.</p>
                    <div class="problem-stat">62%</div>
                </div>
                <div class="problem-card fade-in">
                    <div class="problem-icon">💸</div>
                    <h3>Lost Revenue</h3>
                    <p>With the Sunshine Coast economy generating billions annually, each missed call could cost you anywhere from a simple enquiry to a $5,000+ job.</p>
                    <div class="problem-stat">$12K+</div>
                </div>
                <div class="problem-card fade-in">
                    <div class="problem-icon">🌴</div>
                    <h3>After-Hours Gap</h3>
                    <p>Sunshine Coast locals work late and shop on weekends. But most businesses close at 5pm — missing all those after-hours enquiries.</p>
                    <div class="problem-stat">68%</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 works around the clock so you never miss a opportunity.</p>
            </div>
            <div class="solution-grid">
                <div class="solution-card fade-in">
                    <div class="solution-icon">🤖</div>
                    <h3>Natural Conversations</h3>
                    <p>Our AI sounds like a real Australian — conversational, friendly, and professional. It understands context and handles complex queries effortlessly.</p>
                </div>
                <div class="solution-card fade-in">
                    <div class="solution-icon">📅</div>
                    <h3>Instant Bookings</h3>
                    <p>Your AI agent can check availability, book appointments, and confirm jobs — all without your involvement. Syncs with your existing calendar.</p>
                </div>
                <div class="solution-card fade-in">
                    <div class="solution-icon">💰</div>
                    <h3>Fraction of the Cost</h3>
                    <p>At $197/month, you get 24/7 coverage for less than 1% of a receptionist's annual salary. No holidays, sick days, or overtime.</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, no complex setup. Just three simple steps.</p>
            </div>
            <div class="steps">
                <div class="step fade-in">
                    <div class="step-number">1</div>
                    <span class="step-arrow">→</span>
                    <h3>Sign Up</h3>
                    <p>Choose your plan and create your account. Takes less than 2 minutes.</p>
                </div>
                <div class="step fade-in">
                    <div class="step-number">2</div>
                    <span class="step-arrow">→</span>
                    <h3>Customise</h3>
                    <p>Tell us about your business, services, and how you want to handle enquiries. Our AI learns your processes.</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. You're live in minutes.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonial -->
    <section class="testimonial" id="testimonials">
        <div class="container">
            <div class="testimonial-card fade-in">
                <div class="testimonial-stars">⭐⭐⭐⭐⭐</div>
                <p class="testimonial-text">"Since installing Sunaiva on my website, I've booked an extra 8-10 jobs per month that I would've otherwise missed. The AI handles my after-hours calls and even schedules the appointments straight into my calendar. Best investment I've made for my plumbing business."</p>
                <div class="testimonial-author">
                    <div class="testimonial-avatar">DM</div>
                    <div class="testimonial-info">
                        <h4>Dave M.</h4>
                        <p>Plumber, Maroochydore</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing -->
    <section class="pricing" id="pricing">
        <div class="container">
            <div class="section-header fade-in">
                <h2>Simple, Transparent Pricing</h2>
                <p>No hidden fees. No long-term contracts. Cancel anytime.</p>
            </div>
            <div class="pricing-grid">
                <div class="pricing-card fade-in">
                    <h3>Essentials</h3>
                    <div class="pricing-price">$197<span>/mo</span></div>
                    <ul class="pricing-features">
                        <li><span class="check">✓</span> 200 calls/month</li>
                        <li><span class="check">✓</span> 1 AI Agent</li>
                        <li><span class="check">✓</span> Business hours (8am-6pm)</li>
                        <li><span class="check">✓</span> Calendar integration</li>
                        <li><span class="check">✓</span> Basic reporting</li>
                    </ul>
                    <a href="#contact" class="btn btn-secondary">Get Started</a>
                </div>
                <div class="pricing-card featured fade-in">
                    <div class="pricing-badge">Most Popular</div>
                    <h3>Business</h3>
                    <div class="pricing-price">$397<span>/mo</span></div>
                    <ul class="pricing-features">
                        <li><span class="check">✓</span> 500 calls/month</li>
                        <li><span class="check">✓</span> 3 AI Agents</li>
                        <li><span class="check">✓</span> 24/7 availability</li>
                        <li><span class="check">✓</span> Priority support</li>
                        <li><span class="check">✓</span> Advanced analytics</li>
                        <li><span class="check">✓</span> Custom voice greeting</li>
                    </ul>
                    <a href="#contact" class="btn btn-primary">Get Started</a>
                </div>
                <div class="pricing-card fade-in">
                    <h3>Growth</h3>
                    <div class="pricing-price">$597<span>/mo</span></div>
                    <ul class="pricing-features">
                        <li><span class="check">✓</span> Unlimited calls</li>
                        <li><span class="check">✓</span> Unlimited AI Agents</li>
                        <li><span class="check">✓</span> 24/7 availability</li>
                        <li><span class="check">✓</span> Dedicated account manager</li>
                        <li><span class="check">✓</span> Custom voice training</li>
                        <li><span class="check">✓</span> API access</li>
                    </ul>
                    <a href="#contact" class="btn btn-secondary">Get Started</a>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ -->
    <section class="faq" id="faq">
        <div class="container">
            <div class="section-header fade-in">
                <h2>Frequently Asked Questions</h2>
                <p>Everything Sunshine Coast business owners need to know.</p>
            </div>
            <div class="faq-list">
                <div class="faq-item fade-in">
                    <button class="faq-question">Will the AI sound natural?</button>
                    <div class="faq-answer">
                        <div class="faq-answer-content">Yes! Our AI uses advanced natural language processing with an Australian accent. It handles pauses, interruptions, and context switches naturally. Most callers can't tell they're speaking with an AI.</div>
                    </div>
                </div>
                <div class="faq-item fade-in">
                    <button class="faq-question">What if the AI can't answer a question?</button>
                    <div class="faq-answer">
                        <div class="faq-answer-content">The AI will politely take a message, book a callback, or transfer to your mobile — depending on your preferences. You'll always know when you need to step in.</div>
                    </div>
                </div>
                <div class="faq-item fade-in">
                    <button class="faq-question">Can it integrate with my existing systems?</button>
                    <div class="faq-answer">
                        <div class="faq-answer-content">Absolutely. Sunaiva integrates with popular calendar apps (Google Calendar, Outlook, Calendly), CRM systems, and can send booking details via email or SMS.</div>
                    </div>
                </div>
                <div class="faq-item fade-in">
                    <button class="faq-question">Do I need any technical skills to set it up?</button>
                    <div class="faq-answer">
                        <div class="faq-answer-content">Not at all. Our setup wizard guides you through the entire process. Most customers are up and running in under 10 minutes. Just tell us about your business and we'll handle the rest.</div>
                    </div>
                </div>
                <div class="faq-item fade-in">
                    <button class="faq-question">Is there a free trial?</button>
                    <div class="faq-answer">
                        <div class="faq-answer-content">Yes! We offer a 7-day free trial on all plans so you can experience the full capabilities of Sunaiva before committing. No credit card required to start.</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-grid">
                <div class="footer-col">
                    <div class="footer-brand">Powered by <span>Sunaiva</span></div>
                    <p style="color: var(--text-secondary); font-size: 0.9rem; margin-top: 12px;">AI Voice Agents and Chatbots for Australian businesses. Never miss a call again.</p>
                </div>
                <div class="footer-col">
                    <h4>Products</h4>
                    <a href="#pricing">AI Voice Agents</a>
                    <a href="#pricing">Chat Widgets</a>
                    <a href="#pricing">Pricing</a>
                </div>
                <div class="footer-col">
                    <h4>Company</h4>
                    <a href="#">About Us</a>
                    <a href="#">Contact</a>
                    <a href="#">Privacy Policy</a>
                </div>
                <div class="footer-col">
                    <h4>Contact</h4>
                    <p style="color: var(--text-secondary);">📞 +61 7 XXXX XXXX</p>
                    <p style="color: var(--text-secondary);">✉ hello@sunaiva.com.au</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>© 2024 Sunaiva. All rights reserved. ABN: XX XXX XXX XXX</p>
            </div>
        </div>
    </footer>

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

    <!-- Schema.org LocalBusiness JSON-LD -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "name": "Sunaiva - Sunshine Coast",
        "description": "AI Voice Agents and Chatbots for Sunshine Coast Businesses. 24/7 automated reception, booking, and enquiry handling.",
        "url": "https://sunshinecoastchatbots.com.au",
        "telephone": "+61-7-XXXX-XXXX",
        "email": "hello@sunaiva.com.au",
        "areaServed": {
            "@type": "Place",
            "name": "Sunshine Coast, Queensland"
        },
        "serviceType": ["AI Voice Agent", "Chatbot", "Virtual Receptionist"],
        "priceRange": "$$",
        "openingHours": "Mo-Su 00:00-24:00",
        "address": {
            "@type": "PostalAddress",
            "addressLocality": "Sunshine Coast",
            "addressRegion": "QLD",
            "addressCountry": "AU"
        }
    }
    </script>

    <!-- Scripts -->
    <script>
        // Intersection Observer for scroll 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);
        });

        // FAQ accordion
        document.querySelectorAll('.faq-question').forEach(btn => {
            btn.addEventListener('click', () => {
                const item = btn.parentElement;
                const isActive = item.classList.contains('active');

                // Close all
                document.querySelectorAll('.faq-item').forEach(i => {
                    i.classList.remove('active');
                });

                // Open clicked if it wasn't active
                if (!isActive) {
                    item.classList.add('active');
                }
            });
        });

        // 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:
<!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 Sunshine Coast Businesses | 24/7 AI Voice Agents</title>
    <meta name="description" content="Never miss another call. Sunaiva's AI voice agents answer calls 24/7, book jobs, and handle enquiries for Sunshine Coast businesses. Starting at $197/month. Get your free quote today.">
    <meta name="keywords" content="AI chatbot Sunshine Coast, AI voice agent Sunshine Coast, AI receptionist Queensland, automated call handling Sunshine Coast, AI booking system">
    <meta name="author" content="Sunaiva">
    <meta property="og:title" content="AI Chatbots for Sunshine Coast Businesses | 24/7 AI Voice Agents">
    <meta property="og:description" content="Never miss another call. Sunaiva's AI voice agents answer calls 24/7, book jobs, and handle enquiries for Sunshine Coast businesses.">
    <meta property="og:url" content="https://sunshinecoastchatbots.com.au">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://sunshinecoastchatbots.com.au/og-image.jpg">
    <meta name="twitter:card" content="summary_large_image">
    <link rel="canonical" href="https://sunshinecoastchatbots.com.au">

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "name": "Sunaiva - Sunshine Coast AI Chatbots",
        "description": "AI voice agents and chatbots for Sunshine Coast businesses",
        "url": "https://sunshinecoastchatbots.com.au",
        "telephone": "+61XXXXXXXXXX",
        "priceRange": "$$$",
        "address": {
            "@type": "PostalAddress",
            "addressLocality": "Sunshine Coast",
            "addressRegion": "QLD",
            "addressCountry": "AU"
        },
        "areaServed": {
            "@type": "GeoCircle",
            "geoMidpoint": {
                "@type": "GeoCoordinates",
                "latitude": -26.6500,
                "longitude": 153.0667
            },
            "geoRadius": "50000"
        },
        "serviceType": ["AI Voice Agent", "AI Chatbot", "Automated Call Handling"],
        "openingHoursSpecification": {
            "@type": "OpeningHoursSpecification",
            "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
            "opens": "09:00",
            "closes": "17:00"
        }
    }
    </script>

    <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: #1C1F2E;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-green: #10B981;
            --accent-green-hover: #059669;
            --border: #2D3748;
            --shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
            --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;
        }

        .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: 16px 0;
            transition: all 0.3s ease;
        }

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

        .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;
            align-items: center;
            gap: 32px;
            list-style: none;
        }

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

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

        .nav-cta {
            background: var(--accent);
            color: white !important;
            padding: 10px 20px;
            border-radius: 8px;
            font-weight: 600;
            transition: all 0.2s;
        }

        .nav-cta:hover {
            background:);
            transform: var(--accent-hover translateY(-2px);
        }

        /* Hero Section */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding: 120px 0 80px;
            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-content {
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
        }

        .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, 6vw, 4rem);
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 24px;
            letter-spacing: -0.02em;
        }

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

        .hero p {
            font-size: 1.25rem;
            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;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 16px 32px;
            border-radius: 10px;
            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(-3px);
            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 {
            background: var(--bg-card);
            border-color: var(--text-muted);
        }

        /* Trust indicators */
        .trust-bar {
            margin-top: 60px;
            padding-top: 40px;
            border-top: 1px solid var(--border);
        }

        .trust-bar p {
            font-size: 0.875rem;
            color: var(--text-muted);
            margin-bottom: 20px;
        }

        .trust-logos {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
            opacity: 0.6;
        }

        .trust-logo {
            font-size: 1.25rem;
            font-weight: 600;
            color: var(--text-muted);
            white-space: nowrap;
        }

        /* Section styling */
        section {
            padding: 100px 0;
        }

        .section-header {
            text-align: center;
            max-width: 700px;
            margin: 0 auto 60px;
        }

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

        .section-header p {
            font-size: 1.125rem;
            color: var(--text-secondary);
        }

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

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

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

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

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

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

        .stat-source {
            font-size: 0.75rem;
            color: var(--text-muted);
        }

        /* Solution Section */
        .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: all 0.3s ease;
        }

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

        .benefit-icon {
            width: 64px;
            height: 64px;
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.05));
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.75rem;
            margin-bottom: 24px;
        }

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

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

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

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

        .steps-container::before {
            content: '';
            position: absolute;
            top: 60px;
            left: 15%;
            right: 15%;
            height: 2px;
            background: linear-gradient(90deg, var(--accent), var(--accent-green));
            opacity: 0.3;
            display: none;
        }

        @media (min-width: 992px) {
            .steps-container::before {
                display: block;
            }
        }

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

        .step-number {
            width: 80px;
            height: 80px;
            background: var(--bg-card);
            border: 2px solid var(--accent);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            font-weight: 700;
            color: var(--accent);
            margin: 0 auto 24px;
            position: relative;
            z-index: 1;
        }

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

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

        /* Testimonials */
        .testimonials {
            background: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
        }

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

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

        .stars {
            color: #FBBF24;
            font-size: 1.25rem;
            margin-bottom: 20px;
            letter-spacing: 4px;
        }

        .testimonial-text {
            font-size: 1.25rem;
            line-height: 1.8;
            margin-bottom: 32px;
            font-style: italic;
        }

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

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

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

        .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 */
        .pricing {
            background: var(--bg-secondary);
        }

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

        .pricing-card {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-lg);
            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)


Response:
<!DOCTYPE html>
<html lang="en-AU">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="AI Chatbots for Sunshine Coast Businesses. Never miss a call again. 24/7 AI voice agents that answer calls, book jobs, and handle enquiries. Starting at $197/month.">
    <meta name="keywords" content="AI chatbot Sunshine Coast, AI voice agent Sunshine Coast, AI receptionist Sunshine Coast, chatbot for tradies, AI booking system">
    <meta property="og:title" content="AI Chatbots for Sunshine Coast Businesses | Never Miss a Call">
    <meta property="og:description" content="24/7 AI voice agents that answer calls, book jobs, and handle enquiries. Starting at $197/month. Save $27,000+ per year vs a human receptionist.">
    <meta property="og:url" content="https://sunshinecoastchatbots.com.au">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://sunshinecoastchatbots.com.au/og-image.jpg">
    <meta name="twitter:card" content="summary_large_image">
    <title>AI Chatbots for Sunshine Coast Businesses | Sunaiva</title>
    <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>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #151720;
            --bg-card: #1a1d28;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent-blue: #3B82F6;
            --accent-blue-hover: #2563EB;
            --accent-green: #10B981;
            --accent-green-hover: #059669;
            --border-color: #2D3748;
            --shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
        }

        * {
            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;
        }

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

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

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

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

        .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-blue);
        }

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

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

        /* Hero Section */
        .hero {
            padding: 160px 0 100px;
            text-align: center;
            background: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
            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.1) 0%, transparent 70%);
            pointer-events: none;
        }

        .hero h1 {
            font-size: clamp(2.5rem, 5vw, 4rem);
            font-weight: 700;
            margin-bottom: 20px;
            line-height: 1.2;
        }

        .hero h1 span {
            color: var(--accent-blue);
        }

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

        .hero-cta {
            display: inline-block;
            background: var(--accent-blue);
            color: white;
            padding: 18px 40px;
            border-radius: 10px;
            font-size: 1.1rem;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s;
            box-shadow: 0 4px 20px rgba(59, 130, 246, 0.4);
        }

        .hero-cta:hover {
            background: var(--accent-blue-hover);
            transform: translateY(-2px);
            box-shadow: 0 6px 30px rgba(59, 130, 246, 0.5);
        }

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

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

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

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

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

        .section-title {
            text-align: center;
            font-size: clamp(2rem, 4vw, 2.5rem);
            margin-bottom: 20px;
        }

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

        /* ROI Calculator */
        .roi-calculator {
            background: var(--bg-card);
            border-radius: 20px;
            padding: 40px;
            max-width: 700px;
            margin: 0 auto;
            border: 1px solid var(--border-color);
            box-shadow: var(--shadow);
        }

        .roi-calculator h3 {
            text-align: center;
            margin-bottom: 30px;
            font-size: 1.5rem;
        }

        .calc-input-group {
            margin-bottom: 25px;
        }

        .calc-input-group label {
            display: block;
            margin-bottom: 10px;
            font-weight: 500;
            color: var(--text-secondary);
        }

        .calc-input-group input {
            width: 100%;
            padding: 15px;
            border-radius: 10px;
            border: 1px solid var(--border-color);
            background: var(--bg-primary);
            color: var(--text-primary);
            font-size: 1rem;
            transition: border-color 0.3s;
        }

        .calc-input-group input:focus {
            outline: none;
            border-color: var(--accent-blue);
        }

        .calc-result {
            background: linear-gradient(135deg, var(--accent-blue), var(--accent-green));
            border-radius: 15px;
            padding: 30px;
            text-align: center;
            margin-top: 30px;
        }

        .calc-result-value {
            font-size: 3rem;
            font-weight: 700;
            color: white;
        }

        .calc-result-label {
            color: rgba(255, 255, 255, 0.9);
            margin-top: 5px;
        }

        .calc-savings {
            text-align: center;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid var(--border-color);
        }

        .calc-savings p {
            color: var(--text-secondary);
        }

        .calc-savings strong {
            color: var(--accent-green);
            font-size: 1.3rem;
        }

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

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

        .benefit-card {
            background: var(--bg-card);
            border-radius: 16px;
            padding: 35px;
            border: 1px solid var(--border-color);
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .benefit-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow);
        }

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

        .benefit-card h3 {
            font-size: 1.3rem;
            margin-bottom: 15px;
        }

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

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

        .steps-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 40px;
            margin-top: 50px;
        }

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

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

        .step h3 {
            margin-bottom: 15px;
        }

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

        .step-connector {
            display: none;
        }

        @media (min-width: 900px) {
            .step-connector {
                display: block;
                position: absolute;
                top: 30px;
                left: calc(50% + 50px);
                width: calc(100% - 100px);
                height: 2px;
                background: var(--border-color);
            }
        }

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

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

        .testimonial-quote {
            font-size: 4rem;
            color: var(--accent-blue);
            opacity: 0.5;
            line-height: 1;
        }

        .testimonial-text {
            font-size: 1.3rem;
            margin: 20px 0 30px;
            font-style: italic;
            color: var(--text-primary);
        }

        .testimonial-author {
            font-weight: 600;
            font-size: 1.1rem;
        }

        .testimonial-suburb {
            color: var(--text-secondary);
        }

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

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

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

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

        .pricing-card.featured {
            border-color: var(--accent-blue);
            box-shadow: 0 0 30px rgba(59, 130, 246, 0.2);
        }

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

        .pricing-tier {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .pricing-price {
            font-size: 3rem;
            font-weight: 700;
            color: var(--accent-blue);
            margin-bottom: 5px;
        }

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

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

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

        .pricing-features li {
            padding: 10px 0;
            color: var(--text-secondary);
            display: flex;
            align-items: center;
            gap: 10px;
        }

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

        .pricing-cta {
            display: block;
            width: 100%;
            padding: 15px;
            border-radius: 10px;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s;
            background: transparent;
            border: 2px solid var(--accent-blue);
            color: var(--accent-blue);
        }

        .pricing-cta:hover {
            background: var(--accent-blue);
            color: white;
        }

        .pricing-card.featured .pricing-cta {
            background: var(--accent-blue);
            color: white;
        }

        .pricing-card.featured .pricing-cta:hover {
            background: var(--accent-blue-hover);
        }

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

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

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

        .faq-question {
            padding: 20px 25px;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background 0.3s;
        }

        .faq-question:hover {
            background: var(--bg-secondary);
        }

        .faq-icon {
            color: var(--accent-blue);
            font-size: 1.2rem;
            transition: transform 0.3s;
        }

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

        .faq-answer {
            padding: 0 25px;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease-out;
            color: var(--text-secondary);
        }

        .faq-item.active .faq-answer {
            padding: 0 25px 20px;
            max-height: 300px;
        }

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

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

        .footer-brand h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
        }

        .footer-brand h3 span {
            color: var(--accent-blue);
        }

        .footer-brand p {
            color: var(--text-secondary);
        }


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 Sunshine Coast Businesses | 24/7 AI Voice Agents</title>
    <meta name="description" content="Never miss a call again. Sunaiva's AI Voice Agents for Sunshine Coast businesses in Maroochydore, Caloundra, Noosa, Buderim & Mooloolaba. Book jobs 24/7 from $197/mo.">
    <meta name="keywords" content="AI chatbot Sunshine Coast, AI voice agent Maroochydore, AI receptionist Caloundra, AI booking system Noosa, business automation Sunshine Coast">
    <meta name="author" content="Sunaiva">
    <meta name="robots" content="index, follow">

    <!-- Open Graph -->
    <meta property="og:title" content="AI Chatbots for Sunshine Coast Businesses | 24/7 AI Voice Agents">
    <meta property="og:description" content="Never miss a call again. AI Voice Agents for Sunshine Coast businesses. Book jobs 24/7 from $197/mo.">
    <meta property="og:url" content="https://sunshinecoastchatbots.com.au">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Sunshine Coast Chatbots">
    <meta property="og:image" content="https://sunshinecoastchatbots.com.au/og-image.jpg">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="AI Chatbots for Sunshine Coast Businesses">
    <meta name="twitter:description" content="Never miss a call again. 24/7 AI Voice Agents from $197/mo">

    <!-- Canonical -->
    <link rel="canonical" href="https://sunshinecoastchatbots.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@400;500;600;700&display=swap" rel="stylesheet">

    <!-- Schema.org LocalBusiness -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "name": "Sunshine Coast Chatbots",
        "description": "AI Voice Agents and Chatbots for Sunshine Coast Businesses",
        "url": "https://sunshinecoastchatbots.com.au",
        "telephone": "+61XXXXXXXXXX",
        "areaServed": {
            "@type": "Place",
            "name": "Sunshine Coast, Queensland"
        },
        "serviceType": ["AI Voice Agent", "AI Chatbot", "Business Automation"],
        "priceRange": "$$",
        "provider": {
            "@type": "Organization",
            "name": "Sunaiva",
            "url": "https://sunaiva.com"
        }
    }
    </script>

    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #151720;
            --bg-card: #1a1d28;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --text-muted: #6B7280;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-green: #10B981;
            --accent-green-hover: #059669;
            --border: #2D3748;
            --gradient: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 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;
        }

        /* Typography */
        h1, h2, h3, h4 {
            font-weight: 700;
            line-height: 1.2;
        }

        h1 { font-size: clamp(2rem, 5vw, 3.5rem); }
        h2 { font-size: clamp(1.75rem, 4vw, 2.5rem); }
        h3 { font-size: clamp(1.25rem, 3vw, 1.5rem); }

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

        a { text-decoration: none; color: inherit; }

        /* Container */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1.5rem;
        }

        /* Buttons */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.875rem 1.75rem;
            border-radius: 8px;
            font-weight: 600;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s ease;
            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;
            border: 2px solid var(--accent);
            color: var(--accent);
        }

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

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

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

        /* Section styling */
        section {
            padding: 5rem 0;
        }

        .section-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .section-header h2 {
            margin-bottom: 1rem;
        }

        .section-header p {
            max-width: 600px;
            margin: 0 auto;
        }

        /* 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(10px);
            border-bottom: 1px solid var(--border);
        }

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

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

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

        .nav-links {
            display: flex;
            align-items: center;
            gap: 2rem;
        }

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

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

        /* Hero Section */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding-top: 80px;
            background:
                radial-gradient(ellipse at top right, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
                radial-gradient(ellipse at bottom left, rgba(139, 92, 246, 0.1) 0%, transparent 50%),
                var(--bg-primary);
        }

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

        .hero h1 {
            margin-bottom: 1.5rem;
        }

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

        .hero-subtitle {
            font-size: 1.25rem;
            margin-bottom: 2rem;
        }

        .hero-cta {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
        }

        .hero-stats {
            display: flex;
            gap: 2rem;
            margin-top: 3rem;
            padding-top: 2rem;
            border-top: 1px solid var(--border);
        }

        .stat {
            text-align: left;
        }

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

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

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

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

        .problem-card {
            background: var(--bg-card);
            padding: 2rem;
            border-radius: 12px;
            border: 1px solid var(--border);
        }

        .problem-card .icon {
            font-size: 2.5rem;
            margin-bottom: 1rem;
        }

        .problem-card h3 {
            margin-bottom: 0.75rem;
            color: var(--text-primary);
        }

        .problem-card .stat-highlight {
            font-size: 2rem;
            font-weight: 700;
            color: #EF4444;
            margin: 1rem 0;
        }

        /* Solution Section */
        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

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

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

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

        .benefit-card h3 {
            margin-bottom: 0.75rem;
        }

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

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

        .step-card {
            text-align: center;
            padding: 2rem;
            position: relative;
        }

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

        .step-card h3 {
            margin-bottom: 0.75rem;
        }

        .step-arrow {
            position: absolute;
            top: 50%;
            right: -1rem;
            transform: translateY(-50%);
            color: var(--accent);
            font-size: 1.5rem;
            display: none;
        }

        @media (min-width: 768px) {
            .step-card:not(:last-child) .step-arrow {
                display: block;
            }
        }

        /* Comparison Table */
        .comparison {
            background: var(--bg-secondary);
        }

        .comparison-table-wrapper {
            overflow-x: auto;
        }

        .comparison-table {
            width: 100%;
            border-collapse: collapse;
            min-width: 600px;
        }

        .comparison-table th,
        .comparison-table td {
            padding: 1rem;
            text-align: center;
            border-bottom: 1px solid var(--border);
        }

        .comparison-table th {
            background: var(--bg-card);
            font-weight: 600;
            font-size: 1rem;
        }

        .comparison-table th:first-child,
        .comparison-table td:first-child {
            text-align: left;
            font-weight: 500;
        }

        .comparison-table .winner-col {
            background: rgba(16, 185, 129, 0.1);
        }

        .comparison-table .check {
            color: var(--accent-green);
            font-size: 1.25rem;
        }

        .comparison-table .cross {
            color: #EF4444;
            font-size: 1.25rem;
        }

        .comparison-table tr:hover {
            background: rgba(59, 130, 246, 0.05);
        }

        .ai-winner {
            background: var(--accent-green);
            color: white;
            padding: 0.25rem 0.75rem;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
            display: inline-block;
            margin-top: 0.5rem;
        }

        /* Testimonial */
        .testimonial-card {
            background: var(--bg-card);
            padding: 2.5rem;
            border-radius: 12px;
            border: 1px solid var(--border);
            max-width: 700px;
            margin: 0 auto;
            text-align: center;
        }

        .testimonial-stars {
            color: #F59E0B;
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
        }

        .testimonial-text {
            font-size: 1.25rem;
            font-style: italic;
            color: var(--text-primary);
            margin-bottom: 1.5