{"id":18,"date":"2025-12-13T18:21:05","date_gmt":"2025-12-13T18:21:05","guid":{"rendered":"http:\/\/yebbo.com\/2013\/?page_id=18"},"modified":"2025-12-13T18:21:05","modified_gmt":"2025-12-13T18:21:05","slug":"notary-public","status":"publish","type":"page","link":"https:\/\/yebbo.com\/2013\/notary-public\/","title":{"rendered":"NOTARY PUBLIC"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Notary Public by Yebbo \u2013 Certified Notary &#038; Translation Services | Mobile &#038; In-Office<\/title>\n    <meta name=\"description\" content=\"Professional Notary Public, sworn and certified translation, apostille and authentication services powered by Yebbo Communication Network. Mobile and in-office appointments in San Diego, CA.\">\n    <meta name=\"keywords\" content=\"Notary Public, mobile notary, loan signing, apostille, authentication, sworn translation, certified translation, power of attorney, immigration documents, Yebbo, document notarization\">\n    <meta name=\"author\" content=\"Yebbo Communication Network\">\n    <link rel=\"canonical\" href=\"https:\/\/www.yebbo.com\/notary\">\n    \n    <!-- Social \/ Open Graph -->\n    <meta property=\"og:title\" content=\"Notary Public \u2013 Professional Notary &#038; Translation Services Powered by Yebbo\">\n    <meta property=\"og:description\" content=\"Fast, friendly and accurate Notary, sworn &#038; certified translation, apostille and authentication services for individuals, businesses and diaspora clients.\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/www.yebbo.com\/notary\">\n    <meta property=\"og:image\" content=\"https:\/\/www.yebbo.com\/path-to-notary-hero-image.jpg\">\n\n    <!-- Favicon -->\n    <link rel=\"icon\" href=\"https:\/\/www.yebbo.com\/favicon.ico\">\n    \n    <!-- reCAPTCHA API -->\n    <script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\n\n    <style>\n        :root {\n            --green: #0b7a3b;\n            --yellow: #f2c94c;\n            --red: #c0392b;\n            --dark: #111111;\n            --light: #ffffff;\n            --bg: #f8f9fb;\n            --text: #222222;\n            --muted: #777777;\n            --border: #e0e0e0;\n            --shadow-soft: 0 14px 35px rgba(0,0,0,0.08);\n            --radius-lg: 18px;\n            --radius-pill: 999px;\n            --transition-fast: 0.25s ease;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n            background: var(--bg);\n            color: var(--text);\n            line-height: 1.6;\n        }\n\n        a {\n            color: inherit;\n            text-decoration: none;\n        }\n\n        img {\n            max-width: 100%;\n            display: block;\n        }\n\n        .container {\n            width: 100%;\n            max-width: 1120px;\n            margin: 0 auto;\n            padding: 0 1.25rem;\n        }\n\n        \/* Top Bar *\/\n        .top-bar {\n            background: var(--dark);\n            color: #f1f1f1;\n            font-size: 0.85rem;\n        }\n\n        .top-bar-inner {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 1rem;\n            padding: 0.4rem 0;\n        }\n\n        .top-bar-left span,\n        .top-bar-right span {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.35rem;\n        }\n\n        .top-bar a {\n            text-decoration: underline;\n        }\n\n        \/* Header *\/\n        header {\n            background: linear-gradient(90deg, var(--green), var(--yellow), var(--red));\n            color: var(--light);\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n        }\n\n        .header-inner {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 0.75rem 1.25rem;\n        }\n\n        .brand {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n        }\n\n        .brand-logo {\n            width: 42px;\n            height: 42px;\n            border-radius: 14px;\n            background: #ffffff22;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 700;\n            font-size: 1.1rem;\n        }\n\n        .brand-text {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .brand-text .title {\n            font-weight: 800;\n            font-size: 1.05rem;\n            letter-spacing: 0.03em;\n            text-transform: uppercase;\n        }\n\n        .brand-text .subtitle {\n            font-size: 0.8rem;\n            opacity: 0.95;\n        }\n\n        nav {\n            display: flex;\n            align-items: center;\n            gap: 1.25rem;\n            font-size: 0.9rem;\n        }\n\n        nav a {\n            font-weight: 500;\n            position: relative;\n        }\n\n        nav a::after {\n            content: \"\";\n            position: absolute;\n            left: 0;\n            bottom: -4px;\n            width: 0;\n            height: 2px;\n            background: var(--light);\n            transition: width var(--transition-fast);\n        }\n\n        nav a:hover::after {\n            width: 100%;\n        }\n\n        .btn-cta-header {\n            background: var(--light);\n            color: var(--dark);\n            padding: 0.5rem 1rem;\n            border-radius: var(--radius-pill);\n            font-weight: 600;\n            font-size: 0.85rem;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n            white-space: nowrap;\n        }\n\n        .menu-toggle {\n            display: none;\n            font-size: 1.4rem;\n            cursor: pointer;\n        }\n\n        \/* Hero Section (Z-pattern) *\/\n        .hero {\n            background: radial-gradient(circle at top left, #ffffff 0, #fdfdfd 40%, #f4f7fa 100%);\n            padding: 2.75rem 0 2.25rem;\n        }\n\n        .hero-grid {\n            display: grid;\n            grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);\n            gap: 2rem;\n            align-items: center;\n        }\n\n        .hero-tagline {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            padding: 0.25rem 0.75rem;\n            border-radius: var(--radius-pill);\n            background: #0b7a3b10;\n            font-size: 0.8rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.06em;\n            color: var(--green);\n            margin-bottom: 0.75rem;\n        }\n\n        .hero-tagline span.dot {\n            width: 8px;\n            height: 8px;\n            border-radius: 999px;\n            background: var(--green);\n        }\n\n        .hero h1 {\n            font-size: clamp(2.1rem, 3vw, 2.8rem);\n            line-height: 1.15;\n            margin-bottom: 0.75rem;\n        }\n\n        .hero h1 span.highlight {\n            background: linear-gradient(90deg, var(--green), var(--red));\n            -webkit-background-clip: text;\n            color: transparent;\n        }\n\n        .hero-lead {\n            font-size: 0.98rem;\n            color: var(--muted);\n            margin-bottom: 1.5rem;\n            max-width: 33rem;\n        }\n\n        .hero-cta-row {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.85rem;\n            align-items: center;\n            margin-bottom: 1.25rem;\n        }\n\n        .btn-primary {\n            background: var(--green);\n            color: var(--light);\n            padding: 0.75rem 1.4rem;\n            border-radius: var(--radius-pill);\n            border: none;\n            outline: none;\n            cursor: pointer;\n            font-weight: 600;\n            font-size: 0.92rem;\n            box-shadow: var(--shadow-soft);\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            transition: transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-1px);\n            box-shadow: 0 18px 40px rgba(0,0,0,0.12);\n            background: #096532;\n        }\n\n        .btn-outline {\n            background: transparent;\n            border-radius: var(--radius-pill);\n            border: 1px solid #0b7a3b55;\n            padding: 0.7rem 1.3rem;\n            font-weight: 500;\n            font-size: 0.9rem;\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            cursor: pointer;\n        }\n\n        .hero-meta {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1.25rem;\n            font-size: 0.82rem;\n            color: var(--muted);\n        }\n\n        .hero-meta-item {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.35rem;\n        }\n\n        .hero-meta-dot {\n            width: 6px;\n            height: 6px;\n            border-radius: 999px;\n            background: var(--yellow);\n        }\n\n        .hero-card {\n            background: var(--light);\n            border-radius: 28px;\n            padding: 1.75rem 1.6rem;\n            box-shadow: var(--shadow-soft);\n            border: 1px solid #ffffff;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-card-ribbon {\n            position: absolute;\n            top: 1.2rem;\n            right: -3rem;\n            background: linear-gradient(90deg, var(--green), var(--red));\n            color: var(--light);\n            padding: 0.2rem 3.5rem;\n            transform: rotate(15deg);\n            font-size: 0.7rem;\n            text-transform: uppercase;\n            letter-spacing: 0.14em;\n            font-weight: 700;\n        }\n\n        .hero-card h2 {\n            font-size: 1.15rem;\n            margin-bottom: 0.5rem;\n        }\n\n        .hero-card ul {\n            list-style: none;\n            padding-left: 0;\n            margin-bottom: 1rem;\n        }\n\n        .hero-card li {\n            font-size: 0.86rem;\n            display: flex;\n            align-items: flex-start;\n            gap: 0.5rem;\n            margin-bottom: 0.45rem;\n        }\n\n        .hero-card li::before {\n            content: \"\u2713\";\n            color: var(--green);\n            font-weight: 700;\n            margin-top: 0.1rem;\n        }\n\n        .hero-badge-row {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.5rem;\n            margin-top: 0.25rem;\n        }\n\n        .hero-badge {\n            font-size: 0.7rem;\n            padding: 0.3rem 0.7rem;\n            border-radius: 999px;\n            border: 1px solid #e4e4e4;\n            background: #fafafa;\n        }\n\n        \/* Section Shell *\/\n        section {\n            padding: 2.5rem 0;\n        }\n\n        section h2 {\n            font-size: 1.5rem;\n            margin-bottom: 0.5rem;\n        }\n\n        section .section-subtitle {\n            font-size: 0.95rem;\n            color: var(--muted);\n            margin-bottom: 1.5rem;\n        }\n\n        \/* Services Tabs *\/\n        .services {\n            background: #ffffff;\n        }\n\n        .tabs {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .tab-btn {\n            border-radius: var(--radius-pill);\n            border: 1px solid var(--border);\n            background: #fafafa;\n            padding: 0.5rem 0.95rem;\n            font-size: 0.85rem;\n            cursor: pointer;\n            transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);\n        }\n\n        .tab-btn.active {\n            background: var(--green);\n            color: var(--light);\n            border-color: #0b7a3b;\n            transform: translateY(-1px);\n        }\n\n        .service-pane {\n            display: none;\n        }\n\n        .service-pane.active {\n            display: grid;\n        }\n\n        .service-grid {\n            display: grid;\n            grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);\n            gap: 1.5rem;\n            align-items: flex-start;\n        }\n\n        .service-pane h3 {\n            font-size: 1.2rem;\n            margin-bottom: 0.4rem;\n        }\n\n        .service-pane p {\n            font-size: 0.9rem;\n            color: var(--muted);\n            margin-bottom: 0.85rem;\n        }\n\n        .service-list {\n            list-style: none;\n            padding-left: 0;\n            font-size: 0.88rem;\n            margin-bottom: 0.85rem;\n        }\n\n        .service-list li {\n            margin-bottom: 0.3rem;\n            display: flex;\n            gap: 0.35rem;\n        }\n\n        .service-list li::before {\n            content: \"\u2022\";\n            color: var(--red);\n        }\n\n        .service-meta {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.75rem;\n            font-size: 0.8rem;\n            color: var(--muted);\n            margin-bottom: 0.75rem;\n        }\n\n        .service-meta span {\n            padding: 0.2rem 0.5rem;\n            border-radius: var(--radius-pill);\n            background: #fafafa;\n            border: 1px solid var(--border);\n        }\n\n        .service-cta {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.75rem;\n            margin-top: 0.5rem;\n        }\n\n        .service-side-card {\n            background: #fafafa;\n            border-radius: var(--radius-lg);\n            border: 1px dashed var(--border);\n            padding: 1.1rem 1rem;\n            font-size: 0.85rem;\n        }\n\n        .service-side-card h4 {\n            font-size: 0.95rem;\n            margin-bottom: 0.3rem;\n        }\n\n        .service-side-card ul {\n            list-style: none;\n            padding-left: 0;\n        }\n\n        .service-side-card li {\n            display: flex;\n            gap: 0.35rem;\n            margin-bottom: 0.3rem;\n        }\n\n        .service-side-card li::before {\n            content: \"\u2714\";\n            color: var(--green);\n            font-size: 0.75rem;\n            margin-top: 0.1rem;\n        }\n\n        \/* How It Works *\/\n        .hiw-grid {\n            display: grid;\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n            gap: 1.25rem;\n        }\n\n        .hiw-card {\n            background: #ffffff;\n            border-radius: var(--radius-lg);\n            box-shadow: var(--shadow-soft);\n            padding: 1.1rem 1rem 1.15rem;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hiw-step-badge {\n            position: absolute;\n            top: 0.7rem;\n            right: 0.9rem;\n            width: 26px;\n            height: 26px;\n            border-radius: 999px;\n            background: var(--yellow);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.82rem;\n            font-weight: 700;\n            color: var(--dark);\n        }\n\n        .hiw-card h3 {\n            font-size: 1rem;\n            margin-bottom: 0.45rem;\n        }\n\n        .hiw-card p {\n            font-size: 0.86rem;\n            color: var(--muted);\n        }\n\n        \/* Trust \/ Features Strip *\/\n        .trust-strip {\n            background: #111111;\n            color: #f7f7f7;\n            padding: 1rem 0;\n        }\n\n        .trust-row {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1rem;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.82rem;\n        }\n\n        .trust-item {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.4rem;\n            padding: 0.25rem 0.75rem;\n            border-radius: var(--radius-pill);\n            border: 1px solid #ffffff33;\n            background: #ffffff08;\n        }\n\n        .trust-dot {\n            width: 8px;\n            height: 8px;\n            border-radius: 100px;\n            background: var(--green);\n        }\n\n        \/* FAQ Generic *\/\n        .faq {\n            background: #ffffff;\n        }\n\n        .faq-list {\n            display: grid;\n            gap: 0.75rem;\n        }\n\n        .faq-item {\n            border-radius: var(--radius-lg);\n            border: 1px solid var(--border);\n            background: #fafafa;\n            padding: 0.75rem 1rem;\n            cursor: pointer;\n        }\n\n        .faq-question {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 1rem;\n            font-size: 0.95rem;\n            font-weight: 600;\n        }\n\n        .faq-toggle {\n            font-size: 1.3rem;\n            color: var(--muted);\n        }\n\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height var(--transition-fast);\n            font-size: 0.88rem;\n            color: var(--muted);\n        }\n\n        .faq-item.open .faq-answer {\n            margin-top: 0.4rem;\n            max-height: 260px;\n        }\n\n        \/* CTA Banner *\/\n        .cta-banner {\n            background: linear-gradient(90deg, var(--green), var(--red));\n            color: var(--light);\n            border-radius: var(--radius-lg);\n            padding: 1.4rem 1.6rem;\n            box-shadow: var(--shadow-soft);\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            gap: 1rem;\n            justify-content: space-between;\n        }\n\n        .cta-banner h3 {\n            font-size: 1.2rem;\n        }\n\n        .cta-banner p {\n            font-size: 0.9rem;\n            opacity: 0.9;\n        }\n\n        \/* Contact & Location *\/\n        .contact {\n            background: #f4f5f7;\n        }\n\n        .contact-grid {\n            display: grid;\n            grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);\n            gap: 1.5rem;\n        }\n\n        .contact-card {\n            background: #ffffff;\n            padding: 1.4rem 1.25rem;\n            border-radius: var(--radius-lg);\n            box-shadow: var(--shadow-soft);\n        }\n\n        .contact-card h3 {\n            font-size: 1.1rem;\n            margin-bottom: 0.7rem;\n        }\n\n        .contact-form {\n            display: grid;\n            gap: 0.75rem;\n        }\n\n        .form-row {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 0.75rem;\n        }\n\n        .field {\n            margin-bottom: 0.75rem;\n        }\n\n        .field label {\n            font-size: 0.8rem;\n            font-weight: 600;\n            margin-bottom: 0.15rem;\n            display: block;\n        }\n\n        .field input,\n        .field select,\n        .field textarea {\n            width: 100%;\n            border-radius: 10px;\n            border: 1px solid var(--border);\n            padding: 0.5rem 0.6rem;\n            font-size: 0.88rem;\n            outline: none;\n        }\n\n        .field input:focus,\n        .field select:focus,\n        .field textarea:focus {\n            border-color: var(--green);\n            box-shadow: 0 0 0 2px rgba(11,122,59,0.1);\n        }\n\n        .field textarea {\n            min-height: 80px;\n            resize: vertical;\n        }\n\n        .contact-info-card {\n            background: #ffffff;\n            border-radius: var(--radius-lg);\n            padding: 1.1rem 1.1rem;\n            border: 1px solid var(--border);\n        }\n\n        .contact-info-card h4 {\n            font-size: 1rem;\n            margin-bottom: 0.35rem;\n        }\n\n        .contact-info-list {\n            list-style: none;\n            padding-left: 0;\n            font-size: 0.88rem;\n        }\n\n        .contact-info-list li {\n            margin-bottom: 0.4rem;\n        }\n\n        .contact-badge {\n            display: inline-block;\n            margin-top: 0.4rem;\n            font-size: 0.75rem;\n            padding: 0.25rem 0.6rem;\n            border-radius: 999px;\n            border: 1px solid var(--border);\n            background: #fafafa;\n        }\n\n        .mini-map {\n            margin-top: 0.75rem;\n            border-radius: 12px;\n            border: 1px solid var(--border);\n            background: linear-gradient(135deg, #eee, #ddd);\n            padding: 0.9rem;\n            font-size: 0.8rem;\n        }\n\n        .booking-note {\n            margin-top: 0.4rem;\n            font-size: 0.8rem;\n            color: var(--muted);\n        }\n\n        .confirmation-message {\n            margin-top: 0.6rem;\n            font-size: 0.88rem;\n            color: var(--green);\n            font-weight: 600;\n        }\n\n        \/* Footer *\/\n        footer {\n            background: #111111;\n            color: #e0e0e0;\n            padding: 1.25rem 0 1.1rem;\n            font-size: 0.8rem;\n        }\n\n        .footer-top {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1rem;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 0.5rem;\n        }\n\n        .footer-brand {\n            font-weight: 600;\n        }\n\n        .footer-links {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1rem;\n        }\n\n        .footer-links a {\n            text-decoration: underline;\n        }\n\n        .footer-bottom {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.5rem;\n            justify-content: space-between;\n            align-items: center;\n            opacity: 0.8;\n        }\n\n        .social-icons {\n            display: flex;\n            gap: 0.5rem;\n        }\n\n        .social-circle {\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            border: 1px solid #ffffff44;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.7rem;\n        }\n\n        \/* New Styles for Enhanced Features *\/\n        .receipt-container {\n            display: none;\n            background: white;\n            border-radius: var(--radius-lg);\n            padding: 1.5rem;\n            margin-top: 1.5rem;\n            box-shadow: var(--shadow-soft);\n            border: 1px solid var(--border);\n        }\n\n        .receipt-header {\n            text-align: center;\n            margin-bottom: 1.5rem;\n            border-bottom: 2px solid var(--green);\n            padding-bottom: 1rem;\n        }\n\n        .receipt-details {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .receipt-footer {\n            text-align: center;\n            margin-top: 1.5rem;\n            padding-top: 1rem;\n            border-top: 1px dashed var(--border);\n            color: var(--muted);\n            font-size: 0.85rem;\n        }\n\n        .print-btn {\n            background: var(--green);\n            color: white;\n            border: none;\n            padding: 0.5rem 1rem;\n            border-radius: var(--radius-pill);\n            cursor: pointer;\n            margin-top: 1rem;\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n\n        .captcha-container {\n            margin: 1rem 0;\n            display: flex;\n            justify-content: center;\n        }\n\n        .form-error {\n            color: var(--red);\n            font-size: 0.8rem;\n            margin-top: 0.25rem;\n            display: none;\n        }\n\n        .field.error input,\n        .field.error select,\n        .field.error textarea {\n            border-color: var(--red);\n        }\n\n        .loading-overlay {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0,0,0,0.7);\n            z-index: 2000;\n            justify-content: center;\n            align-items: center;\n            flex-direction: column;\n            color: white;\n        }\n\n        .spinner {\n            width: 50px;\n            height: 50px;\n            border: 5px solid rgba(255,255,255,0.3);\n            border-radius: 50%;\n            border-top-color: white;\n            animation: spin 1s linear infinite;\n            margin-bottom: 1rem;\n        }\n\n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 900px) {\n            .hero-grid {\n                grid-template-columns: minmax(0, 1fr);\n            }\n            .hero-card {\n                order: -1;\n            }\n            .service-grid,\n            .contact-grid {\n                grid-template-columns: minmax(0, 1fr);\n            }\n            .hiw-grid {\n                grid-template-columns: minmax(0, 1fr);\n            }\n            .receipt-details {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .header-inner {\n                padding-inline: 1rem;\n            }\n\n            nav {\n                position: absolute;\n                inset: 60px 0 auto 0;\n                background: #111;\n                flex-direction: column;\n                padding: 0.75rem 1.25rem 1rem;\n                transform: translateY(-140%);\n                opacity: 0;\n                pointer-events: none;\n                transition: transform var(--transition-fast), opacity var(--transition-fast);\n            }\n\n            nav.open {\n                transform: translateY(0);\n                opacity: 1;\n                pointer-events: auto;\n            }\n\n            .btn-cta-header {\n                align-self: flex-start;\n            }\n\n            .menu-toggle {\n                display: block;\n            }\n\n            .hero {\n                padding-top: 1.8rem;\n            }\n        }\n\n        @media (max-width: 540px) {\n            .form-row {\n                grid-template-columns: minmax(0, 1fr);\n            }\n            .cta-banner {\n                padding: 1.1rem 1rem;\n            }\n        }\n    <\/style>\n\n    <!-- JSON-LD Structured Data (Notary Public \/ Professional Service) -->\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"ProfessionalService\",\n      \"name\": \"Yebbo Notary Public & Translation Services\",\n      \"url\": \"https:\/\/www.yebbo.com\/notary\",\n      \"telephone\": \"+1-619-255-5530\",\n      \"areaServed\": \"United States\",\n      \"image\": \"https:\/\/www.yebbo.com\/path-to-notary-hero-image.jpg\",\n      \"description\": \"Professional Notary Public, sworn and certified translation, apostille and authentication services powered by Yebbo Communication Network in San Diego, CA.\",\n      \"address\": {\n        \"@type\": \"PostalAddress\",\n        \"streetAddress\": \"4265 Fairmount Ave #240\",\n        \"addressLocality\": \"San Diego\",\n        \"addressRegion\": \"CA\",\n        \"postalCode\": \"92105\",\n        \"addressCountry\": \"US\"\n      },\n      \"sameAs\": [\n        \"https:\/\/www.facebook.com\/yebbodotcom\",\n        \"https:\/\/www.instagram.com\/yebbo\",\n        \"https:\/\/www.youtube.com\/@yebbo\"\n      ]\n    }\n    <\/script>\n<\/head>\n<body>\n\n    <!-- Top Bar -->\n    <div class=\"top-bar\">\n        <div class=\"container top-bar-inner\">\n            <div class=\"top-bar-left\">\n                <span>? Call us: <strong><a href=\"tel:+16192555530\">+1 (619) 255-5530<\/a><\/strong><\/span>\n            <\/div>\n            <div class=\"top-bar-right\">\n                <span>\u2709\ufe0f <a href=\"mailto:info@yebbo.com\">info@yebbo.com<\/a><\/span>\n                <span>|<\/span>\n                <span>? Secure \u2022 SSL Protected<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Header \/ Navigation -->\n    <header>\n        <div class=\"container header-inner\">\n            <div class=\"brand\">\n                <div class=\"brand-logo\">NP<\/div>\n                <div class=\"brand-text\">\n                    <span class=\"title\">Notary Public<\/span>\n                    <span class=\"subtitle\">Powered by Yebbo Communication Network<\/span>\n                <\/div>\n            <\/div>\n\n            <nav id=\"mainNav\">\n                <a href=\"#services\">Services<\/a>\n                <a href=\"#how-it-works\">How It Works<\/a>\n                <a href=\"#faq\">FAQs<\/a>\n                <a href=\"#ca-faq\">CA FAQ<\/a>\n                <a href=\"#contact\">Contact<\/a>\n                <a href=\"#contact\" class=\"btn-cta-header\">Book Notary Now<\/a>\n            <\/nav>\n\n            <div class=\"menu-toggle\" id=\"menuToggle\">\u2630<\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section -->\n    <section class=\"hero\" id=\"top\">\n        <div class=\"container hero-grid\">\n            <div>\n                <div class=\"hero-tagline\">\n                    <span class=\"dot\"><\/span>\n                    <span>Notary \u2022 Sworn &#038; Certified Translation \u2022 Apostille &#038; Authentication<\/span>\n                <\/div>\n                <h1>\n                    Certified <span class=\"highlight\">Notary Public<\/span> &#038; Translation\n                    Support for Your Most Important Documents.\n                <\/h1>\n                <p class=\"hero-lead\">\n                    Fast, accurate and friendly Notary services plus sworn and certified translations,\n                    apostille and authentication facilitation. Serving individuals, families, businesses\n                    and global diaspora clients \u2013 in-office and mobile (based on availability).\n                <\/p>\n                <div class=\"hero-cta-row\">\n                    <button class=\"btn-primary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior:'smooth'})\">\n                        ? Schedule an Appointment\n                    <\/button>\n                    <button class=\"btn-outline\" onclick=\"window.location.href='tel:+16192555530'\">\n                        \u260e Call Now: (619) 255-5530\n                    <\/button>\n                <\/div>\n                <div class=\"hero-meta\">\n                    <div class=\"hero-meta-item\">\n                        <span class=\"hero-meta-dot\"><\/span> Office hours: Mon\u2013Fri 10:00 AM \u2013 5:00 PM (excluding holidays)\n                    <\/div>\n                    <div class=\"hero-meta-item\">\n                        <span class=\"hero-meta-dot\"><\/span> Online booking window: Mon\u2013Fri 12:00 PM \u2013 4:00 PM\n                    <\/div>\n                    <div class=\"hero-meta-item\">\n                        <span class=\"hero-meta-dot\"><\/span> Mobile Notary by availability + travel\/convenience fee\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div>\n                <div class=\"hero-card\">\n                    <div class=\"hero-card-ribbon\">Established Identity \u2022 Secure &#038; Compliant<\/div>\n                    <h2>Popular Notary &#038; Document Services<\/h2>\n                    <ul>\n                        <li>Acknowledgments &#038; Jurats<\/li>\n                        <li>Power of Attorney &#038; Affidavits<\/li>\n                        <li>Real Estate &#038; Loan Signing Packages<\/li>\n                        <li>Immigration &#038; Consent Letters (non-legal advice)<\/li>\n                        <li>Sworn &#038; certified translations with Ethiotrans<\/li>\n                        <li>Apostille &#038; authentication facilitation for foreign use<\/li>\n                    <\/ul>\n                    <div class=\"hero-badge-row\">\n                        <div class=\"hero-badge\">\u2705 Government-issued ID Required<\/div>\n                        <div class=\"hero-badge\">? Office at 4265 Fairmount Ave #240, San Diego<\/div>\n                        <div class=\"hero-badge\">? Mobile Notary by availability (extra fees)<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Trust Strip -->\n    <div class=\"trust-strip\">\n        <div class=\"container trust-row\">\n            <div class=\"trust-item\">\n                <span class=\"trust-dot\"><\/span> Clear pricing &#038; no surprise fees\n            <\/div>\n            <div class=\"trust-item\">\n                <span class=\"trust-dot\"><\/span> SSL-secured site &#038; encrypted contact forms\n            <\/div>\n            <div class=\"trust-item\">\n                <span class=\"trust-dot\"><\/span> Mobile Notary by availability with travel &#038; convenience fee\n            <\/div>\n            <div class=\"trust-item\">\n                <span class=\"trust-dot\"><\/span> Established Yebbo Communication Network brand\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Services \/ Tabs -->\n    <section class=\"services\" id=\"services\">\n        <div class=\"container\">\n            <h2>Notary &#038; Document Services<\/h2>\n            <p class=\"section-subtitle\">\n                Straightforward, well-organized and expandable service structure. Click a service type\n                to see details and examples.\n            <\/p>\n\n            <div class=\"tabs\" aria-label=\"Notary service categories\">\n                <button class=\"tab-btn active\" data-target=\"general-notary\">General Notary<\/button>\n                <button class=\"tab-btn\" data-target=\"loan-signing\">Loan Signing &#038; Real Estate<\/button>\n                <button class=\"tab-btn\" data-target=\"apostille\">Apostille &#038; Authentication<\/button>\n                <button class=\"tab-btn\" data-target=\"translation\">Sworn &#038; Certified Translation<\/button>\n                <button class=\"tab-btn\" data-target=\"immigration\">Immigration &#038; Travel Docs<\/button>\n                <button class=\"tab-btn\" data-target=\"business\">Business &#038; Corporate<\/button>\n                <button class=\"tab-btn\" data-target=\"mobile-notary\">Mobile &#038; After-Hours<\/button>\n            <\/div>\n\n            <!-- General Notary Pane -->\n            <div class=\"service-pane active\" id=\"general-notary\">\n                <div class=\"service-grid\">\n                    <div>\n                        <h3>General Notary Services<\/h3>\n                        <p>\n                            Ideal for everyday documents that require a notarial seal. We verify identity,\n                            witness your signature and complete the appropriate notarial certificate.\n                        <\/p>\n                        <ul class=\"service-list\">\n                            <li>Acknowledgments &#038; Jurats<\/li>\n                            <li>Affidavits &#038; Sworn Statements<\/li>\n                            <li>Power of Attorney (POA)<\/li>\n                            <li>Consent letters for minors &#038; guardianship forms<\/li>\n                            <li>Certified copies where permitted by law<\/li>\n                        <\/ul>\n                        <div class=\"service-meta\">\n                            <span>\u2705 Government ID required<\/span>\n                            <span>\u23f1 Most visits under 15 minutes<\/span>\n                            <span>? Multiple signatures available<\/span>\n                        <\/div>\n                        <div class=\"service-cta\">\n                            <button class=\"btn-primary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior:'smooth'})\">\n                                Book General Notary\n                            <\/button>\n                            <button class=\"btn-outline\" onclick=\"document.getElementById('faq').scrollIntoView({behavior:'smooth'})\">\n                                View ID &#038; document requirements\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"service-side-card\">\n                        <h4>Helpful Tips<\/h4>\n                        <ul>\n                            <li>Do not sign your documents before you arrive \u2013 sign in front of the Notary.<\/li>\n                            <li>Bring valid, unexpired government ID (passport, driver license, etc.).<\/li>\n                            <li>Ensure all names and dates in the document are correct before notarizing.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Loan Signing Pane -->\n            <div class=\"service-pane\" id=\"loan-signing\">\n                <div class=\"service-grid\">\n                    <div>\n                        <h3>Loan Signing &#038; Real Estate Closings<\/h3>\n                        <p>\n                            Professional handling of complex real estate and loan packages \u2013 organized,\n                            patient and detail-oriented so your transaction closes smoothly.\n                        <\/p>\n                        <ul class=\"service-list\">\n                            <li>Purchase &#038; Sale documents<\/li>\n                            <li>Refinance packages &#038; HELOC<\/li>\n                            <li>Deeds, Deeds of Trust, Grant &#038; Quitclaim Deeds<\/li>\n                            <li>Loan modifications &#038; disclosure forms<\/li>\n                        <\/ul>\n                        <div class=\"service-meta\">\n                            <span>? For title, escrow, lenders &#038; attorneys<\/span>\n                            <span>? Evening &#038; weekend options (when available)<\/span>\n                            <span>? Distance signers coordination available<\/span>\n                        <\/div>\n                        <div class=\"service-cta\">\n                            <button class=\"btn-primary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior:'smooth'})\">\n                                Schedule a Loan Signing\n                            <\/button>\n                            <button class=\"btn-outline\">\n                                Request preferred notary profile (PDF)\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"service-side-card\">\n                        <h4>Why Title &#038; Escrow Choose Yebbo Notary<\/h4>\n                        <ul>\n                            <li>Clear communication and confirmation calls with signers.<\/li>\n                            <li>Documents reviewed for signatures, initials and dates.<\/li>\n                            <li>Prompt return of packages via your preferred courier.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Apostille Pane -->\n            <div class=\"service-pane\" id=\"apostille\">\n                <div class=\"service-grid\">\n                    <div>\n                        <h3>Apostille &#038; Authentication Support<\/h3>\n                        <p>\n                            Many international documents require both notarization and government\n                            certification (apostille or authentication). We help you complete the Notary step\n                            and can facilitate apostille and authentication processing where needed.\n                        <\/p>\n                        <ul class=\"service-list\">\n                            <li>Birth, marriage &#038; divorce certificates (where allowed)<\/li>\n                            <li>Education records &#038; diplomas<\/li>\n                            <li>Business formation documents<\/li>\n                            <li>Powers of Attorney for use abroad<\/li>\n                        <\/ul>\n                        <div class=\"service-meta\">\n                            <span>? For documents used overseas<\/span>\n                            <span>? Courier &#038; mailing options available<\/span>\n                            <span>? Apostille &#038; authentication handling available<\/span>\n                        <\/div>\n                        <div class=\"service-cta\">\n                            <button class=\"btn-primary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior:'smooth'})\">\n                                Get Apostille &#038; Authentication Help\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"service-side-card\">\n                        <h4>Important Note<\/h4>\n                        <ul>\n                            <li>Processing times and requirements vary by country and state.<\/li>\n                            <li>We do <strong>not<\/strong> provide legal advice \u2013 we assist with the Notary and processing steps.<\/li>\n                            <li>Bring original documents or certified copies when required.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Sworn & Certified Translation Pane -->\n            <div class=\"service-pane\" id=\"translation\">\n                <div class=\"service-grid\">\n                    <div>\n                        <h3>Sworn &#038; Certified Translation (via Ethiotrans)<\/h3>\n                        <p>\n                            Official translations for immigration, court, academic and business purposes.\n                            In partnership with <strong>Ethiotrans<\/strong>, we provide sworn and certified\n                            translations plus notarization when required.\n                        <\/p>\n                        <ul class=\"service-list\">\n                            <li>Sworn translations for official use<\/li>\n                            <li>Certified translations for USCIS, courts and universities<\/li>\n                            <li>Multilingual support (Amharic, Tigrinya, Oromo, Arabic, Spanish, and more)<\/li>\n                            <li>Translation + Notary + Apostille package coordination<\/li>\n                        <\/ul>\n                        <div class=\"service-meta\">\n                            <span>? 150+ languages via Ethiotrans<\/span>\n                            <span>? Digital &#038; printed copies available<\/span>\n                        <\/div>\n                        <div class=\"service-cta\">\n                            <button class=\"btn-primary\" onclick=\"window.open('https:\/\/www.ethiotrans.com','_blank')\">\n                                Visit Ethiotrans for Translation\n                            <\/button>\n                            <button class=\"btn-outline\" onclick=\"document.getElementById('contact').scrollIntoView({behavior:'smooth'})\">\n                                Ask about translation + notarization bundle\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"service-side-card\">\n                        <h4>Best Results for Translation Jobs<\/h4>\n                        <ul>\n                            <li>Send clear scans or original documents.<\/li>\n                            <li>Specify the country\/agency where you will submit the translation.<\/li>\n                            <li>Ask if they require sworn, certified or notarized translation.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Immigration Pane -->\n            <div class=\"service-pane\" id=\"immigration\">\n                <div class=\"service-grid\">\n                    <div>\n                        <h3>Immigration &#038; Travel-Related Documents<\/h3>\n                        <p>\n                            Many immigration and travel forms require notarized signatures or certified\n                            statements. We provide careful, respectful Notary service and can connect you\n                            with sworn and certified translations when needed.\n                        <\/p>\n                        <ul class=\"service-list\">\n                            <li>Affidavits of Support &#038; financial letters<\/li>\n                            <li>Invitation letters &#038; sponsorship letters<\/li>\n                            <li>Travel consent letters for minors<\/li>\n                            <li>Translations + notarization in partnership with Ethiotrans<\/li>\n                        <\/ul>\n                        <div class=\"service-meta\">\n                            <span>? Ideal for global diaspora clients<\/span>\n                            <span>? Sworn &#038; certified translations available<\/span>\n                            <span>\u2696\ufe0f No legal advice provided<\/span>\n                        <\/div>\n                        <div class=\"service-cta\">\n                            <button class=\"btn-primary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior:'smooth'})\">\n                                Book Immigration-related Notary\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"service-side-card\">\n                        <h4>Language &#038; Translation Support<\/h4>\n                        <ul>\n                            <li>Work with <strong>Ethiotrans<\/strong> for official translations.<\/li>\n                            <li>We can coordinate translation + notarization + apostille.<\/li>\n                            <li>Ask about Amharic, Tigrinya, Oromo, Arabic, Spanish and more.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Business Pane -->\n            <div class=\"service-pane\" id=\"business\">\n                <div class=\"service-grid\">\n                    <div>\n                        <h3>Business &#038; Corporate Notary<\/h3>\n                        <p>\n                            Support for entrepreneurs, small firms and corporations who need ongoing\n                            Notary services as part of their operations.\n                        <\/p>\n                        <ul class=\"service-list\">\n                            <li>Articles of Incorporation &#038; bylaws<\/li>\n                            <li>Board resolutions &#038; meeting minutes<\/li>\n                            <li>Vendor contracts &#038; agreements<\/li>\n                            <li>Banking &#038; financial documents<\/li>\n                        <\/ul>\n                        <div class=\"service-meta\">\n                            <span>? Flexible scheduling for your office<\/span>\n                            <span>? Volume &#038; retainer plans available<\/span>\n                        <\/div>\n                        <div class=\"service-cta\">\n                            <button class=\"btn-primary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior:'smooth'})\">\n                                Set Up Business Account\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"service-side-card\">\n                        <h4>Easy Connection for Companies<\/h4>\n                        <ul>\n                            <li>Dedicated contact person for your team.<\/li>\n                            <li>Simple booking links for your staff and clients.<\/li>\n                            <li>Clear invoice and receipt documentation.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Mobile Pane -->\n            <div class=\"service-pane\" id=\"mobile-notary\">\n                <div class=\"service-grid\">\n                    <div>\n                        <h3>Mobile &#038; After-Hours Notary<\/h3>\n                        <p>\n                            When you can&#8217;t come to us, we come to you. Mobile Notary is perfect for\n                            hospitals, offices, homes, senior centers and busy professionals.\n                            <strong>All mobile notary appointments are based on availability and include\n                            additional travel and convenience charges.<\/strong>\n                        <\/p>\n                        <ul class=\"service-list\">\n                            <li>Evening, weekend &#038; urgent appointments (subject to availability)<\/li>\n                            <li>On-site at homes, offices, hospitals &#038; care facilities<\/li>\n                            <li>Group notarization sessions for businesses &#038; communities<\/li>\n                        <\/ul>\n                        <div class=\"service-meta\">\n                            <span>? Travel &#038; convenience fees apply<\/span>\n                            <span>? Coverage area: San Diego &#038; surrounding region<\/span>\n                        <\/div>\n                        <div class=\"service-cta\">\n                            <button class=\"btn-primary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior:'smooth'})\">\n                                Request Mobile Notary\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"service-side-card\">\n                        <h4>Before You Book Mobile<\/h4>\n                        <ul>\n                            <li>Have all signers present with valid ID.<\/li>\n                            <li>Ensure documents are ready and printed.<\/li>\n                            <li>Let us know about parking, building access and any time limits.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- How It Works -->\n    <section id=\"how-it-works\">\n        <div class=\"container\">\n            <h2>How It Works<\/h2>\n            <p class=\"section-subtitle\">\n                Simple Z-pattern user journey: learn \u2192 trust \u2192 act. Clear steps make it easy for first-time\n                and repeat clients.\n            <\/p>\n            <div class=\"hiw-grid\">\n                <div class=\"hiw-card\">\n                    <div class=\"hiw-step-badge\">1<\/div>\n                    <h3>Choose Your Service<\/h3>\n                    <p>\n                        Review the service tabs above and confirm which type of notarization, translation\n                        or apostille help you need. Not sure? Tell us what the document is for and we&#8217;ll\n                        guide the Notary certificate (no legal advice).\n                    <\/p>\n                <\/div>\n                <div class=\"hiw-card\">\n                    <div class=\"hiw-step-badge\">2<\/div>\n                    <h3>Book &#038; Prepare<\/h3>\n                    <p>\n                        Call, email or use the secure form to schedule. Bring valid government ID\n                        and ensure your document is complete but <strong>not signed<\/strong> before you arrive.\n                        For translations, send clear copies in advance.\n                    <\/p>\n                <\/div>\n                <div class=\"hiw-card\">\n                    <div class=\"hiw-step-badge\">3<\/div>\n                    <h3>Sign, Notarize &#038; Process<\/h3>\n                    <p>\n                        Sign in front of the Notary, who will verify identity, witness the signature and\n                        complete the appropriate Notary block. We can then assist with sworn\/certified\n                        translations and apostille\/authentication where required.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Banner -->\n    <section>\n        <div class=\"container\">\n            <div class=\"cta-banner\">\n                <div>\n                    <h3>Ready to notarize or translate your documents today?<\/h3>\n                    <p>\n                        Connect with us now and experience a professional, secure and efficient visit \u2013\n                        backed by Yebbo&#8217;s established identity and global diaspora focus.\n                    <\/p>\n                <\/div>\n                <div>\n                    <button class=\"btn-primary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior:'smooth'})\">\n                        ? Book Now\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- General FAQ -->\n    <section class=\"faq\" id=\"faq\">\n        <div class=\"container\">\n            <h2>Frequently Asked Questions<\/h2>\n            <p class=\"section-subtitle\">\n                Clear, engaging answers help visitors feel confident and reduce call volume \u2013 while building\n                trust and authority.\n            <\/p>\n            <div class=\"faq-list\">\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span>What do I need to bring to my Notary appointment?<\/span>\n                        <span class=\"faq-toggle\">+<\/span>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>\n                            Please bring your <strong>unsigned<\/strong> document and a valid government-issued\n                            photo ID (such as a passport or driver&#8217;s license). All signers must be present.\n                            If your document is in another language, let us know in advance \u2013 we can coordinate\n                            sworn or certified translations via Ethiotrans when required.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span>Can you give legal advice or tell me which document to use?<\/span>\n                        <span class=\"faq-toggle\">+<\/span>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>\n                            No. As Notaries we <strong>cannot<\/strong> provide legal advice or select documents\n                            for you. We can explain the Notary process and certificate wording, but questions\n                            about which document or form to use must be answered by an attorney or the agency\n                            requesting your document.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span>How does Mobile Notary pricing work?<\/span>\n                        <span class=\"faq-toggle\">+<\/span>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>\n                            All mobile Notary appointments are <strong>based on availability<\/strong> and include\n                            additional travel and convenience charges on top of standard Notary fees. Travel\n                            fees depend on distance, time, parking and urgency. Contact us with your address\n                            and preferred time for a quote.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span>Do you provide sworn and certified translations?<\/span>\n                        <span class=\"faq-toggle\">+<\/span>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>\n                            Yes. Through our sister company <strong>Ethiotrans<\/strong>, we provide sworn and\n                            certified translations in over 150 languages. We can also notarize translator\n                            affidavits and help coordinate apostille or authentication if your translated\n                            documents are used overseas.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        <span>Can you notarize documents for use outside the United States?<\/span>\n                        <span class=\"faq-toggle\">+<\/span>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>\n                            In many cases, yes. After notarization, your document may also need an apostille\n                            or authentication depending on the destination country. We can assist with the\n                            Notary step and help facilitate apostille or authentication through the proper\n                            channels.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- California Notary Public \u2013 20-Point FAQ -->\n    <section class=\"faq\" id=\"ca-faq\">\n        <div class=\"container\">\n            <h2>California Notary Public \u2013 20 Most Common Questions<\/h2>\n            <p class=\"section-subtitle\">\n                Answers based on California Secretary of State notarial guidelines. For information only \u2014 not legal advice.\n            <\/p>\n            <div class=\"faq-list\">\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>1. What identification is required for notarization in California?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>Acceptable IDs must be current or issued within the past 5 years and include photo, signature, and physical description \u2014 such as a California driver&#8217;s license, U.S. passport, or foreign passport stamped by USCIS.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>2. Can a Notary in California certify copies of documents?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>Generally, no. California Notaries may only certify copies of powers of attorney and their own journal entries. Certified copies of vital records must come from the issuing agency.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>3. What is the maximum fee a California Notary can charge?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>As of 2025, the maximum fee is $15 per signature notarized. Additional travel or convenience fees may be charged for mobile services, but must be disclosed in advance.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>4. Can a California Notary perform Remote Online Notarization (RON)?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>Currently, California does <strong>not<\/strong> allow remote online notarization. All notarizations must be done in person, with the signer physically appearing before the Notary.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>5. What is the difference between an Acknowledgment and a Jurat?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>An <strong>Acknowledgment<\/strong> verifies identity and willingness to sign. A <strong>Jurat<\/strong> requires the signer to swear or affirm the truthfulness of the document&#8217;s contents in front of the Notary.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>6. Do I need to sign in front of the Notary?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>Yes \u2014 for a Jurat or most general notarizations, you must sign in the Notary&#8217;s presence. For an Acknowledgment, you may have already signed, but you must still personally appear before the Notary.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>7. Can a Notary translate documents?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>Notaries can provide translation only if they are qualified translators. At Yebbo, translation is handled through our certified division <strong>Ethiotrans<\/strong>, ensuring sworn and certified translations with full compliance.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>8. Can a Notary give legal advice or choose which certificate to use?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>No. California Notaries are prohibited from giving legal advice, drafting legal documents, or selecting notarial wording for clients.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>9. Can a Notary refuse service?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>Yes. A Notary must refuse service if the signer lacks valid ID, appears unwilling or coerced, or if the document is incomplete or illegal.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>10. How long must a California Notary keep their journal?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>At least 10 years from the date of the last entry. The journal must be stored securely and surrendered to the county clerk when a Notary resigns or their commission expires.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>11. Can a California Notary notarize for family members?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>It is not illegal, but strongly discouraged. A Notary should not notarize for relatives where the Notary has a direct financial or beneficial interest in the transaction.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>12. Can a Notary notarize an unsigned document?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>No. The signer must appear before the Notary and sign the document in the Notary&#8217;s presence or acknowledge having previously signed it.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>13. Are expired IDs acceptable?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>Only if the ID was issued within the last 5 years and contains all required elements (photo, signature, description, and serial number).<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>14. What must be recorded in a Notary journal entry?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>Date, time, type of act, title of document, signer&#8217;s name, ID type\/number, signature, thumbprint (for certain documents), and any fees charged.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>15. Can a California Notary notarize in another state?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>No. California Notaries may perform notarizations only within the state of California, though documents may be used elsewhere.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>16. What documents require a thumbprint?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>A thumbprint is required for deeds, powers of attorney, and certain real estate documents affecting property. It&#8217;s also recommended for any high-risk or identity-sensitive document.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>17. Can a Notary notarize documents written in another language?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>Yes, provided the Notary and signer can communicate directly in a shared language. The Notary is not responsible for the document&#8217;s contents or accuracy.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>18. How can a signer who lacks ID be identified?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>Through the use of two credible witnesses known to the signer, each providing valid ID and swearing to the signer&#8217;s identity before the Notary.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>19. Can a Notary notarize a photocopy of an ID or signature?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>No. Notaries verify the identity of a live person, not copies or photographs. The individual must appear in person with a valid ID.<\/p><\/div><\/div>\n\n                <div class=\"faq-item\"><div class=\"faq-question\"><span>20. Where can I verify a Notary&#8217;s commission in California?<\/span><span class=\"faq-toggle\">+<\/span><\/div><div class=\"faq-answer\"><p>You can verify a California Notary&#8217;s status through the Secretary of State&#8217;s online Notary Public database at <a href=\"https:\/\/www.sos.ca.gov\/notary\" target=\"_blank\" rel=\"noopener\">sos.ca.gov\/notary<\/a>.<\/p><\/div><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Contact & Location -->\n    <section class=\"contact\" id=\"contact\">\n        <div class=\"container\">\n            <h2>Contact &#038; Location<\/h2>\n            <p class=\"section-subtitle\">\n                Easy connection with clients: phone, email, web form and map. All communication is protected\n                by SSL and handled with care.\n            <\/p>\n            <div class=\"contact-grid\">\n                <div class=\"contact-card\">\n                    <h3>Request an Appointment<\/h3>\n                    <form class=\"contact-form\" id=\"appointmentForm\">\n                        <div class=\"form-row\">\n                            <div class=\"field\">\n                                <label for=\"name\">Full Name *<\/label>\n                                <input id=\"name\" type=\"text\" placeholder=\"Your name\" required>\n                                <div class=\"form-error\" id=\"nameError\">Please enter your full name<\/div>\n                            <\/div>\n                            <div class=\"field\">\n                                <label for=\"phone\">Phone Number *<\/label>\n                                <input id=\"phone\" type=\"tel\" placeholder=\"(555) 555-5555\" required>\n                                <div class=\"form-error\" id=\"phoneError\">Please enter a valid phone number<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"form-row\">\n                            <div class=\"field\">\n                                <label for=\"email\">Email *<\/label>\n                                <input id=\"email\" type=\"email\" placeholder=\"you@example.com\" required>\n                                <div class=\"form-error\" id=\"emailError\">Please enter a valid email address<\/div>\n                            <\/div>\n                            <div class=\"field\">\n                                <label for=\"service\">Service Type *<\/label>\n                                <select id=\"service\" required>\n                                    <option value=\"\">Select a service<\/option>\n                                    <option>General Notary<\/option>\n                                    <option>Loan Signing \/ Real Estate<\/option>\n                                    <option>Apostille \/ Authentication<\/option>\n                                    <option>Sworn \/ Certified Translation<\/option>\n                                    <option>Immigration \/ Travel<\/option>\n                                    <option>Business \/ Corporate<\/option>\n                                    <option>Mobile \/ After-Hours (extra travel fee)<\/option>\n                                <\/select>\n                                <div class=\"form-error\" id=\"serviceError\">Please select a service type<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"form-row\">\n                            <div class=\"field\">\n                                <label for=\"date\">Preferred Date (Mon\u2013Fri) *<\/label>\n                                <input id=\"date\" type=\"date\" required>\n                                <div class=\"form-error\" id=\"dateError\">Please select a date<\/div>\n                            <\/div>\n                            <div class=\"field\">\n                                <label for=\"time\">Preferred Time (12:00\u201316:00) *<\/label>\n                                <input id=\"time\" type=\"time\" min=\"12:00\" max=\"16:00\" required>\n                                <div class=\"form-error\" id=\"timeError\">Please select a time between 12:00 PM and 4:00 PM<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"field\">\n                            <label for=\"message\">Notes (optional)<\/label>\n                            <textarea id=\"message\" placeholder=\"Tell us about your document, number of signers, mobile location, or translation needs.\"><\/textarea>\n                        <\/div>\n                        \n                        <!-- CAPTCHA -->\n                        <div class=\"captcha-container\">\n                            <div class=\"g-recaptcha\" data-sitekey=\"6LfKNiUTAAAAAC5tW5HgS6pJp6z7QOm0eT4E8XqJ\"><\/div>\n                            <div class=\"form-error\" id=\"captchaError\">Please complete the CAPTCHA verification<\/div>\n                        <\/div>\n                        \n                        <p class=\"booking-note\">\n                            Online booking window: <strong>Monday\u2013Friday, 12:00 PM \u2013 4:00 PM<\/strong> (excluding holidays). \n                            Requests outside this window may be rescheduled.\n                        <\/p>\n                        <button class=\"btn-primary\" type=\"submit\" id=\"submitBtn\">Submit Secure Request<\/button>\n                        <div id=\"confirmationMessage\" class=\"confirmation-message\" style=\"display:none;\"><\/div>\n                    <\/form>\n                    \n                    <!-- Receipt Container -->\n                    <div class=\"receipt-container\" id=\"receiptContainer\">\n                        <div class=\"receipt-header\">\n                            <h3>Yebbo Notary Public<\/h3>\n                            <p>Appointment Confirmation<\/p>\n                        <\/div>\n                        <div class=\"receipt-details\">\n                            <div>\n                                <p><strong>Appointment Number:<\/strong> <span id=\"receiptNumber\"><\/span><\/p>\n                                <p><strong>Date:<\/strong> <span id=\"receiptDate\"><\/span><\/p>\n                                <p><strong>Time:<\/strong> <span id=\"receiptTime\"><\/span><\/p>\n                                <p><strong>Service:<\/strong> <span id=\"receiptService\"><\/span><\/p>\n                            <\/div>\n                            <div>\n                                <p><strong>Name:<\/strong> <span id=\"receiptName\"><\/span><\/p>\n                                <p><strong>Phone:<\/strong> <span id=\"receiptPhone\"><\/span><\/p>\n                                <p><strong>Email:<\/strong> <span id=\"receiptEmail\"><\/span><\/p>\n                                <p><strong>Status:<\/strong> <span style=\"color: var(--green);\">Confirmed<\/span><\/p>\n                            <\/div>\n                        <\/div>\n                        <div>\n                            <p><strong>Notes:<\/strong><\/p>\n                            <p id=\"receiptNotes\"><\/p>\n                        <\/div>\n                        <div class=\"receipt-footer\">\n                            <p>Please bring valid government-issued ID and unsigned documents to your appointment.<\/p>\n                            <p>Office: 4265 Fairmount Ave #240, San Diego, CA 92105<\/p>\n                            <p>Phone: (619) 255-5530 | Email: info@yebbo.com<\/p>\n                            <button class=\"print-btn\" onclick=\"window.print()\">?\ufe0f Print Receipt<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"contact-info-card\">\n                    <h4>Office &#038; Contact Info<\/h4>\n                    <ul class=\"contact-info-list\">\n                        <li><strong>Phone:<\/strong> <a href=\"tel:+16192555530\">+1 (619) 255-5530<\/a><\/li>\n                        <li><strong>Email:<\/strong> <a href=\"mailto:info@yebbo.com\">info@yebbo.com<\/a><\/li>\n                        <li><strong>Website:<\/strong> <a href=\"https:\/\/www.yebbo.com\" target=\"_blank\" rel=\"noopener\">www.yebbo.com<\/a><\/li>\n                        <li><strong>Address:<\/strong> 4265 Fairmount Ave #240, San Diego, CA 92105, USA<\/li>\n                        <li><strong>Office Hours:<\/strong> Monday\u2013Friday 10:00 AM \u2013 5:00 PM (excluding holidays)<\/li>\n                        <li><strong>Online Booking Window:<\/strong> Monday\u2013Friday 12:00 PM \u2013 4:00 PM<\/li>\n                    <\/ul>\n                    <div class=\"contact-badge\">\n                        ? SSL protected \u2022 Information kept confidential\n                    <\/div>\n                    <div class=\"mini-map\">\n                        <strong>Map &#038; Directions<\/strong><br>\n                        Embed Google Maps iframe here for &#8220;4265 Fairmount Ave #240, San Diego, CA 92105&#8221; so clients can find you quickly.\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Loading Overlay -->\n    <div class=\"loading-overlay\" id=\"loadingOverlay\">\n        <div class=\"spinner\"><\/div>\n        <p>Processing your appointment&#8230;<\/p>\n    <\/div>\n\n    <!-- Footer -->\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-top\">\n                <div class=\"footer-brand\">\n                    Notary Public \u2022 Sworn &#038; Certified Translation \u2022 Apostille &#038; Authentication \u2022 Powered by Yebbo Communication Network\n                <\/div>\n                <div class=\"footer-links\">\n                    <a href=\"#top\">Back to Top<\/a>\n                    <a href=\"#services\">Services<\/a>\n                    <a href=\"#faq\">FAQs<\/a>\n                    <a href=\"#ca-faq\">CA FAQ<\/a>\n                    <a href=\"#contact\">Contact<\/a>\n                    <a href=\"https:\/\/www.ethiotrans.com\" target=\"_blank\" rel=\"noopener\">Ethiotrans (Language Support)<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"footer-bottom\">\n                <div>\u00a9 <span id=\"year\"><\/span> Yebbo Communication Network. All rights reserved.<\/div>\n                <div class=\"social-icons\">\n                    <div class=\"social-circle\">f<\/div>\n                    <div class=\"social-circle\">in<\/div>\n                    <div class=\"social-circle\">\u25b6<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Mobile menu toggle\n        const menuToggle = document.getElementById('menuToggle');\n        const mainNav = document.getElementById('mainNav');\n        menuToggle.addEventListener('click', () => {\n            mainNav.classList.toggle('open');\n        });\n\n        \/\/ Tabs behavior\n        const tabButtons = document.querySelectorAll('.tab-btn');\n        const servicePanes = document.querySelectorAll('.service-pane');\n\n        tabButtons.forEach(btn => {\n            btn.addEventListener('click', () => {\n                const target = btn.getAttribute('data-target');\n                tabButtons.forEach(b => b.classList.remove('active'));\n                btn.classList.add('active');\n\n                servicePanes.forEach(pane => {\n                    pane.classList.remove('active');\n                    if (pane.id === target) pane.classList.add('active');\n                });\n            });\n        });\n\n        \/\/ FAQ toggle (works for both FAQ sections)\n        document.querySelectorAll('.faq-item').forEach(item => {\n            item.addEventListener('click', () => {\n                item.classList.toggle('open');\n                const toggle = item.querySelector('.faq-toggle');\n                if (toggle) {\n                    toggle.textContent = item.classList.contains('open') ? '\u2013' : '+';\n                }\n            });\n        });\n\n        \/\/ Year in footer\n        document.getElementById('year').textContent = new Date().getFullYear();\n\n        \/\/ Form validation and submission\n        const appointmentForm = document.getElementById('appointmentForm');\n        const confirmationMessage = document.getElementById('confirmationMessage');\n        const receiptContainer = document.getElementById('receiptContainer');\n        const loadingOverlay = document.getElementById('loadingOverlay');\n\n        \/\/ Form validation\n        function validateForm() {\n            let isValid = true;\n            const name = document.getElementById('name');\n            const phone = document.getElementById('phone');\n            const email = document.getElementById('email');\n            const service = document.getElementById('service');\n            const date = document.getElementById('date');\n            const time = document.getElementById('time');\n            \n            \/\/ Reset errors\n            document.querySelectorAll('.form-error').forEach(error => {\n                error.style.display = 'none';\n            });\n            document.querySelectorAll('.field').forEach(field => {\n                field.classList.remove('error');\n            });\n            \n            \/\/ Validate name\n            if (!name.value.trim()) {\n                document.getElementById('nameError').style.display = 'block';\n                name.parentElement.classList.add('error');\n                isValid = false;\n            }\n            \n            \/\/ Validate phone\n            const phoneRegex = \/^[\\+]?[1-9][\\d]{0,15}$\/;\n            if (!phone.value.trim() || !phoneRegex.test(phone.value.replace(\/\\D\/g, ''))) {\n                document.getElementById('phoneError').style.display = 'block';\n                phone.parentElement.classList.add('error');\n                isValid = false;\n            }\n            \n            \/\/ Validate email\n            const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n            if (!email.value.trim() || !emailRegex.test(email.value)) {\n                document.getElementById('emailError').style.display = 'block';\n                email.parentElement.classList.add('error');\n                isValid = false;\n            }\n            \n            \/\/ Validate service\n            if (!service.value) {\n                document.getElementById('serviceError').style.display = 'block';\n                service.parentElement.classList.add('error');\n                isValid = false;\n            }\n            \n            \/\/ Validate date\n            if (!date.value) {\n                document.getElementById('dateError').style.display = 'block';\n                date.parentElement.classList.add('error');\n                isValid = false;\n            }\n            \n            \/\/ Validate time\n            if (!time.value) {\n                document.getElementById('timeError').style.display = 'block';\n                time.parentElement.classList.add('error');\n                isValid = false;\n            } else {\n                \/\/ Check if time is within booking window\n                const [hourStr, minuteStr] = time.value.split(':');\n                const hour = parseInt(hourStr, 10);\n                if (hour < 12 || hour >= 16) {\n                    document.getElementById('timeError').style.display = 'block';\n                    time.parentElement.classList.add('error');\n                    isValid = false;\n                }\n            }\n            \n            \/\/ Validate CAPTCHA\n            const captchaResponse = grecaptcha.getResponse();\n            if (!captchaResponse) {\n                document.getElementById('captchaError').style.display = 'block';\n                isValid = false;\n            }\n            \n            return isValid;\n        }\n\n        \/\/ Generate appointment number\n        function generateAppointmentNumber() {\n            const timestamp = Date.now().toString(36).toUpperCase();\n            const random = Math.floor(Math.random() * 9999).toString().padStart(4, '0');\n            return 'YNP-' + timestamp.slice(-4) + random;\n        }\n\n        \/\/ Format date for display\n        function formatDate(dateString) {\n            const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };\n            return new Date(dateString).toLocaleDateString('en-US', options);\n        }\n\n        \/\/ Format time for display\n        function formatTime(timeString) {\n            const [hours, minutes] = timeString.split(':');\n            const hour = parseInt(hours, 10);\n            const period = hour >= 12 ? 'PM' : 'AM';\n            const displayHour = hour % 12 || 12;\n            return `${displayHour}:${minutes} ${period}`;\n        }\n\n        \/\/ Simulate email sending (in a real implementation, this would connect to a backend)\n        function sendEmails(appointmentData) {\n            return new Promise((resolve) => {\n                setTimeout(() => {\n                    \/\/ In a real implementation, this would send actual emails\n                    console.log('Email to client:', {\n                        to: appointmentData.email,\n                        subject: `Appointment Confirmation - ${appointmentData.appointmentNumber}`,\n                        body: `Dear ${appointmentData.name},\\n\\nYour appointment has been confirmed.\\n\\nAppointment Details:\\n- Number: ${appointmentData.appointmentNumber}\\n- Date: ${appointmentData.date}\\n- Time: ${appointmentData.time}\\n- Service: ${appointmentData.service}\\n\\nPlease bring valid ID and unsigned documents.\\n\\nThank you,\\nYebbo Notary Public`\n                    });\n                    \n                    console.log('Email to Yebbo:', {\n                        to: 'info@yebbo.com',\n                        subject: `New Appointment - ${appointmentData.appointmentNumber}`,\n                        body: `New appointment request:\\n\\n- Name: ${appointmentData.name}\\n- Phone: ${appointmentData.phone}\\n- Email: ${appointmentData.email}\\n- Service: ${appointmentData.service}\\n- Date: ${appointmentData.date}\\n- Time: ${appointmentData.time}\\n- Notes: ${appointmentData.notes || 'None'}\\n\\nAppointment Number: ${appointmentData.appointmentNumber}`\n                    });\n                    \n                    resolve(true);\n                }, 2000);\n            });\n        }\n\n        \/\/ Form submission\n        appointmentForm.addEventListener('submit', async function (e) {\n            e.preventDefault();\n            \n            if (!validateForm()) {\n                return;\n            }\n            \n            \/\/ Show loading overlay\n            loadingOverlay.style.display = 'flex';\n            \n            \/\/ Collect form data\n            const formData = {\n                name: document.getElementById('name').value.trim(),\n                phone: document.getElementById('phone').value.trim(),\n                email: document.getElementById('email').value.trim(),\n                service: document.getElementById('service').value,\n                date: document.getElementById('date').value,\n                time: document.getElementById('time').value,\n                notes: document.getElementById('message').value.trim(),\n                appointmentNumber: generateAppointmentNumber()\n            };\n            \n            try {\n                \/\/ Send emails (simulated)\n                await sendEmails(formData);\n                \n                \/\/ Hide form and show receipt\n                appointmentForm.style.display = 'none';\n                receiptContainer.style.display = 'block';\n                \n                \/\/ Populate receipt\n                document.getElementById('receiptNumber').textContent = formData.appointmentNumber;\n                document.getElementById('receiptName').textContent = formData.name;\n                document.getElementById('receiptPhone').textContent = formData.phone;\n                document.getElementById('receiptEmail').textContent = formData.email;\n                document.getElementById('receiptService').textContent = formData.service;\n                document.getElementById('receiptDate').textContent = formatDate(formData.date);\n                document.getElementById('receiptTime').textContent = formatTime(formData.time);\n                document.getElementById('receiptNotes').textContent = formData.notes || 'None';\n                \n                \/\/ Scroll to receipt\n                receiptContainer.scrollIntoView({ behavior: 'smooth' });\n                \n            } catch (error) {\n                console.error('Error processing appointment:', error);\n                confirmationMessage.style.display = 'block';\n                confirmationMessage.textContent = 'Sorry, there was an error processing your request. Please try again or call us at (619) 255-5530.';\n                confirmationMessage.style.color = 'var(--red)';\n            } finally {\n                \/\/ Hide loading overlay\n                loadingOverlay.style.display = 'none';\n            }\n        });\n\n        \/\/ Set minimum date to today\n        const dateInput = document.getElementById('date');\n        const today = new Date();\n        const tomorrow = new Date(today);\n        tomorrow.setDate(tomorrow.getDate() + 1);\n        dateInput.min = tomorrow.toISOString().split('T')[0];\n        \n        \/\/ Set maximum date to 30 days from now\n        const maxDate = new Date(today);\n        maxDate.setDate(maxDate.getDate() + 30);\n        dateInput.max = maxDate.toISOString().split('T')[0];\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Notary Public by Yebbo \u2013 Certified Notary &#038; Translation Services | Mobile &#038; In-Office ? Call us: +1 (619) 255-5530 \u2709\ufe0f info@yebbo.com | ? Secure \u2022 SSL Protected NP Notary Public Powered by Yebbo Communication Network Services How It Works FAQs CA FAQ Contact Book Notary Now \u2630 Notary \u2022 Sworn &#038; Certified Translation \u2022<span class=\"post-excerpt-end\">&hellip;<\/span><\/p>\n<p class=\"more-link\"><a href=\"https:\/\/yebbo.com\/2013\/notary-public\/\" class=\"themebutton\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":1,"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/pages\/18\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/yebbo.com\/2013\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}