https://pepipedia.netlify.app/static/js/921.abe3760f.chunk.js

1"use strict";(self.webpackChunkpeptide_website=self.webpackChunkpeptide_website||[]).push([[921],{24:(e,t,i)=>{i.r(t),i.d(t,{default:()=>h});var s=i(950);const n={"popular-section":"PopularPeptidesSection_popular-section__6ZPsm","popular-container-split":"PopularPeptidesSection_popular-container-split__C-sKO","interactive-column":"PopularPeptidesSection_interactive-column__cBLw-","info-column":"PopularPeptidesSection_info-column__m2V0x","section-header":"PopularPeptidesSection_section-header__ppS7F","section-title":"PopularPeptidesSection_section-title__Qf-yV",fadeInUp:"PopularPeptidesSection_fadeInUp__ih5ey","section-subtitle":"PopularPeptidesSection_section-subtitle__9ttq0","body-container":"PopularPeptidesSection_body-container__zchER","body-wrapper":"PopularPeptidesSection_body-wrapper__wE0DH","body-image":"PopularPeptidesSection_body-image__i+byL",scaleInFadeIn:"PopularPeptidesSection_scaleInFadeIn__yZCl0","system-group-container":"PopularPeptidesSection_system-group-container__-wu0j","system-point":"PopularPeptidesSection_system-point__jgoTI",hotspot:"PopularPeptidesSection_hotspot__k0q2H","hotspot-core":"PopularPeptidesSection_hotspot-core__v17H-","hotspot-pulse":"PopularPeptidesSection_hotspot-pulse__dYJ9W",pulse:"PopularPeptidesSection_pulse__Z-pW2",active:"PopularPeptidesSection_active__rJhTc","peptide-connection":"PopularPeptidesSection_peptide-connection__2Sr9Z","connection-line":"PopularPeptidesSection_connection-line__hx3+h","curved-path":"PopularPeptidesSection_curved-path__LodjD",drawPath:"PopularPeptidesSection_drawPath__rJbuD","path-dot":"PopularPeptidesSection_path-dot__PpNa5","peptide-card-popup":"PopularPeptidesSection_peptide-card-popup__wxnaz",cardAppear:"PopularPeptidesSection_cardAppear__uyAlT","card-title":"PopularPeptidesSection_card-title__N6HhM","peptide-items":"PopularPeptidesSection_peptide-items__29JxK","peptide-row":"PopularPeptidesSection_peptide-row__EBDn9","peptide-name":"PopularPeptidesSection_peptide-name__TqCIo","peptide-name-link":"PopularPeptidesSection_peptide-name-link__WUcSG","peptide-effect":"PopularPeptidesSection_peptide-effect__fhslb","learn-more-link":"PopularPeptidesSection_learn-more-link__DPBR-","peptide-info-panel":"PopularPeptidesSection_peptide-info-panel__UIjn8","intro-text":"PopularPeptidesSection_intro-text__T7Qke","system-highlights":"PopularPeptidesSection_system-highlights__7512e","highlight-grid":"PopularPeptidesSection_highlight-grid__Gt7pM","highlight-item":"PopularPeptidesSection_highlight-item__sP2i3","highlight-icon":"PopularPeptidesSection_highlight-icon__Ktrgj",systemIcon:"PopularPeptidesSection_systemIcon__NDfu7"},a=i.p+"static/media/body.bdcfd7d53dec50a28917.png";var o=i(170);const c=i.p+"static/media/reproductive-systems.d4da716303646f6cbb07b53cd5cb1024.svg";const r=i.p+"static/media/skin-dermatology.62a391bef6a68faef479d843f74e4225.svg";const l=i.p+"static/media/gut-digestive.7cb755a273099b419dd4a0836463f312.svg";var p=i(414);const d=e=>{if(!e)return"";const t={"Brain & Nervous System":"neurological-cognitive","Heart & Cardiovascular":"cardiovascular","Skin & Dermatology":"dermatology","Digestive System":"digestive","Immune System":"immune","Muscles & Joints":"musculoskeletal","Reproductive System":"reproductive"};return t[e]?t[e]:e.toString().toLowerCase().replace(/\s+/g,"-").replace(/&/g,"-and-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,"")},m={neurological:{name:"Brain & Nervous System",position:{x:"50%",y:"10%"},lineEnd:{x:280,y:-30},categoryLink:"/categories/neurological-cognitive",peptides:[{name:"Semax",effect:"Cognitive enhancement"},{name:"Selank",effect:"Anxiety reduction"}]},cardiovascular:{name:"Heart & Cardiovascular",position:{x:"53%",y:"30%"},lineEnd:{x:-260,y:20},categoryLink:"/categories/cardiovascular",peptides:[{name:"SS-31",effect:"Heart protection"},{name:"MOTS-c",effect:"Metabolic health"}]},skin:{name:"Skin & Dermatology",position:{x:"49%",y:"15%"},lineEnd:{x:250,y:-60},categoryLink:"/categories/dermatology",peptides:[{name:"GHK-Cu",effect:"Skin rejuvenation"},{name:"Epithalon",effect:"Anti-aging"}]},digestive:{name:"Digestive System",position:{x:"50%",y:"42%"},lineEnd:{x:-270,y:80},categoryLink:"/categories/digestive",peptides:[{name:"BPC-157",effect:"Gut healing"},{name:"Larazotide",effect:"Intestinal repair"}]},immune:{name:"Immune System",position:{x:"58%",y:"45%"},lineEnd:{x:240,y:50},categoryLink:"/categories/immune",peptides:[{name:"Thymosin Alpha-1",effect:"Immune boost"},{name:"LL-37",effect:"Antimicrobial"}]},musculoskeletal:{name:"Muscles & Joints",position:{x:"44%",y:"30%"},lineEnd:{x:-260,y:100},categoryLink:"/categories/musculoskeletal",peptides:[{name:"TB-500",effect:"Muscle recovery"},{name:"Follistatin",effect:"Muscle growth"}]},reproductive:{name:"Reproductive System",position:{x:"50%",y:"52%"},lineEnd:{x:-250,y:130},categoryLink:"/categories/reproductive",peptides:[{name:"Kisspeptin",effect:"Hormonal balance"},{name:"PT-141",effect:"Sexual health"}]}},u=Object.keys(m).map((e=>{let t;switch(e){case"reproductive":t=(0,p.jsx)("img",{src:c,alt:"Reproductive System Icon",className:n.systemIcon});break;case"skin":t=(0,p.jsx)("img",{src:r,alt:"Skin & Dermatology Icon",className:n.systemIcon});break;case"digestive":t=(0,p.jsx)("img",{src:l,alt:"Digestive System Icon",className:n.systemIcon});break;case"neurological":t="\ud83e\udde0";break;case"cardiovascular":t="\u2764\ufe0f";break;case"immune":t="\ud83d\udee1\ufe0f";break;case"musculoskeletal":t="\ud83d\udcaa";break;default:t="\ud83e\uddec"}return{id:e,name:m[e].name,icon:t,categoryLink:m[e].categoryLink}}));

1const h=function(){const[e,t]=(0,s.useState)(null),[i,c]=(0,s.useState)(!1),r=(0,s.useRef)(null),l=(0,s.useRef)(null),h=()=>(0,p.jsxs)("div",{className:n["peptide-info-panel"],children:[(0,p.jsx)("h3",{children:"Interactive Peptide Explorer"}),(0,p.jsxs)("div",{className:n["intro-text"],children:[(0,p.jsx)("p",{children:"Peptides are short amino acid chains that carry essential instructions between cells, guiding crucial functions like immunity, metabolism, brain activity, and tissue repair."}),(0,p.jsx)("p",{children:"Each glowing point highlights specific peptides tied to different body systems. Click to explore how these powerful molecular messengers can optimize your health and enhance your body's natural abilities."})]}),(0,p.jsxs)("div",{className:n["system-highlights"],children:[(0,p.jsx)("h4",{children:"Featured Body Systems"}),(0,p.jsx)("div",{className:n["highlight-grid"],children:u.map((e=>(0,p.jsx)(o.N_,{to:e.categoryLink||"/categories/".concat(d(e.name)),className:n["highlight-item-link"],style:{textDecoration:"none"},onClick:()=>window.scrollTo(0,0),children:(0,p.jsxs)("div",{className:n["highlight-item"],children:[(0,p.jsx)("span",{className:n["highlight-icon"],children:e.icon}),(0,p.jsx)("span",{children:e.name})]})},e.id)))})]})]});(0,s.useEffect)((()=>{const e=r.current;if(!e)return;const t=new IntersectionObserver((e=>{let[i]=e;i.isIntersecting&&(c(!0),t.unobserve(i.target))}),{threshold:.1});return t.observe(e),()=>{e&&t.unobserve(e)}}),[]),(0,s.useEffect)((()=>{const i=i=>{null===e||i.target.closest(".".concat(n.hotspot))||!l.current||l.current.contains(i.target)||t(null)};return e&&document.addEventListener("mousedown",i),()=>{document.removeEventListener("mousedown",i)}}),[e]);const _=e=>{const t=e.lineEnd.x,i=e.lineEnd.y,s=.3*t,n=.7*i;return"M ".concat(0," ").concat(0," Q ").concat(s," ").concat(n," ").concat(t," ").concat(i)};return(0,p.jsx)("section",{ref:r,className:"".concat(n["popular-section"]," ").concat(i?"visible":""),children:(0,p.jsxs)("div",{className:n["popular-container-split"],children:[(0,p.jsxs)("div",{className:n["interactive-column"],children:[(0,p.jsxs)("div",{className:n["section-header"],children:[(0,p.jsx)("h2",{className:n["section-title"],children:"Popular Peptides by Body System"}),(0,p.jsx)("p",{className:n["section-subtitle"],children:"Click on any glowing point to discover peptides for that body system"})]}),(0,p.jsx)("div",{className:n["body-container"],children:(0,p.jsxs)("div",{className:n["body-wrapper"],children:[(0,p.jsx)("img",{src:a,alt:"Human body systems",className:n["body-image"]}),(0,p.jsx)("div",{className:n["system-group-container"],children:Object.entries(m).map((i=>{let[s,a]=i;return(0,p.jsxs)("div",{className:n["system-point"],children:[(0,p.jsxs)("button",{className:"".concat(n.hotspot," ").concat(e===s?n.active:""),style:{left:a.position.x,top:a.position.y},onClick:()=>{var i;t(e===(i=s)?null:i)},"aria-label":"Select ".concat(a.name),children:[(0,p.jsx)("span",{className:n["hotspot-pulse"]}),(0,p.jsx)("span",{className:n["hotspot-core"]})]}),e===s&&(0,p.jsxs)("div",{className:n["peptide-connection"],style:{left:a.position.x,top:a.position.y},children:[(0,p.jsxs)("svg",{className:n["connection-line"],viewBox:"-350 -250 700 500",preserveAspectRatio:"xMidYMid meet",children:[(0,p.jsx)("defs",{children:(0,p.jsx)("marker",{id:"arrowhead-".concat(s),markerWidth:"10",markerHeight:"7",refX:"8",refY:"3.5",orient:"auto",children:(0,p.jsx)("polygon",{points:"0 0, 10 3.5, 0 7",fill:"#00a8ff"})})}),(0,p.jsx)("path",{id:"path-for-animation-".concat(s),className:n["curved-path"],d:_(a),fill:"none",stroke:"#00a8ff",strokeWidth:"2",markerEnd:"url(#arrowhead-".concat(s,")")}),(0,p.jsx)("circle",{className:n["path-dot"],r:"3",fill:"#00d4ff",children:(0,p.jsx)("animateMotion",{dur:"2s",repeatCount:"indefinite",rotate:"auto",children:(0,p.jsx)("mpath",{href:"#path-for-animation-".concat(s)})})})]}),(0,p.jsxs)("div",{ref:l,className:n["peptide-card-popup"],style:{left:"".concat(a.lineEnd.x,"px"),top:"".concat(a.lineEnd.y,"px")},children:[(0,p.jsx)("h4",{className:n["card-title"],children:a.name}),(0,p.jsx)("div",{className:n["peptide-items"],children:a.peptides.map(((e,t)=>(0,p.jsxs)("div",{className:n["peptide-row"],children:[(0,p.jsx)(o.N_,{to:"/peptides/".concat(d(e.name)),className:n["peptide-name-link"],children:(0,p.jsx)("span",{className:n["peptide-name"],children:e.name})}),(0,p.jsx)("span",{className:n["peptide-effect"],children:e.effect})]},t)))}),(0,p.jsxs)(o.N_,{to:a.categoryLink||"/categories/".concat(d(a.name)),className:n["learn-more-link"],onClick:e=>{e.stopPropagation(),window.scrollTo(0,0)},children:["Learn more about ",a.name,(0,p.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:(0,p.jsx)("path",{d:"M5 12h14M12 5l7 7-7 7",strokeWidth:"2"})})]})]})]})]},s)}))})]})})]}),(0,p.jsx)("div",{className:n["info-column"],children:(0,p.jsx)(h,{})})]})})}}}]);