Professional Notary & Paralegal Services | South Jersey Professional Solutions℠
    
    
    
    
    
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Professional Notary & Paralegal Services | South Jersey Professional Solutions℠">
<meta property="og:description" content="Comprehensive notary, RON, loan signing, and paralegal services in South Jersey with EMT-trained expertise and 24/7 emergency availability.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://sjprofessionals.org/services/">
<meta property="og:image" content="https://sjprofessionals.org/assets/images/services-overview-og.jpg">
<meta property="og:site_name" content="South Jersey Professional Solutions℠">

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Professional Notary & Paralegal Services | South Jersey Professional Solutions℠">
<meta name="twitter:description" content="Comprehensive notary, RON, loan signing, and paralegal services in South Jersey with EMT-trained expertise.">
<meta name="twitter:image" content="https://sjprofessionals.org/assets/images/services-overview-twitter.jpg">

<!-- Canonical URL -->
<link rel="canonical" href="https://sjprofessionals.org/services/">

<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="../assets/images/favicon.ico">
<link rel="apple-touch-icon" href="../assets/images/apple-touch-icon.png">

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PVJHNWT373"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-PVJHNWT373');
</script>

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

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

<!-- Custom CSS -->
<style>
    :root {
        --primary-navy: #002147;
        --secondary-navy: #003366;
        --primary-gold: #B4975A;
        --secondary-gold: #D4B36A;
        --light-gold: #F5F1E8;
        --text-dark: #1a1a1a;
        --text-light: #6c757d;
        --bg-light: #f8f9fa;
        --white: #ffffff;
        --success: #28a745;
        --warning: #ffc107;
        --danger: #dc3545;
        --info: #17a2b8;
    }

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

    body {
        font-family: 'Inter', sans-serif;
        line-height: 1.6;
        color: var(--text-dark);
        background-color: var(--white);
    }

    .font-display {
        font-family: 'Playfair Display', serif;
    }

    /* Emergency Banner */
    .emergency-banner {
        background: linear-gradient(135deg, var(--danger) 0%, #b91c3c 100%);
        color: white;
        padding: 8px 0;
        font-weight: 600;
        font-size: 0.9rem;
        text-align: center;
        position: sticky;
        top: 0;
        z-index: 1050;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .emergency-banner a {
        color: white;
        text-decoration: none;
        font-weight: 700;
    }

    .emergency-banner a:hover {
        text-decoration: underline;
    }

    /* Navigation */
    .navbar {
        background: var(--white) !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        padding: 1rem 0;
    }

    .navbar-brand {
        font-family: 'Playfair Display', serif;
        font-weight: 600;
        font-size: 1.5rem;
        color: var(--primary-navy) !important;
    }

    .navbar-nav .nav-link {
        color: var(--text-dark) !important;
        font-weight: 500;
        padding: 0.5rem 1rem !important;
        transition: all 0.3s ease;
    }

    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link.active {
        color: var(--primary-gold) !important;
    }

    .btn-emergency {
        background: linear-gradient(135deg, var(--danger) 0%, #b91c3c 100%);
        border: none;
        color: white;
        font-weight: 600;
        padding: 0.5rem 1.5rem;
        border-radius: 25px;
        transition: all 0.3s ease;
    }

    .btn-emergency:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3);
        color: white;
    }

    .btn-schedule {
        background: linear-gradient(135deg, var(--primary-navy) 0%, var(--secondary-navy) 100%);
        border: none;
        color: white;
        font-weight: 600;
        padding: 0.5rem 1.5rem;
        border-radius: 25px;
        transition: all 0.3s ease;
    }

    .btn-schedule:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(0, 33, 71, 0.3);
        color: white;
    }

    /* Hero Section */
    .hero-section {
        background: linear-gradient(135deg, var(--primary-navy) 0%, var(--secondary-navy) 100%);
        color: white;
        padding: 5rem 0;
        position: relative;
        overflow: hidden;
    }

    .hero-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grain)"/></svg>');
        opacity: 0.1;
    }

    .hero-content {
        position: relative;
        z-index: 2;
    }

    .hero-title {
        font-family: 'Playfair Display', serif;
        font-size: 3.5rem;
        font-weight: 700;
        margin-bottom: 1.5rem;
        line-height: 1.2;
    }

    .hero-subtitle {
        font-size: 1.3rem;
        margin-bottom: 2rem;
        opacity: 0.9;
        line-height: 1.5;
    }

    .hero-stats {
        display: flex;
        gap: 2rem;
        margin-top: 2rem;
        flex-wrap: wrap;
    }

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

    .hero-stat-number {
        font-size: 2rem;
        font-weight: 700;
        color: var(--primary-gold);
        display: block;
    }

    .hero-stat-label {
        font-size: 0.9rem;
        opacity: 0.8;
    }

    /* Service Cards */
    .services-section {
        padding: 5rem 0;
    }

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

    .section-title {
        font-family: 'Playfair Display', serif;
        font-size: 2.5rem;
        font-weight: 600;
        color: var(--primary-navy);
        margin-bottom: 1rem;
    }

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

    .service-card {
        background: white;
        border-radius: 15px;
        padding: 2rem;
        height: 100%;
        box-shadow: 0 5px 20px rgba(0,0,0,0.08);
        transition: all 0.3s ease;
        border: 1px solid rgba(0,0,0,0.05);
        position: relative;
        overflow: hidden;
    }

    .service-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, var(--primary-gold) 0%, var(--secondary-gold) 100%);
    }

    .service-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 40px rgba(0,0,0,0.15);
    }

    .service-icon {
        width: 70px;
        height: 70px;
        background: linear-gradient(135deg, var(--primary-gold) 0%, var(--secondary-gold) 100%);
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.5rem;
        font-size: 1.8rem;
        color: white;
    }

    .service-title {
        font-family: 'Playfair Display', serif;
        font-size: 1.4rem;
        font-weight: 600;
        color: var(--primary-navy);
        margin-bottom: 1rem;
    }

    .service-description {
        color: var(--text-light);
        margin-bottom: 1.5rem;
        line-height: 1.6;
    }

    .service-features {
        list-style: none;
        margin-bottom: 1.5rem;
    }

    .service-features li {
        padding: 0.3rem 0;
        color: var(--text-dark);
        position: relative;
        padding-left: 1.5rem;
    }

    .service-features li::before {
        content: '✓';
        position: absolute;
        left: 0;
        color: var(--success);
        font-weight: bold;
    }

    .service-price {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--primary-navy);
        margin-bottom: 1rem;
    }

    .service-cta {
        background: linear-gradient(135deg, var(--primary-navy) 0%, var(--secondary-navy) 100%);
        color: white;
        border: none;
        padding: 0.75rem 1.5rem;
        border-radius: 8px;
        font-weight: 600;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .service-cta:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 33, 71, 0.3);
        color: white;
        text-decoration: none;
    }

    /* Business Packages Section */
    .packages-section {
        background: var(--bg-light);
        padding: 5rem 0;
    }

    .package-card {
        background: white;
        border-radius: 20px;
        padding: 2.5rem;
        height: 100%;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
    }

    .package-card.featured {
        border: 3px solid var(--primary-gold);
        transform: scale(1.05);
    }

    .package-card.featured::before {
        content: 'Most Popular';
        position: absolute;
        top: 20px;
        right: -30px;
        background: var(--primary-gold);
        color: white;
        padding: 5px 40px;
        font-size: 0.8rem;
        font-weight: 600;
        transform: rotate(45deg);
    }

    .package-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 50px rgba(0,0,0,0.15);
    }

    .package-card.featured:hover {
        transform: scale(1.05) translateY(-10px);
    }

    .package-header {
        text-align: center;
        margin-bottom: 2rem;
        padding-bottom: 1.5rem;
        border-bottom: 2px solid var(--bg-light);
    }

    .package-name {
        font-family: 'Playfair Display', serif;
        font-size: 1.5rem;
        font-weight: 600;
        color: var(--primary-navy);
        margin-bottom: 0.5rem;
    }

    .package-price {
        font-size: 2.5rem;
        font-weight: 700;
        color: var(--primary-gold);
    }

    .package-price-period {
        font-size: 1rem;
        color: var(--text-light);
        font-weight: 400;
    }

    .package-description {
        color: var(--text-light);
        margin-bottom: 1.5rem;
        text-align: center;
    }

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

    .package-features li {
        padding: 0.5rem 0;
        color: var(--text-dark);
        position: relative;

                    padding-left: 2rem;
    }

    .package-features li::before {
        content: '✓';
        position: absolute;
        left: 0;
        color: var(--success);
        font-weight: bold;
        font-size: 1.1rem;
    }

    .package-cta {
        background: linear-gradient(135deg, var(--primary-gold) 0%, var(--secondary-gold) 100%);
        color: white;
        border: none;
        padding: 1rem 2rem;
        border-radius: 10px;
        font-weight: 600;
        transition: all 0.3s ease;
        text-decoration: none;
        display: block;
        text-align: center;
        width: 100%;
    }

    .package-cta:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(180, 151, 90, 0.3);
        color: white;
        text-decoration: none;
    }

    /* Emergency Services Highlight */
    .emergency-highlight {
        background: linear-gradient(135deg, var(--danger) 0%, #b91c3c 100%);
        color: white;
        padding: 3rem 0;
        margin: 3rem 0;
        border-radius: 20px;
        position: relative;
        overflow: hidden;
    }

    .emergency-highlight::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></svg>');
        opacity: 0.3;
    }

    .emergency-content {
        position: relative;
        z-index: 2;
    }

    .emergency-badge {
        background: rgba(255,255,255,0.2);
        color: white;
        padding: 0.5rem 1rem;
        border-radius: 25px;
        font-size: 0.9rem;
        font-weight: 600;
        display: inline-block;
        margin-bottom: 1rem;
    }

    /* Credentials Section */
    .credentials-section {
        padding: 4rem 0;
        background: var(--light-gold);
    }

    .credential-item {
        text-align: center;
        padding: 1.5rem;
        background: white;
        border-radius: 15px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
        transition: all 0.3s ease;
        height: 100%;
    }

    .credential-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    }

    .credential-icon {
        width: 60px;
        height: 60px;
        background: linear-gradient(135deg, var(--primary-navy) 0%, var(--secondary-navy) 100%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 1rem;
        font-size: 1.5rem;
        color: white;
    }

    .credential-title {
        font-weight: 600;
        color: var(--primary-navy);
        margin-bottom: 0.5rem;
    }

    .credential-detail {
        color: var(--text-light);
        font-size: 0.9rem;
    }

    /* CTA Section */
    .cta-section {
        background: linear-gradient(135deg, var(--primary-navy) 0%, var(--secondary-navy) 100%);
        color: white;
        padding: 4rem 0;
        text-align: center;
    }

    .cta-title {
        font-family: 'Playfair Display', serif;
        font-size: 2.5rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .cta-subtitle {
        font-size: 1.2rem;
        margin-bottom: 2rem;
        opacity: 0.9;
    }

    .cta-buttons {
        display: flex;
        gap: 1rem;
        justify-content: center;
        flex-wrap: wrap;
    }

    .btn-cta-primary {
        background: linear-gradient(135deg, var(--primary-gold) 0%, var(--secondary-gold) 100%);
        color: white;
        border: none;
        padding: 1rem 2rem;
        border-radius: 10px;
        font-weight: 600;
        font-size: 1.1rem;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-block;
    }

    .btn-cta-primary:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(180, 151, 90, 0.4);
        color: white;
        text-decoration: none;
    }

    .btn-cta-secondary {
        background: transparent;
        color: white;
        border: 2px solid white;
        padding: 1rem 2rem;
        border-radius: 10px;
        font-weight: 600;
        font-size: 1.1rem;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-block;
    }

    .btn-cta-secondary:hover {
        background: white;
        color: var(--primary-navy);
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
        text-decoration: none;
    }

    /* Footer */
    footer {
        background: var(--primary-navy);
        color: white;
    }

    footer a {
        color: rgba(255,255,255,0.8);
        text-decoration: none;
        transition: color 0.3s ease;
    }

    footer a:hover {
        color: var(--primary-gold);
    }

    footer h6 {
        color: var(--primary-gold);
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .credentials {
        margin-top: 1rem;
    }

    .badge {
        font-size: 0.75rem;
        padding: 0.4rem 0.8rem;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
        .hero-title {
            font-size: 2.5rem;
        }

        .hero-subtitle {
            font-size: 1.1rem;
        }

        .hero-stats {
            justify-content: center;
            gap: 1rem;
        }

        .section-title {
            font-size: 2rem;
        }

        .service-card {
            margin-bottom: 2rem;
        }

        .package-card.featured {
            transform: none;
            margin-bottom: 2rem;
        }

        .package-card.featured:hover {
            transform: translateY(-10px);
        }

        .cta-title {
            font-size: 2rem;
        }

        .cta-buttons {
            flex-direction: column;
            align-items: center;
        }

        .btn-cta-primary,
        .btn-cta-secondary {
            width: 100%;
            max-width: 300px;
        }
    }

    @media (max-width: 576px) {
        .hero-title {
            font-size: 2rem;
        }

        .service-card,
        .package-card {
            padding: 1.5rem;
        }

        .package-price {
            font-size: 2rem;
        }
    }

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

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

    .slide-in-left {
        opacity: 0;
        transform: translateX(-50px);
        transition: all 0.6s ease;
    }

    .slide-in-left.visible {
        opacity: 1;
        transform: translateX(0);
    }

    .slide-in-right {
        opacity: 0;
        transform: translateX(50px);
        transition: all 0.6s ease;
    }

    .slide-in-right.visible {
        opacity: 1;
        transform: translateX(0);
    }

    /* Loading States */
    .loading {
        opacity: 0.6;
        pointer-events: none;
    }

    .spinner {
        width: 20px;
        height: 20px;
        border: 2px solid #f3f3f3;
        border-top: 2px solid var(--primary-gold);
        border-radius: 50%;
        animation: spin 1s linear infinite;
        display: inline-block;
        margin-right: 10px;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
</style>

<!-- Schema.org Structured Data -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "ProfessionalService",
    "name": "South Jersey Professional Solutions℠",
    "alternateName": "Notary Public NJ, LLC",
    "description": "Professional notary, RON, loan signing, and paralegal services in South Jersey with EMT-trained expertise and 24/7 emergency availability.",
    "url": "https://sjprofessionals.org",
    "logo": "https://sjprofessionals.org/assets/images/logo.png",
    "image": "https://sjprofessionals.org/assets/images/services-overview.jpg",
    "telephone": "+1-856-388-2341",
    "email": "info@sjprofessionals.org",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "124 Central Ave",
        "addressLocality": "Pittsgrove",
        "addressRegion": "NJ",
        "postalCode": "08318",
        "addressCountry": "US"
    },
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "39.5912",
        "longitude": "-75.2777"
    },
    "areaServed": [
        {
            "@type": "State",
            "name": "New Jersey"
        },
        {
            "@type": "City",
            "name": "Salem County, NJ"
        },
        {
            "@type": "City", 
            "name": "Cumberland County, NJ"
        },
        {
            "@type": "City",
            "name": "Gloucester County, NJ"
        }
    ],
    "serviceType": [
        "Notary Services",
        "Mobile Notary",
        "Remote Online Notarization",
        "Loan Signing Agent",
        "Document Preparation",
        "Paralegal Services",
        "Emergency Notary Services"
    ],
    "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "Notary and Legal Services",
        "itemListElement": [
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Mobile Notary Services",
                    "description": "Professional mobile notary services throughout South Jersey"
                },
                "price": "2.50",
                "priceCurrency": "USD",
                "availability": "https://schema.org/InStock"
            },
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Remote Online Notarization (RON)",
                    "description": "Secure remote notarization services via BlueNotary platform"
                },
                "price": "25.00",
                "priceCurrency": "USD",
                "availability": "https://schema.org/InStock"
            },
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Loan Signing Services",
                    "description": "Professional loan signing agent services for real estate transactions"
                },
                "price": "125.00",
                "priceCurrency": "USD",
                "availability": "https://schema.org/InStock"
            },
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Emergency Notary Services",
                    "description": "24/7 emergency notary services with EMT-trained expertise"
                },
                "price": "35.00",
                "priceCurrency": "USD",
                "availability": "https://schema.org/InStock"
            }
        ]
    },
    "openingHours": [
        "Mo-Fr 08:00-17:00"
    ],
    "specialOpeningHoursSpecification": {
        "@type": "OpeningHoursSpecification",
        "description": "Emergency services available 24/7",
        "opens": "00:00",
        "closes": "23:59",
        "dayOfWeek": [
            "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"
        ]
    },
    "founder": {
        "@type": "Person",
        "name": "Ian Eddy",
        "jobTitle": "Notary Public & EMT",
        "hasCredential": [
            "NJ Notary Public Commission",
            "NNA Certified Signing Agent", 
            "Licensed EMT",
            "AHA BLS Instructor"
        ]
    },
    "sameAs": [
        "https://facebook.com/notarypublicnj",
        "https://linkedin.com/company/south-jersey-professional-solutions"
    ]
}
</script>




    
    
        
            
            24/7 Emergency Notary Services Available - Call (877) 906-1157 for urgent needs
        
    

