{"id":8,"date":"2026-02-10T15:51:31","date_gmt":"2026-02-10T15:51:31","guid":{"rendered":"https:\/\/thewhitegiraffes.fun\/?page_id=8"},"modified":"2026-02-11T04:20:54","modified_gmt":"2026-02-11T04:20:54","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thewhitegiraffes.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e54fef1 e-con-full e-flex e-con e-parent\" data-id=\"e54fef1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1dfa6e elementor-widget elementor-widget-html\" data-id=\"c1dfa6e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Inter:wght@400;900&display=swap');\n\n  .vantage-hero {\n    color: #fff;\n    font-family: 'Inter', sans-serif;\n    min-height: 100vh;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 0 5%;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* The Giant Background Text *\/\n  .massive-bg-text {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-family: 'Anton', sans-serif;\n    font-size: 40vw; \n    line-height: 0.8;\n    color: rgba(255, 255, 255, 0.03);\n    white-space: nowrap;\n    z-index: 1;\n    pointer-events: none;\n    text-transform: uppercase;\n  }\n\n  \/* Main Foreground Title *\/\n  .title-wrap {\n    position: relative;\n    z-index: 10;\n    margin-top: 50px;\n  }\n\n  h1 {\n    font-family: 'Anton', sans-serif;\n    font-size: clamp(5rem, 18vw, 15rem);\n    line-height: 0.8;\n    margin: 0;\n    text-transform: uppercase;\n    letter-spacing: -2px;\n    display: flex;\n    flex-direction: column;\n  }\n\n  h1 span.outline {\n    color: transparent;\n    -webkit-text-stroke: 2px #fff;\n  }\n\n  \/* Character Overlay Layout *\/\n  .grid-layout {\n    display: grid;\n    grid-template-columns: 1.2fr 0.8fr;\n    align-items: flex-end;\n    margin-top: -8vh;\n    z-index: 15;\n  }\n\n  .image-box {\n    width: 100%;\n    max-width: 700px;\n    position: relative;\n  }\n\n  .image-box img {\n    width: 100%;\n    height: auto;\n    display: block;\n    \/* Adjust brightness so the pure white text pops against it *\/\n    filter: brightness(0.7); \n  }\n\n  .info-box {\n    padding-bottom: 60px;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    text-align: right;\n  }\n\n  \/* Pure White Desc Text *\/\n  .desc {\n    font-size: 1.4rem;\n    font-weight: 400;\n    max-width: 450px;\n    color: #FFFFFF; \n    margin-bottom: 40px;\n    line-height: 1.3;\n    text-transform: uppercase;\n  }\n\n  \/* CA Container *\/\n  .ca-container {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 10px;\n  }\n\n  .ca-label {\n    font-size: 0.7rem;\n    letter-spacing: 3px;\n    color: #00f3ff;\n    font-weight: 900;\n  }\n\n  .btn-ca {\n    background: #fff;\n    color: #000;\n    padding: 20px 40px;\n    font-family: monospace;\n    font-weight: 900;\n    text-decoration: none;\n    font-size: 1.1rem;\n    transition: 0.2s;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n  }\n\n  .btn-ca:hover {\n    background: #00f3ff;\n    transform: scale(1.05);\n  }\n\n  .btn-ca span {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.7rem;\n    background: #000;\n    color: #fff;\n    padding: 4px 8px;\n    border-radius: 2px;\n  }\n\n  \/* Technical Details *\/\n  .tech-footer {\n    position: absolute;\n    bottom: 30px;\n    left: 5%;\n    font-family: monospace;\n    font-size: 12px;\n    color: #fff; \/* Pure white technical footer *\/\n    display: flex;\n    gap: 50px;\n    text-transform: uppercase;\n  }\n\n  @media (max-width: 1024px) {\n    .grid-layout { grid-template-columns: 1fr; }\n    h1 { font-size: 6rem; }\n    .info-box { align-items: flex-start; text-align: left; padding-top: 40px; }\n    .ca-container { align-items: flex-start; }\n  }\n<\/style>\n\n<section class=\"vantage-hero\">\n  <div class=\"massive-bg-text\">HEIGHT<\/div>\n\n  <div class=\"title-wrap\">\n    <h1>\n      <span class=\"outline\" style=\"font-size: 64px;\">THE<\/span>\n      <span>WHITE<\/span>\n      <span class=\"outline\">GIRAFFE<\/span>\n    <\/h1>\n  <\/div>\n\n  <div class=\"grid-layout\">\n    <div class=\"image-box\">\n      <!--<img decoding=\"async\" src=\"YOUR_GIRAFFE_IMAGE_URL\" alt=\"THE SENTINEL\">-->\n    <\/div>\n\n    <div class=\"info-box\">\n      <p class=\"desc\">\n        THE HORIZON IS OUR ONLY LIMIT. WHILE THE HERD GRAZES IN SHADOWS, WE COMMAND THE SKY. STRATEGIC DOMINANCE THROUGH ABSOLUTE VERTICALITY.\n      <\/p>\n      \n      <div class=\"ca-container\">\n        <div class=\"ca-label\">CONTRACT ADDRESS [CA]<\/div>\n        <button class=\"btn-ca\" onclick=\"navigator.clipboard.writeText('YOUR_CONTRACT_ADDRESS_HERE')\">\n          NULL  <span>COPY<\/span>\n        <\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"tech-footer\">\n    <span>[ SYSTEM: ARMORED_SENTINEL ]<\/span>\n    <span>[ VANTAGE: OPTIMIZED ]<\/span>\n    <span>[ STATUS: ABOVE_ALL ]<\/span>\n  <\/div>\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6342616 e-con-full e-flex e-con e-parent\" data-id=\"6342616\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7546bca elementor-widget elementor-widget-html\" data-id=\"7546bca\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&display=swap');\n\n  .marquee-container {\n    background: #00f3ff; \/* Electric blue for high-tech pop *\/\n    color: #000;\n    overflow: hidden;\n    padding: 20px 0;\n    white-space: nowrap;\n    position: relative;\n    border-top: 2px solid #000;\n    border-bottom: 2px solid #000;\n    z-index: 20;\n    display: flex;\n  }\n\n  .marquee-content {\n    display: flex;\n    animation: marquee-scroll 20s linear infinite;\n  }\n\n  .marquee-item {\n    font-family: 'Anton', sans-serif;\n    font-size: 3rem;\n    text-transform: uppercase;\n    display: flex;\n    align-items: center;\n    padding: 0 40px;\n  }\n\n  \/* Cybernetic Separator *\/\n  .marquee-item::after {\n    content: \"[ \ud83e\udd92 ]\";\n    margin-left: 80px;\n    font-size: 1.5rem;\n    opacity: 0.5;\n  }\n\n  @keyframes marquee-scroll {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n  }\n\n  \/* Add a second marquee moving in the opposite direction for extra \"noise\" *\/\n  .marquee-reverse {\n    background: #000;\n    color: #fff;\n    padding: 10px 0;\n    border-bottom: 1px solid #333;\n  }\n\n  .marquee-reverse .marquee-content {\n    animation: marquee-scroll-reverse 30s linear infinite;\n  }\n\n  .marquee-reverse .marquee-item {\n    font-size: 1.2rem;\n    letter-spacing: 5px;\n    -webkit-text-stroke: 1px #fff;\n    color: transparent;\n  }\n\n  @keyframes marquee-scroll-reverse {\n    0% { transform: translateX(-50%); }\n    100% { transform: translateX(0); }\n  }\n<\/style>\n\n<div class=\"marquee-container marquee-reverse\">\n  <div class=\"marquee-content\">\n    <div class=\"marquee-item\">Vantage Optimized<\/div>\n    <div class=\"marquee-item\">Atmospheric Superiority<\/div>\n    <div class=\"marquee-item\">Sentinel Protocol Active<\/div>\n    <div class=\"marquee-item\">Vantage Optimized<\/div>\n    <div class=\"marquee-item\">Atmospheric Superiority<\/div>\n    <div class=\"marquee-item\">Sentinel Protocol Active<\/div>\n  <\/div>\n<\/div>\n\n<div class=\"marquee-container\">\n  <div class=\"marquee-content\">\n    <div class=\"marquee-item\">The White Giraffe<\/div>\n    <div class=\"marquee-item\">Above The Fog<\/div>\n    <div class=\"marquee-item\">Apex Vision<\/div>\n    <div class=\"marquee-item\">Stay Tall<\/div>\n    <div class=\"marquee-item\">The White Giraffe<\/div>\n    <div class=\"marquee-item\">Above The Fog<\/div>\n    <div class=\"marquee-item\">Apex Vision<\/div>\n    <div class=\"marquee-item\">Stay Tall<\/div>\n  <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f7fa695 e-con-full e-flex e-con e-parent\" data-id=\"f7fa695\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2028846 elementor-widget elementor-widget-html\" data-id=\"2028846\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Inter:wght@900&display=swap');\n\n  .about-sentinel {\n    color: #fff;\n    font-family: 'Inter', sans-serif;\n    padding: 120px 5%;\n    border-top: 2px solid #111;\n    position: relative;\n  }\n\n  \/* Massive Vertical Label *\/\n  .vertical-tag {\n    position: absolute;\n    left: 20px;\n    top: 120px;\n    writing-mode: vertical-rl;\n    text-transform: uppercase;\n    font-size: 0.7rem;\n    letter-spacing: 5px;\n    color: #00f3ff;\n  }\n\n  .about-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n  }\n\n  \/* Massive Left Title *\/\n  .about-title h2 {\n    font-family: 'Anton', sans-serif;\n    font-size: clamp(4rem, 10vw, 9rem);\n    line-height: 0.8;\n    margin: 0;\n    text-transform: uppercase;\n  }\n\n  .about-title h2 span {\n    color: transparent;\n    -webkit-text-stroke: 1px #fff;\n    display: block;\n  }\n\n  \/* Lore Content *\/\n  .about-text {\n    display: flex;\n    flex-direction: column;\n    gap: 40px;\n  }\n\n  .main-para {\n    font-size: 1.8rem;\n    font-weight: 900;\n    line-height: 1.1;\n    color: #FFFFFF;\n    text-transform: uppercase;\n    margin: 0;\n  }\n\n  .specs-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    border-left: 1px solid #00f3ff;\n    padding-left: 30px;\n  }\n\n  .spec-item {\n    margin-bottom: 30px;\n  }\n\n  .spec-item label {\n    display: block;\n    font-size: 0.7rem;\n    color: #00f3ff;\n    letter-spacing: 2px;\n    margin-bottom: 5px;\n  }\n\n  .spec-item p {\n    font-size: 1.1rem;\n    color: #FFFFFF;\n    margin: 0;\n    font-weight: 400;\n  }\n\n  \/* Visual Bar Decoration *\/\n  .height-bar {\n    width: 100%;\n    height: 1px;\n    background: linear-gradient(90deg, #00f3ff, transparent);\n    margin: 40px 0;\n  }\n\n  @media (max-width: 1024px) {\n    .about-grid { grid-template-columns: 1fr; }\n    .about-title h2 { font-size: 5rem; }\n  }\n<\/style>\n\n<section class=\"about-sentinel\">\n  <div class=\"vertical-tag\">BIO-MECHANICAL DATA \/\/ 001<\/div>\n\n  <div class=\"about-grid\">\n    <div class=\"about-title\">\n      <h2>APEX<span>EVOLUTION<\/span>SPEC-01<\/h2>\n    <\/div>\n\n    <div class=\"about-text\">\n      <p class=\"main-para\">\n        ENGINEERED TO OVERLOOK THE CHAOS. THE WHITE GIRAFFE IS THE ULTIMATE ANOMALY\u2014A TOWERING FORCE OF PURE WHITE CALM PROTECTED BY TITANIUM-GRADE PLATING.\n      <\/p>\n      \n      <div class=\"height-bar\"><\/div>\n\n      <div class=\"specs-list\">\n        <div class=\"spec-item\">\n          <label>VANTAGE POINT<\/label>\n          <p>A neck built to bypass the fog of the lower atmosphere. He doesn't look at the horizon; he defines it.<\/p>\n        <\/div>\n\n        <div class=\"spec-item\">\n          <label>REINFORCED CHASSIS<\/label>\n          <p>The humanoid armor is designed for absolute stability. Even when lightning strikes, the sentinel remains motionless.<\/p>\n        <\/div>\n\n        <div class=\"spec-item\">\n          <label>THE WHITE ANOMALY<\/label>\n          <p>Rarity is his weapon. In a world of carbon copies, the White Giraffe stands as a 1-of-1 signal in the dark.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5441ea e-con-full e-flex e-con e-parent\" data-id=\"e5441ea\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5945db6 elementor-widget elementor-widget-html\" data-id=\"5945db6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Inter:wght@900&display=swap');\n\n  .necknomics {\n    background: #000;\n    color: #fff;\n    font-family: 'Inter', sans-serif;\n    padding: 100px 5%;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Huge background number - hidden on small mobile to prevent overflow issues *\/\n  .bg-number {\n    position: absolute;\n    right: -5%;\n    top: 50%;\n    transform: translateY(-50%);\n    font-family: 'Anton', sans-serif;\n    font-size: 40vw;\n    color: rgba(0, 210, 255, 0.03);\n    z-index: 1;\n    line-height: 1;\n    pointer-events: none;\n  }\n\n  .token-header {\n    position: relative;\n    z-index: 10;\n    margin-bottom: 60px;\n    border-left: 8px solid #fff;\n    padding-left: 20px;\n  }\n\n  .token-header h2 {\n    font-family: 'Anton', sans-serif;\n    font-size: clamp(3.5rem, 12vw, 10rem);\n    line-height: 0.85;\n    margin: 0;\n    text-transform: uppercase;\n  }\n\n  .token-header p {\n    font-size: clamp(0.8rem, 2vw, 1.2rem);\n    color: #00f3ff;\n    letter-spacing: 3px;\n    margin-top: 10px;\n    font-weight: 900;\n  }\n\n  .stats-grid {\n    position: relative;\n    z-index: 10;\n    display: grid;\n    \/* Changed to 1fr by default for mobile, 3-column for desktop *\/\n    grid-template-columns: 1fr; \n    gap: 2px; \n    background: #222; \n    border: 2px solid #222;\n  }\n\n  .stat-card {\n    background: #000;\n    padding: 40px 30px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition: 0.3s;\n    min-height: 250px;\n  }\n\n  .stat-card:hover {\n    background: #050505;\n  }\n\n  .stat-value {\n    font-family: 'Anton', sans-serif;\n    font-size: clamp(3rem, 8vw, 5rem);\n    line-height: 1;\n    color: #FFFFFF;\n    margin-bottom: 10px;\n  }\n\n  .stat-label {\n    font-size: 0.7rem;\n    letter-spacing: 2px;\n    color: #00f3ff;\n    text-transform: uppercase;\n    font-weight: 900;\n  }\n\n  .stat-desc {\n    margin-top: 20px;\n    font-size: 0.9rem;\n    color: #FFFFFF;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  \/* Total Supply Focus *\/\n  .supply-bar {\n    grid-column: 1 \/ -1;\n    background: #fff;\n    color: #000;\n    padding: 20px;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap; \/* Wraps text on very small screens *\/\n  }\n\n  .supply-bar span {\n    font-family: 'Anton', sans-serif;\n    font-size: clamp(1rem, 4vw, 1.5rem);\n    text-transform: uppercase;\n  }\n\n  \/* Tablet and Desktop scaling *\/\n  @media (min-width: 769px) {\n    .stats-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n    .stat-card {\n      padding: 60px 40px;\n    }\n    .token-header {\n      padding-left: 30px;\n      margin-bottom: 80px;\n    }\n    .supply-bar {\n      padding: 20px 40px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .necknomics {\n      padding: 60px 5%;\n    }\n    .supply-bar {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .bg-number {\n      display: none; \/* Clean up background for small phones *\/\n    }\n  }\n<\/style>\n\n<section class=\"necknomics\">\n  <div class=\"bg-number\">1B<\/div>\n\n  <div class=\"token-header\">\n    <h2>TOKEN<span>OMICS<\/span><\/h2>\n    <p>THE ARCHITECTURE OF HEIGHT<\/p>\n  <\/div>\n\n  <div class=\"stats-grid\">\n    <div class=\"supply-bar\">\n      <span>TOTAL SUPPLY<\/span>\n      <span>1,000,000,000   $WGIRAFFES<\/span>\n    <\/div>\n\n    <div class=\"stat-card\">\n      <div>\n        <div class=\"stat-label\">Transaction Friction<\/div>\n        <div class=\"stat-value\">0%<\/div>\n      <\/div>\n      <p class=\"stat-desc\">Zero taxes. The White Giraffe moves through the atmosphere without resistance.<\/p>\n    <\/div>\n\n    <div class=\"stat-card\">\n      <div>\n        <div class=\"stat-label\">Security Protocol<\/div>\n        <div class=\"stat-value\">BURNED<\/div>\n      <\/div>\n      <p class=\"stat-desc\">Liquidity keys discarded into the void. The ground is gone; we only go up.<\/p>\n    <\/div>\n\n    <div class=\"stat-card\">\n      <div>\n        <div class=\"stat-label\">Authority<\/div>\n        <div class=\"stat-value\">RENOUNCED<\/div>\n      <\/div>\n      <p class=\"stat-desc\">Contract stripped of its masters. The herd is self-governed and autonomous.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f6119b e-con-full e-flex e-con e-parent\" data-id=\"7f6119b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d39ca8 elementor-widget elementor-widget-html\" data-id=\"4d39ca8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&display=swap');\n\n  .marquee-container {\n    background: #00f3ff; \/* Electric blue for high-tech pop *\/\n    color: #000;\n    overflow: hidden;\n    padding: 20px 0;\n    white-space: nowrap;\n    position: relative;\n    border-top: 2px solid #000;\n    border-bottom: 2px solid #000;\n    z-index: 20;\n    display: flex;\n  }\n\n  .marquee-content {\n    display: flex;\n    animation: marquee-scroll 20s linear infinite;\n  }\n\n  .marquee-item {\n    font-family: 'Anton', sans-serif;\n    font-size: 3rem;\n    text-transform: uppercase;\n    display: flex;\n    align-items: center;\n    padding: 0 40px;\n  }\n\n  \/* Cybernetic Separator *\/\n  .marquee-item::after {\n    content: \"[ \ud83e\udd92 ]\";\n    margin-left: 80px;\n    font-size: 1.5rem;\n    opacity: 0.5;\n  }\n\n  @keyframes marquee-scroll {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n  }\n\n  \/* Add a second marquee moving in the opposite direction for extra \"noise\" *\/\n  .marquee-reverse {\n    background: #000;\n    color: #fff;\n    padding: 10px 0;\n    border-bottom: 1px solid #333;\n  }\n\n  .marquee-reverse .marquee-content {\n    animation: marquee-scroll-reverse 30s linear infinite;\n  }\n\n  .marquee-reverse .marquee-item {\n    font-size: 1.2rem;\n    letter-spacing: 5px;\n    -webkit-text-stroke: 1px #fff;\n    color: transparent;\n  }\n\n  @keyframes marquee-scroll-reverse {\n    0% { transform: translateX(-50%); }\n    100% { transform: translateX(0); }\n  }\n<\/style>\n\n<div class=\"marquee-container marquee-reverse\">\n  <div class=\"marquee-content\">\n    <div class=\"marquee-item\">Vantage Optimized<\/div>\n    <div class=\"marquee-item\">Atmospheric Superiority<\/div>\n    <div class=\"marquee-item\">Sentinel Protocol Active<\/div>\n    <div class=\"marquee-item\">Vantage Optimized<\/div>\n    <div class=\"marquee-item\">Atmospheric Superiority<\/div>\n    <div class=\"marquee-item\">Sentinel Protocol Active<\/div>\n  <\/div>\n<\/div>\n\n<div class=\"marquee-container\">\n  <div class=\"marquee-content\">\n    <div class=\"marquee-item\">The White Giraffe<\/div>\n    <div class=\"marquee-item\">Above The Fog<\/div>\n    <div class=\"marquee-item\">Apex Vision<\/div>\n    <div class=\"marquee-item\">Stay Tall<\/div>\n    <div class=\"marquee-item\">The White Giraffe<\/div>\n    <div class=\"marquee-item\">Above The Fog<\/div>\n    <div class=\"marquee-item\">Apex Vision<\/div>\n    <div class=\"marquee-item\">Stay Tall<\/div>\n  <\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3d2ae6 e-con-full e-flex e-con e-parent\" data-id=\"e3d2ae6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b8f11f elementor-widget elementor-widget-html\" data-id=\"8b8f11f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Inter:wght@900&display=swap');\n\n  .action-hub {\n    color: #fff;\n    font-family: 'Inter', sans-serif;\n    padding: 100px 5%;\n    position: relative;\n    border-top: 1px solid #222;\n  }\n\n  .hub-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n  }\n\n  \/* Left Side: Call to Action *\/\n  .swap-title h2 {\n    font-family: 'Anton', sans-serif;\n    font-size: clamp(4rem, 12vw, 11rem);\n    line-height: 0.8;\n    margin: 0 0 40px 0;\n    text-transform: uppercase;\n  }\n\n  .swap-title h2 span {\n    display: block;\n    color: transparent;\n    -webkit-text-stroke: 1px #fff;\n  }\n\n  \/* Social CTA Bar Bellow *\/\n  .social-footer {\n    margin-top: 100px;\n    display: grid;\n    \/* Grid set to 3 columns for desktop *\/\n    grid-template-columns: repeat(3, 1fr); \n    gap: 20px;\n  }\n\n  .social-btn {\n    display: flex;\n    flex-direction: column; \/* Stacked for more massive feel *\/\n    align-items: flex-start;\n    justify-content: space-between;\n    padding: 30px;\n    background: #fff;\n    color: #000;\n    text-decoration: none;\n    transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n    min-height: 180px;\n  }\n\n  .social-btn:hover {\n    background: #00f3ff;\n    transform: translateY(-10px);\n  }\n\n  .social-btn.alt {\n    background: #111;\n    color: #fff;\n    border: 1px solid #fff;\n  }\n\n  \/* Style for the new Community button *\/\n  .social-btn.community {\n    background: transparent;\n    color: #000;\n    border: 2px solid #00f3ff;\n    background: #00f3ff;\n  }\n\n  .social-btn.community:hover {\n    background: #00f3ff;\n    color: #000;\n  }\n\n  .social-btn span {\n    font-family: 'Anton', sans-serif;\n    font-size: clamp(1.5rem, 3vw, 2.5rem);\n    text-transform: uppercase;\n    line-height: 1;\n  }\n\n  .social-btn i {\n    font-size: 0.7rem;\n    font-style: normal;\n    font-weight: 900;\n    letter-spacing: 2px;\n    margin-top: auto;\n  }\n\n  \/* Responsive Fixes *\/\n  @media (max-width: 1100px) {\n    .social-footer { grid-template-columns: 1fr; }\n    .social-btn { min-height: auto; flex-direction: row; align-items: center; }\n    .social-btn i { margin-top: 0; }\n  }\n\n  @media (max-width: 900px) {\n    .hub-grid { grid-template-columns: 1fr; }\n    .swap-title h2 { font-size: 5rem; }\n  }\n<\/style>\n\n<section class=\"action-hub\">\n  <div class=\"hub-grid\">\n    <div class=\"swap-title\">\n      <h2>SWAP<span>NOW<\/span><\/h2>\n      <p style=\"color: #FFFFFF; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;\">\n        ESTABLISH YOUR POSITION IN THE UPPER ATMOSPHERE.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"social-footer\">\n    <a href=\"YOUR_TELEGRAM_LINK\" class=\"social-btn\" target=\"_blank\">\n      <span>TELEGRAM<\/span>\n      <i>JOIN HERD \u2014><\/i>\n    <\/a>\n    \n    <a href=\"YOUR_TWITTER_LINK\" class=\"social-btn alt\" target=\"_blank\">\n      <span>X \/ TWITTER<\/span>\n      <i>FOLLOW SENTINEL \u2014><\/i>\n    <\/a>\n\n    <a href=\"YOUR_COMMUNITY_LINK\" class=\"social-btn community\" target=\"_blank\">\n      <span>COMMUNITY<\/span>\n      <i>VIEW PROTOCOL \u2014><\/i>\n    <\/a>\n  <\/div>\n\n  <div style=\"text-align: center; margin-top: 100px; padding: 40px 0; border-top: 1px solid #fff;\">\n    <p style=\"font-family: monospace; font-size: 10px; color: #fff; letter-spacing: 5px;\">\n      WHITE GIRAFFE \/\/ ALL RIGHTS RESERVED 2026 \/\/ APEX PERSPECTIVE\n    <\/p>\n  <\/div>\n<\/section>\t\t<\/div>\n\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>HEIGHT THE WHITE GIRAFFE THE HORIZON IS OUR ONLY LIMIT. WHILE THE HERD GRAZES IN SHADOWS, WE COMMAND THE SKY. STRATEGIC DOMINANCE THROUGH ABSOLUTE VERTICALITY. CONTRACT ADDRESS [CA] NULL COPY [ SYSTEM: ARMORED_SENTINEL ] [ VANTAGE: OPTIMIZED ] [ STATUS: ABOVE_ALL ] Vantage Optimized Atmospheric Superiority Sentinel Protocol Active Vantage Optimized Atmospheric Superiority Sentinel Protocol [&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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thewhitegiraffes.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thewhitegiraffes.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thewhitegiraffes.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thewhitegiraffes.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thewhitegiraffes.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":49,"href":"https:\/\/thewhitegiraffes.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/thewhitegiraffes.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/thewhitegiraffes.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}