{"id":10,"date":"2026-04-13T19:22:51","date_gmt":"2026-04-13T19:22:51","guid":{"rendered":"https:\/\/velady.site\/?page_id=10"},"modified":"2026-04-14T05:43:46","modified_gmt":"2026-04-14T05:43:46","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/velady.site\/","title":{"rendered":"Elementor #10"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6f2a16 e-con-full e-flex e-con e-parent\" data-id=\"d6f2a16\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82173ef elementor-widget elementor-widget-html\" data-id=\"82173ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,900;1,900&family=Inter:wght@300;400;600&display=swap');\n\n  :root {\n    --bg: #fdfbfb;\n    --accent: #e2d1f0;\n    --text: #1a1a1a;\n    --soft-purple: #b8a7c9;\n  }\n\n  body, html {\n    margin: 0;\n    padding: 0;\n    height: 100%;\n    font-family: 'Inter', sans-serif;\n    color: var(--text);\n  }\n\n  .hero {\n    position: relative;\n    height: 100vh;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n\n  \/* Massive Intertwined Title *\/\n  .title-container {\n    position: absolute;\n    top: 45%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    text-align: center;\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  h1 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(8rem, 22vw, 18rem);\n    font-weight: 900;\n    line-height: 0.8;\n    margin: 0;\n    letter-spacing: -0.05em;\n    color: #121212;\n    text-shadow: 0 10px 30px rgba(184, 167, 201, 0.1);\n    text-transform: uppercase;\n  }\n\n  \/* Smaller Character with Bottom Transparency Mask *\/\n  .character-wrapper {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 45vw; \/* Reduced size for elegance *\/\n    z-index: 2;\n    \/* Soft fade at the very bottom *\/\n    -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);\n    mask-image: linear-gradient(to bottom, black 85%, transparent 100%);\n    pointer-events: none;\n  }\n\n  .character {\n    width: 100%;\n    height: auto;\n    display: block;\n    filter: drop-shadow(0 20px 50px rgba(184, 167, 201, 0.25));\n    animation: vldFloat 6s ease-in-out infinite;\n  }\n\n  \/* CA Copy Container *\/\n  .interface-layer {\n    position: absolute;\n    bottom: 5vh;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    z-index: 3;\n  }\n\n  .tagline {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: 1.1rem;\n    margin-bottom: 20px;\n    color: var(--soft-purple);\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n  }\n\n  .ca-box {\n    background: rgba(255, 255, 255, 0.6);\n    backdrop-filter: blur(15px);\n    -webkit-backdrop-filter: blur(15px);\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    padding: 12px 28px;\n    border-radius: 100px;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    box-shadow: 0 10px 40px rgba(184, 167, 201, 0.1);\n  }\n\n  .ca-box:hover {\n    transform: translateY(-3px) scale(1.02);\n    background: white;\n    border-color: var(--accent);\n  }\n\n  .ca-box span {\n    font-family: monospace;\n    font-size: 0.9rem;\n    letter-spacing: 1px;\n    color: var(--text);\n  }\n\n  .copy-label {\n    font-size: 0.65rem !important;\n    text-transform: uppercase;\n    font-weight: 800;\n    color: var(--soft-purple) !important;\n    border-right: 1px solid #eee;\n    padding-right: 15px;\n  }\n\n  @keyframes vldFloat {\n    0%, 100% { transform: translateY(0px); }\n    50% { transform: translateY(-15px); }\n  }\n\n  .toast {\n    position: fixed;\n    top: 30px;\n    background: var(--text);\n    color: white;\n    padding: 12px 24px;\n    border-radius: 50px;\n    font-size: 0.85rem;\n    opacity: 0;\n    transform: translateY(-20px);\n    transition: all 0.4s ease;\n    z-index: 100;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n  }\n\n  .toast.show {\n    opacity: 1;\n    transform: translateY(0);\n  }\n<\/style>\n\n<section class=\"hero\">\n  <div class=\"title-container\">\n    <h1>VELADY<\/h1>\n  <\/div>\n\n  <div class=\"character-wrapper\">\n    <img decoding=\"async\" src=\"http:\/\/velady.site\/wp-content\/uploads\/2026\/04\/amdw-mw.png\" alt=\"VELADY\" class=\"character\">\n  <\/div>\n\n  <div class=\"interface-layer\">\n    <p class=\"tagline\">Pure \u2022 Ethereal \u2022 Eternal<\/p>\n    \n    <div class=\"ca-box\" onclick=\"copyAddress()\">\n      <span class=\"copy-label\">Contract<\/span>\n      <span id=\"contract\">null<\/span>\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"opacity:0.4\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div id=\"toast\" class=\"toast\">Address copied to clipboard<\/div>\n\n<script>\n  function copyAddress() {\n    const address = document.getElementById('contract').innerText;\n    navigator.clipboard.writeText(address);\n    \n    const toast = document.getElementById('toast');\n    toast.classList.add('show');\n    \n    setTimeout(() => {\n      toast.classList.remove('show');\n    }, 2000);\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-405bdbe e-con-full e-flex e-con e-parent\" data-id=\"405bdbe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d69255e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"d69255e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,700&family=Inter:wght@300;400;600&display=swap');\n\n  \/* Scoped Section Wrapper *\/\n  .vld-philosophy-root {\n    --vld-bg: #fdfbfb;\n    --vld-accent: #e2d1f0;\n    --vld-text: #1a1a1a;\n    --vld-soft-purple: #b8a7c9;\n    --vld-max-width: 1300px; \/* Increased max-width for bigger overall feel *\/\n    \n    position: relative;\n    padding: 140px 0;\n    overflow: hidden;\n    display: flex;\n    justify-content: center;\n    font-family: 'Inter', sans-serif;\n  }\n\n  \/* Max-Width Container *\/\n  .vld-main-container {\n    width: 90%;\n    max-width: var(--vld-max-width);\n    display: grid;\n    \/* Grid tweaked to give the visual side significantly more weight *\/\n    grid-template-columns: 0.9fr 1.1fr; \n    align-items: center;\n    gap: 60px; \/* Slightly narrowed gap to accommodate bigger visual *\/\n    z-index: 5;\n  }\n\n  \/* Top Fade Mask to hide the image cutoff *\/\n  .vld-top-edge-mask {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 200px;\n    background: linear-gradient(to bottom, #ffffff 10%, rgba(253, 251, 251, 0) 100%);\n    z-index: 10;\n    pointer-events: none;\n  }\n\n  \/* Left Side: Narrative *\/\n  .vld-text-block {\n    position: relative;\n    z-index: 6;\n  }\n\n  .vld-eyebrow {\n    font-size: 0.75rem;\n    font-weight: 600;\n    letter-spacing: 0.5em;\n    text-transform: uppercase;\n    color: var(--vld-soft-purple);\n    margin-bottom: 25px;\n    display: block;\n  }\n\n  .vld-title-massive {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2.8rem, 5vw, 4.5rem);\n    line-height: 1.1;\n    color: var(--vld-text);\n    margin: 0 0 30px 0;\n    font-weight: 700;\n  }\n\n  .vld-description-para {\n    font-size: 1.1rem;\n    line-height: 1.8;\n    color: #555;\n    margin-bottom: 40px;\n    max-width: 480px;\n  }\n\n  \/* Right Side: Visual Image *\/\n  .vld-visual-block {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    \/* Removed padding so the bigger frame can take all available grid space *\/\n  }\n\n  .vld-image-frame {\n    position: relative;\n    width: 100%;\n    \/* Max width significantly increased for a massive feel *\/\n    max-width: 650px; \n    background: linear-gradient(180deg, #f9f6ff 0%, #fff 100%);\n    \/* Arch radii adjusted for larger frame proportion *\/\n    border-radius: 325px 325px 40px 40px; \n    overflow: hidden;\n    border: 1px solid rgba(226, 209, 240, 0.4);\n    box-shadow: 0 40px 100px rgba(184, 167, 201, 0.15);\n    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .vld-image-frame:hover {\n    transform: translateY(-10px) rotate(1deg); \/* Slight lift and tilt on hover *\/\n  }\n\n  .vld-character-img {\n    width: 100%;\n    height: auto;\n    display: block;\n    \/* Zoom\/filter removed as they might muddy the new \"Group-1-3.png\" visual *\/\n    transform: none; \n    filter: none;\n  }\n\n  \/* Floating Glass Badge *\/\n  .vld-glass-badge {\n    position: absolute;\n    bottom: 60px; \/* Adjusted up due to bigger frame *\/\n    right: -40px; \/* Slightly more aggressive overlap *\/\n    background: rgba(255, 255, 255, 0.5);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border: 1px solid rgba(255, 255, 255, 0.6);\n    padding: 30px; \/* Increased padding for impact *\/\n    border-radius: 28px;\n    max-width: 280px; \/* Wider badge for balance *\/\n    box-shadow: 0 25px 50px rgba(0,0,0,0.06);\n    z-index: 11;\n  }\n\n  .vld-glass-badge h4 {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.4rem; \/* Bigger title *\/\n    margin: 0 0 10px 0;\n    color: var(--vld-text);\n  }\n\n  .vld-glass-badge p {\n    font-size: 0.9rem; \/* Bigger text *\/\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  \/* Ambient Glow Orb - adjusted for bigger frame *\/\n  .vld-ambient-glow {\n    position: absolute;\n    width: 800px; \/* Larger glow radius *\/\n    height: 800px;\n    background: radial-gradient(circle, rgba(226, 209, 240, 0.25) 0%, transparent 70%);\n    top: 55%; \/* Offset down slightly to anchor the frame *\/\n    left: 60%; \/* Offset right to anchor the visual side *\/\n    transform: translate(-50%, -50%);\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  \/* Mobile Tweaks *\/\n  @media (max-width: 968px) {\n    .vld-philosophy-root { padding: 100px 0; }\n    .vld-main-container {\n      grid-template-columns: 1fr;\n      text-align: center;\n      gap: 60px;\n    }\n    .vld-title-massive { font-size: 3rem; }\n    .vld-description-para { margin: 0 auto 40px auto; }\n    .vld-image-frame { margin: 0 auto; max-width: 450px; }\n    .vld-glass-badge { right: 50%; transform: translateX(50%); bottom: -40px; }\n    .vld-ambient-glow { display: none; } \/* Remove ambient on mobile for performance *\/\n  }\n<\/style>\n\n<section class=\"vld-philosophy-root\">\n  <div class=\"vld-top-edge-mask\"><\/div>\n  <div class=\"vld-ambient-glow\"><\/div>\n\n  <div class=\"vld-main-container\">\n    \n    <div class=\"vld-text-block\">\n      <span class=\"vld-eyebrow\">The Spirit of $VELADY<\/span>\n      <h2 class=\"vld-title-massive\">Elegance is the New Meta.<\/h2>\n      <p class=\"vld-description-para\">\n        VELADY stands as a symbol of tranquility in an industry of noise. \n        We are building a sanctuary for those who prioritize aesthetics, \n        mental clarity, and community loyalty above the fleeting hype.\n      <\/p>\n      \n      <div style=\"display: flex; gap: 40px; justify-content: inherit; margin-top: 50px;\">\n        <div style=\"text-align: left; border-left: 2px solid var(--vld-accent); padding-left: 20px;\">\n          <span style=\"display:block; font-family: 'Playfair Display'; font-style: italic; font-size: 1.3rem;\">Soft Presence<\/span>\n          <small style=\"color: var(--vld-soft-purple); letter-spacing: 1px; font-weight: 600; font-size: 0.8rem; text-transform: uppercase;\">Ethereal Design<\/small>\n        <\/div>\n        <div style=\"text-align: left; border-left: 2px solid var(--vld-accent); padding-left: 20px;\">\n          <span style=\"display:block; font-family: 'Playfair Display'; font-style: italic; font-size: 1.3rem;\">Strong Bond<\/span>\n          <small style=\"color: var(--vld-soft-purple); letter-spacing: 1px; font-weight: 600; font-size: 0.8rem; text-transform: uppercase;\">Loyal Community<\/small>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"vld-visual-block\">\n      <div class=\"vld-image-frame\">\n        <img decoding=\"async\" src=\"http:\/\/velady.site\/wp-content\/uploads\/2026\/04\/Group-1-3.png\" alt=\"Velady Group Visual\" class=\"vld-character-img\">\n      <\/div>\n\n      <div class=\"vld-glass-badge\">\n        <h4>Vibe First<\/h4>\n        <p>A community grown through curated vibes and a shared digital dream.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d929326 e-con-full e-flex e-con e-parent\" data-id=\"d929326\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae8f35a elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ae8f35a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@300;400;600&display=swap');\n\n  .vld-jrny-root {\n    --vld-bg: #fdfbfb;\n    --vld-card-bg: rgba(255, 255, 255, 0.8);\n    --vld-accent: #e2d1f0;\n    --vld-ink: #1a1a1a;\n    --vld-lavender: #b8a7c9;\n    --vld-max: 1200px;\n\n    position: relative;\n    padding-bottom: 120px;\n    font-family: 'Inter', sans-serif;\n  }\n\n  \/* Top Divider *\/\n  .vld-jrny-top-mask {\n    position: relative;\n    top: -1px;\n    width: 100%;\n    line-height: 0;\n    z-index: 20;\n  }\n\n  .vld-jrny-top-mask svg {\n    display: block;\n    width: 100%;\n    height: 80px;\n    fill: #fff;\n  }\n\n  \/* Grid: 1.5fr for Image, 1fr for Cards *\/\n  .vld-jrny-container {\n    width: 90%;\n    max-width: var(--vld-max);\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.5fr 1fr; \n    gap: 40px;\n    align-items: flex-start;\n    padding-top: 60px;\n  }\n\n  \/* Sticky Image Wrap *\/\n  .vld-jrny-sticky-side {\n    position: sticky;\n    top: 10vh;\n    display: flex;\n    justify-content: center;\n    align-self: flex-start;\n  }\n\n  .vld-jrny-img-frame {\n    width: 100%;\n    max-width: 700px; \n    perspective: 1000px; \/* Essential for 3D effect on float *\/\n  }\n\n  \/* Floating Animation for the Image *\/\n  @keyframes vldImageFloat {\n    0% { transform: translateY(0px) rotate(0deg); }\n    50% { transform: translateY(-15px) rotate(-1deg); }\n    100% { transform: translateY(0px) rotate(0deg); }\n  }\n\n  .vld-jrny-hero-img {\n    width: 100%;\n    height: auto;\n    filter: drop-shadow(0 40px 80px rgba(184, 167, 201, 0.35));\n    \/* Apply continuous animation *\/\n    animation: vldImageFloat 6s ease-in-out infinite;\n    transition: transform 0.3s ease, filter 0.3s ease;\n  }\n\n  .vld-jrny-img-frame:hover .vld-jrny-hero-img {\n    filter: drop-shadow(0 50px 90px rgba(184, 167, 201, 0.45));\n  }\n\n  \/* Compact Scrolling Cards Side *\/\n  .vld-jrny-scroll-side {\n    display: flex;\n    flex-direction: column;\n    gap: 25px;\n    padding-top: 20px;\n    \/* Added Margin Right to Content *\/\n  }\n\n  .vld-jrny-compact-card {\n    background: var(--vld-card-bg);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border: 1px solid rgba(226, 209, 240, 0.3);\n    padding: 35px;\n    border-radius: 30px;\n    transition: all 0.3s ease;\n  }\n\n  .vld-jrny-compact-card:hover {\n    border-color: var(--vld-accent);\n    background: white;\n    transform: translateX(-5px);\n  }\n\n  .vld-jrny-tag {\n    font-size: 0.65rem;\n    font-weight: 700;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n    color: var(--vld-lavender);\n    margin-bottom: 10px;\n    display: block;\n  }\n\n  .vld-jrny-compact-card h3 {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.6rem;\n    color: var(--vld-ink);\n    margin: 0 0 15px 0;\n  }\n\n  .vld-jrny-compact-card ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .vld-jrny-compact-card li {\n    font-size: 0.9rem;\n    line-height: 1.6;\n    color: #666;\n    margin-bottom: 8px;\n    display: flex;\n    gap: 12px;\n  }\n\n  .vld-jrny-compact-card li::before {\n    content: '\u2727';\n    color: var(--vld-accent);\n    flex-shrink: 0;\n  }\n\n  @media (max-width: 1024px) {\n    .vld-jrny-scroll-side {\n      margin-right: 0; \/* Remove margin on medium screens *\/\n    }\n  }\n\n  @media (max-width: 968px) {\n    .vld-jrny-container {\n      grid-template-columns: 1fr;\n    }\n    .vld-jrny-sticky-side {\n      position: relative;\n      top: 0;\n      margin-bottom: 40px;\n    }\n    .vld-jrny-scroll-side {\n      margin-right: 0; \/* Remove margin on mobile *\/\n    }\n  }\n<\/style>\n\n<section class=\"vld-jrny-root\">\n  <div class=\"vld-jrny-top-mask\">\n    <svg viewBox=\"0 0 1440 100\" preserveAspectRatio=\"none\">\n      <path d=\"M0,32L80,42.7C160,53,320,75,480,74.7C640,75,800,53,960,42.7C1120,32,1280,32,1360,32L1440,32L1440,0L1360,0C1280,0,1120,0,960,0C800,0,640,0,480,0C320,0,160,0,80,0L0,0Z\"><\/path>\n    <\/svg>\n  <\/div>\n\n  <div class=\"vld-jrny-container\">\n    \n    <div class=\"vld-jrny-sticky-side\">\n      <div class=\"vld-jrny-img-frame\">\n        <img decoding=\"async\" src=\"http:\/\/velady.site\/wp-content\/uploads\/2026\/04\/anc.png\" alt=\"Velady Spirit\" class=\"vld-jrny-hero-img\">\n      <\/div>\n    <\/div>\n\n    <div class=\"vld-jrny-scroll-side\">\n      \n      <div style=\"margin-bottom: 40px;\">\n        <h2 style=\"font-family: 'Playfair Display'; font-size: 3rem; margin: 0; line-height: 1;\">The Journey<\/h2>\n        <p style=\"color: var(--vld-lavender); font-style: italic;\">Watching the Bloom<\/p>\n      <\/div>\n\n      <div class=\"vld-jrny-compact-card\">\n        <span class=\"vld-jrny-tag\">Phase I<\/span>\n        <h3>The Whisper<\/h3>\n        <ul>\n          <li>Formation of the Silent Grove Community<\/li>\n          <li>Minimalist Portal & Identity Reveal<\/li>\n          <li>Liquidity Locked for Eternity<\/li>\n          <li>Fair Distribution for Early Guardians<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"vld-jrny-compact-card\">\n        <span class=\"vld-jrny-tag\">Phase II<\/span>\n        <h3>The Bloom<\/h3>\n        <ul>\n          <li>Aesthetic Marketing Campaigns<\/li>\n          <li>Listing on CMC & CoinGecko<\/li>\n          <li>Curation of Digital Art Collabs<\/li>\n          <li>Global Vibe Reach expansion<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"vld-jrny-compact-card\">\n        <span class=\"vld-jrny-tag\">Phase III<\/span>\n        <h3>Eternal Grove<\/h3>\n        <ul>\n          <li>VELADY Digital Gallery Launch<\/li>\n          <li>Long-term Ecosystem Sustainability<\/li>\n          <li>Exclusive Holder Assemblies<\/li>\n          <li>The Silent Digital Revolution<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4638ab5 e-con-full e-flex e-con e-parent\" data-id=\"4638ab5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03421b9 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"03421b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@300;400;700&display=swap');\n\n  .vld-portal-root {\n    --vld-bg-base: #fdfbfb;\n    --vld-accent: #e2d1f0;\n    --vld-ink: #1a1a1a;\n    --vld-lavender: #b8a7c9;\n    --vld-max: 1200px;\n    --vld-mist: rgba(226, 209, 240, 0.4);\n\n    position: relative;\n    background: var(--vld-bg-base);\n    \/* Softened Animated Mesh *\/\n    background-image: \n      radial-gradient(at 0% 0%, rgba(226, 209, 240, 0.2) 0, transparent 50%), \n      radial-gradient(at 100% 0%, rgba(244, 238, 255, 0.4) 0, transparent 50%),\n      radial-gradient(at 50% 100%, rgba(226, 209, 240, 0.1) 0, transparent 50%);\n    background-size: 150% 150%;\n    animation: vldMeshMove 20s ease infinite;\n    \n    padding: 0; \n    font-family: 'Inter', sans-serif;\n    overflow: hidden;\n  }\n\n  \/* Wavy Top Divider *\/\n  .vld-wavy-top {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    line-height: 0;\n    z-index: 3;\n  }\n\n  .vld-wavy-top svg {\n    display: block;\n    width: 100%;\n    height: 80px;\n    fill: #e2d1f0; \/* Transitions from the section above *\/\n  }\n\n  \/* Film Grain Overlay *\/\n  .vld-portal-root::before {\n    content: \"\";\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    opacity: 0.03;\n    pointer-events: none;\n    z-index: 2;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n  }\n\n  @keyframes vldMeshMove {\n    0% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n    100% { background-position: 0% 50%; }\n  }\n\n  \/* Floating Image Animation *\/\n  @keyframes vldFloat {\n    0%, 100% { transform: translateY(0) rotate(0deg); }\n    50% { transform: translateY(-20px) rotate(1deg); }\n  }\n\n  .vld-portal-container {\n    width: 90%;\n    max-width: var(--vld-max);\n    margin: 0 auto;\n    display: grid;\n    \/* SWAPPED GRID ORDER: Card on Left (1fr), Image on Right (1.2fr) *\/\n    grid-template-columns: 1fr 1.2fr;\n    align-items: end;\n    gap: 60px;\n    padding-top: 180px; \/* Increased top spacing *\/\n    position: relative;\n    z-index: 5;\n  }\n\n  \/* Right Side: Visual Image *\/\n  .vld-portal-visual {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: flex-end;\n    perspective: 1000px;\n  }\n\n  .vld-portal-main-img {\n    width: 110%;\n    height: auto;\n    display: block;\n    filter: drop-shadow(0 40px 100px rgba(184, 167, 201, 0.45));\n    animation: vldFloat 6s ease-in-out infinite;\n    margin-bottom: -5px; \n    transition: filter 0.5s ease;\n  }\n\n  .vld-portal-visual:hover .vld-portal-main-img {\n    \/* Subtle glow increase on hover *\/\n    filter: drop-shadow(0 50px 120px rgba(184, 167, 201, 0.6));\n  }\n\n  \/* Left Side: CTA Card *\/\n  .vld-portal-card-wrap {\n    padding-bottom: 100px;\n  }\n\n  .vld-portal-card {\n    background: rgba(255, 255, 255, 0.5);\n    backdrop-filter: blur(30px);\n    -webkit-backdrop-filter: blur(30px);\n    border: 1px solid rgba(255, 255, 255, 0.7);\n    padding: 60px;\n    border-radius: 50px;\n    box-shadow: 0 40px 80px rgba(184, 167, 201, 0.15);\n  }\n\n  .vld-portal-card h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(3rem, 6vw, 4.5rem);\n    line-height: 0.9;\n    margin: 0 0 15px 0;\n    color: var(--vld-ink);\n    letter-spacing: -0.02em;\n  }\n\n  .vld-portal-card p {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: 1.4rem;\n    color: var(--vld-lavender);\n    margin-bottom: 45px;\n  }\n\n  .vld-cta-stack {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n  }\n\n  .vld-cta-btn {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 24px 35px;\n    border-radius: 100px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 0.9rem;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .vld-cta-tg { background: var(--vld-ink); color: white; }\n  .vld-cta-x { background: transparent; color: var(--vld-ink); border: 1px solid rgba(26,26,26,0.15); }\n  .vld-cta-portal { background: var(--vld-accent); color: var(--vld-ink); }\n\n  .vld-cta-btn:hover {\n    \/* SWAPPED HOVER DIRECTION: Slide towards the visual on the right *\/\n    transform: translateX(12px) scale(1.02);\n    box-shadow: 0 20px 40px rgba(184, 167, 201, 0.25);\n  }\n\n  \/* Responsive Mobile Tweaks *\/\n  @media (max-width: 968px) {\n    .vld-portal-container { grid-template-columns: 1fr; text-align: center; padding-top: 140px; }\n    .vld-portal-card-wrap { padding-bottom: 60px; order: 2; \/* Card goes below visual on mobile *\/ }\n    .vld-portal-visual { order: 1; \/* Visual goes on top on mobile *\/ }\n    .vld-portal-main-img { width: 100%; }\n    .vld-portal-card { padding: 40px 30px; }\n  }\n<\/style>\n\n<section class=\"vld-portal-root\">\n  <div class=\"vld-wavy-top\">\n    <svg viewBox=\"0 0 1440 320\" preserveAspectRatio=\"none\">\n      <path d=\"M0,160L48,176C96,192,192,224,288,224C384,224,480,192,576,165.3C672,139,768,117,864,128C960,139,1056,181,1152,192C1248,203,1344,181,1392,170.7L1440,160L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z\"><\/path>\n    <\/svg>\n  <\/div>\n\n  <div class=\"vld-portal-container\">\n    \n    <div class=\"vld-portal-card-wrap\">\n      <div class=\"vld-portal-card\">\n        <h2>Sanctuary<\/h2>\n        <p>Step into the eternal bloom.<\/p>\n        \n        <div class=\"vld-cta-stack\">\n          <a href=\"#\" class=\"vld-cta-btn vld-cta-tg\">\n            Join Telegram\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n\n          <a href=\"#\" class=\"vld-cta-btn vld-cta-x\">\n            Follow on X\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n\n          <a href=\"#\" class=\"vld-cta-btn vld-cta-portal\">\n            Community\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"vld-portal-visual\">\n      <img decoding=\"async\" src=\"http:\/\/velady.site\/wp-content\/uploads\/2026\/04\/ds-fme.png\" alt=\"Velady Portal\" class=\"vld-portal-main-img\">\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6788c43 e-con-full e-flex e-con e-parent\" data-id=\"6788c43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7aab05 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f7aab05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,700&family=Inter:wght@300;400&display=swap');\n\n  .vld-simple-ftr {\n    --vld-bg: #fdfbfb;\n    --vld-ink: #1a1a1a;\n    --vld-lavender: #b8a7c9;\n    --vld-mist: rgba(226, 209, 240, 0.3);\n    \n    background-color: var(--vld-bg);\n    padding: 80px 0 40px 0;\n    font-family: 'Inter', sans-serif;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    border-top: 1px solid var(--vld-mist);\n  }\n\n  .vld-ftr-wrap {\n    width: 90%;\n    max-width: 1200px;\n    text-align: center;\n  }\n\n  .vld-ftr-brand {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: var(--vld-ink);\n    margin-bottom: 10px;\n    letter-spacing: -0.02em;\n    text-transform: uppercase;\n  }\n\n  .vld-ftr-motto {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: 1.1rem;\n    color: var(--vld-lavender);\n    margin-bottom: 50px;\n  }\n\n  .vld-ftr-divider {\n    width: 40px;\n    height: 1px;\n    background: var(--vld-lavender);\n    margin: 0 auto 40px auto;\n    opacity: 0.5;\n  }\n\n  .vld-ftr-credits {\n    font-size: 0.7rem;\n    color: #aaa;\n    letter-spacing: 0.3em;\n    text-transform: uppercase;\n  }\n\n  \/* Subtitle\/Description below brand *\/\n  .vld-ftr-note {\n    font-size: 0.9rem;\n    color: #888;\n    max-width: 400px;\n    margin: 0 auto 40px auto;\n    line-height: 1.6;\n  }\n<\/style>\n\n<footer class=\"vld-simple-ftr\">\n  <div class=\"vld-ftr-wrap\">\n    \n    <div class=\"vld-ftr-brand\">VELADY<\/div>\n    <div class=\"vld-ftr-motto\">Serenity in the Code.<\/div>\n    \n    <p class=\"vld-ftr-note\">\n      A digital sanctuary inspired by elven grace. Built for a community that values elegance over noise.\n    <\/p>\n\n    <div class=\"vld-ftr-divider\"><\/div>\n\n    <div class=\"vld-ftr-credits\">\n      \u00a9 2026 VELADY \u2022 ELEGANCE IS ETERNAL\n    <\/div>\n\n  <\/div>\n<\/footer>\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>VELADY Pure \u2022 Ethereal \u2022 Eternal Contract null Address copied to clipboard The Spirit of $VELADY Elegance is the New Meta. VELADY stands as a symbol of tranquility in an industry of noise. We are building a sanctuary for those who prioritize aesthetics, mental clarity, and community loyalty above the fleeting hype. Soft Presence Ethereal [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/velady.site\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/velady.site\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/velady.site\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/velady.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/velady.site\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":79,"href":"https:\/\/velady.site\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/velady.site\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/velady.site\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}