<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light sticky-top">
    <div class="container">
        <a class="navbar-brand d-flex align-items-center" href="../index.html">
            <img src="../assets/images/logo.png" alt="South Jersey Professional Solutions℠" height="40" class="me-2">
            <span>South Jersey Professional Solutions℠</span>
        </a>
        
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
            <span class="navbar-toggler-icon"></span>
        </button>
        
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav me-auto">
                <li class="nav-item">
                    <a class="nav-link" href="../index.html">Home</a>
                </li>
                <li class="nav-item dropdown">
                    <button class="nav-link dropdown-toggle active" id="servicesDropdown" data-bs-toggle="dropdown" aria-expanded="false" type="button" onkeydown="if(event.key==='Enter'||event.key===' '){this.click();}">
                        Services
                    </button>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="index.html">All Services</a></li>
                        <li><a class="dropdown-item" href="../ron/index.html">RON Services</a></li>
                        <li><a class="dropdown-item" href="../emergency/index.html">Emergency Services</a></li>
                        <li><a class="dropdown-item" href="../business-packages/index.html">Business Packages</a></li>
                        <li><hr class="dropdown-divider"></li>
                        <li><a class="dropdown-item" href="loan-signings.html">Loan Signings</a></li>
                        <li><a class="dropdown-item" href="document-prep.html">Document Preparation</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="../about/index.html">About</a>
                </li>
                <li class="nav-item dropdown">
                    <button class="nav-link dropdown-toggle" id="resourcesDropdown" data-bs-toggle="dropdown" aria-expanded="false" type="button" onkeydown="if(event.key==='Enter'||event.key===' '){this.click();}">
                        Resources
                    </button>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="../resources/index.html">FAQ & Resources</a></li>
                        <li><a class="dropdown-item" href="../blog/index.html">Blog</a></li>
                        <li><a class="dropdown-item" href="../testimonials/index.html">Testimonials</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="../contact/index.html">Contact</a>
                </li>
            </ul>
            
            <div class="d-flex gap-2">
                <a href="tel:877-906-1157" class="btn btn-emergency">
                    <i class="fas fa-exclamation-triangle me-1"></i>Emergency
                </a>
                <a href="https://calendly.com/notarypublicnj" target="_blank" class="btn btn-schedule">
                    <i class="fas fa-calendar-alt me-1"></i>Schedule
                </a>
            </div>
        </div>
    </div>
