PowerPC/index.html at master · Pedro8b/PowerPC · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Power PC - Магазин мощных компьютеров</title>

  <!-- Подключаем все CSS файлы -->
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/home.css">
  <link rel="stylesheet" href="css/responsive.css">
</head>

<body>
  <!-- Шапка сайта -->
  <header class="header">
    <a href="index.html" class="logo-link">
      <div class="logo">
        <img src="images/Logo.png" alt="Power PC Logo" class="logo-image">
        <div class="logo-text">
          <h1>Power PC</h1>
          <p>Только самые мощные компьютеры</p>
        </div>
      </div>
    </a>
    <nav class="main-menu">
      <ul>
        <li><a href="catalog.html">Каталог ПК</a></li>
        <li><a href="contacts.html">Контакты</a></li>
        <li><a href="favorites.html">Избранное <span id="favoritesCount"
              style="display: none; background: #c68aff; color: white; padding: 2px 8px; border-radius: 10px; font-size: 0.8rem; margin-left: 5px;">0</span></a>
        </li>
        <li><a href="cart.html">Корзина <span id="cartCount"
              style="display: none; background: #c68aff; color: white; padding: 2px 8px; border-radius: 10px; font-size: 0.8rem; margin-left: 5px;">0</span></a>
        </li>
        <li><a href="login.html" id="authLink">Войти</a></li>
      </ul>
    </nav>
  </header>

  <!-- Основной контент -->
  <main class="main-content">
    <!-- Главный компьютер и приветствие -->
    <section class="main-showcase">
      <div class="showcase-container grid-2-columns">
        <!-- Изображение компьютера -->
        <div class="computer-showcase card">
          <a href="Product.html">
            <div class="computer-image-main">
              <img src="images/Green Monster.jpg" alt="Green Monster RTX 4080">
              <div class="computer-badge badge-hot">ХИТ СЕЗОНА</div>
            </div>
            <div class="computer-specs-main">
              <h3>Gamer Beast RTX 4080</h3>
              <ul>
                <li>Intel Core i9-13900K</li>
                <li>NVIDIA RTX 4080 16GB</li>
                <li>32GB DDR5 RAM</li>
                <li>2TB NVMe SSD</li>
              </ul>
              <div class="price-main">245 000 ₽</div>
            </div>
          </a>
        </div>

        <!-- Текст приветствия -->
        <div class="welcome-text">
          <h2>Добро пожаловать в эпоху мощности</h2>

          <div class="welcome-content">
            <blockquote class="power-quote">
              "Мы помогаем создавать будущее"
            </blockquote>

            <div class="vision-text">
              <p>В мире, где технологии определяют границы возможного, <strong>Power PC</strong> стирает эти границы.
                Каждая наша система — это тщательно сбалансированный инструмент, созданный для тех, кто отказывается
                довольствоваться средним.</p>

              <p>С 2015 года мы объединяем передовые технологии с человеческим мастерством, помогая:</p>

              <ul class="clients-list">
                <li><strong>Геймерам</strong> — покорять вершины киберспорта</li>
                <li><strong>Создателям</strong> — воплощать самые смелые проекты</li>
                <li><strong>Профессионалам</strong> — достигать невероятной продуктивности</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>

  <!-- Улучшенный блок преимуществ -->
  <section class="enhanced-advantages">
    <div class="advantages-header">
      <h2>Почему Power PC — это правильный выбор?</h2>
      <p>Мы не просто продаем компьютеры — мы создаем инструменты для вашего успеха</p>
    </div>

    <div class="advantages-showcase">
      <div class="advantage-feature">
        <div class="feature-visual features-container">
          <div class="emoticon-filter">
          <div class="pulse-dot"><img src="images/cpu.png" width="200px"></div>
          <div class="tech-circle"><img src="images/cpu.png" width="200px"></div>
          </div>

        </div>
        <div class="feature-content">
          <h3>Максимальная производительность</h3>
          <p>Каждый компьютер собирается из тщательно отобранных компонентов премиум-класса. Мы тестируем каждую
            систему в экстремальных условиях, чтобы гарантировать стабильность даже при максимальных нагрузках.
          </p>
          <ul class="feature-benefits">
            <li>Компоненты напрямую от производителя</li>
            <li>Индивидуальный разгон компонентов</li>
            <li>Системы охлаждения премиум-класса</li>
          </ul>
        </div>
      </div>

      <div class="advantage-feature reverse">
        <div class="feature-visual features-container">
          <div class="emoticon-filter">
            <div class="pulse-dot"><img src="images/tools.png" width="200px"></div>
            <div class="tech-circle"><img src="images/tools.png" width="200px"></div>
          </div>
        </div>
        <div class="feature-content">
          <h3>Профессиональная сборка</h3>
          <p>Наши инженеры имеют более 10 лет опыта в создании высокопроизводительных систем. Каждый кабель
            аккуратно проложен, каждый компонент закреплен с ювелирной точностью.</p>
          <ul class="feature-benefits">
            <li>Опытные сборщики</li>
            <li>Кастомный кабель-менеджмент</li>
            <li>Установка лицензионной ОС</li>
          </ul>
        </div>
      </div>

      <div class="advantage-feature">
        <div class="feature-visual features-container">
          <div class="emoticon-filter">
            <div class="pulse-dot"><img src="images/support.png" width="200px"></div>
            <div class="tech-circle"><img src="images/support.png" width="200px"></div>
          </div>
        </div>
        <div class="feature-content">
          <h3>Премиальная поддержка</h3>
          <p>Мы сопровождаем вас на всех этапах — от выбора конфигурации до ежедневного использования. Наша
            техническая поддержка доступна 24/7 для решения любых вопросов.</p>
          <ul class="feature-benefits">
            <li>Помощь при выборе ПК</li>
            <li>Круглосуточная техподдержка</li>
            <li>Расширенная гарантия 3 года</li>
          </ul>
        </div>
      </div>
    </div>
    <!-- Кнопка смотреть коллекцию -->
    <div class="showcase-actions">
      <h1 class="catalogref-text">Мощь, которая вдохновляет</h1>
      <a href="catalog.html" class="btn btn-large btn-primary">Смотреть всю коллекцию</a>
    </div>
  </section>

  <!-- Подвал -->
  <footer class="footer">
    <p>&copy; 2024 Power PC. Магазин мощных компьютеров. Все права защищены.</p>
  </footer>

  <!-- Подключаем скрипт для проверки авторизации -->
  <script src="js/auth-api.js"></script>
  <script>
    // Проверяем авторизацию и обновляем ссылку в меню
    document.addEventListener('DOMContentLoaded', async function () {
      const result = await authAPI.checkAuth();

      if (result.authenticated) {
        const authLink = document.getElementById('authLink');
        if (authLink && result.user) {
          authLink.textContent = result.user.name;
          authLink.href = 'account.html';
        }
      }
    });
  </script>
</body>

</html>