BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//ChamberMaster//Event Calendar 2.0//EN
METHOD:PUBLISH
X-PUBLISHED-TTL:P3D
REFRESH-INTERVAL:P3D
CALSCALE:GREGORIAN
BEGIN:VEVENT
DTSTART:20250603T213000Z
DTEND:20250603T233000Z
X-MICROSOFT-CDO-ALLDAYEVENT:FALSE
SUMMARY:BAH - Advanced Heart & Vascular with Colts Neck Business Association
DESCRIPTION:* {\n            margin: 0\;\n            padding: 0\;\n            box-sizing: border-box\;\n        }\n\n        body {\n            font-family: -apple-system\, BlinkMacSystemFont\, 'Segoe UI'\, Roboto\, Oxygen\, Ubuntu\, Cantarell\, sans-serif\;\n            background: #f5f7fa\;\n            min-height: 100vh\;\n            overflow-x: hidden\;\n        }\n\n        /* Optimized gradient - only on larger screens */\n        @media (min-width: 768px) {\n            body {\n                background: linear-gradient(135deg\, #f5f7fa 0%\, #c3cfe2 100%)\;\n            }\n        }\n\n        .hero-section {\n            position: relative\;\n            padding: 40px 20px\;\n            max-width: 1200px\;\n            margin: 0 auto\;\n        }\n\n        @media (min-width: 768px) {\n            .hero-section {\n                padding: 60px 20px\;\n            }\n        }\n\n\n\n        /* Logo container */\n        .logo-container {\n            text-align: center\;\n            margin-bottom: 30px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out forwards\;\n        }\n\n        .logo-container img {\n            max-width: 500px\;\n            width: 100%\;\n            height: auto\;\n            will-change: transform\;\n        }\n\n        @media (min-width: 768px) {\n            .logo-container {\n                margin-bottom: 40px\;\n            }\n            \n            .logo-container img {\n                transition: transform 0.3s ease\;\n            }\n            \n            .logo-container img:hover {\n                transform: translateY(-3px)\;\n            }\n        }\n\n        /* Main heading */\n        .main-heading {\n            text-align: center\;\n            margin-bottom: 40px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out 0.2s forwards\;\n        }\n\n        .main-heading h1 {\n            font-size: 24px\;\n            font-weight: 700\;\n            color: #1a1a2e\;\n            line-height: 1.4\;\n            letter-spacing: -0.5px\;\n        }\n\n        @media (min-width: 768px) {\n            .main-heading h1 {\n                font-size: 32px\;\n            }\n        }\n\n        .gradient-text {\n            color: #e74c3c\;\n        }\n\n        /* Use CSS gradient only on desktop for performance */\n        @media (min-width: 768px) {\n            .gradient-text {\n                background: linear-gradient(135deg\, #e74c3c\, #c0392b)\;\n                -webkit-background-clip: text\;\n                -webkit-text-fill-color: transparent\;\n                background-clip: text\;\n            }\n        }\n\n        /* Doctor card - simplified for better performance */\n        .doctor-card {\n            background: #fff\;\n            border-radius: 16px\;\n            padding: 30px 20px\;\n            box-shadow: 0 10px 30px rgba(0\, 0\, 0\, 0.1)\;\n            max-width: 800px\;\n            margin: 0 auto 30px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out 0.4s forwards\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-card {\n                padding: 40px\;\n                border-radius: 20px\;\n                backdrop-filter: blur(10px)\;\n                background: rgba(255\, 255\, 255\, 0.95)\;\n                transition: transform 0.3s ease\, box-shadow 0.3s ease\;\n            }\n            \n            .doctor-card:hover {\n                transform: translateY(-3px)\;\n                box-shadow: 0 15px 40px rgba(0\, 0\, 0\, 0.12)\;\n            }\n        }\n\n        .doctor-content {\n            display: flex\;\n            align-items: center\;\n            gap: 30px\;\n            flex-wrap: wrap\;\n            justify-content: center\;\n        }\n\n        .doctor-image {\n            flex: 0 0 280px\;\n            max-width: 100%\;\n            position: relative\;\n            overflow: hidden\;\n            border-radius: 12px\;\n            box-shadow: 0 5px 20px rgba(0\, 0\, 0\, 0.1)\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-image {\n                flex: 0 0 300px\;\n            }\n        }\n\n        .doctor-image img {\n            width: 100%\;\n            height: auto\;\n            display: block\;\n            loading: lazy\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-image img {\n                transition: transform 0.4s ease\;\n            }\n            \n            .doctor-image:hover img {\n                transform: scale(1.03)\;\n            }\n        }\n\n        .doctor-info {\n            flex: 1\;\n            min-width: 260px\;\n            text-align: center\;\n        }\n\n        .doctor-name {\n            font-size: 28px\;\n            font-weight: 700\;\n            color: #e74c3c\;\n            margin-bottom: 8px\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-name {\n                font-size: 32px\;\n            }\n        }\n\n        .doctor-title {\n            font-size: 18px\;\n            color: #666\;\n            margin-bottom: 16px\;\n            font-weight: 500\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-title {\n                font-size: 20px\;\n                margin-bottom: 20px\;\n            }\n        }\n\n        .doctor-description {\n            color: #555\;\n            line-height: 1.6\;\n            font-size: 16px\;\n        }\n\n        .welcome-text {\n            margin-top: 12px\;\n            font-weight: 600\;\n            color: #e74c3c\;\n        }\n\n        /* CTA section */\n        .cta-section {\n            text-align: center\;\n            margin-top: 40px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out 0.6s forwards\;\n        }\n\n        .cta-link {\n            display: inline-block\;\n            padding: 14px 32px\;\n            background: #e74c3c\;\n            color: white\;\n            text-decoration: none\;\n            border-radius: 50px\;\n            font-weight: 600\;\n            font-size: 16px\;\n            box-shadow: 0 5px 20px rgba(231\, 76\, 60\, 0.3)\;\n            transition: all 0.2s ease\;\n        }\n\n        @media (min-width: 768px) {\n            .cta-link {\n                padding: 15px 40px\;\n                font-size: 18px\;\n                background: linear-gradient(135deg\, #e74c3c\, #c0392b)\;\n            }\n            \n            .cta-link:hover {\n                transform: translateY(-2px)\;\n                box-shadow: 0 10px 30px rgba(231\, 76\, 60\, 0.4)\;\n            }\n        }\n\n        /* Simplified animations */\n        @keyframes fadeIn {\n            from {\n                opacity: 0\;\n                transform: translateY(20px)\;\n            }\n            to {\n                opacity: 1\;\n                transform: translateY(0)\;\n            }\n        }\n\n        /* Loading optimization */\n        .doctor-image img {\n            background-color: #f0f0f0\;\n        }\n\n        /* Reduce animations for users who prefer reduced motion */\n        @media (prefers-reduced-motion: reduce) {\n            *\, *::before\, *::after {\n                animation-duration: 0.01ms !important\;\n                animation-iteration-count: 1 !important\;\n                transition-duration: 0.01ms !important\;\n            }\n        }\n\n\n\n\n\nProviding the highest quality and personalized cardiac and vascular care in Central Jersey\n\n\n\n\n\n\n\nDr. Peter Farrugia\n\nInterventional Cardiologist and Vascular Specialist\n\nDr. Farrugia has spent the last 10 years of his career working in Monmouth and Ocean County in a variety of roles specializing in cardiac and vascular care.\n\nWelcome to your Heart and Vascular Home!\n\n\n\n\nLearn More About Their Services\n\n\n        // Performance-optimized JavaScript\n        // Progressive enhancement - only add intersection observer if supported\n        if ('IntersectionObserver' in window  \n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = '1'\;\n                        entry.target.style.transform = 'translateY(0)'\;\n                        observer.unobserve(entry.target)\;\n                    }\n                })\;\n            }\, observerOptions)\;\n\n            // Only observe if we have elements\n            const elementsToObserve = document.querySelectorAll('.doctor-card\, .cta-section')\;\n            if (elementsToObserve.length > 0) {\n                elementsToObserve.forEach(el => observer.observe(el))\;\n            }\n        }
X-ALT-DESC;FMTTYPE=text/html:<title></title>\n<style type="text/css">* {\n            margin: 0\;\n            padding: 0\;\n            box-sizing: border-box\;\n        }\n\n        body {\n            font-family: -apple-system\, BlinkMacSystemFont\, 'Segoe UI'\, Roboto\, Oxygen\, Ubuntu\, Cantarell\, sans-serif\;\n            background: #f5f7fa\;\n            min-height: 100vh\;\n            overflow-x: hidden\;\n        }\n\n        /* Optimized gradient - only on larger screens */\n        @media (min-width: 768px) {\n            body {\n                background: linear-gradient(135deg\, #f5f7fa 0%\, #c3cfe2 100%)\;\n            }\n        }\n\n        .hero-section {\n            position: relative\;\n            padding: 40px 20px\;\n            max-width: 1200px\;\n            margin: 0 auto\;\n        }\n\n        @media (min-width: 768px) {\n            .hero-section {\n                padding: 60px 20px\;\n            }\n        }\n\n\n\n        /* Logo container */\n        .logo-container {\n            text-align: center\;\n            margin-bottom: 30px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out forwards\;\n        }\n\n        .logo-container img {\n            max-width: 500px\;\n            width: 100%\;\n            height: auto\;\n            will-change: transform\;\n        }\n\n        @media (min-width: 768px) {\n            .logo-container {\n                margin-bottom: 40px\;\n            }\n            \n            .logo-container img {\n                transition: transform 0.3s ease\;\n            }\n            \n            .logo-container img:hover {\n                transform: translateY(-3px)\;\n            }\n        }\n\n        /* Main heading */\n        .main-heading {\n            text-align: center\;\n            margin-bottom: 40px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out 0.2s forwards\;\n        }\n\n        .main-heading h1 {\n            font-size: 24px\;\n            font-weight: 700\;\n            color: #1a1a2e\;\n            line-height: 1.4\;\n            letter-spacing: -0.5px\;\n        }\n\n        @media (min-width: 768px) {\n            .main-heading h1 {\n                font-size: 32px\;\n            }\n        }\n\n        .gradient-text {\n            color: #e74c3c\;\n        }\n\n        /* Use CSS gradient only on desktop for performance */\n        @media (min-width: 768px) {\n            .gradient-text {\n                background: linear-gradient(135deg\, #e74c3c\, #c0392b)\;\n                -webkit-background-clip: text\;\n                -webkit-text-fill-color: transparent\;\n                background-clip: text\;\n            }\n        }\n\n        /* Doctor card - simplified for better performance */\n        .doctor-card {\n            background: #fff\;\n            border-radius: 16px\;\n            padding: 30px 20px\;\n            box-shadow: 0 10px 30px rgba(0\, 0\, 0\, 0.1)\;\n            max-width: 800px\;\n            margin: 0 auto 30px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out 0.4s forwards\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-card {\n                padding: 40px\;\n                border-radius: 20px\;\n                backdrop-filter: blur(10px)\;\n                background: rgba(255\, 255\, 255\, 0.95)\;\n                transition: transform 0.3s ease\, box-shadow 0.3s ease\;\n            }\n            \n            .doctor-card:hover {\n                transform: translateY(-3px)\;\n                box-shadow: 0 15px 40px rgba(0\, 0\, 0\, 0.12)\;\n            }\n        }\n\n        .doctor-content {\n            display: flex\;\n            align-items: center\;\n            gap: 30px\;\n            flex-wrap: wrap\;\n            justify-content: center\;\n        }\n\n        .doctor-image {\n            flex: 0 0 280px\;\n            max-width: 100%\;\n            position: relative\;\n            overflow: hidden\;\n            border-radius: 12px\;\n            box-shadow: 0 5px 20px rgba(0\, 0\, 0\, 0.1)\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-image {\n                flex: 0 0 300px\;\n            }\n        }\n\n        .doctor-image img {\n            width: 100%\;\n            height: auto\;\n            display: block\;\n            loading: lazy\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-image img {\n                transition: transform 0.4s ease\;\n            }\n            \n            .doctor-image:hover img {\n                transform: scale(1.03)\;\n            }\n        }\n\n        .doctor-info {\n            flex: 1\;\n            min-width: 260px\;\n            text-align: center\;\n        }\n\n        .doctor-name {\n            font-size: 28px\;\n            font-weight: 700\;\n            color: #e74c3c\;\n            margin-bottom: 8px\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-name {\n                font-size: 32px\;\n            }\n        }\n\n        .doctor-title {\n            font-size: 18px\;\n            color: #666\;\n            margin-bottom: 16px\;\n            font-weight: 500\;\n        }\n\n        @media (min-width: 768px) {\n            .doctor-title {\n                font-size: 20px\;\n                margin-bottom: 20px\;\n            }\n        }\n\n        .doctor-description {\n            color: #555\;\n            line-height: 1.6\;\n            font-size: 16px\;\n        }\n\n        .welcome-text {\n            margin-top: 12px\;\n            font-weight: 600\;\n            color: #e74c3c\;\n        }\n\n        /* CTA section */\n        .cta-section {\n            text-align: center\;\n            margin-top: 40px\;\n            opacity: 0\;\n            animation: fadeIn 0.6s ease-out 0.6s forwards\;\n        }\n\n        .cta-link {\n            display: inline-block\;\n            padding: 14px 32px\;\n            background: #e74c3c\;\n            color: white\;\n            text-decoration: none\;\n            border-radius: 50px\;\n            font-weight: 600\;\n            font-size: 16px\;\n            box-shadow: 0 5px 20px rgba(231\, 76\, 60\, 0.3)\;\n            transition: all 0.2s ease\;\n        }\n\n        @media (min-width: 768px) {\n            .cta-link {\n                padding: 15px 40px\;\n                font-size: 18px\;\n                background: linear-gradient(135deg\, #e74c3c\, #c0392b)\;\n            }\n            \n            .cta-link:hover {\n                transform: translateY(-2px)\;\n                box-shadow: 0 10px 30px rgba(231\, 76\, 60\, 0.4)\;\n            }\n        }\n\n        /* Simplified animations */\n        @keyframes fadeIn {\n            from {\n                opacity: 0\;\n                transform: translateY(20px)\;\n            }\n            to {\n                opacity: 1\;\n                transform: translateY(0)\;\n            }\n        }\n\n        /* Loading optimization */\n        .doctor-image img {\n            background-color: #f0f0f0\;\n        }\n\n        /* Reduce animations for users who prefer reduced motion */\n        @media (prefers-reduced-motion: reduce) {\n            *\, *::before\, *::after {\n                animation-duration: 0.01ms !important\;\n                animation-iteration-count: 1 !important\;\n                transition-duration: 0.01ms !important\;\n            }\n        }\n</style>\n<section class="hero-section">\n<div class="logo-container"><img alt="Advanced Heart &amp\; Vascular Care Logo" height="419" loading="eager" src="https://chambermaster.blob.core.windows.net/userfiles/UserFiles/chambers/1458/Image/20250603BAH-AdvancedHeartVascular.png" width="500" /></div>\n\n<div class="main-heading">\n<h1>Providing the highest quality and personalized <span class="gradient-text">cardiac and vascular care</span> in Central Jersey</h1>\n</div>\n\n<div class="doctor-card">\n<div class="doctor-content">\n<div class="doctor-image"><img alt="Dr. Peter Farrugia - Interventional Cardiologist" height="396" loading="lazy" src="https://chambermaster.blob.core.windows.net/userfiles/UserFiles/chambers/1458/Image/20250603DrPeterFarrugiaPic.jpg" width="300" /></div>\n\n<div class="doctor-info">\n<h2 class="doctor-name">Dr. Peter Farrugia</h2>\n\n<h3 class="doctor-title">Interventional Cardiologist and Vascular Specialist</h3>\n\n<p class="doctor-description">Dr. Farrugia has spent the last 10 years of his career working in Monmouth and Ocean County in a variety of roles specializing in cardiac and vascular care.</p>\n\n<p class="doctor-description welcome-text">Welcome to your Heart and Vascular Home!</p>\n</div>\n</div>\n</div>\n\n<div class="cta-section"><a class="cta-link" href="https://ahvcj.com/" rel="noopener"><span style="color:#FFFFFF\;">Learn More About Their&nbsp\;Services</span></a></div>\n</section>\n<script>\n        // Performance-optimized JavaScript\n        // Progressive enhancement - only add intersection observer if supported\n        if ('IntersectionObserver' in window && window.matchMedia('(prefers-reduced-motion: no-preference)').matches) {\n            const observerOptions = {\n                threshold: 0.1\,\n                rootMargin: '0px 0px -50px 0px'\n            }\;\n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = '1'\;\n                        entry.target.style.transform = 'translateY(0)'\;\n                        observer.unobserve(entry.target)\;\n                    }\n                })\;\n            }\, observerOptions)\;\n\n            // Only observe if we have elements\n            const elementsToObserve = document.querySelectorAll('.doctor-card\, .cta-section')\;\n            if (elementsToObserve.length > 0) {\n                elementsToObserve.forEach(el => observer.observe(el))\;\n            }\n        }\n    </script>
LOCATION:Advanced Heart and Vascular of Central Jersey 340 Route 34 Suite 201 Colts Neck\, NJ 07722
UID:e.1458.9680
SEQUENCE:3
DTSTAMP:20260417T102858Z
URL:https://business.monmouthregionalchamber.com/events/details/bah-advanced-heart-vascular-with-colts-neck-business-association-9680
END:VEVENT

END:VCALENDAR