{"id":20,"date":"2026-04-08T21:42:51","date_gmt":"2026-04-08T21:42:51","guid":{"rendered":"https:\/\/demowebdesign.live\/petricia\/index.php\/contact\/"},"modified":"2026-04-16T19:24:52","modified_gmt":"2026-04-16T19:24:52","slug":"contact","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/petricia\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5034cf6 e-con-full e-flex e-con e-parent\" data-id=\"5034cf6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad07be8 elementor-widget elementor-widget-html\" data-id=\"ad07be8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<style>\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\nbody { font-family: 'Inter', sans-serif; overflow-x: hidden; background: #06111c; }\r\n\r\n\/* HERO *\/\r\n.hero {\r\n  position: relative;\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  padding: 100px 24px;\r\n  text-align: center;\r\n}\r\n\r\n.hero-bg {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(135deg,\r\n    #041c2c 0%, #0a2a4a 30%, #0d4f6e 55%, #0e6b7a 75%, #083040 100%\r\n  );\r\n  z-index: 0;\r\n}\r\n\r\n\/* Orbs *\/\r\n.orb {\r\n  position: absolute; border-radius: 50%;\r\n  animation: floatOrb 9s ease-in-out infinite; z-index: 1;\r\n}\r\n.orb-1 { width:520px; height:520px; background:#3ecfcf; opacity:0.10; top:-120px; left:-160px; }\r\n.orb-2 { width:300px; height:300px; background:#5ba8e0; opacity:0.09; bottom:-60px; left:30%; }\r\n.orb-3 { width:180px; height:180px; background:#c0392b; opacity:0.08; top:25%; right:42%; }\r\n\r\n@keyframes floatOrb {\r\n  0%,100% { transform: translateY(0) scale(1); }\r\n  50% { transform: translateY(-28px) scale(1.04); }\r\n}\r\n\r\n.hero-grid {\r\n  position: absolute; inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  z-index: 1;\r\n}\r\n\r\n\/* CENTER CONTENT *\/\r\n.hero-inner {\r\n  position: relative; z-index: 10;\r\n  max-width: 800px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.badge {\r\n  display: inline-block;\r\n  background: rgba(62,207,207,0.13);\r\n  border: 1px solid rgba(62,207,207,0.32);\r\n  color: #7ee8e8;\r\n  font-size: 11px; font-weight: 600;\r\n  letter-spacing: 2px; text-transform: uppercase;\r\n  padding: 6px 18px; border-radius: 50px;\r\n  margin-bottom: 26px;\r\n  animation: fadeUp 1s ease 0.2s forwards;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n}\r\n\r\n.hero-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(36px, 5vw, 64px);\r\n  font-weight: 900; line-height: 1.2; color: #fff;\r\n  margin-bottom: 20px;\r\n  animation: fadeUp 1s ease 0.4s forwards;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n}\r\n\r\n.hero-title .accent-teal { color: #3ecfcf; }\r\n.hero-title .accent-red  { color: #e74c3c; }\r\n\r\n.hero-sub {\r\n  font-size: 16px;\r\n  color: rgba(190,220,230,0.8);\r\n  font-weight: 300;\r\n  line-height: 1.8;\r\n  margin-bottom: 36px;\r\n  animation: fadeUp 1s ease 0.6s forwards;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n}\r\n\r\n\/* CTA *\/\r\n.cta-group {\r\n  display: flex;\r\n  gap: 14px;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n  animation: fadeUp 1s ease 0.8s forwards;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n}\r\n\r\n.btn {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  padding: 13px 30px;\r\n  border-radius: 50px;\r\n  cursor: pointer;\r\n  border: none;\r\n  text-decoration: none;\r\n  transition: 0.3s;\r\n}\r\n\r\n.btn-primary {\r\n  background: #3ecfcf;\r\n  color: #041c2c;\r\n}\r\n.btn-primary:hover {\r\n  transform: scale(1.05);\r\n  box-shadow: 0 0 25px rgba(62,207,207,0.6);\r\n}\r\n\r\n.btn-secondary {\r\n  background: transparent;\r\n  color: #fff;\r\n  border: 1px solid rgba(255,255,255,0.4);\r\n}\r\n.btn-secondary:hover {\r\n  transform: scale(1.05);\r\n  border-color: #fff;\r\n}\r\n\r\n\/* Animation *\/\r\n@keyframes fadeUp {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hero\">\r\n  <div class=\"hero-bg\"><\/div>\r\n  <div class=\"orb orb-1\"><\/div>\r\n  <div class=\"orb orb-2\"><\/div>\r\n  <div class=\"orb orb-3\"><\/div>\r\n  <div class=\"hero-grid\"><\/div>\r\n\r\n  <div class=\"hero-inner\">\r\n\r\n    <div class=\"badge\">Get in Touch<\/div>\r\n\r\n    <h1 class=\"hero-title\">\r\n      <span class=\"accent-red\">Let\u2019s <\/span> Start a Meaningful<br\/>\r\n      <span class=\"accent-teal\">Conversation<\/span>\r\n    <\/h1>\r\n\r\n    <p class=\"hero-sub\">\r\n      Whether you have a question, a collaboration idea, or would like to invite\r\n      Patricia Morgan for an event, feel free to reach out. Every message is valued,\r\n      and every connection matters.\r\n      <br\/><br\/>\r\n      Share your thoughts, inquiries, or opportunities and be part of the journey.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f17cb7 e-flex e-con-boxed e-con e-parent\" data-id=\"6f17cb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-455fb2b elementor-widget elementor-widget-html\" data-id=\"455fb2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   PREMIUM CONTACT SECTION - SCOPED STYLES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.pm-contact-section {\r\n    background: #06111c;\r\n    padding: 120px 24px;\r\n    font-family: 'Inter', sans-serif;\r\n    color: #fff;\r\n    overflow: hidden;\r\n    position: relative;\r\n    -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.pm-contact-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.2fr;\r\n    gap: 80px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* Reveal base *\/\r\n.rv {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n.rv.in {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Left Column: Info *\/\r\n.eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #3ecfcf;\r\n    margin-bottom: 20px;\r\n}\r\n.eyebrow-line { width: 30px; height: 1px; background: #3ecfcf; opacity: .5; }\r\n\r\n.contact-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(34px, 5vw, 56px);\r\n    font-weight: 900;\r\n    line-height: 1.1;\r\n    margin-bottom: 30px;\r\n    color: #fff !important;\r\n}\r\n.contact-title em { font-style: italic; color: #3ecfcf; }\r\n\r\n.contact-desc {\r\n    font-size: 16px;\r\n    color: rgba(255, 255, 255, 0.6);\r\n    line-height: 1.8;\r\n    margin-bottom: 50px;\r\n    max-width: 400px;\r\n}\r\n\r\n.contact-info-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 30px;\r\n    margin-top: 30px;\r\n}\r\n\r\n.info-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n\r\n.info-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    background: rgba(62, 207, 207, 0.08);\r\n    border: 1px solid rgba(62, 207, 207, 0.2);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #3ecfcf;\r\n    font-size: 18px;\r\n    transition: all 0.3s;\r\n}\r\n.info-item:hover .info-icon {\r\n    background: #3ecfcf;\r\n    color: #06111c;\r\n    transform: scale(1.1);\r\n}\r\n\r\n.info-label {\r\n    font-size: 10px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    color: rgba(62, 207, 207, 0.6);\r\n    display: block;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.info-text {\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: #fff;\r\n}\r\n\r\n\/* Right Column: Form *\/\r\n.contact-form-card {\r\n    background: #0c1e2e;\r\n    border: 1px solid rgba(62, 207, 207, 0.1);\r\n    padding: 50px;\r\n    border-radius: 24px;\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.3);\r\n}\r\n\r\n.form-group {\r\n    margin-bottom: 25px;\r\n    position: relative;\r\n}\r\n\r\n.form-label {\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    color: rgba(255,255,255,0.4);\r\n    margin-bottom: 10px;\r\n    display: block;\r\n}\r\n\r\n.form-input {\r\n    width: 100%;\r\n    background: rgba(255,255,255,0.03);\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    border-radius: 12px;\r\n    padding: 16px 20px;\r\n    color: #fff;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 14px;\r\n    transition: all 0.3s;\r\n}\r\n\r\n.form-input:focus {\r\n    outline: none;\r\n    border-color: #3ecfcf;\r\n    background: rgba(62, 207, 207, 0.03);\r\n    box-shadow: 0 0 15px rgba(62, 207, 207, 0.1);\r\n}\r\n\r\ntextarea.form-input {\r\n    min-height: 150px;\r\n    resize: none;\r\n}\r\n\r\n.btn-submit {\r\n    width: 100%;\r\n    background: #3ecfcf;\r\n    color: #06111c;\r\n    border: none;\r\n    padding: 18px;\r\n    border-radius: 12px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    margin-top: 10px;\r\n}\r\n\r\n.btn-submit:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 30px rgba(62, 207, 207, 0.3);\r\n    background: #E74C3C !important;\r\n}\r\n\r\n\/* Ornament Background *\/\r\n.bg-ornament {\r\n    position: absolute;\r\n    width: 600px;\r\n    height: 600px;\r\n    background: radial-gradient(circle, rgba(62, 207, 207, 0.05) 0%, transparent 70%);\r\n    top: 0;\r\n    right: 0;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n    .pm-contact-container { grid-template-columns: 1fr; gap: 60px; }\r\n    .contact-form-card { padding: 30px; }\r\n    .pm-contact-section { padding: 80px 20px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"pm-contact-section\">\r\n    <div class=\"bg-ornament\"><\/div>\r\n    \r\n    <div class=\"pm-contact-container\">\r\n        \r\n        <!-- Left: Information -->\r\n        <div class=\"contact-left rv\">\r\n            <div class=\"eyebrow\"><span class=\"eyebrow-line\"><\/span>Get in Touch<\/div>\r\n            <h2 class=\"contact-title\">Let\u2019s Start a <em>Conversation.<\/em><\/h2>\r\n            <p class=\"contact-desc\">Whether you have a question about my work, want to collaborate, or just want to say hello\u2014I\u2019d love to hear from you.<\/p>\r\n            \r\n            <div class=\"contact-info-list\">\r\n                <!-- Email -->\r\n                <div class=\"info-item\">\r\n                    <div class=\"info-icon\">\u2709<\/div>\r\n                    <div>\r\n                        <span class=\"info-label\">Email Me<\/span>\r\n                        <div class=\"info-text\">hello@patriciamorgan.com<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Location -->\r\n                <div class=\"info-item\">\r\n                    <div class=\"info-icon\">\ud83d\udccd<\/div>\r\n                    <div>\r\n                        <span class=\"info-label\">Current Location<\/span>\r\n                        <div class=\"info-text\">Manhattan, New York<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- Socials -->\r\n                <div class=\"info-item\">\r\n                    <div class=\"info-icon\">\u2726<\/div>\r\n                    <div>\r\n                        <span class=\"info-label\">Follow My Work<\/span>\r\n                        <div class=\"info-text\">@patricia_morgan<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right: Form -->\r\n        <div class=\"contact-right rv\" style=\"transition-delay: 0.2s;\">\r\n            <div class=\"contact-form-card\">\r\n                <form action=\"#\" onsubmit=\"return false;\">\r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">Full Name<\/label>\r\n                        <input type=\"text\" class=\"form-input\" placeholder=\"Enter your name\" required>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">Email Address<\/label>\r\n                        <input type=\"email\" class=\"form-input\" placeholder=\"email@example.com\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">Subject<\/label>\r\n                        <input type=\"text\" class=\"form-input\" placeholder=\"How can I help you?\" required>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label class=\"form-label\">Your Message<\/label>\r\n                        <textarea class=\"form-input\" placeholder=\"Write your message here...\"><\/textarea>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" class=\"btn-submit\">Send Message <span>\u2192<\/span><\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/**\r\n * Contact Section Reveal Controller\r\n * Smooth scroll-triggered animations\r\n *\/\r\n(function() {\r\n    const reveals = document.querySelectorAll('.pm-contact-section .rv');\r\n    \r\n    if ('IntersectionObserver' in window) {\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('in');\r\n                }\r\n            });\r\n        }, { threshold: 0.15 });\r\n\r\n        reveals.forEach(el => observer.observe(el));\r\n    } else {\r\n        \/\/ Fallback\r\n        reveals.forEach(el => el.classList.add('in'));\r\n    }\r\n})();\r\n<\/script>\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>Get in Touch Let\u2019s Start a Meaningful Conversation Whether you have a question, a collaboration idea, or would like to invite Patricia Morgan for an event, feel free to reach out. Every message is valued, and every connection matters. Share your thoughts, inquiries, or opportunities and be part of the journey. Get in Touch Let\u2019s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":18,"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":1214,"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/pages\/20\/revisions\/1214"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/petricia\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}