</nav>

<main>
    <!-- Hero Section -->
    <section class="hero-section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-8 hero-content">
                    <h1 class="hero-title fade-in">Complete Notary & Legal Support Services</h1>
                    <p class="hero-subtitle fade-in">Professional notarization, RON, loan signing, and paralegal services throughout South Jersey. EMT-trained expertise with 24/7 emergency availability.</p>
                    
                    <div class="hero-stats fade-in">
                        <div class="hero-stat">
                            <span class="hero-stat-number">15</span>
                            <span class="hero-stat-label">Min Response</span>
                        </div>
                        <div class="hero-stat">
                            <span class="hero-stat-number">24/7</span>
                            <span class="hero-stat-label">Emergency</span>
                        </div>
                        <div class="hero-stat">
                            <span class="hero-stat-number">$100K</span>
                            <span class="hero-stat-label">E&O Insurance</span>
                        </div>
                        <div class="hero-stat">
                            <span class="hero-stat-number">3</span>
                            <span class="hero-stat-label">Counties Served</span>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-4 text-center">
                    <img src="../assets/images/services-hero.jpg" alt="Professional Notary Services" class="img-fluid rounded-3 shadow-lg fade-in">
                </div>
            </div>
        </div>
    </section>

    <!-- Core Services Section -->
    <section class="services-section">
        <div class="container">
            <div class="section-header fade-in">
                <h2 class="section-title">Our Core Services</h2>
                <p class="section-subtitle">Comprehensive notary and legal support services designed to meet your personal and business needs with professional expertise and convenience.</p>
            </div>
            
            <div class="row">
                <!-- Mobile Notary Services -->
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="service-card fade-in">
                        <div class="service-icon">
                            <i class="fas fa-car"></i>
                        </div>
                        <h3 class="service-title">Mobile Notary Services</h3>
                        <p class="service-description">Professional notarization services brought directly to your location throughout Salem, Cumberland, and Gloucester Counties.</p>
                        <ul class="service-features">
                            <li>Home, office, or hospital visits</li>
                            <li>Same-day availability</li>
                            <li>All document types</li>
                            <li>15-minute response time</li>
                            <li>NJ Notary Commission valid through 2029</li>
                        </ul>
                        <div class="service-price">Starting at $2.50 per signature</div>
                        <a href="../contact/index.html" class="service-cta">Schedule Mobile Service</a>
                    </div>
                </div>
                
                <!-- RON Services -->
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="service-card fade-in">
                        <div class="service-icon">
                            <i class="fas fa-video"></i>
                        </div>
                        <h3 class="service-title">Remote Online Notarization (RON)</h3>
                        <p class="service-description">Secure, convenient online notarization using BlueNotary platform with advanced identity verification and document security.</p>
                        <ul class="service-features">
                            <li>BlueNotary authorized platform</li>
                            <li>Advanced identity verification</li>
                            <li>Secure document handling</li>
                            <li>Legal in all 50 states</li>
                            <li>Recorded sessions for security</li>
                        </ul>
                        <div class="service-price">$25-$35 per session</div>
                        <a href="../ron/index.html" class="service-cta">Learn About RON</a>
                    </div>
                </div>
                
                <!-- Loan Signing Services -->
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="service-card fade-in">
                        <div class="service-icon">
                            <i class="fas fa-home"></i>
                        </div>
                        <h3 class="service-title">Loan Signing Agent</h3>
                        <p class="service-description">NNA Certified Signing Agent specializing in mortgage closings, refinances, and real estate transactions with precision and expertise.</p>
                        <ul class="service-features">
                            <li>NNA Certified through 2026</li>
                            <li>Mortgage & refinance expertise</li>
                            <li>Real estate transactions</li>
                            <li>Title company partnerships</li>
                            <li>$100K E&O insurance</li>
                        </ul>
                        <div class="service-price">$125-$150 per signing</div>
                        <a href="loan-signings.html" class="service-cta">Book Loan Signing</a>
                    </div>
                </div>
                
                <!-- Emergency Services -->
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="service-card fade-in">
                        <div class="service-icon">
                            <i class="fas fa-ambulance"></i>
                        </div>
                        <h3 class="service-title">Emergency Notary Services</h3>
                        <p class="service-description">24/7 emergency notarization with EMT-trained expertise for urgent healthcare, legal, and business situations.</p>
                        <ul class="service-features">
                            <li>24/7 availability</li>
                            <li>EMT-trained professional</li>
                            <li>Hospital & nursing home visits</li>
                            <li>Crisis situation expertise</li>
                            <li>Immediate response capability</li>
                        </ul>
                        <div class="service-price">Base rate + $35 after-hours</div>
                        <a href="../emergency/index.html" class="service-cta">Emergency Contact</a>
                    </div>
                </div>
                
                <!-- Document Preparation -->
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="service-card fade-in">
                        <div class="service-icon">
                            <i class="fas fa-file-alt"></i>
                        </div>
                        <h3 class="service-title">Document Preparation</h3>
                        <p class="service-description">Professional preparation of legal documents including powers of attorney, healthcare directives, and business forms.</p>
                        <ul class="service-features">
                            <li>Powers of attorney</li>
                            <li>Healthcare directives</li>
                            <li>Living wills</li>
                            <li>HIPAA releases</li>
                            <li>Business documents</li>
                        </ul>
                        <div class="service-price">$30 per document</div>
                        <a href="document-prep.html" class="service-cta">Request Documents</a>
                    </div>
                </div>
                
                <!-- Paralegal Services -->
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="service-card fade-in">
                        <div class="service-icon">
                            <i class="fas fa-balance-scale"></i>
                        </div>
                        <h3 class="service-title">Paralegal Services</h3>
                        <p class="service-description">Professional paralegal support for law firms and legal professionals with ongoing education and specialized training.</p>
                        <ul class="service-features">
                            <li>Law firm support</li>
                            <li>Legal document assistance</li>
                            <li>Case preparation help</li>
                            <li>Continuing education</li>
                            <li>Professional standards</li>
                        </ul>
                        <div class="service-price">Custom pricing</div>
                        <a href="../contact/index.html" class="service-cta">Discuss Needs</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Emergency Services Highlight -->
    <section class="emergency-highlight">
        <div class="container">
            <div class="row align-items-center emergency-content">
                <div class="col-lg-8">
                    <div class="emergency-badge">
                        <i class="fas fa-star me-2"></i>Unique Advantage
                    </div>
                    <h2 class="mb-3">EMT-Trained Notary Professional</h2>
                    <p class="lead mb-4">As a licensed EMT and AHA BLS Instructor, I bring unique expertise to emergency notarization situations in healthcare settings, understanding both the urgency and sensitivity required in critical moments.</p>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <div class="d-flex align-items-center">
                                <i class="fas fa-heartbeat fa-2x me-3"></i>
                                <div>
                                    <h6 class="mb-1">Healthcare Expertise</h6>
                                    <small>Licensed EMT with medical training</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                            <div class="d-flex align-items-center">
                                <i class="fas fa-clock fa-2x me-3"></i>
                                <div>
                                    <h6 class="mb-1">Crisis Management</h6>
                                    <small>Trained for high-pressure situations</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 text-center">
                    <a href="tel:877-906-1157" class="btn btn-cta-primary btn-lg">
                        <i class="fas fa-phone me-2"></i>Emergency: (877) 906-1157
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Business Packages Section -->
    <section class="packages-section">
        <div class="container">
            <div class="section-header fade-in">
                <h2 class="section-title">Business Service Packages</h2>
                <p class="section-subtitle">Streamlined subscription packages designed for businesses, auto dealers, and correctional facilities with predictable pricing and priority service.</p>
            </div>
            
            <div class="row justify-content-center">
                <!-- Basic Business Package -->
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="package-card fade-in">
                        <div class="package-header">
                            <h3 class="package-name">Basic Business</h3>
                            <div class="package-price">$200<span class="package-price-period">/month</span></div>
                            <p class="package-description">Perfect for small businesses with occasional notary needs</p>
                        </div>
                        <ul class="package-features">
                            <li>10 notarizations included</li>
                            <li>2 RON sessions included</li>
                            <li>2 document preparations</li>
                            <li>1 free same-day service</li>
                            <li>Priority scheduling</li>
                            <li>Business hours support</li>
                            <li>Monthly usage reports</li>
                        </ul>
                        <a href="../business-packages/index.html" class="package-cta">Choose Basic</a>
                    </div>
                </div>
                
                <!-- Premium Business Package -->
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="package-card featured fade-in">
                        <div class="package-header">
                            <h3 class="package-name">Premium Business</h3>
                            <div class="package-price">$375<span class="package-price-period">/month</span></div>
                            <p class="package-description">Comprehensive solution for growing businesses</p>
                        </div>
                        <ul class="package-features">
                            <li>Unlimited notarizations</li>
                            <li>4 RON sessions included</li>
                            <li>4 document preparations</li>
                            <li>VIP scheduling priority</li>
                            <li>After-hours availability</li>
                            <li>Dedicated account support</li>
                            <li>Custom service agreements</li>
                            <li>Monthly analytics reports</li>
                        </ul>
                        <a href="../business-packages/index.html" class="package-cta">Choose Premium</a>
                    </div>
                </div>
                
                <!-- Auto Dealer Package -->
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="package-card fade-in">
                        <div class="package-header">
                            <h3 class="package-name">Auto Dealer</h3>
                            <div class="package-price">$175<span class="package-price-period">/month</span></div>
                            <p class="package-description">Specialized package for automotive dealerships</p>
                        </div>
                        <ul class="package-features">
                            <li>25 signatures included (Basic)</li>
                            <li>Title and registration docs</li>
                            <li>Loan document expertise</li>
                            <li>Dealership visit scheduling</li>
                            <li>Volume discount pricing</li>
                            <li>Industry-specific knowledge</li>
                            <li>Fast turnaround times</li>
                        </ul>
                        <a href="../business-packages/index.html" class="package-cta">Auto Dealer Info</a>
                    </div>
                </div>
            </div>
            
            <div class="text-center mt-4 fade-in">
                <p class="lead mb-3">Need a custom package for your organization?</p>
                <a href="../contact/index.html" class="btn btn-cta-primary">
                    <i class="fas fa-handshake me-2"></i>Discuss Custom Solutions
                </a>
            </div>
        </div>
    </section>

    <!-- Professional Credentials Section -->
    <section class="credentials-section">
        <div class="container">
            <div class="section-header fade-in">
                <h2 class="section-title">Professional Credentials & Certifications</h2>
                <p class="section-subtitle">Fully licensed, insured, and certified with ongoing professional development and industry memberships.</p>
            </div>
            
            <div class="row">
                <div class="col-lg-3 col-md-6 mb-4">
                    <div class="credential-item fade-in">
                        <div class="credential-icon">
                            <i class="fas fa-certificate"></i>
                        </div>
                        <h5 class="credential-title">NJ Notary Public</h5>
                        <p class="credential-detail">Commission valid through 5/1/2029</p>
                    </div>
                </div>
                
                <div class="col-lg-3 col-md-6 mb-4">
                    <div class="credential-item fade-in">
                        <div class="credential-icon">
                            <i class="fas fa-award"></i>
                        </div>
                        <h5 class="credential-title">NNA Certified</h5>
                        <p class="credential-detail">Signing Agent through 5/31/2026</p>
                    </div>
                </div>
                
                <div class="col-lg-3 col-md-6 mb-4">
                    <div class="credential-item fade-in">
                        <div class="credential-icon">
                            <i class="fas fa-shield-alt"></i>
                        </div>
                        <h5 class="credential-title">$100K E&O Insurance</h5>
                        <p class="credential-detail">Professional liability protection</p>
                    </div>
                </div>
                
                <div class="col-lg-3 col-md-6 mb-4">
                    <div class="credential-item fade-in">
                        <div class="credential-icon">
                            <i class="fas fa-video"></i>
                        </div>
                        <h5 class="credential-title">RON Authorized</h5>
                        <p class="credential-detail">BlueNotary platform certified</p>
                    </div>
                </div>
                
                <div class="col-lg-3 col-md-6 mb-4">
                    <div class="credential-item fade-in">
                        <div class="credential-icon">
                            <i class="fas fa-heartbeat"></i>
                        </div>
                        <h5 class="credential-title">Licensed EMT</h5>
                        <p class="credential-detail">Emergency Medical Technician</p>
                    </div>
                </div>
                
                <div class="col-lg-3 col-md-6 mb-4">
                    <div class="credential-item fade-in">
                        <div class="credential-icon">
                            <i class="fas fa-graduation-cap"></i>
                        </div>
                        <h5 class="credential-title">AHA BLS Instructor</h5>
                        <p class="credential-detail">Basic Life Support certified</p>
                    </div>
                </div>
                
                <div class="col-lg-3 col-md-6 mb-4">
                    <div class="credential-item fade-in">
                        <div class="credential-icon">
                            <i class="fas fa-building"></i>
                        </div>
                        <h5 class="credential-title">SBE Certified</h5>
                        <p class="credential-detail">Small Business Enterprise #A0500-53</p>
                    </div>
                </div>
                
                <div class="col-lg-3 col-md-6 mb-4">
                    <div class="credential-item fade-in">
                        <div class="credential-icon">
                            <i class="fas fa-users"></i>
                        </div>
                        <h5 class="credential-title">Professional Memberships</h5>
                        <p class="credential-detail">ABA, NNA, NAEMT</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Service Areas & Availability -->
    <section class="services-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mb-4">
                    <div class="service-card fade-in">
                        <h3 class="service-title">
                            <i class="fas fa-map-marker-alt text-warning me-2"></i>
                            Service Areas
                        </h3>
                        <p class="service-description">We proudly serve the following counties in South Jersey:</p>
                        <div class="row">
                            <div class="col-md-6">
                                <ul class="service-features">
                                    <li>Salem County</li>
                                    <li>Cumberland County</li>
                                    <li>Gloucester County</li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <ul class="service-features">
                                    <li>Up to 30-mile radius</li>
                                    <li>Hospital & nursing homes</li>
                                    <li>Correctional facilities</li>
                                </ul>
                            </div>
                        </div>
                        <div class="mt-3">
                            <small class="text-muted">
                                <i class="fas fa-info-circle me-1"></i>
                                Business location: P.O. Box 445, Norma, NJ 08347
                            </small>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-6 mb-4">
                    <div class="service-card fade-in">
                        <h3 class="service-title">
                            <i class="fas fa-clock text-warning me-2"></i>
                            Service Hours & Availability
                        </h3>
                        <p class="service-description">Flexible scheduling to meet your needs:</p>
                        <div class="row">
                            <div class="col-md-6">
                                <h6 class="mb-2">Regular Services</h6>
                                <p class="mb-2"><strong>Monday-Friday:</strong><br>8:00 AM - 5:00 PM</p>
                                
                                <h6 class="mb-2">RON Services</h6>
                                <p class="mb-2"><strong>Monday-Friday:</strong><br>9:00 AM - 4:00 PM</p>
                            </div>
                            <div class="col-md-6">
                                <h6 class="mb-2">Emergency Services</h6>
                                <p class="mb-2"><strong>24/7 Availability</strong><br>Call (877) 906-1157</p>
                                
                                <h6 class="mb-2">Business Packages</h6>
                                <p class="mb-2"><strong>Extended Hours</strong><br>By appointment</p>
                            </div>
                        </div>
                        <div class="alert alert-info mt-3">
                            <small><i class="fas fa-calendar-alt me-1"></i>Holiday and weekend services available for emergencies</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing Overview -->
    <section class="packages-section">
        <div class="container">
            <div class="section-header fade-in">
                <h2 class="section-title">Transparent Pricing</h2>
                <p class="section-subtitle">Clear, competitive pricing with no hidden fees. Volume discounts and special rates available for businesses and organizations.</p>
            </div>
            
            <div class="row">
                <div class="col-lg-8 mx-auto">
                    <div class="service-card fade-in">
                        <div class="row">
                            <div class="col-md-6">
                                <h4 class="mb-3">Standard Services</h4>
                                <ul class="list-unstyled">
                                    <li class="mb-2">
                                        <strong>Notarization:</strong> $2.50 per signature
                                    </li>
                                    <li class="mb-2">
                                        <strong>Real Estate/Mortgage:</strong> $15 per act
                                    </li>
                                    <li class="mb-2">
                                        <strong>RON Sessions:</strong> $25-$35
                                    </li>
                                    <li class="mb-2">
                                        <strong>Loan Signings:</strong> $125-$150
                                    </li>
                                    <li class="mb-2">
                                        <strong>Document Prep:</strong> $30 each
                                    </li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <h4 class="mb-3">Additional Fees</h4>
                                <ul class="list-unstyled">
                                    <li class="mb-2">
                                        <strong>Same-Day Service:</strong> +$25
                                    </li>
                                    <li class="mb-2">
                                        <strong>After-Hours:</strong> +$35
                                    </li>
                                    <li class="mb-2">
                                        <strong>Travel (11-20 miles):</strong> $20
                                    </li>
                                    <li class="mb-2">
                                        <strong>Travel (21-30 miles):</strong> $30
                                    </li>
                                    <li class="mb-2">
                                        <strong>0-10 miles:</strong> Free travel
                                    </li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="row mt-4">
                            <div class="col-12">
                                <h5 class="mb-3">Available Discounts</h5>
                                <div class="row">
                                    <div class="col-md-4 mb-2">
                                        <span class="badge bg-success me-2">10%</span>
                                        <strong>Law Firms & Healthcare</strong>
                                    </div>
                                    <div class="col-md-4 mb-2">
                                        <span class="badge bg-success me-2">15%</span>
                                        <strong>Non-Profit Organizations</strong>
                                    </div>
                                    <div class="col-md-4 mb-2">
                                        <span class="badge bg-success me-2">5%</span>
                                        <strong>Senior Citizens (65+)</strong>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="text-center mt-4">
                            <a href="../resources/index.html#pricing-calculator" class="btn btn-cta-primary">
                                <i class="fas fa-calculator me-2"></i>Use Pricing Calculator
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Call to Action Section -->
    <section class="cta-section">
        <div class="container text-center">
            <div class="fade-in">
                <h2 class="cta-title">Ready to Get Started?</h2>
                <p class="cta-subtitle">Experience professional, reliable notary services with the unique advantage of EMT-trained expertise. Available when you need us most.</p>
                
                <div class="cta-buttons">
                    <a href="https://calendly.com/notarypublicnj" target="_blank" class="btn btn-cta-primary">
                        <i class="fas fa-calendar-alt me-2"></i>Schedule Service
                    </a>
                    <a href="tel:877-906-1157" class="btn btn-cta-secondary">
                        <i class="fas fa-phone me-2"></i>Emergency: (877) 906-1157
                    </a>
                    <a href="../contact/index.html" class="btn btn-cta-secondary">
                        <i class="fas fa-envelope me-2"></i>Contact Us
                    </a>
                </div>
                
                <div class="row mt-5">
                    <div class="col-md-3 mb-3">
                        <div class="text-center">
                            <i class="fas fa-clock fa-2x text-warning mb-2"></i>
                            <h6>15-Minute Response</h6>
                            <small>Quick response for urgent needs</small>
                        </div>
                    </div>
                    <div class="col-md-3 mb-3">
                        <div class="text-center">
                            <i class="fas fa-shield-alt fa-2x text-warning mb-2"></i>
                            <h6>$100K E&O Insurance</h6>
                            <small>Professional protection
                            <small>Full professional coverage</small>
                        </div>
                    </div>
                    <div class="col-md-3 mb-3">
                        <div class="text-center">
                            <i class="fas fa-user-md fa-2x text-warning mb-2"></i>
                            <h6>EMT-Trained</h6>
                            <small>Medical expertise advantage</small>
                        </div>
                    </div>
                    <div class="col-md-3 mb-3">
                        <div class="text-center">
                            <i class="fas fa-map-marker-alt fa-2x text-warning mb-2"></i>
                            <h6>3 Counties Served</h6>
                            <small>Salem, Cumberland, Gloucester</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

