GAGA/promo.html at main · MANG-CODER/GAGA · 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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Promo | GAGA </title>
  <link rel="stylesheet" href="assets/css/style.css">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
  <link rel="icon" href="assets/img/logo.jpg" type="image/x-icon">

</head>

<body>

  <!-- NAVBAR -->
  <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm py-3 fixed-top" id="mainNavbar">
    <div class="container">

      <!-- Logo -->
      <a class="navbar-brand fw-bold" href="#">
        <img src="assets/img/logo.jpg" alt="Logo" width="90" height="70" class="me-2">
      </a>

      <!-- Toggle button -->
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMenu">
        <span class="navbar-toggler-icon"></span>
      </button>

      <!-- Menu -->
      <div class="collapse navbar-collapse" id="navbarMenu">
        <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
          <li class="nav-item">
            <a class="nav-link fw-semibold" href="index.html">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link fw-semibold" href="menu.html">Menu</a>
          </li>
          <!-- <li class="nav-item">
            <a class="nav-link fw-semibold" href="#">Store</a>
          </li> -->
          <li class="nav-item">
            <a class="nav-link fw-semibold" href="promo.html">Promo</a>
          </li>
          <li class="nav-item">
            <a class="nav-link fw-semibold" href="news.html">News</a>
          </li>
          <li class="nav-item">
            <a class="nav-link fw-semibold" href="contact.html">Contact Us</a>
          </li>
        </ul>

        <!-- Right Menu -->
        <div class="d-flex align-items-center gap-3">
          <a href="store.html" class="text-dark text-decoration-none">
            <i class="bi bi-geo-alt"></i> Find a store
          </a>

          <a href="#" class="btn btn-outline-dark rounded-pill px-3">
            Sign in
          </a>

          <a href="#" class="btn btn-dark rounded-pill px-3">
            Join now
          </a>
        </div>

      </div>
    </div>
  </nav>

  <!-- End NAVBAR -->

  <!-- PROMO SECTION -->
  <section class="promo-section">
    <div class="container promo-grid">

      <!-- Promo Card 1 -->
      <div class="promo-card dark">
        <div class="promo-content">
          <h3>New Signature Series</h3>
          <p>
            it’s giving soft, sweet, and chewy perfection🍠💫 <br>
            The Mochi Taro Series by @gaga.indo brings together taro, milk tea, and sticky rice pearl in every
            comforting sip. Which one’s your pick: classic or Thai milk tea?
          </p>
          <a href="menu.html" class="promo-btn">Explore Menu</a>
        </div>
        <div class="promo-image">
          <img src="https://cdn.minorfood.com/uploaded/brand/content/167349624863bf86b82463c.jpg"
            alt="GAGA Signature Drink">
        </div>
      </div>

      <!-- Promo Card 2 -->
      <div class="promo-card light">
        <div class="promo-image">
          <img src="assets/img/hero1.jpg" class="img-fluid w-50" alt="Limited Edition">
        </div>
        <div class="promo-content">
          <h3>Limited Time Only</h3>
          <p>
            Introducing "Scream Matcha" from GAGA CEREMONIAL MATCHA SERIES! 🍃 "Scream Matcha" (Scream Matcha) Formal
            Grade Organic Matcha 4 Layers! Matcha Latte, Matcha Mousse, Matcha Jelly and Matcha Mochi are full of flavor
            and premium in one glass!
          </p>
          <a href="promo.html" class="promo-btn outline">Explore Menu</a>
        </div>
      </div>

      <!-- Promo Card 3 -->
      <div class="promo-card dark">
        <div class="promo-content">
          <h3>12.12 Double Date</h3>
          <p>
            Double date? Double drink! Promo 12.12 bikin nongkrong di Batavia PIK makin seru bareng GAGA Thai Milk Tea.
            2 Thai Milk Tea cuma 30K!
          </p>
          <a href="menu.html" class="promo-btn">See Promo</a>
        </div>
        <div class="promo-image">
          <img src="assets/img/promo-sec3.jpg" alt="GAGA Signature Drink">
        </div>
      </div>

    </div>
  </section>
  <!-- End PROMO SECTION -->

  <!-- MENU SECTION -->
  <section class="menu-summary-section">
    <div class="container">

      <h2 class="menu-title">Promo Menu's</h2>

      <div class="menu-grid">

        <!-- Card 1 -->
        <div class="menu-card">
          <img src="assets/img/menu1.jpg" class="rounded-3" style="height: 220px;" alt="Matcha Latte">
          <div class="menu-info">
            <h4>GAGA Chocolate Dubai</h4>
            <div class="menu-rating">★ ★ ★ ★ ★</div>
            <p>Chocolate Dubai, Pistachio Mousse and Cunafa provides the premium chocolate experience you've been
              waiting for!.</p>
            <a href="menu.html" class="menu-btn">Learn More</a>
          </div>
        </div>

        <!-- Card 2 -->
        <div class="menu-card">
          <img src="assets/img/menu2.jpg" class="rounded-3" alt="Matcha Latte">
          <div class="menu-info">
            <h4>Mochi Taro Thai Milk Tea Sticky Rice Pearl</h4>
            <div class="menu-rating">★ ★ ★ ★</div>
            <p>Matcha pilihan dengan tekstur smooth dan rasa earthy.</p>
            <a href="menu.html" class="menu-btn">Learn More</a>
          </div>
        </div>

        <!-- Card 3 -->
        <div class="menu-card">
          <img src="assets/img/menu3.jpg" class="rounded-3" alt="Mochi Taro">
          <div class="menu-info">
            <h4>Mochi Taro Milk Tea Sticky Rice Pearl</h4>
            <div class="menu-rating">★ ★ ★ ★ ★</div>
            <p>Perpaduan taro lembut dengan topping mochi favorit.</p>
            <a href="menu.html" class="menu-btn">Learn More</a>
          </div>
        </div>

      </div>
    </div>
  </section>
  <!-- End MENU SECTION -->

  <!-- FOOTER -->
  <footer class="gaga-footer">
    <div class="container footer-grid">

      <!-- LOGO -->
      <div class="footer-brand">
        <img src="assets/img/logo.jpg" alt="GAGA Logo">
      </div>

      <!-- CUSTOMER CENTER -->
      <div class="footer-col">
        <h4>Office</h4>
        <p>
          Gedung Graha Arda<br>
          Lt. 6, Lobby A<br><br>
          Jl. H. R. Rasuna Said Kav B6.<br>
          Setiabudi, Jakarta Pusat<br>
          DKI Jakarta.
        </p>

        <p class="footer-wa">
          <i class="bi bi-whatsapp"></i> (021) 5220352
        </p>
      </div>

      <!-- CONSUMER PROTECTION -->
      <div class="footer-col">
        <h4>Consumer Complaints Service</h4>
        <p>
          Directorate General of Consumer Protection and Trade Compliance<br>
          Ministry of Trade of the Republic of Indonesia
        </p>

        <p class="footer-wa">
          WhatsApp Ditjen PKTN: 0853-1111-1010
        </p>
      </div>

    </div>

    <!-- BOTTOM -->
    <div class="footer-bottom">
      <div class="container footer-bottom-wrap">
        <p>
          © 2025 GAGA Indonesia •
          <a href="#">Terms</a> •
          <a href="#">Privacy</a>
        </p>

        <div class="footer-social">
          <a href="#" class="youtube"><i class="bi bi-youtube"></i></a>
          <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
          <a href="#" class="twitter"><i class="bi bi-twitter-x"></i></a>
          <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
        </div>
      </div>
    </div>
  </footer>
  <!-- END FOOTER -->


  <script src="assets/js/script.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
    crossorigin="anonymous"></script>
</body>

</html>