<div aria-hidden="true" class="snowflakes">
   <div class="snowflake">
      <div class="inner">•</div>
   </div>
   <div class="snowflake">
      <div class="inner">•</div>
   </div>
   <div class="snowflake">
      <div class="inner">•</div>
   </div>
   <div class="snowflake">
      <div class="inner">•</div>
   </div>
   <div class="snowflake">
      <div class="inner">•</div>
   </div>
   <div class="snowflake">
      <div class="inner">•</div>
   </div>
   <div class="snowflake">
      <div class="inner">•</div>
   </div>
   <div class="snowflake">
      <div class="inner">•</div>
   </div>
   <div class="snowflake">
      <div class="inner">•</div>
   </div>
   <div class="snowflake">
      <div class="inner">•</div>
   </div>
   <div class="snowflake">
      <div class="inner">•</div>
   </div>
   <div class="snowflake">
      <div class="inner">•</div>
   </div>
</div>
<div style="align-items:center;flex-flow:column;gap:60px;display:flex">
   <section class="highlight">
      <div>
         <h3>Image Generation</h3>
         <p>Get unlimited FREE access to the leading image generation models with hyunGPT.</p>
      </div>
      <picture>
         <source srcset="https://i.imgur.com/Gl0lum2.png" type="image/png">
         <img src="https://i.imgur.com/Gl0lum2.png" alt="hyunGPT Image Generate Command">
      </picture>
   </section>
   <section class="highlight">
      <div>
         <h3>Image Recognition</h3>
         <p>hyunGPT is equipped with one of the most advanced image recognizing AI out there!</p>
      </div>
      <picture>
         <source srcset="https://i.imgur.com/mr1MSeC.png" type="image/png">
         <img src="https://i.imgur.com/mr1MSeC.png" alt="hyunGPT Recognizing Images">
      </picture>
   </section>
   <section class="highlight">
      <div>
         <h3>Internet Browsing</h3>
         <p>Experience a chatbot that can browse the web in real time and provide accurate updates to events.</p>
      </div>
      <picture>
         <source srcset="https://i.imgur.com/ehrnZwZ.png" type="image/png">
         <img src="https://i.imgur.com/ehrnZwZ.png" alt="hyunGPT Browsing Internet">
      </picture>
   </section>
</div>
<style>
   :root {
   --hyungpt-color: #9c8cc8;
   --hyungpt-hover: #7a6aa2;
   --text-contrast: #fff;
   --hyungpt-bot-icon: url("https://media.tenor.com/i7NO-ybMXkkAAAAi/pfp-frame.gif");
   --hyungpt-background-image: url("https://i.imgur.com/E2Pt0XW.png?maxwidth=2048&fidelity=high");
   --hyungpt-feature-bullet: url("https://cdn.discordapp.com/emojis/682349914109509656.webp?size=32&quality=lossless");
   --hyungpt-header-margin: 0;
   --accent: var(--hyungpt-color);
   --text-blue: var(--hyungpt-color);
   --link: var(--hyungpt-color);
   --brand: 156, 140, 200;
   --contrast-dark: var(--brand);
   --contrast-light: var(--brand);
   --top-gg-colors-brand-100: var(--hyungpt-color);
   --top-gg-colors-brand-80: var(--hyungpt-hover);
   --top-gg-colors-brand-60: var(--hyungpt-hover);
   --top-gg-colors-brand-40: var(--hyungpt-hover);
   --top-gg-colors-brand-20: var(--hyungpt-hover);
   path.StarRating__StyledPath-sc-14c4h6v-0.hYsIDf {
   attr(class "StarRating__StyledPath-sc-14c4h6v-0 iNruBJ");
   }
   }
   .highlight {
   max-width: 80%;
   width: 100%;
   align-items: center;
   display: flex;
   flex-flow: column;
   gap: 1rem;
   }
   .highlight > div {
   display: flex;
   flex-flow: column;
   gap: 1rem;
   }
   .highlight h3 {
   color: var(--top-gg-colors-brand-100);
   font-size: 2rem;
   margin: 0;
   text-align: center;
   }
   .highlight p {
   margin: 0;
   }
   .highlight img {
   border-radius: 1rem;
   width: 100%;
   }
