{"id":8,"date":"2026-07-28T14:17:11","date_gmt":"2026-07-28T14:17:11","guid":{"rendered":"https:\/\/solpaca.fun\/?page_id=8"},"modified":"2026-07-28T16:31:01","modified_gmt":"2026-07-28T16:31:01","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/solpaca.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-7b4f277 e-con-full e-flex e-con e-parent\" data-id=\"7b4f277\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccc8a19 elementor-widget elementor-widget-html\" data-id=\"ccc8a19\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<!--<title>SOLPACA \u2014 The Smoothest Alpaca on Solana<\/title>-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Space+Grotesk:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --gold: #FFD700;\n    --gold-deep: #C9A227;\n    --accent: #9945FF;\n    --accent2: #14F195;\n    --dark: #080808;\n    --text: #E8E0D0;\n  }\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  html { scroll-behavior: smooth; }\n  body { font-family: 'Space Grotesk', sans-serif; background: var(--dark); color: var(--text); overflow-x: hidden; }\n\n  \/* \u2500\u2500 NAV \u2500\u2500 *\/\n  nav {\n    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 22px 56px;\n    transition: all 0.5s;\n  }\n  nav.scrolled {\n    padding: 14px 56px;\n    background: rgba(8,8,8,0.9);\n    backdrop-filter: blur(20px);\n    border-bottom: 1px solid rgba(255,215,0,0.08);\n  }\n  .nav-logo {\n    font-family: 'Bebas Neue', sans-serif; font-size: 2rem; letter-spacing: 5px;\n    background: linear-gradient(135deg, var(--gold), var(--accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }\n  .nav-links { display: flex; gap: 44px; list-style: none; }\n  .nav-links a {\n    font-size: 0.72rem; letter-spacing: 3px; text-transform: uppercase; font-weight: 600;\n    color: rgba(232,224,208,0.6); text-decoration: none; transition: color 0.3s;\n  }\n  .nav-links a:hover { color: var(--gold); }\n  .nav-cta {\n    font-size: 0.72rem; letter-spacing: 3px; text-transform: uppercase; font-weight: 700;\n    padding: 11px 30px; background: var(--gold); color: #000; border: none;\n    border-radius: 2px; cursor: pointer; transition: all 0.3s;\n  }\n  .nav-cta:hover { background: var(--accent2); transform: translateY(-1px); }\n\n  \/* \u2500\u2500 SECTION 1: HERO \u2500\u2500 *\/\n  #hero {\n    position: relative; width: 100%; height: 100vh; min-height: 700px;\n    display: flex; align-items: center; justify-content: flex-start; overflow: hidden;\n  }\n  #hero-video {\n    position: absolute; inset: 0; width: 100%; height: 100%;\n    object-fit: cover; z-index: 0;\n  }\n  \/* Lighter overlay \u2014 let the video breathe *\/\n  .hero-overlay {\n    position: absolute; inset: 0; z-index: 1;\n    background: linear-gradient(\n      105deg,\n      rgba(0,0,0,0.78) 0%,\n      rgba(0,0,0,0.45) 50%,\n      rgba(0,0,0,0.1) 100%\n    );\n  }\n  \/* Bottom blend into next section *\/\n  .hero-blend {\n    position: absolute; bottom: 0; left: 0; right: 0; height: 220px; z-index: 2;\n    background: linear-gradient(to bottom, transparent 0%, var(--dark) 100%);\n  }\n  .hero-content {\n    position: relative; z-index: 3;\n    padding: 0 56px; max-width: 760px;\n    margin-top: 80px;\n  }\n  .hero-tag {\n    display: inline-block; font-size: 0.7rem; letter-spacing: 5px; font-weight: 600;\n    text-transform: uppercase; color: var(--accent2); margin-bottom: 20px;\n    opacity: 0; animation: fadeUp 0.8s 0.4s forwards;\n  }\n  .hero-title {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(5.5rem, 15vw, 13rem);\n    line-height: 0.88; letter-spacing: 3px;\n    background: linear-gradient(150deg, #fff 0%, var(--gold) 60%, var(--accent2) 100%);\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n    opacity: 0; animation: fadeUp 1s 0.6s forwards;\n  }\n  .hero-sub {\n    font-size: clamp(0.95rem, 2vw, 1.2rem); font-weight: 300; line-height: 1.8;\n    color: rgba(232,224,208,0.75); margin: 28px 0 48px;\n    opacity: 0; animation: fadeUp 0.9s 0.85s forwards;\n    max-width: 520px;\n  }\n  .hero-actions {\n    display: flex; gap: 16px; flex-wrap: wrap;\n    opacity: 0; animation: fadeUp 0.9s 1.05s forwards;\n  }\n  .btn-gold {\n    display: inline-flex; align-items: center; gap: 10px;\n    font-size: 0.78rem; letter-spacing: 3px; text-transform: uppercase; font-weight: 700;\n    padding: 15px 36px; background: var(--gold); color: #000;\n    border: none; border-radius: 2px; cursor: pointer;\n    position: relative; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s;\n    box-shadow: 0 4px 32px rgba(255,215,0,0.3);\n  }\n  .btn-gold::after {\n    content: ''; position: absolute; inset: 0;\n    background: linear-gradient(135deg, var(--accent2), var(--accent));\n    opacity: 0; transition: opacity 0.3s;\n  }\n  .btn-gold:hover { transform: translateY(-2px); box-shadow: 0 8px 44px rgba(255,215,0,0.45); }\n  .btn-gold:hover::after { opacity: 1; }\n  .btn-gold span { position: relative; z-index: 1; }\n  .btn-ghost {\n    display: inline-flex; align-items: center; gap: 10px;\n    font-size: 0.78rem; letter-spacing: 3px; text-transform: uppercase; font-weight: 600;\n    padding: 14px 30px; background: transparent; color: rgba(232,224,208,0.8);\n    border: 1px solid rgba(232,224,208,0.2); border-radius: 2px; cursor: pointer;\n    text-decoration: none; transition: all 0.3s;\n  }\n  .btn-ghost:hover { border-color: var(--gold); color: var(--gold); }\n  \/* Scroll line *\/\n  .hero-scroll {\n    position: absolute; bottom: 100px; right: 56px; z-index: 3;\n    display: flex; flex-direction: column; align-items: center; gap: 10px;\n    opacity: 0; animation: fadeUp 1s 1.5s forwards;\n  }\n  .scroll-label { font-size: 0.62rem; letter-spacing: 4px; text-transform: uppercase; opacity: 0.4; writing-mode: vertical-rl; }\n  .scroll-bar { width: 1px; height: 60px; background: linear-gradient(to bottom, var(--gold), transparent); animation: scrollBar 2s ease-in-out infinite; }\n  @keyframes scrollBar { 0%,100% { opacity: 0.3; } 50% { opacity: 1; } }\n\n  \/* \u2500\u2500 SECTION 2: ABOUT \u2500\u2500 *\/\n  #about {\n    position: relative; background: var(--dark);\n    overflow: hidden;\n  }\n  \/* Big free-floating character \u2014 no wrapper, no bg *\/\n  .about-char {\n    position: absolute;\n    right: -40px; top: -80px;\n    width: clamp(420px, 58vw, 860px);\n    z-index: 1;\n    pointer-events: none;\n    animation: charFloat 4s ease-in-out infinite, charEntry 1.2s 0.3s cubic-bezier(0.22,1,0.36,1) both;\n  }\n  @keyframes charEntry {\n    from { opacity: 0; transform: translateX(120px) rotate(-6deg) scale(0.85); }\n    to   { opacity: 1; transform: translateX(0) rotate(0deg) scale(1); }\n  }\n  @keyframes charFloat {\n    0%,100% { transform: translateY(0) rotate(0deg); }\n    30%     { transform: translateY(-28px) rotate(1.5deg); }\n    70%     { transform: translateY(-14px) rotate(-1deg); }\n  }\n  .about-inner {\n    position: relative; z-index: 2;\n    max-width: 1300px; margin: 0 auto;\n    padding: 120px 56px 160px;\n    display: flex; flex-direction: column; justify-content: flex-end;\n    min-height: 90vh;\n  }\n  .about-text-block { max-width: 520px; }\n  .s-label {\n    display: inline-block; font-size: 0.68rem; letter-spacing: 5px; font-weight: 600;\n    text-transform: uppercase; color: var(--accent2); margin-bottom: 18px;\n  }\n  .s-title {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(3.5rem, 7vw, 6.5rem); line-height: 0.92; letter-spacing: 2px;\n    color: #fff; margin-bottom: 32px;\n  }\n  .s-title .g {\n    background: linear-gradient(135deg, var(--gold), var(--accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }\n  .s-body { font-size: 1rem; font-weight: 300; line-height: 1.85; color: rgba(232,224,208,0.68); margin-bottom: 20px; }\n  .about-stats {\n    display: flex; gap: 48px; margin-top: 44px;\n    padding-top: 36px; border-top: 1px solid rgba(255,255,255,0.07);\n  }\n  .stat-n {\n    font-family: 'Bebas Neue', sans-serif; font-size: 3.2rem; letter-spacing: 2px; line-height: 1;\n    background: linear-gradient(135deg, var(--gold), var(--accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }\n  .stat-l { font-size: 0.65rem; letter-spacing: 4px; text-transform: uppercase; opacity: 0.45; margin-top: 4px; }\n  \/* Bottom blend *\/\n  .about-bottom-blend {\n    position: absolute; bottom: 0; left: 0; right: 0; height: 180px; z-index: 3;\n    background: linear-gradient(to bottom, transparent 0%, var(--dark) 100%);\n  }\n\n  \/* \u2500\u2500 GALLERY STRIP (inline, part of about section) \u2500\u2500 *\/\n  .gallery-strip {\n    position: relative; z-index: 4;\n    overflow: hidden; padding: 0;\n    \/* negative margin pulls it up to overlap section transition *\/\n    margin-top: -60px;\n  }\n  .gallery-fade-top {\n    position: absolute; top: 0; left: 0; right: 0; height: 80px; z-index: 2;\n    background: linear-gradient(to bottom, var(--dark), transparent);\n    pointer-events: none;\n  }\n  .gallery-fade-bot {\n    position: absolute; bottom: 0; left: 0; right: 0; height: 80px; z-index: 2;\n    background: linear-gradient(to top, var(--dark), transparent);\n    pointer-events: none;\n  }\n  .gallery-row {\n    display: flex; gap: 12px;\n    padding: 12px 0;\n    animation: gSlide 28s linear infinite;\n    width: max-content;\n  }\n  .gallery-row.rev { animation: gSlide 32s linear infinite reverse; }\n  .gallery-row:hover { animation-play-state: paused; }\n  @keyframes gSlide {\n    from { transform: translateX(0); }\n    to   { transform: translateX(-50%); }\n  }\n  .g-card {\n    flex-shrink: 0; width: 300px; height: 200px;\n    border-radius: 3px; overflow: hidden; cursor: pointer;\n    transition: transform 0.4s, filter 0.4s;\n    filter: brightness(0.82) saturate(0.9);\n  }\n  .g-card:hover { transform: scale(1.04); filter: brightness(1) saturate(1.1); }\n  .g-card img { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n  \/* \u2500\u2500 SECTION 3: CULTURE \u2500\u2500 *\/\n  #culture {\n    position: relative; min-height: 100vh;\n    display: flex; align-items: center; overflow: hidden;\n  }\n  .culture-bg {\n    position: absolute; inset: 0;\n    background-image: url('https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/bg3.png');\n    background-size: cover; background-position: center;\n    z-index: 0;\n    \/* Minimal overlay \u2014 let the image show *\/\n  }\n  \/* Only a directional dark edge, not a blanket overlay *\/\n  .culture-shade {\n    position: absolute; inset: 0; z-index: 1;\n    background: linear-gradient(\n      90deg,\n      rgba(8,8,8,0.88) 0%,\n      rgba(8,8,8,0.55) 35%,\n      rgba(8,8,8,0.15) 65%,\n      rgba(8,8,8,0.05) 100%\n    );\n  }\n  \/* Top + bottom blend *\/\n  .culture-top-blend {\n    position: absolute; top: 0; left: 0; right: 0; height: 200px; z-index: 2;\n    background: linear-gradient(to bottom, var(--dark) 0%, transparent 100%);\n    pointer-events: none;\n  }\n  .culture-bot-blend {\n    position: absolute; bottom: 0; left: 0; right: 0; height: 200px; z-index: 2;\n    background: linear-gradient(to top, var(--dark) 0%, transparent 100%);\n    pointer-events: none;\n  }\n  .culture-inner {\n    position: relative; z-index: 3;\n    max-width: 1300px; margin: 0 auto; padding: 140px 56px;\n    width: 100%;\n  }\n  .culture-content { max-width: 520px; }\n  .culture-quote {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(2.8rem, 5.5vw, 5rem); line-height: 1.0; letter-spacing: 2px; color: #fff;\n    margin: 24px 0 40px; position: relative;\n  }\n  .culture-quote .qg {\n    display: block;\n    background: linear-gradient(135deg, var(--gold), var(--accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }\n  .c-divider { width: 60px; height: 2px; background: var(--gold); margin-bottom: 32px; }\n  .culture-pills { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 36px; }\n  .pill {\n    font-size: 0.68rem; letter-spacing: 3px; text-transform: uppercase; font-weight: 600;\n    padding: 9px 20px; border-radius: 1px;\n    border: 1px solid rgba(255,215,0,0.25); color: rgba(255,215,0,0.8);\n    transition: all 0.3s; cursor: default;\n  }\n  .pill:hover { background: rgba(255,215,0,0.08); border-color: var(--gold); }\n  .pill.g { border-color: rgba(20,241,149,0.25); color: rgba(20,241,149,0.8); }\n  .pill.g:hover { background: rgba(20,241,149,0.08); border-color: var(--accent2); }\n  \/* Feature cards \u2014 diagonal layout on the right *\/\n  .culture-cards {\n    position: absolute; right: 56px; top: 50%; transform: translateY(-50%);\n    display: flex; flex-direction: column; gap: 16px; width: 360px;\n  }\n  .c-card {\n    padding: 28px 32px;\n    background: rgba(8,8,8,0.72); backdrop-filter: blur(16px);\n    border: 1px solid rgba(255,255,255,0.07); border-radius: 3px;\n    transition: all 0.4s; cursor: default;\n    transform: translateX(0);\n  }\n  .c-card:nth-child(2) { transform: translateX(24px); }\n  .c-card:nth-child(3) { transform: translateX(48px); }\n  .c-card:hover { background: rgba(20,20,20,0.9); border-color: rgba(255,215,0,0.2); transform: translateX(-8px) !important; }\n  .c-card h4 {\n    font-size: 0.72rem; letter-spacing: 3px; text-transform: uppercase; font-weight: 700;\n    color: var(--gold); margin-bottom: 10px;\n  }\n  .c-card p { font-size: 0.88rem; line-height: 1.7; color: rgba(232,224,208,0.62); font-weight: 300; }\n\n  \/* \u2500\u2500 SECTION 4: FINAL CTA \u2500\u2500 *\/\n  #cta {\n    position: relative; min-height: 100vh;\n    display: flex; flex-direction: column; align-items: center; justify-content: center;\n    overflow: hidden;\n  }\n  \/* bg4 as actual scene, not wallpaper *\/\n  .cta-bg {\n    position: absolute; inset: 0;\n    background-image: url('https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/bg4.png');\n    background-size: cover; background-position: center;\n    z-index: 0;\n    filter: brightness(0.55);\n  }\n  \/* Only top + bottom blend, minimal center overlay *\/\n  .cta-blend-top {\n    position: absolute; top: 0; left: 0; right: 0; height: 250px; z-index: 1;\n    background: linear-gradient(to bottom, var(--dark) 0%, transparent 100%);\n    pointer-events: none;\n  }\n  .cta-blend-bot {\n    position: absolute; bottom: 0; left: 0; right: 0; height: 200px; z-index: 1;\n    background: linear-gradient(to top, rgba(8,8,8,0.98) 0%, transparent 100%);\n    pointer-events: none;\n  }\n  \/* Subtle center vignette only *\/\n  .cta-vignette {\n    position: absolute; inset: 0; z-index: 1;\n    background: radial-gradient(ellipse at center, transparent 30%, rgba(8,8,8,0.5) 100%);\n  }\n  .cta-glow {\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\n    width: 900px; height: 900px;\n    background: radial-gradient(circle, rgba(153,69,255,0.1) 0%, rgba(255,215,0,0.04) 40%, transparent 70%);\n    z-index: 1; animation: ctaGlow 7s ease-in-out infinite;\n  }\n  @keyframes ctaGlow { 0%,100% { opacity: 0.6; transform: translate(-50%,-50%) scale(1); } 50% { opacity: 1; transform: translate(-50%,-50%) scale(1.12); } }\n  .cta-inner {\n    position: relative; z-index: 2; text-align: center;\n    padding: 80px 56px; max-width: 860px;\n  }\n  .cta-tag {\n    display: inline-block; font-size: 0.68rem; letter-spacing: 5px; font-weight: 600;\n    text-transform: uppercase; color: var(--accent2); margin-bottom: 24px;\n  }\n  .cta-title {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(4.5rem, 12vw, 11rem); line-height: 0.9; letter-spacing: 4px;\n    margin-bottom: 28px;\n    background: linear-gradient(150deg, #fff 5%, var(--gold) 50%, var(--accent) 100%);\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }\n  .cta-sub {\n    font-size: 1.05rem; font-weight: 300; line-height: 1.75;\n    color: rgba(232,224,208,0.62); margin-bottom: 56px;\n    max-width: 540px; margin-left: auto; margin-right: auto;\n  }\n  .cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 72px; }\n  .socials { display: flex; gap: 14px; justify-content: center; margin-bottom: 64px; }\n  .soc {\n    width: 46px; height: 46px; display: flex; align-items: center; justify-content: center;\n    border: 1px solid rgba(255,255,255,0.1); border-radius: 2px; color: rgba(255,255,255,0.45);\n    text-decoration: none; transition: all 0.3s;\n  }\n  .soc:hover { border-color: var(--gold); color: var(--gold); background: rgba(255,215,0,0.06); transform: translateY(-3px); }\n  \/* Footer strip *\/\n  footer {\n    position: relative; z-index: 2; width: 100%;\n    padding: 32px 56px 28px;\n    border-top: 1px solid rgba(255,255,255,0.05);\n    background: rgba(8,8,8,0.85);\n    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;\n  }\n  .f-logo {\n    font-family: 'Bebas Neue', sans-serif; font-size: 1.4rem; letter-spacing: 4px;\n    background: linear-gradient(135deg, var(--gold), var(--accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }\n  .f-ca { font-size: 0.72rem; letter-spacing: 1px; color: rgba(255,255,255,0.25); }\n  .f-ca span { color: rgba(255,215,0,0.45); }\n  .f-copy { font-size: 0.65rem; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.18); }\n\n  \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\n  .reveal        { opacity: 0; transform: translateY(44px); transition: opacity 0.85s cubic-bezier(.25,.46,.45,.94), transform 0.85s cubic-bezier(.25,.46,.45,.94); }\n  .reveal-l      { opacity: 0; transform: translateX(-44px); transition: opacity 0.85s cubic-bezier(.25,.46,.45,.94), transform 0.85s cubic-bezier(.25,.46,.45,.94); }\n  .reveal-r      { opacity: 0; transform: translateX(44px); transition: opacity 0.85s cubic-bezier(.25,.46,.45,.94), transform 0.85s cubic-bezier(.25,.46,.45,.94); }\n  .visible       { opacity: 1 !important; transform: none !important; }\n  .d1 { transition-delay: 0.1s; } .d2 { transition-delay: 0.2s; } .d3 { transition-delay: 0.3s; }\n  .d4 { transition-delay: 0.4s; } .d5 { transition-delay: 0.55s; }\n\n  \/* \u2500\u2500 KEYFRAMES \u2500\u2500 *\/\n  @keyframes fadeUp { from { opacity: 0; transform: translateY(32px); } to { opacity: 1; transform: translateY(0); } }\n\n  \/* \u2500\u2500 TOAST \u2500\u2500 *\/\n  .toast {\n    position: fixed; bottom: 28px; left: 50%;\n    transform: translateX(-50%) translateY(70px);\n    z-index: 9999;\n    background: var(--gold); color: #000;\n    font-size: 0.78rem; letter-spacing: 3px; text-transform: uppercase; font-weight: 700;\n    padding: 13px 32px; border-radius: 2px;\n    box-shadow: 0 8px 36px rgba(255,215,0,0.35);\n    transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), opacity 0.4s; opacity: 0;\n  }\n  .toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 1000px) {\n    .about-char { width: 55vw; right: -20px; }\n    .culture-cards { position: static; transform: none; width: 100%; margin-top: 48px; }\n    .culture-cards .c-card { transform: none !important; }\n    .culture-inner { display: flex; flex-direction: column; }\n  }\n  @media (max-width: 700px) {\n    nav { padding: 16px 24px; } nav.scrolled { padding: 12px 24px; }\n    .nav-links { display: none; }\n    .hero-content { padding: 0 24px; }\n    .about-char { width: 100vw; right: -10px; top: 0; }\n    .about-inner, .culture-inner, .cta-inner { padding: 80px 24px; }\n    footer { padding: 28px 24px 20px; flex-direction: column; text-align: center; }\n    .culture-cards { display: none; }\n    .hero-scroll { display: none; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2500\u2500 NAV \u2500\u2500 -->\n<nav id=\"nav\">\n  <div class=\"nav-logo\">SOLPACA<\/div>\n  <ul class=\"nav-links\">\n    <li><a href=\"#about\">About<\/a><\/li>\n    <li><a href=\"#culture\">Culture<\/a><\/li>\n    <li><a href=\"#cta\">Join<\/a><\/li>\n  <\/ul>\n  <button class=\"nav-cta\" onclick=\"copyCA()\">Copy CA<\/button>\n<\/nav>\n\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SECTION 1 \u2014 HERO\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"hero\">\n  <video id=\"hero-video\" autoplay muted loop playsinline preload=\"auto\">\n    <source src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/bg1.mp4\" type=\"video\/mp4\"\/>\n  <\/video>\n  <div class=\"hero-overlay\"><\/div>\n  <div class=\"hero-blend\"><\/div>\n\n  <div class=\"hero-content\">\n    <div class=\"hero-tag\">$SOLPACA \u00b7 Solana<\/div>\n    <h1 class=\"hero-title\">SOL<br>PACA<\/h1>\n    <p class=\"hero-sub\">The smoothest alpaca on the blockchain. Oversized hoodie. Gold chain. Zero panic. Every rhyme is alpha.<\/p>\n    <div class=\"hero-actions\">\n      <button class=\"btn-gold\" onclick=\"copyCA()\">\n        <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>\n        <span>Copy Contract<\/span>\n      <\/button>\n      <a href=\"#about\" class=\"btn-ghost\">Discover &darr;<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"hero-scroll\">\n    <span class=\"scroll-label\">Scroll<\/span>\n    <div class=\"scroll-bar\"><\/div>\n  <\/div>\n<\/section>\n\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SECTION 2 \u2014 ABOUT  (massive character, no wrapper)\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"about\">\n\n  <!-- Raw image \u2014 no frame, no bg, just massive -->\n  <img decoding=\"async\"\n    class=\"about-char\"\n    src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/featured2.png\"\n    alt=\"SOLPACA character\"\n    loading=\"eager\"\n  \/>\n\n  <div class=\"about-inner\">\n    <div class=\"about-text-block\">\n      <div class=\"s-label reveal\">Origin Story<\/div>\n      <h2 class=\"s-title reveal d1\">THE<br><span class=\"g\">SMOOTHEST<\/span><br>ALPACA<\/h2>\n      <p class=\"s-body reveal d2\">\n        Oversized black hoodie. Tilted snapback. Dark shades and a bold gold Solana chain. SOLPACA doesn't chase the hype \u2014 he IS the hype. Born from the streets of the blockchain, forged in bull runs and bear markets alike.\n      <\/p>\n      <p class=\"s-body reveal d3\">\n        Every rhyme is alpha. Every beat is bullish. Whether Solana is pumping or dumping, SOLPACA keeps dropping bars \u2014 because legends never panic. They build.\n      <\/p>\n      <div class=\"about-stats reveal d4\">\n        <div><div class=\"stat-n\">100%<\/div><div class=\"stat-l\">Community<\/div><\/div>\n        <div><div class=\"stat-n\">0%<\/div><div class=\"stat-l\">Panic<\/div><\/div>\n        <div><div class=\"stat-n\">\u221e<\/div><div class=\"stat-l\">Alpha<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"about-bottom-blend\"><\/div>\n<\/section>\n\n<!-- Gallery strip \u2014 between sections, blends both ways -->\n<div class=\"gallery-strip\">\n  <div class=\"gallery-fade-top\"><\/div>\n  <div class=\"gallery-row\">\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal1.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal2.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal3.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal4.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal5.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal6.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal7.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal8.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <!-- duplicate for loop -->\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal1.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal2.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal3.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal4.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal5.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal6.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal7.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n    <div class=\"g-card\"><img decoding=\"async\" src=\"https:\/\/solpaca.fun\/wp-content\/uploads\/2026\/07\/solpacagal8.png\" alt=\"\" loading=\"lazy\"\/><\/div>\n  <\/div>\n  <div class=\"gallery-fade-bot\"><\/div>\n<\/div>\n\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SECTION 3 \u2014 CULTURE\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"culture\">\n  <div class=\"culture-bg\"><\/div>\n  <div class=\"culture-shade\"><\/div>\n  <div class=\"culture-top-blend\"><\/div>\n  <div class=\"culture-bot-blend\"><\/div>\n\n  <div class=\"culture-inner\">\n    <div class=\"culture-content\">\n      <div class=\"s-label reveal\">The Movement<\/div>\n      <blockquote class=\"culture-quote reveal d1\">\n        Every rhyme<br>is <span class=\"qg\">alpha.<\/span><br>Every beat<br>is bullish.\n      <\/blockquote>\n      <div class=\"c-divider reveal d2\"><\/div>\n      <p class=\"s-body reveal d2\">\n        He's more than a mascot \u2014 he's the voice of the Solana streets. When the charts bleed red, SOLPACA drops a new verse. Confidence isn't something he performs. It's baked in.\n      <\/p>\n      <div class=\"culture-pills reveal d3\">\n        <span class=\"pill\">$SOLPACA<\/span>\n        <span class=\"pill g\">Solana<\/span>\n        <span class=\"pill\">Web3<\/span>\n        <span class=\"pill g\">DeFi<\/span>\n        <span class=\"pill\">Meme Culture<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"culture-cards\">\n      <div class=\"c-card reveal d2\">\n        <h4>Rap Game Alpha<\/h4>\n        <p>Every verse drops market intelligence. When others FUD, SOLPACA bars. When others sell, he rhymes about holding.<\/p>\n      <\/div>\n      <div class=\"c-card reveal d3\">\n        <h4>Built for the Long Game<\/h4>\n        <p>No 3 AM panic sells. No paper hands. The hoodie stays on through every dip. Conviction over emotion.<\/p>\n      <\/div>\n      <div class=\"c-card reveal d4\">\n        <h4>Solana Native<\/h4>\n        <p>Fast. Cheap. Smooth. Just like the chain it was born on. Sub-second finality matches his flow perfectly.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     SECTION 4 \u2014 FINAL CTA\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section id=\"cta\">\n  <div class=\"cta-bg\"><\/div>\n  <div class=\"cta-blend-top\"><\/div>\n  <div class=\"cta-vignette\"><\/div>\n  <div class=\"cta-glow\"><\/div>\n\n  <div class=\"cta-inner\">\n    <div class=\"cta-tag reveal\">Join the Movement<\/div>\n    <h2 class=\"cta-title reveal d1\">JOIN<br>THE FLOCK<\/h2>\n    <p class=\"cta-sub reveal d2\">\n      The smoothest community on Solana is waiting. Grab your $SOLPACA, stay calm through the chaos, and build something legendary.\n    <\/p>\n    <div class=\"cta-actions reveal d3\">\n      <button class=\"btn-gold\" onclick=\"copyCA()\">\n        <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>\n        <span>Copy Contract<\/span>\n      <\/button>\n      <a href=\"https:\/\/x.com\" target=\"_blank\" class=\"btn-ghost\" style=\"text-decoration:none;\">\n        Follow on X &nearr;\n      <\/a>\n      <a href=\"https:\/\/t.me\" target=\"_blank\" class=\"btn-ghost\" style=\"text-decoration:none;\">\n        Telegram &nearr;\n      <\/a>\n    <\/div>\n\n    <div class=\"socials reveal d4\">\n      <a href=\"https:\/\/x.com\" target=\"_blank\" class=\"soc\" title=\"X\">\n        <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.74l7.73-8.835L1.254 2.25H8.08l4.262 5.631zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/t.me\" target=\"_blank\" class=\"soc\" title=\"Telegram\">\n        <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221l-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.447 1.394c-.16.16-.295.295-.605.295l.213-3.053 5.56-5.023c.242-.213-.054-.333-.373-.12l-6.871 4.326-2.962-.924c-.643-.204-.657-.643.136-.953l11.57-4.461c.537-.194 1.006.131.833.941z\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/dexscreener.com\" target=\"_blank\" class=\"soc\" title=\"Chart\">\n        <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/raydium.io\" target=\"_blank\" class=\"soc\" title=\"Buy\">\n        <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 8 16 12 12 16\"\/><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <footer>\n    <div class=\"f-logo\">SOLPACA<\/div>\n    <div class=\"f-ca\">CA: <span id=\"ca-display\">TBA \u2014 paste your contract address here<\/span><\/div>\n    <div class=\"f-copy\">&copy; 2026 SOLPACA<\/div>\n  <\/footer>\n\n  <div class=\"cta-blend-bot\"><\/div>\n<\/section>\n\n<!-- Toast -->\n<div class=\"toast\" id=\"toast\">CA Copied!<\/div>\n\n<script>\n  const CA = 'TBA \u2014 paste your contract address here';\n\n  function copyCA() {\n    if (navigator.clipboard && window.isSecureContext) {\n      navigator.clipboard.writeText(CA).then(showToast);\n    } else {\n      const el = document.createElement('textarea');\n      el.value = CA; el.style.cssText = 'position:fixed;opacity:0';\n      document.body.appendChild(el); el.select();\n      document.execCommand('copy'); document.body.removeChild(el);\n      showToast();\n    }\n  }\n\n  function showToast() {\n    const t = document.getElementById('toast');\n    t.classList.add('show');\n    setTimeout(() => t.classList.remove('show'), 2200);\n  }\n\n  \/\/ Nav on scroll\n  const nav = document.getElementById('nav');\n  window.addEventListener('scroll', () => {\n    nav.classList.toggle('scrolled', window.scrollY > 50);\n  }, { passive: true });\n\n  \/\/ Scroll reveal\n  const els = document.querySelectorAll('.reveal, .reveal-l, .reveal-r');\n  const io = new IntersectionObserver(entries => {\n    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); } });\n  }, { threshold: 0.1, rootMargin: '0px 0px -30px 0px' });\n  els.forEach(el => io.observe(el));\n\n  \/\/ Smooth anchor scroll\n  document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n    a.addEventListener('click', e => {\n      e.preventDefault();\n      const t = document.querySelector(a.getAttribute('href'));\n      if (t) t.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    });\n  });\n\n  \/\/ Subtle hero mouse parallax\n  const heroContent = document.querySelector('.hero-content');\n  const heroSection = document.getElementById('hero');\n  heroSection?.addEventListener('mousemove', e => {\n    const dx = (e.clientX \/ window.innerWidth - 0.5) * 14;\n    const dy = (e.clientY \/ window.innerHeight - 0.5) * 8;\n    heroContent.style.transform = `translate(${dx}px, ${dy}px)`;\n  }, { passive: true });\n  heroSection?.addEventListener('mouseleave', () => {\n    if (heroContent) heroContent.style.transform = '';\n  });\n<\/script>\n<\/body>\n<\/html>\n\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>SOLPACA About Culture Join Copy CA $SOLPACA \u00b7 Solana SOLPACA The smoothest alpaca on the blockchain. Oversized hoodie. Gold chain. Zero panic. Every rhyme is alpha. Copy Contract Discover &darr; Scroll Origin Story THESMOOTHESTALPACA Oversized black hoodie. Tilted snapback. Dark shades and a bold gold Solana chain. SOLPACA doesn&#8217;t chase the hype \u2014 he IS [&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:\/\/solpaca.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solpaca.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solpaca.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solpaca.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solpaca.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":40,"href":"https:\/\/solpaca.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/solpaca.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/solpaca.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}