<!-- Footer -->
<footer class="py-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 mb-4">
                <div class="d-flex align-items-center mb-3">
                    <img src="../assets/images/logo.png" alt="South Jersey Professional Solutions℠" height="40" class="me-2">
                    <span class="h5 mb-0 text-white">South Jersey Professional Solutions℠</span>
                </div>
                <p class="mb-3">Professional notary, RON, and paralegal services throughout South Jersey with EMT-trained expertise and 24/7 emergency availability.</p>
                <div class="d-flex gap-3">
                    <a href="https://facebook.com/notarypublicnj" target="_blank" class="text-white">
                        <i class="fab fa-facebook fa-lg"></i>
                    </a>
                    <a href="https://linkedin.com/company/south-jersey-professional-solutions" target="_blank" class="text-white">
                        <i class="fab fa-linkedin fa-lg"></i>
                    </a>
                    <a href="/cdn-cgi/l/email-protection#7e171018113e0d140e0c11181b0d0d1711101f120d50110c19" class="text-white">
                        <i class="fas fa-envelope fa-lg"></i>
                    </a>
                </div>
            </div>
            
            <div class="col-lg-2 col-md-6 mb-4">
                <h6>Services</h6>
                <ul class="list-unstyled">
                    <li><a href="index.html">All Services</a></li>
                    <li><a href="../ron/index.html">RON Services</a></li>
                    <li><a href="../emergency/index.html">Emergency Services</a></li>
                    <li><a href="../business-packages/index.html">Business Packages</a></li>
                    <li><a href="loan-signings.html">Loan Signings</a></li>
                    <li><a href="document-prep.html">Document Prep</a></li>
                </ul>
            </div>
            
            <div class="col-lg-2 col-md-6 mb-4">
                <h6>Company</h6>
                <ul class="list-unstyled">
                    <li><a href="../about/index.html">About</a></li>
                    <li><a href="../contact/index.html">Contact</a></li>
                    <li><a href="../testimonials/index.html">Testimonials</a></li>
                    <li><a href="../blog/index.html">Blog</a></li>
                    <li><a href="../resources/index.html">Resources</a></li>
                </ul>
            </div>
            
            <div class="col-lg-4 mb-4">
                <h6>Contact Information</h6>
                <div class="mb-2">
                    <i class="fas fa-phone me-2"></i>
                    <strong>Business:</strong> <a href="tel:856-388-2341">(856) 388-2341</a>
                </div>
                <div class="mb-2">
                    <i class="fas fa-mobile-alt me-2"></i>
                    <strong>Emergency:</strong> <a href="tel:877-906-1157">(877) 906-1157</a>
                </div>
                <div class="mb-2">
                    <i class="fas fa-envelope me-2"></i>
                    <a href="/cdn-cgi/l/email-protection#bad3d4dcd5fac9d0cac8d5dcdfc9c9d3d5d4dbd6c994d5c8dd"><span class="__cf_email__" data-cfemail="86efe8e0e9c6f5ecf6f4e9e0e3f5f5efe9e8e7eaf5a8e9f4e1">[email&#160;protected]</span></a>
                </div>
                <div class="mb-3">
                    <i class="fas fa-map-marker-alt me-2"></i>
                    P.O. Box 445, Norma, NJ 08347
                </div>
                
                <div class="credentials">
                    <span class="badge bg-warning text-dark me-1">NJ Notary Public</span>
                    <span class="badge bg-warning text-dark me-1">NNA Certified</span>
                    <span class="badge bg-warning text-dark me-1">$100K E&O</span>
                    <span class="badge bg-warning text-dark me-1">RON Authorized</span>
                    <span class="badge bg-warning text-dark me-1">Licensed EMT</span>
                    <span class="badge bg-warning text-dark">SBE Certified</span>
                </div>
            </div>
        </div>
        
        <hr class="my-4">
        
        <div class="row align-items-center">
            <div class="col-md-6">
                <p class="mb-0">&copy; 2025 South Jersey Professional Solutions℠ (Notary Public NJ, LLC). All rights reserved.</p>
            </div>
            <div class="col-md-6 text-md-end">
                <a href="../legal/privacy-policy.html" class="me-3">Privacy Policy</a>
                <a href="../legal/terms-of-service.html" class="me-3">Terms of Service</a>
                <a href="../legal/disclaimers.html">Legal Disclaimers</a>
            </div>
        </div>
    </div>
</footer>

<!-- Bootstrap JS -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<!-- Custom JavaScript -->
<script>
    // Intersection Observer for animations
    const observerOptions = {
        threshold: 0.1,
        rootMargin: '0px 0px -50px 0px'
    };

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

    // Observe all elements with animation classes
    document.addEventListener('DOMContentLoaded', function() {
        const animatedElements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right');
        animatedElements.forEach(el => observer.observe(el));
    });

    // Smooth scrolling 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'
                });
            }
        });
    });

    // Phone number formatting
    function formatPhoneNumber(value) {
        const phoneNumber = value.replace(/[^\d]/g, '');
        const phoneNumberLength = phoneNumber.length;
        if (phoneNumberLength < 4) return phoneNumber;
        if (phoneNumberLength < 7) {
            return `(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3)}`;
        }
        return `(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3, 6)}-${phoneNumber.slice(6, 10)}`;
    }

    // Enhanced click tracking for analytics
    function trackClick(category, action, label) {
        if (typeof gtag !== 'undefined') {
            gtag('event', action, {
                event_category: category,
                event_label: label
            });
        }
    }

    // Track CTA clicks
    document.addEventListener('DOMContentLoaded', function() {
        // Track emergency calls
        document.querySelectorAll('a[href^="tel:877-906-1157"]').forEach(link => {
            link.addEventListener('click', () => trackClick('Phone', 'Emergency Call', 'Services Page'));
        });

        // Track business calls
        document.querySelectorAll('a[href^="tel:856-388-2341"]').forEach(link => {
            link.addEventListener('click', () => trackClick('Phone', 'Business Call', 'Services Page'));
        });

        // Track scheduling clicks
        document.querySelectorAll('a[href*="calendly"]').forEach(link => {
            link.addEventListener('click', () => trackClick('Scheduling', 'Calendly Click', 'Services Page'));
        });

        // Track service card clicks
        document.querySelectorAll('.service-cta').forEach(link => {
            link.addEventListener('click', function() {
                const serviceTitle = this.closest('.service-card').querySelector('.service-title').textContent;
                trackClick('Services', 'Service CTA Click', serviceTitle);
            });
        });

        // Track package clicks
        document.querySelectorAll('.package-cta').forEach(link => {
            link.addEventListener('click', function() {
                const packageName = this.closest('.package-card').querySelector('.package-name').textContent;
                trackClick('Packages', 'Package CTA Click', packageName);
            });
        });
    });

    // Loading state management
    function showLoading(element) {
        element.classList.add('loading');
        const spinner = document.createElement('span');
        spinner.className = 'spinner';
        element.prepend(spinner);
    }

    function hideLoading(element) {
        element.classList.remove('loading');
        const spinner = element.querySelector('.spinner');
        if (spinner) spinner.remove();
    }

    // Enhanced form validation (if forms are added later)
    function validateForm(form) {
        let isValid = true;
        const requiredFields = form.querySelectorAll('[required]');
        
        requiredFields.forEach(field => {
            if (!field.value.trim()) {
                field.classList.add('is-invalid');
                isValid = false;
            } else {
                field.classList.remove('is-invalid');
                field.classList.add('is-valid');
            }
        });
        
        return isValid;
    }

    // Accessibility enhancements
    document.addEventListener('DOMContentLoaded', function() {
        // Add focus indicators for keyboard navigation
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Tab') {
                document.body.classList.add('keyboard-navigation');
            }
        });

        document.addEventListener('mousedown', function() {
            document.body.classList.remove('keyboard-navigation');
        });

        // Add ARIA labels to interactive elements
        document.querySelectorAll('.service-card, .package-card').forEach(card => {
            const title = card.querySelector('.service-title, .package-name');
            if (title) {
                card.setAttribute('aria-label', `Learn more about ${title.textContent}`);
            }
        });
    });

    // Performance optimization
    function lazyLoadImages() {
        const images = document.querySelectorAll('img[data-src]');
        const imageObserver = new IntersectionObserver((entries, observer) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const img = entry.target;
                    img.src = img.dataset.src;
                    img.classList.remove('lazy');
                    imageObserver.unobserve(img);
                }
            });
        });

        images.forEach(img => imageObserver.observe(img));
    }

    // Initialize lazy loading if implemented
    document.addEventListener('DOMContentLoaded', lazyLoadImages);

    // Error handling for external resources
    window.addEventListener('error', function(e) {
        console.warn('Resource failed to load:', e.target.src || e.target.href);
        // Could implement fallback loading here
    });

    // Service worker registration for PWA capabilities (future enhancement)
    if ('serviceWorker' in navigator) {
        window.addEventListener('load', function() {
            navigator.serviceWorker.register('/sw.js')
                .then(function(registration) {
                    console.log('ServiceWorker registration successful');
                })
                .catch(function(err) {
                    console.log('ServiceWorker registration failed');
                });
        });
    }
</script>

<!-- Google Analytics (replace with your tracking ID) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'GA_TRACKING_ID');
</script>