{"id":883,"date":"2025-08-02T07:27:13","date_gmt":"2025-08-02T07:27:13","guid":{"rendered":"https:\/\/eventparadise.in\/?page_id=883"},"modified":"2025-08-03T17:24:45","modified_gmt":"2025-08-03T17:24:45","slug":"coastal-serenity","status":"publish","type":"page","link":"https:\/\/eventparadise.in\/?page_id=883","title":{"rendered":"COASTAL SERENITY"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"883\" class=\"elementor elementor-883\">\n\t\t\t\t<div class=\"elementor-element elementor-element-815b913 e-flex e-con-boxed e-con e-parent\" data-id=\"815b913\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bf5a4b elementor-widget elementor-widget-html\" data-id=\"6bf5a4b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\ud83c\udf0a Coastal Serenity | Beachside & Oceanfront Events by Event Paradise<\/title>\r\n    <meta name=\"description\" content=\"Where Every Tide Tells a Story, and Every Celebration Finds Its Shore. Breathtaking beachfront venues and ocean-inspired event experiences across India's most exclusive coastal destinations.\">\r\n    <meta name=\"keywords\" content=\"beachside event planners India, destination wedding on the beach, oceanfront venues for events, coastal wedding packages India, luxury beach party organizers, private beach event coordination\">\r\n    <meta name=\"robots\" content=\"index, follow\">\r\n    <meta property=\"og:title\" content=\"\ud83c\udf0a Coastal Serenity | Beachside & Oceanfront Events by Event Paradise\">\r\n    <meta property=\"og:description\" content=\"Where Every Tide Tells a Story, and Every Celebration Finds Its Shore. Elegant barefoot weddings, luxury beach parties, and holistic wellness retreats by the ocean.\">\r\n    <meta property=\"og:type\" content=\"website\">\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Cormorant+Garamond:wght@300;400;500;600;700&family=Cinzel:wght@400;500;600;700&family=Crimson+Text:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --primary-color: #f3b4af;\r\n            --secondary-color: #000000;\r\n        }\r\n        \r\n        .font-luxury { font-family: 'Playfair Display', serif; }\r\n        .font-royal { font-family: 'Cinzel', serif; }\r\n        .font-exquisite { font-family: 'Cormorant Garamond', serif; }\r\n        .font-quning { font-family: 'Crimson Text', serif; }\r\n        \r\n        body { \r\n            font-family: 'Cormorant Garamond', serif;\r\n            background-color: #fafafa;\r\n        }\r\n        \r\n        .coastal-gradient {\r\n            background: linear-gradient(135deg, #f3b4af 0%, #000000 25%, #f3b4af 50%, #000000 75%, #f3b4af 100%);\r\n            background-size: 400% 400%;\r\n            animation: oceanTide 18s ease infinite;\r\n        }\r\n        \r\n        @keyframes oceanTide {\r\n            0% { background-position: 0% 50%; }\r\n            25% { background-position: 100% 50%; }\r\n            50% { background-position: 50% 100%; }\r\n            75% { background-position: 0% 50%; }\r\n            100% { background-position: 50% 0%; }\r\n        }\r\n        \r\n        .card-hover { \r\n            transition: all 0.5s ease; \r\n        }\r\n        \r\n        .card-hover:hover { \r\n            transform: translateY(-12px) scale(1.03); \r\n            box-shadow: 0 35px 70px rgba(243, 180, 175, 0.4); \r\n        }\r\n        \r\n        .elegant-border {\r\n            border: 2px solid #f3b4af;\r\n            position: relative;\r\n        }\r\n        \r\n        .elegant-border::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -4px;\r\n            left: -4px;\r\n            right: -4px;\r\n            bottom: -4px;\r\n            border: 1px solid #f3b4af;\r\n            opacity: 0.5;\r\n        }\r\n        \r\n        .ornament {\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M50 0L60 10L50 20L40 10Z' fill='%23f3b4af' opacity='0.3'\/%3E%3Cpath d='M20 0L30 10L20 20L10 10Z' fill='%23f3b4af' opacity='0.2'\/%3E%3Cpath d='M80 0L90 10L80 20L70 10Z' fill='%23f3b4af' opacity='0.2'\/%3E%3C\/svg%3E\");\r\n            background-repeat: repeat-x;\r\n            background-position: center;\r\n            height: 20px;\r\n        }\r\n        \r\n        @keyframes fadeInUp {\r\n            from { opacity: 0; transform: translateY(40px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        @keyframes waveGentle {\r\n            0% { transform: scale(1) translateY(0px) rotate(0deg); }\r\n            25% { transform: scale(1.05) translateY(-5px) rotate(1deg); }\r\n            50% { transform: scale(1.02) translateY(0px) rotate(0deg); }\r\n            75% { transform: scale(1.05) translateY(-3px) rotate(-1deg); }\r\n            100% { transform: scale(1) translateY(0px) rotate(0deg); }\r\n        }\r\n        \r\n        .fade-in-up { animation: fadeInUp 1s ease-out; }\r\n        .wave-gentle { animation: waveGentle 10s ease-in-out infinite; }\r\n        \r\n        .luxury-shadow {\r\n            box-shadow: 0 15px 35px rgba(243, 180, 175, 0.4);\r\n        }\r\n        \r\n        .service-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, #f3b4af, #000000);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 1rem;\r\n            transition: all 0.4s ease;\r\n        }\r\n        \r\n        .service-icon:hover {\r\n            transform: rotate(360deg) scale(1.2);\r\n            box-shadow: 0 15px 30px rgba(243, 180, 175, 0.6);\r\n        }\r\n        \r\n        .coastal-card {\r\n            background: linear-gradient(135deg, #ffffff 0%, #faf9f8 100%);\r\n            border-left: 4px solid #f3b4af;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .coastal-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(243, 180, 175, 0.15), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n        \r\n        .coastal-card:hover::before {\r\n            left: 100%;\r\n        }\r\n        \r\n        .coastal-card:hover {\r\n            border-left-width: 8px;\r\n            transform: translateX(8px);\r\n            box-shadow: 0 20px 40px rgba(243, 180, 175, 0.3);\r\n        }\r\n        \r\n        .beach-pattern {\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='%23f3b4af' fill-opacity='0.08'%3E%3Cpath d='M0 60 Q25 45 50 60 T100 60 L100 100 L0 100 Z'\/%3E%3Cpath d='M0 75 Q25 60 50 75 T100 75 L100 100 L0 100 Z' opacity='0.6'\/%3E%3Cpath d='M0 90 Q25 75 50 90 T100 90 L100 100 L0 100 Z' opacity='0.4'\/%3E%3C\/g%3E%3C\/svg%3E\");\r\n        }\r\n        \r\n        .shore-effect {\r\n            background: radial-gradient(ellipse at center bottom, rgba(243, 180, 175, 0.25) 0%, transparent 70%);\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            pointer-events: none;\r\n        }\r\n        \r\n        .serene-text {\r\n            background: linear-gradient(45deg, #f3b4af, #000000, #f3b4af);\r\n            background-size: 200% 200%;\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            animation: sereneShine 6s ease-in-out infinite;\r\n        }\r\n        \r\n        @keyframes sereneShine {\r\n            0%, 100% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n        }\r\n        \r\n        .tide-animation {\r\n            background: linear-gradient(45deg, transparent 30%, rgba(243, 180, 175, 0.1) 50%, transparent 70%);\r\n            background-size: 200% 200%;\r\n            animation: tideFlow 5s ease-in-out infinite;\r\n        }\r\n        \r\n        @keyframes tideFlow {\r\n            0%, 100% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n        }\r\n        \r\n        .seashell-float {\r\n            animation: seashellFloat 8s ease-in-out infinite;\r\n        }\r\n        \r\n        @keyframes seashellFloat {\r\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n            25% { transform: translateY(-6px) rotate(2deg); }\r\n            50% { transform: translateY(0px) rotate(0deg); }\r\n            75% { transform: translateY(-4px) rotate(-2deg); }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50\">\r\n    <!-- Hero Section -->\r\n    <section class=\"coastal-gradient text-white py-12 sm:py-16 md:py-24 px-4 relative overflow-hidden\">\r\n        <div class=\"absolute inset-0 beach-pattern opacity-30\"><\/div>\r\n        <div class=\"shore-effect\"><\/div>\r\n        \r\n        <div class=\"max-w-6xl mx-auto text-center fade-in-up relative z-10\">\r\n            <div class=\"mb-6 sm:mb-8\">\r\n                <svg width=\"80\" height=\"80\" viewBox=\"0 0 120 120\" className=\"mx-auto mb-4 sm:mb-6 wave-gentle\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\r\n                    <!-- Beach\/Shore -->\r\n                    <path d=\"M10 80 Q30 70 50 80 Q70 70 90 80 Q100 75 110 80 L110 110 L10 110 Z\" fill=\"currentColor\" opacity=\"0.2\"\/>\r\n                    \r\n                    <!-- Ocean Waves -->\r\n                    <path d=\"M10 85 Q30 75 50 85 Q70 75 90 85 Q100 80 110 85\" stroke=\"currentColor\" strokeWidth=\"3\" opacity=\"0.6\"\/>\r\n                    <path d=\"M10 90 Q30 80 50 90 Q70 80 90 90 Q100 85 110 90\" stroke=\"currentColor\" strokeWidth=\"2\" opacity=\"0.5\"\/>\r\n                    <path d=\"M10 95 Q30 85 50 95 Q70 85 90 95 Q100 90 110 95\" stroke=\"currentColor\" strokeWidth=\"2\" opacity=\"0.4\"\/>\r\n                    \r\n                    <!-- Palm Tree -->\r\n                    <line x1=\"25\" y1=\"80\" x2=\"25\" y2=\"45\" stroke=\"currentColor\" strokeWidth=\"3\" opacity=\"0.7\"\/>\r\n                    <path d=\"M25 45 Q15 35 10 40 M25 45 Q35 35 40 40 M25 45 Q20 30 15 35 M25 45 Q30 30 35 35\" stroke=\"currentColor\" strokeWidth=\"2\" opacity=\"0.6\"\/>\r\n                    \r\n                    <!-- Seashells -->\r\n                    <circle cx=\"45\" cy=\"85\" r=\"3\" fill=\"currentColor\" opacity=\"0.5\"\/>\r\n                    <path d=\"M42 85 Q45 82 48 85 Q45 88 42 85\" fill=\"currentColor\" opacity=\"0.4\"\/>\r\n                    <circle cx=\"75\" cy=\"88\" r=\"2\" fill=\"currentColor\" opacity=\"0.5\"\/>\r\n                    <path d=\"M73 88 Q75 86 77 88 Q75 90 73 88\" fill=\"currentColor\" opacity=\"0.4\"\/>\r\n                    \r\n                    <!-- Beach Umbrella -->\r\n                    <line x1=\"85\" y1=\"80\" x2=\"85\" y2=\"60\" stroke=\"currentColor\" strokeWidth=\"2\" opacity=\"0.6\"\/>\r\n                    <path d=\"M75 60 Q85 50 95 60 Q85 65 75 60\" fill=\"currentColor\" opacity=\"0.4\"\/>\r\n                    \r\n                    <!-- Sun -->\r\n                    <circle cx=\"90\" cy=\"25\" r=\"12\" fill=\"currentColor\" opacity=\"0.5\"\/>\r\n                    <path d=\"M78 25 L102 25 M90 13 L90 37 M82 17 L98 33 M98 17 L82 33\" stroke=\"currentColor\" strokeWidth=\"1\" opacity=\"0.4\"\/>\r\n                    \r\n                    <!-- Seagulls -->\r\n                    <path d=\"M40 30 Q45 25 50 30\" stroke=\"currentColor\" strokeWidth=\"1\" opacity=\"0.5\"\/>\r\n                    <path d=\"M60 20 Q65 15 70 20\" stroke=\"currentColor\" strokeWidth=\"1\" opacity=\"0.5\"\/>\r\n                    \r\n                    <!-- Sailboat in Distance -->\r\n                    <path d=\"M95 55 L95 65 L100 63 L98 57 Z\" fill=\"currentColor\" opacity=\"0.3\"\/>\r\n                    <line x1=\"95\" y1=\"55\" x2=\"95\" y2=\"65\" stroke=\"currentColor\" strokeWidth=\"1\" opacity=\"0.4\"\/>\r\n                    \r\n                    <!-- Footprints in Sand -->\r\n                    <ellipse cx=\"55\" cy=\"82\" rx=\"2\" ry=\"1\" fill=\"currentColor\" opacity=\"0.3\"\/>\r\n                    <ellipse cx=\"58\" cy=\"84\" rx=\"2\" ry=\"1\" fill=\"currentColor\" opacity=\"0.3\"\/>\r\n                    <ellipse cx=\"61\" cy=\"82\" rx=\"2\" ry=\"1\" fill=\"currentColor\" opacity=\"0.3\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            \r\n            <h1 class=\"font-luxury text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold mb-4 sm:mb-6 leading-tight tracking-wide\">\r\n                \ud83c\udf0a Coastal Serenity\r\n            <\/h1>\r\n            \r\n            <div class=\"ornament mb-4 sm:mb-6\"><\/div>\r\n            \r\n            <h2 class=\"font-royal text-lg sm:text-xl md:text-2xl lg:text-3xl mb-6 sm:mb-8 tracking-wider px-2\">\r\n                Beachside & Oceanfront Events by Event Paradise\r\n            <\/h2>\r\n            \r\n            <p class=\"font-exquisite text-lg sm:text-xl md:text-2xl mb-8 sm:mb-12 max-w-4xl mx-auto leading-relaxed px-2\">\r\n                Where Every Tide Tells a Story, and Every Celebration Finds Its Shore\r\n            <\/p>\r\n            \r\n            <button onclick=\"scrollToContact()\" class=\"bg-white text-black px-6 sm:px-8 md:px-12 py-3 sm:py-4 font-royal text-sm sm:text-base md:text-lg tracking-wider hover:bg-gray-50 transition-all duration-300 luxury-shadow border-2 border-white hover:border-gray-100 hover:scale-105\">\r\n                EXPLORE BEACHSIDE PACKAGES\r\n            <\/button>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- About Section -->\r\n    <section class=\"py-12 sm:py-16 md:py-20 px-4 bg-white\">\r\n        <div class=\"max-w-6xl mx-auto text-center\">\r\n            <div class=\"mb-8 sm:mb-12 md:mb-16\">\r\n                <h2 class=\"font-luxury text-3xl sm:text-4xl md:text-5xl font-bold text-black mb-4 sm:mb-6\">Ocean-Inspired Event Experiences<\/h2>\r\n                <div class=\"ornament mb-6 sm:mb-8\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"max-w-5xl mx-auto space-y-6 sm:space-y-8\">\r\n                <p class=\"font-quning text-base sm:text-lg md:text-xl leading-relaxed text-gray-800\">\r\n                    Coastal Serenity by Event Paradise is an ode to the sea\u2014a curation of breathtaking beachfront venues and ocean-inspired event experiences for those who seek peace, poetry, and panoramic horizons. From elegant barefoot weddings to luxury beach parties and holistic wellness retreats, we design each experience to reflect the purity and freedom that only the coastline can offer.\r\n                <\/p>\r\n                \r\n                <p class=\"font-quning text-base sm:text-lg md:text-xl leading-relaxed text-gray-800\">\r\n                    Feel the soft sand under your feet, listen to waves echoing in the background, and watch the sky shift from blush to indigo\u2014all while you celebrate life's most beautiful moments in timeless style.\r\n                <\/p>\r\n                \r\n                <div class=\"mt-8 sm:mt-12\">\r\n                    <svg width=\"160\" height=\"100\" viewBox=\"0 0 220 120\" className=\"mx-auto mb-6 seashell-float\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\r\n                        <!-- Extended Beach -->\r\n                        <path d=\"M10 85 Q60 70 110 85 Q160 70 210 85 L210 110 L10 110 Z\" fill=\"#f3b4af\" opacity=\"0.15\"\/>\r\n                        \r\n                        <!-- Multiple Wave Lines -->\r\n                        <path d=\"M10 90 Q60 75 110 90 Q160 75 210 90\" stroke=\"#f3b4af\" strokeWidth=\"3\" opacity=\"0.6\"\/>\r\n                        <path d=\"M10 95 Q60 80 110 95 Q160 80 210 95\" stroke=\"#f3b4af\" strokeWidth=\"2\" opacity=\"0.5\"\/>\r\n                        <path d=\"M10 100 Q60 85 110 100 Q160 85 210 100\" stroke=\"#f3b4af\" strokeWidth=\"2\" opacity=\"0.4\"\/>\r\n                        \r\n                        <!-- Beach Setup -->\r\n                        <rect x=\"80\" y=\"75\" width=\"60\" height=\"8\" fill=\"#000000\" opacity=\"0.3\" rx=\"4\"\/>\r\n                        <rect x=\"85\" y=\"70\" width=\"50\" height=\"5\" fill=\"#000000\" opacity=\"0.4\" rx=\"2\"\/>\r\n                        \r\n                        <!-- Canopy\/Tent -->\r\n                        <path d=\"M70 65 Q110 50 150 65 Q110 70 70 65\" fill=\"#f3b4af\" opacity=\"0.4\"\/>\r\n                        <line x1=\"80\" y1=\"65\" x2=\"80\" y2=\"83\" stroke=\"#000000\" strokeWidth=\"2\" opacity=\"0.5\"\/>\r\n                        <line x1=\"140\" y1=\"65\" x2=\"140\" y2=\"83\" stroke=\"#000000\" strokeWidth=\"2\" opacity=\"0.5\"\/>\r\n                        \r\n                        <!-- Palm Trees -->\r\n                        <line x1=\"40\" y1=\"85\" x2=\"40\" y2=\"45\" stroke=\"#000000\" strokeWidth=\"3\" opacity=\"0.6\"\/>\r\n                        <path d=\"M40 45 Q30 35 25 40 M40 45 Q50 35 55 40 M40 45 Q35 30 30 35 M40 45 Q45 30 50 35\" stroke=\"#000000\" strokeWidth=\"2\" opacity=\"0.5\"\/>\r\n                        \r\n                        <line x1=\"180\" y1=\"85\" x2=\"180\" y2=\"50\" stroke=\"#000000\" strokeWidth=\"3\" opacity=\"0.6\"\/>\r\n                        <path d=\"M180 50 Q170 40 165 45 M180 50 Q190 40 195 45 M180 50 Q175 35 170 40 M180 50 Q185 35 190 40\" stroke=\"#000000\" strokeWidth=\"2\" opacity=\"0.5\"\/>\r\n                        \r\n                        <!-- Decorative Elements -->\r\n                        <circle cx=\"60\" cy=\"88\" r=\"4\" fill=\"#f3b4af\" opacity=\"0.5\"\/>\r\n                        <path d=\"M56 88 Q60 84 64 88 Q60 92 56 88\" fill=\"#f3b4af\" opacity=\"0.4\"\/>\r\n                        \r\n                        <circle cx=\"160\" cy=\"90\" r=\"3\" fill=\"#f3b4af\" opacity=\"0.5\"\/>\r\n                        <path d=\"M157 90 Q160 87 163 90 Q160 93 157 90\" fill=\"#f3b4af\" opacity=\"0.4\"\/>\r\n                        \r\n                        <!-- Sunset -->\r\n                        <circle cx=\"180\" cy=\"30\" r=\"18\" fill=\"#f3b4af\" opacity=\"0.6\"\/>\r\n                        <path d=\"M162 30 L198 30 M180 12 L180 48 M167 17 L193 43 M193 17 L167 43\" stroke=\"#f3b4af\" strokeWidth=\"1\" opacity=\"0.4\"\/>\r\n                        \r\n                        <!-- Distant Sailboats -->\r\n                        <path d=\"M120 50 L120 60 L125 58 L123 52 Z\" fill=\"#000000\" opacity=\"0.3\"\/>\r\n                        <line x1=\"120\" y1=\"50\" x2=\"120\" y2=\"60\" stroke=\"#000000\" strokeWidth=\"1\" opacity=\"0.4\"\/>\r\n                        \r\n                        <path d=\"M140 45 L140 55 L145 53 L143 47 Z\" fill=\"#000000\" opacity=\"0.3\"\/>\r\n                        <line x1=\"140\" y1=\"45\" x2=\"140\" y2=\"55\" stroke=\"#000000\" strokeWidth=\"1\" opacity=\"0.4\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Ideal For Section -->\r\n    <section class=\"py-12 sm:py-16 md:py-20 px-4 bg-blue-50\">\r\n        <div class=\"max-w-6xl mx-auto\">\r\n            <div class=\"text-center mb-8 sm:mb-12 md:mb-16\">\r\n                <h2 class=\"font-luxury text-3xl sm:text-4xl md:text-5xl font-bold text-black mb-4 sm:mb-6\">\ud83d\udc1a Ideal For<\/h2>\r\n                <div class=\"ornament mb-6 sm:mb-8\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8\">\r\n                <div class=\"coastal-card p-6 sm:p-8 rounded-lg luxury-shadow tide-animation\">\r\n                    <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 text-black\">Beach Weddings & Vow Renewals<\/h3>\r\n                    <p class=\"font-quning text-sm sm:text-base text-gray-600\">Elegant barefoot ceremonies with ocean waves as your soundtrack<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"coastal-card p-6 sm:p-8 rounded-lg luxury-shadow tide-animation\">\r\n                    <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 text-black\">Ocean-Inspired Pre-Wedding Events & Haldis<\/h3>\r\n                    <p class=\"font-quning text-sm sm:text-base text-gray-600\">Colorful celebrations with coastal charm and beachside festivities<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"coastal-card p-6 sm:p-8 rounded-lg luxury-shadow tide-animation\">\r\n                    <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 text-black\">Intimate Destination Engagements<\/h3>\r\n                    <p class=\"font-quning text-sm sm:text-base text-gray-600\">Romantic proposals with panoramic ocean views and sunset backdrops<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"coastal-card p-6 sm:p-8 rounded-lg luxury-shadow tide-animation\">\r\n                    <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 text-black\">Seaside Corporate Retreats & Team Building<\/h3>\r\n                    <p class=\"font-quning text-sm sm:text-base text-gray-600\">Inspiring business events with ocean breeze and coastal tranquility<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"coastal-card p-6 sm:p-8 rounded-lg luxury-shadow tide-animation\">\r\n                    <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 text-black\">Brand Launches with Coastal Aesthetics<\/h3>\r\n                    <p class=\"font-quning text-sm sm:text-base text-gray-600\">Product unveilings with natural beauty and oceanfront elegance<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"coastal-card p-6 sm:p-8 rounded-lg luxury-shadow tide-animation\">\r\n                    <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 text-black\">Wellness Retreats & Eco-Spiritual Gatherings<\/h3>\r\n                    <p class=\"font-quning text-sm sm:text-base text-gray-600\">Holistic experiences with beach yoga and sound healing sessions<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"coastal-card p-6 sm:p-8 rounded-lg luxury-shadow tide-animation sm:col-span-2 lg:col-span-1\">\r\n                    <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 text-black\">Sunset Dinners, Afterparties & Influencer Shoots<\/h3>\r\n                    <p class=\"font-quning text-sm sm:text-base text-gray-600\">Picture-perfect moments with golden hour lighting and ocean views<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Signature Experiences Section -->\r\n    <section class=\"py-12 sm:py-16 md:py-20 px-4 bg-white\">\r\n        <div class=\"max-w-6xl mx-auto\">\r\n            <div class=\"text-center mb-8 sm:mb-12 md:mb-16\">\r\n                <h2 class=\"font-luxury text-3xl sm:text-4xl md:text-5xl font-bold text-black mb-4 sm:mb-6\">\ud83c\udf34 Signature Experiences in Coastal Serenity<\/h2>\r\n                <div class=\"ornament mb-6 sm:mb-8\"><\/div>\r\n                <p class=\"font-exquisite text-base sm:text-lg text-gray-700 max-w-4xl mx-auto\">\r\n                    Each coastal event is delicately woven from nature's finest elements\u2014salt air, sunlit shores, ocean winds, and the calming presence of the sea. Our venues, stylists, and coordinators work in harmony to deliver an experience that's both effortlessly luxurious and deeply soulful.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 sm:gap-8\">\r\n                <div class=\"card-hover bg-white p-6 sm:p-8 rounded-lg luxury-shadow elegant-border\">\r\n                    <div class=\"text-center\">\r\n                        <div class=\"service-icon\">\r\n                            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" strokeWidth=\"2\">\r\n                                <path d=\"M3 21h18\"\/>\r\n                                <path d=\"M5 21V7l8-4v18\"\/>\r\n                                <path d=\"M19 21V11l-6-4\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"font-royal text-lg font-semibold mb-3 text-black\">\ud83c\udfd6\ufe0f Private Beachfront Venues<\/h3>\r\n                        <p class=\"font-exquisite text-sm text-gray-600\">White-sand beaches, palm-lined resorts, hidden coves, and cliffside decks<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-hover bg-white p-6 sm:p-8 rounded-lg luxury-shadow elegant-border\">\r\n                    <div class=\"text-center\">\r\n                        <div class=\"service-icon\">\r\n                            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" strokeWidth=\"2\">\r\n                                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"font-royal text-lg font-semibold mb-3 text-black\">\ud83d\udc1a Minimal Luxe Coastal Styling<\/h3>\r\n                        <p class=\"font-exquisite text-sm text-gray-600\">Driftwood arches, seashell garlands, canopy lounges with coral accents<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-hover bg-white p-6 sm:p-8 rounded-lg luxury-shadow elegant-border\">\r\n                    <div class=\"text-center\">\r\n                        <div class=\"service-icon\">\r\n                            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" strokeWidth=\"2\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"5\"\/>\r\n                                <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/>\r\n                                <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/>\r\n                                <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/>\r\n                                <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/>\r\n                                <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/>\r\n                                <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/>\r\n                                <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\/>\r\n                                <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"font-royal text-lg font-semibold mb-3 text-black\">\ud83c\udf05 Golden Hour Ceremonies<\/h3>\r\n                        <p class=\"font-exquisite text-sm text-gray-600\">Sunset vows, cocktails, bonfire dinners, and live music under stars<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-hover bg-white p-6 sm:p-8 rounded-lg luxury-shadow elegant-border\">\r\n                    <div class=\"text-center\">\r\n                        <div class=\"service-icon\">\r\n                            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" strokeWidth=\"2\">\r\n                                <path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\/>\r\n                                <path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\/>\r\n                                <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/>\r\n                                <line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/>\r\n                                <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"font-royal text-lg font-semibold mb-3 text-black\">\ud83c\udf3e Barefoot Hospitality<\/h3>\r\n                        <p class=\"font-exquisite text-sm text-gray-600\">Oceanfront dining, fresh seafood feasts, beach BBQs, tropical cocktails<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-hover bg-white p-6 sm:p-8 rounded-lg luxury-shadow elegant-border\">\r\n                    <div class=\"text-center\">\r\n                        <div class=\"service-icon\">\r\n                            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" strokeWidth=\"2\">\r\n                                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"font-royal text-lg font-semibold mb-3 text-black\">\ud83e\uddd8 Wellness & Slow Luxury<\/h3>\r\n                        <p class=\"font-exquisite text-sm text-gray-600\">Beach yoga, sound healing, sunrise meditation, organic spa zones<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Top Destinations Section -->\r\n    <section class=\"py-12 sm:py-16 md:py-20 px-4 bg-blue-50\">\r\n        <div class=\"max-w-6xl mx-auto\">\r\n            <div class=\"text-center mb-8 sm:mb-12 md:mb-16\">\r\n                <h2 class=\"font-luxury text-3xl sm:text-4xl md:text-5xl font-bold text-black mb-4 sm:mb-6\">\ud83d\udccd Top Coastal Serenity Destinations in India<\/h2>\r\n                <div class=\"ornament mb-6 sm:mb-8\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8\">\r\n                <div class=\"coastal-card p-6 sm:p-8 rounded-lg luxury-shadow\">\r\n                    <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 text-black\">Goa (South & North)<\/h3>\r\n                    <p class=\"font-quning text-sm sm:text-base text-gray-600\">Boutique beach resorts, private coves, sunset-perfect coastlines<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"coastal-card p-6 sm:p-8 rounded-lg luxury-shadow\">\r\n                    <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 text-black\">Alibaug<\/h3>\r\n                    <p class=\"font-quning text-sm sm:text-base text-gray-600\">Coastal villas with ferry access from Mumbai and pristine beaches<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"coastal-card p-6 sm:p-8 rounded-lg luxury-shadow\">\r\n                    <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 text-black\">Pondicherry<\/h3>\r\n                    <p class=\"font-quning text-sm sm:text-base text-gray-600\">French coastal charm, serene beaches & spiritual vibes<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"coastal-card p-6 sm:p-8 rounded-lg luxury-shadow\">\r\n                    <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 text-black\">Kovalam & Varkala (Kerala)<\/h3>\r\n                    <p class=\"font-quning text-sm sm:text-base text-gray-600\">Cliff-top resorts with panoramic ocean views and backwater charm<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"coastal-card p-6 sm:p-8 rounded-lg luxury-shadow\">\r\n                    <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 text-black\">Diu & Daman<\/h3>\r\n                    <p class=\"font-quning text-sm sm:text-base text-gray-600\">Offbeat beach escapes with colonial architecture and tranquil shores<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"coastal-card p-6 sm:p-8 rounded-lg luxury-shadow\">\r\n                    <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 text-black\">Andaman Islands<\/h3>\r\n                    <p class=\"font-quning text-sm sm:text-base text-gray-600\">Remote beauty with crystal-clear waters & pristine white sands<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Why Choose Us Section -->\r\n    <section class=\"py-12 sm:py-16 md:py-20 px-4 bg-white\">\r\n        <div class=\"max-w-6xl mx-auto\">\r\n            <div class=\"text-center mb-8 sm:mb-12 md:mb-16\">\r\n                <h2 class=\"font-luxury text-3xl sm:text-4xl md:text-5xl font-bold text-black mb-4 sm:mb-6\">\ud83c\udf10 Why Choose Event Paradise for Coastal Events?<\/h2>\r\n                <div class=\"ornament mb-6 sm:mb-8\"><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8\">\r\n                <div class=\"card-hover bg-white p-6 sm:p-8 rounded-lg luxury-shadow elegant-border\">\r\n                    <div class=\"text-center\">\r\n                        <div class=\"w-16 h-16 sm:w-20 sm:h-20 mx-auto mb-4 sm:mb-6 bg-gradient-to-br from-blue-100 to-blue-200 rounded-full flex items-center justify-center\">\r\n                            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f3b4af\" strokeWidth=\"2\">\r\n                                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 sm:mb-4 text-black\">\ud83c\udf0a Curated Coastal Destinations<\/h3>\r\n                        <p class=\"font-quning text-sm sm:text-base text-gray-600\">Access to India's top coastal destinations with exclusive beachfront venues<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-hover bg-white p-6 sm:p-8 rounded-lg luxury-shadow elegant-border\">\r\n                    <div class=\"text-center\">\r\n                        <div class=\"w-16 h-16 sm:w-20 sm:h-20 mx-auto mb-4 sm:mb-6 bg-gradient-to-br from-blue-100 to-blue-200 rounded-full flex items-center justify-center\">\r\n                            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f3b4af\" strokeWidth=\"2\">\r\n                                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 sm:mb-4 text-black\">\ud83d\udc3e Sustainable Event Practices<\/h3>\r\n                        <p class=\"font-quning text-sm sm:text-base text-gray-600\">Eco-friendly celebrations using locally sourced materials and sustainable practices<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-hover bg-white p-6 sm:p-8 rounded-lg luxury-shadow elegant-border\">\r\n                    <div class=\"text-center\">\r\n                        <div class=\"w-16 h-16 sm:w-20 sm:h-20 mx-auto mb-4 sm:mb-6 bg-gradient-to-br from-blue-100 to-blue-200 rounded-full flex items-center justify-center\">\r\n                            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f3b4af\" strokeWidth=\"2\">\r\n                                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 sm:mb-4 text-black\">\u2728 Coastal-Chic Styling Experts<\/h3>\r\n                        <p class=\"font-quning text-sm sm:text-base text-gray-600\">In-house decor team specializing in minimal luxe coastal themes<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-hover bg-white p-6 sm:p-8 rounded-lg luxury-shadow elegant-border\">\r\n                    <div class=\"text-center\">\r\n                        <div class=\"w-16 h-16 sm:w-20 sm:h-20 mx-auto mb-4 sm:mb-6 bg-gradient-to-br from-blue-100 to-blue-200 rounded-full flex items-center justify-center\">\r\n                            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f3b4af\" strokeWidth=\"2\">\r\n                                <path d=\"M9 18V5l12-2v13\"\/>\r\n                                <circle cx=\"6\" cy=\"18\" r=\"3\"\/>\r\n                                <circle cx=\"18\" cy=\"16\" r=\"3\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 sm:mb-4 text-black\">\ud83c\udfb5 Beach Entertainment Support<\/h3>\r\n                        <p class=\"font-quning text-sm sm:text-base text-gray-600\">Acoustic bands, DJs, fire artists, and coastal-themed entertainment<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-hover bg-white p-6 sm:p-8 rounded-lg luxury-shadow elegant-border\">\r\n                    <div class=\"text-center\">\r\n                        <div class=\"w-16 h-16 sm:w-20 sm:h-20 mx-auto mb-4 sm:mb-6 bg-gradient-to-br from-blue-100 to-blue-200 rounded-full flex items-center justify-center\">\r\n                            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f3b4af\" strokeWidth=\"2\">\r\n                                <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n                                <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n                                <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n                                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 sm:mb-4 text-black\">\ud83d\ude90 Complete Guest Logistics<\/h3>\r\n                        <p class=\"font-quning text-sm sm:text-base text-gray-600\">Travel coordination, permits, and hospitality for beach venues<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"card-hover bg-white p-6 sm:p-8 rounded-lg luxury-shadow elegant-border\">\r\n                    <div class=\"text-center\">\r\n                        <div class=\"w-16 h-16 sm:w-20 sm:h-20 mx-auto mb-4 sm:mb-6 bg-gradient-to-br from-blue-100 to-blue-200 rounded-full flex items-center justify-center\">\r\n                            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f3b4af\" strokeWidth=\"2\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n                                <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"font-royal text-lg sm:text-xl font-semibold mb-3 sm:mb-4 text-black\">\ud83d\udd12 Private Beach Access<\/h3>\r\n                        <p class=\"font-quning text-sm sm:text-base text-gray-600\">Exclusive venues with security and hospitality staff included<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA Section -->\r\n    <section class=\"coastal-gradient py-12 sm:py-16 md:py-20 px-4\">\r\n        <div class=\"max-w-4xl mx-auto text-center\">\r\n            <div class=\"mb-6 sm:mb-8\">\r\n                <svg width=\"60\" height=\"60\" viewBox=\"0 0 120 120\" className=\"mx-auto mb-4 sm:mb-6 wave-gentle\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\r\n                    <!-- Beach\/Shore -->\r\n                    <path d=\"M10 80 Q30 70 50 80 Q70 70 90 80 Q100 75 110 80 L110 110 L10 110 Z\" fill=\"currentColor\" opacity=\"0.2\"\/>\r\n                    \r\n                    <!-- Ocean Waves -->\r\n                    <path d=\"M10 85 Q30 75 50 85 Q70 75 90 85 Q100 80 110 85\" stroke=\"currentColor\" strokeWidth=\"3\" opacity=\"0.6\"\/>\r\n                    \r\n                    <!-- Seashells -->\r\n                    <circle cx=\"45\" cy=\"85\" r=\"3\" fill=\"currentColor\" opacity=\"0.5\"\/>\r\n                    <circle cx=\"75\" cy=\"88\" r=\"2\" fill=\"currentColor\" opacity=\"0.5\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            \r\n            <h2 class=\"font-luxury text-3xl sm:text-4xl md:text-5xl font-bold text-white mb-4 sm:mb-6 serene-text\">Let the Shore Be Your Stage<\/h2>\r\n            <div class=\"ornament mb-6 sm:mb-8\"><\/div>\r\n            \r\n            <p class=\"font-exquisite text-lg sm:text-xl md:text-2xl text-white mb-6 sm:mb-8 px-4\">\r\n                \u2728 From poetic weddings to sun-kissed soir\u00e9es, Coastal Serenity by Event Paradise is your invitation to celebrate beside the waves. Designed for the dreamers, romantics, and seekers of calm\u2014this is where luxury and nature embrace.\r\n            <\/p>\r\n            \r\n            <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center\">\r\n                <button id=\"contact-btn\" onclick=\"handleBeachsidePackages()\" class=\"bg-white text-black px-6 sm:px-8 md:px-10 py-3 sm:py-4 font-royal text-sm sm:text-base md:text-lg tracking-wider hover:bg-gray-50 transition-all duration-300 luxury-shadow border-2 border-white hover:border-gray-100 hover:scale-105\">\r\n                    \ud83d\udc49 EXPLORE BEACHSIDE PACKAGES\r\n                <\/button>\r\n                \r\n                <button onclick=\"handleCoastalEvent()\" class=\"bg-transparent text-white px-6 sm:px-8 md:px-10 py-3 sm:py-4 font-royal text-sm sm:text-base md:text-lg tracking-wider hover:bg-white hover:text-black transition-all duration-300 luxury-shadow border-2 border-white hover:scale-105\">\r\n                    BOOK YOUR COASTAL SERENITY EVENT\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Smooth scroll to contact\r\n        function scrollToContact() {\r\n            document.getElementById('contact-btn').scrollIntoView({\r\n                behavior: 'smooth'\r\n            });\r\n        }\r\n\r\n        \/\/ Handle beachside packages\r\n        function handleBeachsidePackages() {\r\n            alert('Discover our exclusive beachside celebration packages! Our coastal event specialists will contact you within 24 hours to discuss your oceanfront vision, venue selection, minimal luxe styling options, and complete coastal serenity planning. From barefoot weddings to sunset ceremonies, golden hour photography to wellness retreats - we create experiences that reflect the purity and freedom of the coastline. Call +91 9560961758 for immediate coastal consultation.');\r\n        }\r\n\r\n        \/\/ Handle coastal event booking\r\n        function handleCoastalEvent() {\r\n            alert('Book your serene coastal celebration! Our team will arrange exclusive beachfront venues, coordinate sustainable event practices, and plan your complete ocean-inspired experience. Whether it\\'s an elegant beach wedding, wellness retreat, or brand launch with coastal aesthetics - we provide end-to-end coastal event management across India\\'s most beautiful destinations. For urgent coastal bookings, call +91 9560961758.');\r\n        }\r\n\r\n        \/\/ Add scroll animations\r\n        function animateOnScroll() {\r\n            const elements = document.querySelectorAll('.card-hover, .coastal-card');\r\n            elements.forEach(element => {\r\n                const elementTop = element.getBoundingClientRect().top;\r\n                const elementVisible = 150;\r\n                \r\n                if (elementTop < window.innerHeight - elementVisible) {\r\n                    element.classList.add('fade-in-up');\r\n                }\r\n            });\r\n        }\r\n\r\n        window.addEventListener('scroll', animateOnScroll);\r\n        animateOnScroll();\r\n\r\n        \/\/ Add luxury hover effects\r\n        document.querySelectorAll('.card-hover').forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                this.style.borderColor = '#f3b4af';\r\n            });\r\n            \r\n            card.addEventListener('mouseleave', function() {\r\n                this.style.borderColor = '#f3b4af';\r\n            });\r\n        });\r\n\r\n        \/\/ Add service icon hover effects\r\n        document.querySelectorAll('.service-icon').forEach(icon => {\r\n            icon.addEventListener('mouseenter', function() {\r\n                this.style.transform = 'rotate(360deg) scale(1.2)';\r\n                this.style.boxShadow = '0 15px 30px rgba(243, 180, 175, 0.6)';\r\n            });\r\n            \r\n            icon.addEventListener('mouseleave', function() {\r\n                this.style.transform = 'rotate(0deg) scale(1)';\r\n                this.style.boxShadow = 'none';\r\n            });\r\n        });\r\n\r\n        \/\/ Add coastal card hover effects\r\n        document.querySelectorAll('.coastal-card').forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                this.style.borderLeftWidth = '8px';\r\n                this.style.transform = 'translateX(8px)';\r\n                this.style.boxShadow = '0 20px 40px rgba(243, 180, 175, 0.3)';\r\n            });\r\n            \r\n            card.addEventListener('mouseleave', function() {\r\n                this.style.borderLeftWidth = '4px';\r\n                this.style.transform = 'translateX(0)';\r\n                this.style.boxShadow = '0 15px 35px rgba(243, 180, 175, 0.4)';\r\n            });\r\n        });\r\n\r\n        \/\/ Add serene text animation\r\n        const sereneTexts = document.querySelectorAll('.serene-text');\r\n        sereneTexts.forEach(text => {\r\n            text.addEventListener('mouseenter', function() {\r\n                this.style.animationDuration = '3s';\r\n            });\r\n            \r\n            text.addEventListener('mouseleave', function() {\r\n                this.style.animationDuration = '6s';\r\n            });\r\n        });\r\n\r\n        \/\/ Add shore effect on mouse move\r\n        document.addEventListener('mousemove', function(e) {\r\n            const shores = document.querySelectorAll('.shore-effect');\r\n            shores.forEach(shore => {\r\n                const rect = shore.getBoundingClientRect();\r\n                const x = ((e.clientX - rect.left) \/ rect.width) * 100;\r\n                const y = ((e.clientY - rect.top) \/ rect.height) * 100;\r\n                shore.style.background = `radial-gradient(ellipse at ${x}% ${y}%, rgba(243, 180, 175, 0.25) 0%, transparent 70%)`;\r\n            });\r\n        });\r\n\r\n        \/\/ Add gentle wave animation to wave icons\r\n        const waveIcons = document.querySelectorAll('.wave-gentle');\r\n        waveIcons.forEach(icon => {\r\n            icon.addEventListener('mouseenter', function() {\r\n                this.style.animation = 'waveGentle 4s ease-in-out infinite';\r\n            });\r\n            \r\n            icon.addEventListener('mouseleave', function() {\r\n                this.style.animation = 'waveGentle 10s ease-in-out infinite';\r\n            });\r\n        });\r\n\r\n        \/\/ Add seashell floating to seashell elements\r\n        const seashellElements = document.querySelectorAll('.seashell-float');\r\n        seashellElements.forEach(element => {\r\n            element.addEventListener('mouseenter', function() {\r\n                this.style.animation = 'seashellFloat 4s ease-in-out infinite';\r\n            });\r\n            \r\n            element.addEventListener('mouseleave', function() {\r\n                this.style.animation = 'seashellFloat 8s ease-in-out infinite';\r\n            });\r\n        });\r\n    <\/script>\r\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9697765e36aa5a23',t:'MTc1NDI0MTM4Mi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf0a Coastal Serenity | Beachside &#038; Oceanfront Events by Event Paradise \ud83c\udf0a Coastal [&hellip;]<\/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-883","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>COASTAL SERENITY - Event Paradise<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eventparadise.in\/?page_id=883\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"COASTAL SERENITY - Event Paradise\" \/>\n<meta property=\"og:description\" content=\"\ud83c\udf0a Coastal Serenity | Beachside &#038; Oceanfront Events by Event Paradise \ud83c\udf0a Coastal [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eventparadise.in\/?page_id=883\" \/>\n<meta property=\"og:site_name\" content=\"Event Paradise\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-03T17:24:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eventparadise.in\/?page_id=883\",\"url\":\"https:\/\/eventparadise.in\/?page_id=883\",\"name\":\"COASTAL SERENITY - Event Paradise\",\"isPartOf\":{\"@id\":\"https:\/\/eventparadise.in\/#website\"},\"datePublished\":\"2025-08-02T07:27:13+00:00\",\"dateModified\":\"2025-08-03T17:24:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/eventparadise.in\/?page_id=883#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eventparadise.in\/?page_id=883\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eventparadise.in\/?page_id=883#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eventparadise.in\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"COASTAL SERENITY\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eventparadise.in\/#website\",\"url\":\"https:\/\/eventparadise.in\/\",\"name\":\"Event Paradise\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/eventparadise.in\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eventparadise.in\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/eventparadise.in\/#organization\",\"name\":\"Event Paradise\",\"url\":\"https:\/\/eventparadise.in\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eventparadise.in\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/eventparadise.in\/wp-content\/uploads\/2025\/07\/cropped-cropped-ChatGPT_Image_Jul_28__2025__09_41_01_PM-removebg-preview.png\",\"contentUrl\":\"https:\/\/eventparadise.in\/wp-content\/uploads\/2025\/07\/cropped-cropped-ChatGPT_Image_Jul_28__2025__09_41_01_PM-removebg-preview.png\",\"width\":500,\"height\":159,\"caption\":\"Event Paradise\"},\"image\":{\"@id\":\"https:\/\/eventparadise.in\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"COASTAL SERENITY - Event Paradise","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eventparadise.in\/?page_id=883","og_locale":"en_US","og_type":"article","og_title":"COASTAL SERENITY - Event Paradise","og_description":"\ud83c\udf0a Coastal Serenity | Beachside &#038; Oceanfront Events by Event Paradise \ud83c\udf0a Coastal [&hellip;]","og_url":"https:\/\/eventparadise.in\/?page_id=883","og_site_name":"Event Paradise","article_modified_time":"2025-08-03T17:24:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/eventparadise.in\/?page_id=883","url":"https:\/\/eventparadise.in\/?page_id=883","name":"COASTAL SERENITY - Event Paradise","isPartOf":{"@id":"https:\/\/eventparadise.in\/#website"},"datePublished":"2025-08-02T07:27:13+00:00","dateModified":"2025-08-03T17:24:45+00:00","breadcrumb":{"@id":"https:\/\/eventparadise.in\/?page_id=883#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eventparadise.in\/?page_id=883"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/eventparadise.in\/?page_id=883#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eventparadise.in\/"},{"@type":"ListItem","position":2,"name":"COASTAL SERENITY"}]},{"@type":"WebSite","@id":"https:\/\/eventparadise.in\/#website","url":"https:\/\/eventparadise.in\/","name":"Event Paradise","description":"","publisher":{"@id":"https:\/\/eventparadise.in\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eventparadise.in\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/eventparadise.in\/#organization","name":"Event Paradise","url":"https:\/\/eventparadise.in\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eventparadise.in\/#\/schema\/logo\/image\/","url":"https:\/\/eventparadise.in\/wp-content\/uploads\/2025\/07\/cropped-cropped-ChatGPT_Image_Jul_28__2025__09_41_01_PM-removebg-preview.png","contentUrl":"https:\/\/eventparadise.in\/wp-content\/uploads\/2025\/07\/cropped-cropped-ChatGPT_Image_Jul_28__2025__09_41_01_PM-removebg-preview.png","width":500,"height":159,"caption":"Event Paradise"},"image":{"@id":"https:\/\/eventparadise.in\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/eventparadise.in\/index.php?rest_route=\/wp\/v2\/pages\/883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eventparadise.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eventparadise.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eventparadise.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eventparadise.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=883"}],"version-history":[{"count":7,"href":"https:\/\/eventparadise.in\/index.php?rest_route=\/wp\/v2\/pages\/883\/revisions"}],"predecessor-version":[{"id":952,"href":"https:\/\/eventparadise.in\/index.php?rest_route=\/wp\/v2\/pages\/883\/revisions\/952"}],"wp:attachment":[{"href":"https:\/\/eventparadise.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}