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 Sydney Businesses | 24/7 AI Voice Agents</title>
    <meta name="description" content="Never miss a call again. Sunaiva's AI Voice Agents work 24/7 to answer enquiries, book jobs and grow your Sydney business. Starting from $197/mo.">
    <meta name="keywords" content="AI chatbot Sydney, AI voice agent, 24/7 customer service, business chatbot, Parramatta, Bondi, Chatswood">
    <meta property="og:title" content="AI Chatbots for Sydney Businesses | 24/7 AI Voice Agents">
    <meta property="og:description" content="Never miss a call again. Sunaiva's AI Voice Agents work 24/7 to answer enquiries and book jobs. Starting from $197/mo.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://sydneychatbots.com.au">
    <meta property="og:site_name" content="Sydney Chatbots">
    <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>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #15171A;
            --bg-card: #1A1D23;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent: #3B82F6;
            --accent-hover: #2563EB;
            --accent-green: #10B981;
            --accent-green-hover: #059669;
            --gradient-1: #3B82F6;
            --gradient-2: #8B5CF6;
            --gradient-3: #06B6D4;
        }

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

        /* Navigation */
        nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            padding: 1rem 2rem;
            background: rgba(11, 12, 14, 0.9);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(255,255,255,0.05);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: 700;
            background: linear-gradient(135deg, var(--accent) 0%, var(--accent-green) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .nav-links {
            display: flex;
            gap: 2rem;
            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);
        }

        /* Hero Section - 80vh */
        .hero {
            min-height: 80vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            padding: 6rem 2rem 4rem;
            overflow: hidden;
        }

        .hero-bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 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);
            z-index: 0;
        }

        .hero-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg,
                rgba(59, 130, 246, 0.05) 0%,
                transparent 50%,
                rgba(16, 185, 129, 0.05) 100%);
            animation: gradientShift 8s ease-in-out infinite;
        }

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

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

        .hero h1 {
            font-size: clamp(2.5rem, 6vw, 4rem);
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 1.5rem;
            background: linear-gradient(135deg, #fff 0%, #94A3B8 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: clamp(1rem, 2vw, 1.25rem);
            color: var(--text-secondary);
            margin-bottom: 2.5rem;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .cta-button {
            display: inline-block;
            padding: 1rem 2.5rem;
            font-size: 1.1rem;
            font-weight: 600;
            text-decoration: none;
            border-radius: 50px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }

        .cta-primary {
            background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
            color: #fff;
            box-shadow: 0 4px 20px rgba(59, 130, 246, 0.3);
        }

        .cta-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 30px rgba(59, 130, 246, 0.4);
        }

        .cta-secondary {
            background: transparent;
            color: var(--text-primary);
            border: 2px solid rgba(255,255,255,0.2);
        }

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

        /* Sections */
        section {
            padding: 5rem 2rem;
        }

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

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

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

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

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

        .stat-card {
            background: var(--bg-card);
            padding: 2rem;
            border-radius: 16px;
            text-align: center;
            border: 1px solid rgba(255,255,255,0.05);
            transition: transform 0.3s;
        }

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

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

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

        /* 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: 16px;
            border: 1px solid rgba(255,255,255,0.05);
        }

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

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

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

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

        .steps-container {
            display: flex;
            justify-content: center;
            gap: 2rem;
            flex-wrap: wrap;
            margin-top: 3rem;
        }

        .step {
            flex: 1;
            min-width: 280px;
            max-width: 350px;
            text-align: center;
            position: relative;
        }

        .step-number {
            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;
            margin: 0 auto 1.5rem;
        }

        .step h3 {
            font-size: 1.25rem;
            margin-bottom: 0.75rem;
        }

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

        .step-connector {
            display: none;
        }

        /* Testimonial */
        .testimonial-card {
            background: var(--bg-card);
            padding: 3rem;
            border-radius: 16px;
            max-width: 800px;
            margin: 3rem auto 0;
            border: 1px solid rgba(255,255,255,0.05);
            position: relative;
        }

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

        .testimonial-text {
            font-size: 1.25rem;
            font-style: italic;
            margin-bottom: 1.5rem;
            position: relative;
            z-index: 1;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

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

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

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

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

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

        .pricing-card {
            background: var(--bg-card);
            padding: 2.5rem;
            border-radius: 16px;
            border: 1px solid rgba(255,255,255,0.05);
            position: relative;
            transition: transform 0.3s, border-color 0.3s;
        }

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

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

        .pricing-badge {
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: linear-gradient(135deg, var(--accent) 0%, var(--accent-green) 100%);
            color: #fff;
            padding: 0.25rem 1rem;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
        }

        .pricing-tier {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
        }

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

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

        .pricing-description {
            color: var(--text-secondary);
            font-size: 0.9rem;
            margin-bottom: 1.5rem;
            padding-bottom: 1.5rem;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }

        .pricing-features {
            list-style: none;
            margin-bottom: 2rem;
        }

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

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

        .pricing-cta {
            width: 100%;
            padding: 1rem;
            font-size: 1rem;
            font-weight: 600;
            text-align: center;
            text-decoration: none;
            border-radius: 8px;
            display: block;
            transition: all 0.3s;
        }

        /* FAQ */
        .faq-grid {
            display: grid;
            gap: 1rem;
            max-width: 800px;
            margin: 3rem auto 0;
        }

        .faq-item {
            background: var(--bg-card);
            border-radius: 12px;
            border: 1px solid rgba(255,255,255,0.05);
            overflow: hidden;
        }

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

        .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 {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
        }

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

        .faq-answer p {
            padding: 0 1.5rem 1.5rem;
            color: var(--text-secondary);
        }

        /* Footer */
        footer {
            background: var(--bg-secondary);
            padding: 3rem 2rem;
            border-top: 1px solid rgba


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 Sydney Businesses | 24/7 AI Voice Agents</title>
    <meta name="description" content="Never miss a call again. Sunaiva's AI voice agents handle enquiries 24/7 for Sydney businesses. Book jobs, answer questions, and grow your business. Starting at $197/month.">
    <meta name="keywords" content="AI chatbot Sydney, AI voice agent, business chatbot, 24/7 receptionist, Sydney AI, Parramatta chatbot, Bondi AI, Chatswood chatbot">
    <meta name="author" content="Sunaiva">
    <meta property="og:title" content="AI Chatbots for Sydney Businesses | 24/7 AI Voice Agents">
    <meta property="og:description" content="Never miss a call again. Sunaiva's AI voice agents handle enquiries 24/7 for Sydney businesses. Book jobs, answer questions, and grow your business.">
    <meta property="og:url" content="https://sydneychatbots.com.au">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Sydney Chatbots">
    <meta name="twitter:card" content="summary_large_image">
    <link rel="canonical" href="https://sydneychatbots.com.au">

    <!-- Google 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: #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: 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;
        }

        /* 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;
            font-size: 16px;
            font-weight: 600;
            border-radius: 8px;
            text-decoration: none;
            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;
            color: var(--text-primary);
            border: 2px solid var(--border);
        }

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

        .section-title {
            font-size: clamp(28px, 5vw, 42px);
            font-weight: 700;
            text-align: center;
            margin-bottom: 16px;
        }

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

        /* 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);
        }

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

        .logo {
            font-size: 24px;
            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;
            transition: color 0.3s;
        }

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

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

        /* 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-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            background: var(--bg-secondary);
            border: 1px solid var(--border);
            border-radius: 50px;
            font-size: 14px;
            color: var(--text-secondary);
            margin-bottom: 24px;
        }

        .hero-badge .star {
            color: #FBBF24;
        }

        .hero h1 {
            font-size: clamp(36px, 6vw, 56px);
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 24px;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }

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

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

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

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

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

        .hero-stat-value {
            font-size: 32px;
            font-weight: 700;
            color: var(--accent);
        }

        .hero-stat-label {
            font-size: 14px;
            color: var(--text-muted);
        }

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

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

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

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

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

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

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

        .problem-stat {
            font-size: 48px;
            font-weight: 700;
            color: #EF4444;
            margin-bottom: 8px;
        }

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

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

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

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

        .benefit-icon {
            width: 72px;
            height: 72px;
            background: var(--bg-tertiary);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            margin: 0 auto 20px;
        }

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

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

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

        .steps-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 32px;
            margin-top: 48px;
            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: 24px;
            font-weight: 700;
            margin: 0 auto 20px;
        }

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

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

        .step-arrow {
            display: none;
        }

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

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

        .testimonial-stars {
            color: #FBBF24;
            font-size: 24px;
            margin-bottom: 20px;
        }

        .testimonial-text {
            font-size: 20px;
            font-style: italic;
            margin-bottom: 24px;
            line-height: 1.6;
        }

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

        .testimonial-avatar {
            width: 56px;
            height: 56px;
            background: var(--gradient);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            font-weight: 700;
        }

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

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

        .trust-badge {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            margin-top: 32px;
            padding: 12px 24px;
            background: var(--bg-tertiary);
            border-radius: 50px;
            width: fit-content;
            margin-left: auto;
            margin-right: auto;
        }

        .trust-badge .check {
            color: var(--accent-green);
        }

        /* 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;
            margin-top: 48px;
        }

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

        .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-tertiary) 100%);
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

        .faq-question:hover {
            color: var(--accent);
        }

        .faq-icon {
            font-size: 20px;
            transition: transform 0.3s;
        }

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

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

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

        .faq-answer p {
            padding: 0 24px 20px;
            color: var(--text-secondary);
            font-size: 15px;
            line-height: 1.7;
        }

        /* 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-col h4 {
            font-size: 16px;
            margin-bottom: 20px;
            color: var(--text-primary);
        }

        .footer-col ul {
            list-style: none;
        }

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

        .footer-col ul a {
            color: var(--text-secondary);
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;
        }

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

        .footer-brand p {
            color: var(--text-secondary);
            font-size: 14px;
            margin-top: 16px;
        }

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

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

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

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

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

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

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

            .hero-stats {
                gap: 24px;
            }

            .hero-stat-value {
                font-size: 28px;
            }

            .problem-grid,
            .benefits-grid,
            .pricing-grid {
                grid-template-columns: 1fr;
            }

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

        /* Mobile Menu */
        .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;
        }

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

        .mobile-nav ul {
            list-style: none;
        }

        .mobile-nav ul li {
            margin-bottom: 24px;
        }

        .mobile-nav a {
            color: var(--text-primary);
            text-decoration: none;
            font-size: 24px;
            font-weight: 600;
        }

        .mobile-close {
            position: absolute;
            top: 20px;
            right: 20px;
            background: none;
            border: none;
            color: var(--text-primary);
            font-size: 32px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <!-- Header -->
    <header>
        <nav>
            <a href="/" class="logo">Sydney<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" onclick="toggleMobileMenu()">☰</button>
        </nav>
    </header>

    <!-- Mobile Navigation -->
    <div class="mobile-nav" id="mobileNav">
        <button class="mobile-close" onclick="toggleMobileMenu()">×</button>
        <ul>
            <li><a href="#problem" onclick="toggleMobileMenu()">Why AI</a></li>
            <li><a href="#solution" onclick="toggleMobileMenu()">Benefits</a></li>
            <li><a href="#how-it-works" onclick="toggleMobileMenu()">How It Works</a></li>
            <li><a href="#pricing" onclick="toggleMobileMenu()">Pricing</a></li>
            <li><a href="#faq" onclick="toggleMobileMenu()">FAQ</a></li>
        </ul>
    </div>

    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <div class="hero-badge fade-in">
                <span class="star">★</span> Trusted by 500+ Australian businesses
            </div>
            <h1 class="fade-in">AI Chatbots for <span>Sydney Businesses</span></h1>
            <p class="fade-in">Never miss a call again. Our AI voice agents work 24/7 to answer enquiries, book jobs, and grow your business — all while you sleep.</p>
            <div class="hero-cta fade-in">
                <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 fade-in">
                <div class="hero-stat">
                    <div class="hero-stat-value">62%</div>
                    <div class="hero-stat-label">Calls Missed by Sydney Businesses</div>
                </div>
                <div class="hero-stat">
                    <div class="hero-stat-value">$197</div>
                    <div class="hero-stat-label">Per Month (vs $30K+ for receptionist)</div>
                </div>
                <div class="hero-stat">
                    <div class="hero-stat-value">10 min</div>
                    <div class="hero-stat-label">Setup Time</div>
                </div>
            </div>
        </div>
    </section>

    <!-- Problem Section -->
    <section class="problem" id="problem">
        <div class="container">
            <h2 class="section-title fade-in">Sydney Businesses Are Losing Customers Every Day</h2>
            <p class="section-subtitle fade-in">The cost of missed calls goes far beyond a single booking. Here's what's happening across Sydney.</p>
            <div class="problem-grid">
                <div class="problem-card fade-in">
                    <div class="problem-icon">📞</div>
                    <div class="problem-stat">62%</div>
                    <h3>Calls Go Unanswered</h3>
                    <p>Research shows nearly two-thirds of calls to small businesses in Sydney go unanswered. Each missed call is a potential customer calling your competitor.</p>
                </div>
                <div class="problem-card fade-in">
                    <div class="problem-icon">💰</div>
                    <div class="problem-stat">$12K</div>
                    <h3>Lost Revenue Annually</h3>
                    <p>For a typical trade or service business in Parramatta, Bondi, or Chatswood, missed calls can cost over $12,000 in lost bookings every year.</p>
                </div>
                <div class="problem-card fade-in">
                    <div class="problem-icon">😔</div>
                    <div class="problem-stat">71%</div>
                    <h3>Customers Move On</h3>
                    <p>71% of customers who can't reach a business will look elsewhere. In competitive suburbs like Liverpool and Penrith, your competitors are waiting.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Solution Section -->
    <section class="solution" id="solution">
        <div class="container">
            <h2 class="section-title fade-in">Your 24/7 Virtual Receptionist</h2>
            <p class="section-subtitle fade-in">Sunaiva's AI Voice Widget handles your calls so you can focus on running your business.</p>
            <div class="benefits-grid">
                <div class="benefit-card fade-in">
                    <div class="benefit-icon">🤖</div>
                    <h3>Natural Conversations</h3>
                    <p>Our AI speaks with a natural Australian accent. Customers won't know they're talking to a bot — it answers questions, schedules appointments, and handles objections seamlessly.</p>
                </div>
                <div class="benefit-card fade-in">
                    <div class="benefit-icon">📅</div>
                    <h3>Book Jobs Instantly</h3>
                    <p>Integrates with your calendar to book appointments in real-time. Whether it's a plumber in Penrith or a dentist in Chatswood, jobs get booked without you lifting a finger.</p>
                </div>
                <div class="benefit-card fade-in">
                    <div class="benefit-icon">💵</div>
                    <h3>Cost Effective</h3>
                    <p>At just $197/month, you get more capability than a receptionist costing $30,000+ annually. No sick days, no overtime, no holidays — just reliable service 24/7.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- How It Works -->
    <section class="how-it-works" id="how-it-works">
        <div class="container">
            <h2 class="section-title fade-in">Get Started in 3 Simple Steps</h2>
            <p class="section-subtitle fade-in">From sign-up to your first booked job — it takes less than 10 minutes.</p>
            <div class="steps-container">
                <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 to start your 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 pricing. Our AI learns your business logic and responses.</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 forward your phone number. Your AI agent starts answering calls immediately.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials -->
    <section class="testimonials" id="testimonials">
        <div class="container">
            <h2 class="section-title fade-in">Trusted by Sydney Businesses</h2>
            <div class="testimonial-card fade-in">
                <div class="testimonial-stars">★★★★★</div>
                <p class="testimonial-text">"Since installing the AI widget, I've booked an extra 8-10 jobs per week that I would have missed. Being a one-man operation in Parramatta, I can't answer every call while I'm on a job. This thing pays for itself in a day."</p>
                <div class="testimonial-author">
                    <div class="testimonial-avatar">DM</div>
                    <div class="testimonial-info">
                        <h4>Dave M.</h4>
                        <p>Plumber, Parramatta</p>
                    </div>
                </div>
                <div class="trust-badge">
                    <span class="check">✓</span> Verified Google Review
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section class="pricing" id="pricing">
        <div class="container">
            <h2 class="section-title fade-in">Simple, Transparent Pricing</h2>
            <p class="section-subtitle fade-in">No hidden fees. No contracts. Cancel anytime.</p>
            <div class="pricing-grid">
                <div class="pricing-card fade-in">
                    <h3>Essentials</h3>
                    <div class="pricing-price">$197<span>/mo</span></div>
                    <p class="pricing-desc">Perfect for small businesses getting started with AI</p>
                    <ul class="pricing-features">
                        <li><span class="check">✓</span> 200 calls per month</li>
                        <li><span class="check">✓</span> 1 AI agent</li>
                        <li><span class="check">✓</span> Business hours (9-5)</li>
                        <li><span class="check">✓</span> Calendar integration</li>
                        <li><span class="check">✓</span> Basic reporting</li>
                    </ul>
                    <a href="#" 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>
                    <p class="pricing-desc">For growing businesses needing 24/7 coverage</p>
                    <ul class="pricing-features">
                        <li><span class="check">✓</span> 500 calls per 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> CRM integration</li>
                    </ul>
                    <a href="#" 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>
                    <p class="pricing-desc">For established businesses with high call volume</p>
                    <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> Custom voice training</li>
                        <li><span class="check">✓</span> Dedicated account manager</li>
                        <li><span class="check">✓</span> Custom integrations</li>
                        <li><span class="check">✓</span> 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">
            <h2 class="section-title fade-in">Frequently Asked Questions</h2>
            <div class="faq-container">
                <div class="faq-item fade-in">
                    <button class="faq-question" onclick="toggleFaq(this)">
                        Will customers know they're talking to AI?
                        <span class="faq-icon">+</span>
                    </button>
                    <div class="faq-answer">
                        <p>No — our AI uses natural language processing with a warm Australian accent. It handles conversations seamlessly, answers questions about your services, books appointments, and can transfer calls to you when needed. Most customers won't realise they're not speaking to a human receptionist.</p>
                    </div>
                </div>
                <div class="faq-item fade-in">
                    <button class="faq-question" onclick="toggleFaq(this)">
                        Can it integrate with my existing systems?
                        <span class="faq-icon">+</span>
                    </button>
                    <div class="faq-answer">
                        <p>Yes! Our AI integrates with popular booking systems, CRMs, and calendars including Google Calendar, Calendly, Square, and more. We can also work with custom systems via our API. Our team will help you set up the right integrations for your business.</p>
                    </div>
                </div>
                <div class="faq-item fade-in">
                    <button class="faq-question" onclick="toggleFaq(this)">
                        What happens if the AI can't handle a call?
                        <span class="faq-icon">+</span>
                    </button>
                    <div class="faq-answer">
                        <p>The AI is designed to handle common enquiries, but if it encounters a complex situation or the customer requests to speak with a person, it can either take a message, book a callback, or transfer the call to you directly based on your preferences.</p>
                    </div>
                </div>
                <div class="faq-item fade-in">
                    <button class="faq-question" onclick="toggleFaq(this)">
                        Is there a free trial?
                        <span class="faq-icon">+</span>
                    </button>
                    <div class="faq-answer">
                        <p>Yes, we offer a 7-day free trial on all plans so you can experience how the AI handles real calls for your business. No credit card required to start. You'll see exactly how many bookings and enquiries you're missing.</p>
                    </div>
                </div>
                <div class="faq-item fade-in">
                    <button class="faq-question" onclick="toggleFaq(this)">
                        How do I set it up?
                        <span class="faq-icon">+</span>
                    </button>
                    <div class="faq-answer">
                        <p>Setup takes about 10 minutes. Simply sign up, customise your business details and responses, then either add our widget to your website or forward your phone number to our AI. Our onboarding team is available to help you get started at no extra cost.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="footer-grid">
                <div class="footer-col footer-brand">
                    <a href="/" class="logo">Sydney<span>Chatbots</span></a>
                    <p>AI-powered voice agents for Sydney businesses. Never miss a call again.</p>
                </div>
                <div class="footer-col">
                    <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="#faq">FAQ</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Company</h4>
                    <ul>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Contact</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Contact</h4>
                    <ul>
                        <li><a href="tel:+61XXXXXXXXX">+61 X XXX XXXX</a></li>
                        <li><a href="mailto:hello@sydneychatbots.com.au">hello@sydneychatbots.com.au</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>© 2024 Sydney Chatbots. All rights reserved. ABN XX XXX XXX XXX</p>
                <div class="footer-powered">
                    Powered by <span>Sunaiva</span>
                </div>
            </div>
        </div>
    </footer>

    <!-- Sunaiva Widget 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": "Sydney Chatbots",
        "description": "AI-powered voice agents for Sydney businesses. Never miss a call again.",
        "url": "https://sydneychatbots.com.au",
        "telephone": "+61XXXXXXXXX",
        "email": "hello@sydneychatbots.com.au",
        "address": {
            "@type": "PostalAddress",
            "addressLocality": "Sydney",
            "addressRegion": "NSW",
            "addressCountry": "AU"
        },
        "areaServed": {
            "@type": "City",
            "name": "Sydney"
        },
        "priceRange": "$$",
        "openingHours": "Mo-Su 00:00-24:00",
        "sameAs": [
            "https://www.facebook.com/sydneychatbots",
            "https://www.instagram.com/sydneychatbots"
        ]
    }
    </script>

    <script>
        // Mobile Menu Toggle
        function toggleMobileMenu() {
            const mobileNav = document.getElementById('mobileNav');
            mobileNav.classList.toggle('active');
        }

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

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

        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                    observer.unobserve(entry.target);
                }
            });
        }, 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:
<!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 Sydney Businesses | 24/7 AI Voice Agents</title>
    <meta name="description" content="Never miss a call again. Sunaiva's AI voice agents answer calls 24/7, book jobs & handle enquiries. Starting from $197/mo. Sydney-based support.">
    <meta name="keywords" content="AI chatbot Sydney, AI voice agent, missed calls, business phone, AI receptionist, Sydney trades, 24/7 answering service">
    <meta property="og:title" content="AI Chatbots for Sydney Businesses | 24/7 AI Voice Agents">
    <meta property="og:description" content="Never miss a call again. Sunaiva's AI voice agents answer calls 24/7, book jobs & handle enquiries. Starting from $197/mo.">
    <meta property="og:url" content="https://sydneychatbots.com.au">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://sydneychatbots.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@300;400;500;600;700&display=swap" rel="stylesheet">

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "name": "Sunaiva - Sydney Chatbots",
        "description": "AI voice agents and chatbots for Sydney businesses. Never miss a call, 24/7 availability, booking and enquiry handling.",
        "url": "https://sydneychatbots.com.au",
        "telephone": "+61XXXXXXXXXX",
        "priceRange": "$$",
        "address": {
            "@type": "PostalAddress",
            "addressLocality": "Sydney",
            "addressRegion": "NSW",
            "addressCountry": "AU"
        },
        "areaServed": {
            "@type": "City",
            "name": "Sydney"
        },
        "serviceType": ["AI Voice Agent", "AI Chatbot", "Business Phone Answering"],
        "openingHours": "Mo-Fr 09:00-18:00",
        "contactPoint": {
            "@type": "ContactPoint",
            "telephone": "+61XXXXXXXXXX",
            "contactType": "Sales",
            "availableLanguage": "English"
        }
    }
    </script>

    <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;
            --green: #10B981;
            --green-hover: #059669;
            --border: #2D3139;
            --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;
            font-size: 16px;
            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.9);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid var(--border);
            z-index: 1000;
            padding: 16px 0;
        }

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

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

        .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.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: 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-flex;
            align-items: center;
            gap: 8px;
            background: var(--bg-tertiary);
            border: 1px solid var(--border);
            padding: 8px 16px;
            border-radius: 50px;
            font-size: 0.875rem;
            color: var(--text-secondary);
            margin-bottom: 24px;
        }

        .hero-badge .dot {
            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, 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: 1.25rem;
            color: var(--text-secondary);
            max-width: 600px;
            margin: 0 auto 40px;
        }

        .hero-ctas {
            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.125rem;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
        }

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

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

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

        /* 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);
            font-size: 1.125rem;
            max-width: 600px;
            margin: 0 auto;
        }

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

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

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

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

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

        .stat-sublabel {
            color: var(--text-muted);
            font-size: 0.875rem;
            margin-top: 8px;
        }

        /* ROI Calculator Section */
        .calculator {
            padding: 100px 0;
            background: var(--bg-primary);
        }

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

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

        .calculator-subtitle {
            text-align: center;
            color: var(--text-secondary);
            margin-bottom: 32px;
        }

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

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

        .calc-input-group input,
        .calc-input-group select {
            width: 100%;
            padding: 14px 18px;
            background: var(--bg-tertiary);
            border: 1px solid var(--border);
            border-radius: 10px;
            color: var(--text-primary);
            font-size: 1rem;
            font-family: inherit;
            transition: border-color 0.2s;
        }

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

        .calc-result {
            background: var(--bg-tertiary);
            border-radius: 12px;
            padding: 24px;
            margin-top: 32px;
            text-align: center;
        }

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

        .calc-result-value {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--green);
        }

        .calc-result-sub {
            color: var(--text-muted);
            font-size: 0.875rem;
            margin-top: 8px;
        }

        .calc-savings {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid var(--border);
        }

        .calc-savings-item {
            text-align: center;
        }

        .calc-savings-value {
            font-size: 1.25rem;
            font-weight: 600;
            color: var(--accent);
        }

        .calc-savings-label {
            font-size: 0.75rem;
            color: var(--text-muted);
        }

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

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

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

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

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

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

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

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

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

        .step-card {
            text-align: center;
            padding: 32px;
            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 20px;
        }

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

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

        .step-connector {
            display: none;
        }

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

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

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

        .testimonial-text {
            font-size: 1.25rem;
            line-height: 1.7;
            margin-bottom: 24px;
            color: var(--text-primary);
        }

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

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

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

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

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

        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 24px;
            align-items: start;


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 Sydney Businesses | 24/7 AI Voice Agents</title>
    <meta name="description" content="Never miss a call again. Sunaiva's AI Voice Agents answer calls 24/7, book jobs, and handle enquiries. Starting at $197/month. Get your AI agent today.">
    <meta name="keywords" content="AI chatbot Sydney, AI voice agent, AI receptionist, 24/7 answering service, Sydney business AI, automated call handling">
    <meta name="author" content="Sunaiva">
    <meta property="og:title" content="AI Chatbots for Sydney Businesses | 24/7 AI Voice Agents">
    <meta property="og:description" content="Never miss a call again. Sunaiva's AI Voice Agents answer calls 24/7, book jobs, and handle enquiries. Starting at $197/month.">
    <meta property="og:url" content="https://sydneychatbots.com.au">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://sydneychatbots.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@300;400;500;600;700&display=swap" rel="stylesheet">
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "name": "Sunaiva - Sydney AI Chatbots",
        "description": "AI Voice Agents and Chatbots for Sydney businesses. 24/7 call answering, job booking, and customer service automation.",
        "url": "https://sydneychatbots.com.au",
        "telephone": "+61XXXXXXXXXX",
        "address": {
            "@type": "PostalAddress",
            "addressLocality": "Sydney",
            "addressRegion": "NSW",
            "addressCountry": "AU"
        },
        "areaServed": {
            "@type": "GeoCircle",
            "geoMidpoint": {
                "@type": "GeoCoordinates",
                "latitude": -33.8688,
                "longitude": 151.2093
            },
            "geoRadius": "50000"
        },
        "priceRange": "$$",
        "openingHours": "Mo-Su 00:00-24:00"
    }
    </script>
    <style>
        :root {
            --bg-primary: #0B0C0E;
            --bg-secondary: #141618;
            --bg-card: #1A1C20;
            --text-primary: #E5E7EB;
            --text-secondary: #9CA3AF;
            --accent-blue: #3B82F6;
            --accent-blue-hover: #2563EB;
            --accent-green: #10B981;
            --accent-green-hover: #059669;
            --border-color: #2D3139;
            --font-family: 'Inter', system-ui, -apple-system, sans-serif;
        }

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

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: var(--font-family);
            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);
            padding: 15px 0;
        }

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

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

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

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

        /* Hero Section */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding-top: 80px;
            background: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
            position: relative;
            overflow: hidden;
        }

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

        .hero-content {
            max-width: 700px;
            position: relative;
            z-index: 1;
        }

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

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

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

        .hero-buttons {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }

        .btn-primary {
            background: var(--accent-blue);
            color: white;
            padding: 16px 32px;
            border-radius: 10px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
        }

        .btn-primary:hover {
            background: var(--accent-blue-hover);
            transform: translateY(-2px);
            box-shadow: 0 10px 30px 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: 2px solid var(--border-color);
            transition: all 0.3s ease;
        }

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

        /* 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: 15px;
        }

        .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(250px, 1fr));
            gap: 30px;
        }

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

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

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

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

        .local-context {
            margin-top: 50px;
            padding: 30px;
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%);
            border-radius: 16px;
            border: 1px solid var(--border-color);
        }

        .local-context p {
            text-align: center;
            color: var(--text-secondary);
            font-size: 1.05rem;
        }

        .local-context strong {
            color: var(--text-primary);
        }

        /* 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-color);
            border-radius: 16px;
            padding: 40px;
            transition: transform 0.3s ease, border-color 0.3s ease;
        }

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

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

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

        .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-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            position: relative;
        }

        .step-card {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            padding: 40px 30px;
            text-align: center;
            position: relative;
        }

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

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

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

        .step-arrow {
            display: none;
        }

        /* Comparison Table Section */
        .comparison {
            padding: 100px 0;
        }

        .comparison-table-wrapper {
            overflow-x: auto;
            border-radius: 16px;
            border: 1px solid var(--border-color);
        }

        .comparison-table {
            width: 100%;
            border-collapse: collapse;
            min-width: 700px;
            background: var(--bg-card);
        }

        .comparison-table th,
        .comparison-table td {
            padding: 20px 25px;
            text-align: left;
            border-bottom: 1px solid var(--border-color);
        }

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

        .comparison-table th:first-child {
            border-top-left-radius: 16px;
        }

        .comparison-table th:last-child {
            border-top-right-radius: 16px;
        }

        .comparison-table td {
            color: var(--text-secondary);
        }

        .comparison-table tr:last-child td {
            border-bottom: none;
        }

        .comparison-table .feature-name {
            color: var(--text-primary);
            font-weight: 500;
        }

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

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

        .highlight-col {
            background: rgba(59, 130, 246, 0.1);
        }

        .highlight-col .plan-name {
            color: var(--accent-blue);
            font-weight: 700;
        }

        .winner-badge {
            background: var(--accent-green);
            color: white;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
            margin-left: 10px;
            text-transform: uppercase;
        }

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

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

        .testimonial-card::before {
            content: '"';
            font-size: 8rem;
            color: var(--accent-blue);
            opacity: 0.2;
            position: absolute;
            top: 20px;
            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: 15px;
        }

        .author-avatar {
            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;
            color: white;
        }

        .author-info {
            text-align: left;
        }

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

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

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

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

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

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

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

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

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

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

        .price