</style>
<style>
   html, body {
   overflow-x: hidden;
   }
   ::-moz-selection {
   background: #00000047;
   }
   ::selection {
   background: #00000047;
   }
   img {
   -webkit-user-drag: none;
   -khtml-user-drag: none;
   -moz-user-drag: none;
   -o-user-drag: none;
   user-drag: none;
   }
   .css-1ebbhgf,
   .css-qy8lgb {
   animation: pulse 0.75s ease infinite alternate;
   }
   .css-1vcqbmk {
   position: relative;
   overflow: hidden;
   border-radius: var(--top-gg-radii-md);
   }
   .css-1vcqbmk:before {
   content: '';
   position: absolute;
   width: 100px;
   height: 100%;
   background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .8), rgba(255, 255, 255, 0) 70%);
   top: 0;
   left: -100px;
   animation: shine 2s infinite linear;
   z-index: 1;
   opacity: .5;
   pointer-events: none;
   }
   @keyframes shine {
   0% {left: -100px}
   20% {left: 100%}
   100% {left: 100%}
   }
   @keyframes pulse {
   0% {
   transform: scale(1);
   }
   100% {
   transform: scale(1.05);
   }
   }
   .css-z7ukdv {
   background: linear-gradient(330deg, rgb(0 202 255 / 20%) 0%, rgb(255 0 198 / 20%) 100%);
   background-attachment: fixed;
   }
   .css-103ob63 > div:not(.css-lldbxy) {
   background-color: #00000061 !important;
   }
   .swipe-button {
   position: relative;
   overflow: hidden;
   border-radius: 8px;
   }
   .swipe-button::after {
   content: "";
   position: absolute;
   top: -50%;
   left: -50%;
   width: 200%;
   height: 200%;
   background: linear-gradient(
   to bottom right, 
   rgba(255, 255, 255, 0) 0%,
   rgba(255, 255, 255, 0) 40%,
   rgba(255, 255, 255, 0.4) 50%,
   rgba(255, 255, 255, 0) 60%,
   rgba(255, 255, 255, 0) 100%
   );
   transform: rotate(45deg);
   animation: swipeRotate 3s infinite;
   }
   @keyframes swipeRotate {
   0% {
   transform: rotate(45deg) translateY(0%);
   }
   100% {
   transform: rotate(45deg) translateY(100%);
   }
   }
   ::-webkit-scrollbar-track {
   background: #130f24;
   }
   .iNruBJ {
   stroke: yellow;
   fill: yellow;
   }
   .hYsIDf {
   stroke: yellow;
   }
   .css-rd8i1m {
   padding-right: 55px;
   }
   .css-rd8i1m:after {
   content: " AI";
   color: var(--top-gg-colors-text-100);
   border-radius: 5px;
   font-size: 14px;
   padding: 2px 7px 2px 24px; /* Reduced left padding */
   position: absolute;
   height: 20px;
   line-height: 20px;
   transform: translate(16px, 16px);
   background-image: 
   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-rule='evenodd' d='M19.06 6.94a1.5 1.5 0 0 1 0 2.12l-8 8a1.5 1.5 0 0 1-2.12 0l-4-4a1.5 1.5 0 0 1 2.12-2.12L10 13.88l6.94-6.94a1.5 1.5 0 0 1 2.12 0Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E"),
   linear-gradient(300deg, rgb(65, 185, 255) 0%, rgb(30, 115, 190) 100%);
   background-repeat: no-repeat, no-repeat;
   background-position: 4px center, center; 
   background-size: 20px 20px, cover;
   }   .css-1xdhyk6 {
   position: relative;
   }
   .css-1xdhyk6:after {
   content: "💬";
   position: absolute;
   right: 0px;
   bottom: 10px;
   transform: scale(2.7);
   color: #fff;
   }
   .css-1pn7y0a {
   white-space: nowrap;
   }
   @media screen and (max-width: 767px) {
   .css-1xdhyk6:after {
   right: 0px;
   bottom: 3px;
   transform: scale(1.8);
   }
   .css-rd8i1m {
   padding-right: 40px;
   }
   .css-rd8i1m:after {
   font-size: 10px;
   padding: 0 5px;
   height: 18px;
   line-height: 18px;
   transform: translate(15px, 3px);
   }
   }
   .idmJwa {
   object-fit: cover;
   object-position: center top;
   inset: var(--top-gg-space-0);
   width: 100vw;
   height: 50vh;
   max-height: 90vh;
   opacity: 0.1;
   mask-image: linear-gradient(to top, transparent 2%, black 95%);
   background-image: url(https://imgur.com/Zte7NmM.jpeg);
   }
</style>
<style>
   .snowflakes {
   position: absolute;
   pointer-events: none;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   }
   .snowflake {
   color: #fff;
   font-size: 1em;
   font-family: Arial, sans-serif;
   text-shadow: 0 0 5px #000;
   pointer-events: none;
   opacity: .1;
   }
   .snowflake,.snowflake .inner{animation-iteration-count:infinite;animation-play-state:running}@keyframes snowflakes-fall{0%{transform:translateY(0)}100%{transform:translateY(110vh)}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;user-select:none;cursor:default;animation-name:snowflakes-shake;animation-duration:3s;animation-timing-function:ease-in-out}.snowflake .inner{animation-duration:10s;animation-name:snowflakes-fall;animation-timing-function:linear}.snowflake:nth-of-type(0){left:1%;animation-delay:0s}.snowflake:nth-of-type(0) .inner{animation-delay:0s}.snowflake:first-of-type{left:10%;animation-delay:1s}.snowflake:first-of-type .inner,.snowflake:nth-of-type(8) .inner{animation-delay:1s}.snowflake:nth-of-type(2){left:20%;animation-delay:.5s}.snowflake:nth-of-type(2) .inner,.snowflake:nth-of-type(6) .inner{animation-delay:6s}.snowflake:nth-of-type(3){left:30%;animation-delay:2s}.snowflake:nth-of-type(11) .inner,.snowflake:nth-of-type(3) .inner{animation-delay:4s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s}.snowflake:nth-of-type(10) .inner,.snowflake:nth-of-type(4) .inner{animation-delay:2s}.snowflake:nth-of-type(5){left:50%;animation-delay:3s}.snowflake:nth-of-type(5) .inner{animation-delay:8s}.snowflake:nth-of-type(6){left:60%;animation-delay:2s}.snowflake:nth-of-type(7){left:70%;animation-delay:1s}.snowflake:nth-of-type(7) .inner{animation-delay:2.5s}.snowflake:nth-of-type(8){left:80%;animation-delay:0s}.snowflake:nth-of-type(9){left:90%;animation-delay:1.5s}.snowflake:nth-of-type(9) .inner{animation-delay:3s}.snowflake:nth-of-type(10){left:25%;animation-delay:0s}.snowflake:nth-of-type(11){left:65%;animation-delay:2.5s}
</style>

hyunGPT

✨MUSIC GENERATION | Multipurpose GPT-4 assistant & ai image generator that's BETTER than Midjourney! Reads images and files, all for free!

Voting for hyunGPT