Тест нового дизайна клуба

погружение

Твой билет в личный без предел возможностей, где духовное и материальное становятся единым целым

Без предел с Ангелиной:

Закрытый клуб

Вступить в клуб

Пространство, где энергия перестаёт распыляться

И начинает работать на твою истинную реализацию — без выгорания, стресса и пустых усилий.

Среда людей, находящихся в реальном процессе развития

Без масок, конкуренции и иллюзий — с глубиной, честностью и взаимной поддержкой.

Путь с проводником, а не вслепую

Чтобы избегать повторяющихся ошибок и сильно ускорить свое движение к результатам.

Когда знаний уже много, но они
не складываются в работающую систему

Когда внутренний запрос на перемены есть, но действия постоянно откладываются

Когда старый сценарий жизни больше не работает, а новый ещё не оформлен

Когда деньги, реализация и отношения требуют пересборки, а не латания

Когда чувствуешь потенциал, но не понимаешь, как перевести его в конкретные результаты

Клуб – место для тех, кто находится в точке перехода

Keep Scrolling..

Yudiz

Thank you for scroll..

<section class="content-section section-stick">
  <div class="wrapper">
    <h3>Keep Scrolling..</h3>
  </div>
</section>
<section class="content-section">
</section>
<section class="eye-content">
  <div class="eye-wrapper">
    <div class="el-2">
      <p>Yudiz</p>
      <a>Yudiz</a>
    </div>
    <div class="el-1"></div>
  </div>
</section>
<section class="content-section">
  <div class="wrapper">
    <h3>Thank you for scroll..</h3>
  </div>
</section>

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  position: relative;
  background: #000;
  color: #fff;
  font-family: "Courier New", Courier, monospace;
}
section {
  min-height: 100vh;
  overflow: hidden;
}
.section-stick {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100000;
  pointer-events: none;
  opacity: 1;
}
.content-section {
  padding: 50px 0px;
  display: flex;
  align-items: center;
}
.wrapper {
  padding: 0px 15px;
  width: 1320px;
  margin: 0px auto;
  max-width: 100%;
}
h1 {
  font-size: 54px;
  line-height: 68px;
  font-family: "Courier Prime", monospace;
}
h3 {
  text-align: center;
}
p {
  font-size: 24px;
  line-height: 36px;
  font-family: "Courier Prime", monospace;
  margin-bottom: 40px;
}
/* Eye Content */
.eye-content {
  min-height: auto;
  position: relative;
  background-color: #fff;
  padding-top: 40%;
}
.el-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 125%;
  height: 100%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow: 0 0 0px 1000px #000;
  pointer-events: none;
}
.el-2 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.el-2 p {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%) scale(2.3);
  font-size: 248px;
  line-height: 300px;
  font-weight: 700;
  letter-spacing: 40px;
  font-family: "Courier New", Courier, monospace;
  color: #000;
  opacity: 0.1;
  text-align: center;
}
.el-2 a {
  position: relative;
  color: #fff;
  width: 20%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  background-color: #000;
  font-size: 48px;
  line-height: 58px;
  font-weight: 500;
  font-family: "Courier New", Courier, monospace;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.el-2 a:before,
.el-2 a:after {
  content: " ";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  border-radius: 50%;
  animation: wave 3s infinite ease-out;
  box-sizing: border-box;
}
.el-2 a:after {
  animation-delay: 1.4s;
}
@keyframes wave {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 34px;
    line-height: 42px;
  }
  p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }
  .el-2 p {
    font-size: 68px;
    line-height: 80px;
    letter-spacing: 0px;
  }
  .el-2 a {
    font-size: 18px;
    line-height: 22px;
  }
}

gsap.registerPlugin(ScrollTrigger);
gsap.set(".el-1", { height: "0%" });
gsap.set(".el-2", { filter: "blur(10px)" });
gsap.to(".section-stick", {
  ease: "easeInOut",
  duration: 1,
  opacity: 0,
  scrollTrigger: {
    trigger: ".el-1",
    start: "center center",
    end: "center center",
    toggleActions: "play none none reset",
    markers: false,
    scrub: false
  }
});
gsap.to(".eye-content", {
  ease: "none",
  scrollTrigger: {
    trigger: ".eye-content",
    start: "center center",
    end: "+=700",
    markers: false,
    pin: true,
    pinSpacing: true,
    scrub: 1
  }
});
gsap.to(".el-1", {
  height: "100%",
  ease: "none",
  scrollTrigger: {
    trigger: ".el-1",
    start: "center center",
    end: "+=500",
    markers: false,
    scrub: 0.5
  }
});
gsap.to(".el-2", {
  filter: "blur(0px)",
  ease: "none",
  scrollTrigger: {
    trigger: ".eye-content",
    start: "center center",
    end: "+=500",
    markers: false,
    scrub: 0.5
  }
});

Клуб – место для тех, кто находится в точке перехода

Ты буквально тонешь в потоке информации, но не знаешь, как ее применить в реальной жизни

Чувствуешь потенциал внутри. Даже начал подозревать, что ты не зря здесь и у тебя есть задачи, но не знаешь, как это реализовать. Словно держишь в руках суперсилу, но инструкция от неё потерялась

У тебя частые проблемы с деньгами и во взаимоотношениях с другими людьми. Жизнь словно один большой кармический урок под названием «выжить»

Не можешь выйти в свой истинный путь
и начать зарабатывать достойные деньги на своем любимом деле

Точно знаешь, что пора идти в перемены. Старый сценарий жизни уже трещит по швам, но переписать его всё не решаешься или не знаешь как

Окружающие не понимают твоих стремлений к материальному и духовному развитию, ты чувствуешь себя белой вороной

Потерял вдохновение, радость, вкус к жизни, ты идешь в одиночку. Сложно собраться, сложно сконцентрироваться и направить волю

Есть грандиозные планы, но что-то постоянно мешает сделать первый шаг или удержаться в этом намерении

Почему так происходит:

Школа

Институт

Работа

Бизнес

Семья

Статус

Ведь к определенным годам ты должен...

Но однажды в этих должен ты обнаруживаешь, что тебя в этом практически нет

Общество навязывает нам «правильный» сценарий жизни, в котором просто теряешь себя

Тебе знакомо, когда