Hugging Face's logo

Spaces:
Dimas11
/
test-1
Running

App Files Community
Dimas11 commited on
Commit
bb213f0
·
verified ·
1 Parent(s): 14c6fb6

undefined - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +555 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Test 1
3
- emoji: 🌖
4
- colorFrom: gray
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: test-1
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,555 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="id">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Naturasweet - Gula Kelapa Premium Organik</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#8B4513',
15
+ secondary: '#D2691E',
16
+ accent: '#F5DEB3',
17
+ natural: '#FFF8DC',
18
+ darkbrown: '#5D4037'
19
+ }
20
+ }
21
+ }
22
+ }
23
+ </script>
24
+ <style>
25
+ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Poppins:wght@300;400;500;600&display=swap');
26
+
27
+ body {
28
+ font-family: 'Poppins', sans-serif;
29
+ background-color: #FFFDF5;
30
+ color: #5D4037;
31
+ }
32
+
33
+ h1, h2, h3, h4 {
34
+ font-family: 'Playfair Display', serif;
35
+ }
36
+
37
+ .hero-pattern {
38
+ background: radial-gradient(circle, rgba(255,253,245,0.8) 0%, rgba(245,222,179,0.6) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Crect fill='%23f5deb3' width='100' height='100'/%3E%3Cpath d='M0,0 L100,100 M100,0 L0,100' stroke='%23d2691e' stroke-width='2' opacity='0.1'/%3E%3C/svg%3E");
39
+ background-size: cover;
40
+ }
41
+
42
+ .coconut-shape {
43
+ clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
44
+ }
45
+
46
+ .text-shadow {
47
+ text-shadow: 2px 2px 4px rgba(93, 64, 55, 0.3);
48
+ }
49
+
50
+ .floating {
51
+ animation: floating 3s ease-in-out infinite;
52
+ }
53
+
54
+ @keyframes floating {
55
+ 0% { transform: translateY(0px); }
56
+ 50% { transform: translateY(-10px); }
57
+ 100% { transform: translateY(0px); }
58
+ }
59
+
60
+ .ingredient-container:hover .ingredient-img {
61
+ transform: translateY(-10px);
62
+ }
63
+
64
+ .ingredient-img {
65
+ transition: transform 0.3s ease;
66
+ }
67
+
68
+ .testimonial-avatar {
69
+ filter: drop-shadow(0 4px 6px rgba(139, 69, 19, 0.2));
70
+ }
71
+
72
+ .benefit-card {
73
+ transition: all 0.3s ease;
74
+ box-shadow: 0 4px 6px rgba(139, 69, 19, 0.1);
75
+ }
76
+
77
+ .benefit-card:hover {
78
+ transform: translateY(-5px);
79
+ box-shadow: 0 10px 15px rgba(139, 69, 19, 0.2);
80
+ }
81
+ </style>
82
+ </head>
83
+ <body>
84
+ <!-- Header -->
85
+ <header class="sticky top-0 z-50 bg-white shadow-md">
86
+ <div class="container mx-auto px-4">
87
+ <nav class="flex justify-between items-center py-4">
88
+ <div class="flex items-center">
89
+ <div class="w-10 h-10 rounded-full bg-secondary flex items-center justify-center mr-3">
90
+ <div class="w-8 h-8 rounded-full bg-primary"></div>
91
+ </div>
92
+ <span class="text-xl font-bold text-primary">Naturasweet</span>
93
+ </div>
94
+
95
+ <div class="hidden md:flex space-x-8">
96
+ <a href="#beranda" class="text-primary font-medium hover:text-secondary transition">Beranda</a>
97
+ <a href="#produk" class="text-primary font-medium hover:text-secondary transition">Produk</a>
98
+ <a href="#manfaat" class="text-primary font-medium hover:text-secondary transition">Manfaat</a>
99
+ <a href="#proses" class="text-primary font-medium hover:text-secondary transition">Proses</a>
100
+ <a href="#testimoni" class="text-primary font-medium hover:text-secondary transition">Testimoni</a>
101
+ </div>
102
+
103
+ <div class="flex items-center">
104
+ <button class="bg-primary text-white px-4 py-2 rounded-full hover:bg-secondary transition">
105
+ Pesan Sekarang
106
+ </button>
107
+ <button class="ml-4 text-primary md:hidden">
108
+ <i class="fas fa-bars text-xl"></i>
109
+ </button>
110
+ </div>
111
+ </nav>
112
+ </div>
113
+ </header>
114
+
115
+ <!-- Hero Section -->
116
+ <section id="beranda" class="hero-pattern py-16 md:py-24">
117
+ <div class="container mx-auto px-4">
118
+ <div class="flex flex-col md:flex-row items-center">
119
+ <div class="md:w-1/2 mb-12 md:mb-0">
120
+ <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-darkbrown mb-6 text-shadow">
121
+ <span class="text-secondary">Gula Kelapa</span> Premium Organik
122
+ </h1>
123
+ <p class="text-lg text-darkbrown mb-8 max-w-xl">
124
+ Rasa manis alami tanpa pengawet yang kaya akan manfaat kesehatan. Dipetik langsung dari kelapa pilihan dan diproses secara tradisional.
125
+ </p>
126
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
127
+ <button class="bg-secondary text-white px-6 py-3 rounded-full font-medium hover:bg-primary transition shadow-lg">
128
+ Beli Sekarang
129
+ </button>
130
+ <button class="bg-white border-2 border-secondary text-secondary px-6 py-3 rounded-full font-medium hover:bg-accent transition">
131
+ Lihat Produk
132
+ </button>
133
+ </div>
134
+ </div>
135
+ <div class="md:w-1/2 relative">
136
+ <div class="flex justify-center">
137
+ <div class="relative">
138
+ <div class="coconut-shape w-64 h-72 bg-gradient-to-r from-primary to-secondary relative floating"></div>
139
+ <div class="absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center">
140
+ <div class="text-white text-2xl font-bold text-center">
141
+ <div class="text-shadow">Gula Kelapa</div>
142
+ <div class="text-accent text-xl">Premium Grade</div>
143
+ </div>
144
+ </div>
145
+ </div>
146
+ </div>
147
+ <div class="absolute -bottom-6 -right-4 w-32 h-32 rounded-full bg-accent border-8 border-white shadow-xl">
148
+ <div class="flex items-center justify-center h-full">
149
+ <span class="text-primary font-bold text-lg">100%</span>
150
+ <span class="text-sm ml-1">Alami</span>
151
+ </div>
152
+ </div>
153
+ </div>
154
+ </div>
155
+ </div>
156
+ </section>
157
+
158
+ <!-- Featured Products -->
159
+ <section id="produk" class="py-16 bg-natural">
160
+ <div class="container mx-auto px-4">
161
+ <div class="text-center mb-16">
162
+ <h2 class="text-3xl md:text-4xl font-bold text-darkbrown">Produk Unggulan Kami</h2>
163
+ <div class="w-24 h-1 bg-secondary mx-auto mt-2 mb-6"></div>
164
+ <p class="text-darkbrown max-w-2xl mx-auto">
165
+ Berbagai bentuk gula kelapa premium untuk memenuhi kebutuhan kuliner Anda
166
+ </p>
167
+ </div>
168
+
169
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
170
+ <!-- Product 1 -->
171
+ <div class="bg-white rounded-2xl shadow-lg overflow-hidden">
172
+ <div class="h-48 bg-gradient-to-r from-secondary to-primary flex items-center justify-center relative">
173
+ <div class="absolute top-4 left-4 bg-accent text-primary px-3 py-1 rounded-full text-sm font-bold">
174
+ Terlaris
175
+ </div>
176
+ <div class="text-center">
177
+ <div class="w-32 h-32 rounded-full bg-white bg-opacity-20 flex items-center justify-center mx-auto">
178
+ <div class="w-24 h-24 rounded-full bg-white"></div>
179
+ </div>
180
+ </div>
181
+ </div>
182
+ <div class="p-6">
183
+ <h3 class="text-xl font-bold text-darkbrown">Gula Kelapa Kristal</h3>
184
+ <p class="text-gray-600 my-4">
185
+ Gula kelapa bentuk kristal halus, mudah larut dan praktis untuk berbagai kebutuhan
186
+ </p>
187
+ <div class="flex justify-between items-center">
188
+ <span class="text-xl font-bold text-secondary">Rp 35.000</span>
189
+ <button class="bg-primary text-white px-4 py-2 rounded-full text-sm hover:bg-secondary">
190
+ Tambah ke Keranjang
191
+ </button>
192
+ </div>
193
+ </div>
194
+ </div>
195
+
196
+ <!-- Product 2 -->
197
+ <div class="bg-white rounded-2xl shadow-lg overflow-hidden">
198
+ <div class="h-48 bg-gradient-to-r from-accent to-primary flex items-center justify-center">
199
+ <div class="text-center">
200
+ <div class="w-32 h-32 rounded-full bg-white bg-opacity-20 flex items-center justify-center mx-auto">
201
+ <div class="w-24 h-24 rounded-full bg-white"></div>
202
+ </div>
203
+ </div>
204
+ </div>
205
+ <div class="p-6">
206
+ <h3 class="text-xl font-bold text-darkbrown">Gula Kelapa Batok</h3>
207
+ <p class="text-gray-600 my-4">
208
+ Gula kelapa cetakan batok kelapa tradisional dengan aroma khas yang kuat
209
+ </p>
210
+ <div class="flex justify-between items-center">
211
+ <span class="text-xl font-bold text-secondary">Rp 28.000</span>
212
+ <button class="bg-primary text-white px-4 py-2 rounded-full text-sm hover:bg-secondary">
213
+ Tambah ke Keranjang
214
+ </button>
215
+ </div>
216
+ </div>
217
+ </div>
218
+
219
+ <!-- Product 3 -->
220
+ <div class="bg-white rounded-2xl shadow-lg overflow-hidden">
221
+ <div class="h-48 bg-gradient-to-r from-primary to-darkbrown flex items-center justify-center relative">
222
+ <div class="absolute top-4 left-4 bg-accent text-primary px-3 py-1 rounded-full text-sm font-bold">
223
+ Baru
224
+ </div>
225
+ <div class="text-center">
226
+ <div class="w-32 h-32 rounded-full bg-white bg-opacity-20 flex items-center justify-center mx-auto">
227
+ <div class="w-24 h-24 rounded-full bg-white"></div>
228
+ </div>
229
+ </div>
230
+ </div>
231
+ <div class="p-6">
232
+ <h3 class="text-xl font-bold text-darkbrown">Gula Kelapa Cair</h3>
233
+ <p class="text-gray-600 my-4">
234
+ Sirup gula kelapa kemasan botol, siap pakai untuk minuman dan kue
235
+ </p>
236
+ <div class="flex justify-between items-center">
237
+ <span class="text-xl font-bold text-secondary">Rp 45.000</span>
238
+ <button class="bg-primary text-white px-4 py-2 rounded-full text-sm hover:bg-secondary">
239
+ Tambah ke Keranjang
240
+ </button>
241
+ </div>
242
+ </div>
243
+ </div>
244
+ </div>
245
+ </div>
246
+ </section>
247
+
248
+ <!-- Benefits Section -->
249
+ <section id="manfaat" class="py-16 bg-white">
250
+ <div class="container mx-auto px-4">
251
+ <div class="text-center mb-16">
252
+ <h2 class="text-3xl md:text-4xl font-bold text-darkbrown">Manfaat Gula Kelapa Premium</h2>
253
+ <div class="w-24 h-1 bg-secondary mx-auto mt-2 mb-6"></div>
254
+ <p class="text-darkbrown max-w-2xl mx-auto">
255
+ Pilihan pemanis yang lebih sehat untuk gaya hidup modern
256
+ </p>
257
+ </div>
258
+
259
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
260
+ <!-- Benefit 1 -->
261
+ <div class="benefit-card bg-natural rounded-xl p-6">
262
+ <div class="w-16 h-16 rounded-full bg-primary flex items-center justify-center mb-4">
263
+ <i class="fas fa-heart text-white text-2xl"></i>
264
+ </div>
265
+ <h3 class="text-xl font-bold text-darkbrown mb-2">Rendah Indeks Glikemik</h3>
266
+ <p class="text-gray-600">Hanya 35 GI, lebih sehat dibandingkan gula pasir biasa (65 GI)</p>
267
+ </div>
268
+
269
+ <!-- Benefit 2 -->
270
+ <div class="benefit-card bg-natural rounded-xl p-6">
271
+ <div class="w-16 h-16 rounded-full bg-secondary flex items-center justify-center mb-4">
272
+ <i class="fas fa-seedling text-white text-2xl"></i>
273
+ </div>
274
+ <h3 class="text-xl font-bold text-darkbrown mb-2">Kaya Nutrisi</h3>
275
+ <p class="text-gray-600">Mengandung mineral penting seperti zat besi, seng, kalium, dan vitamin B</p>
276
+ </div>
277
+
278
+ <!-- Benefit 3 -->
279
+ <div class="benefit-card bg-natural rounded-xl p-6">
280
+ <div class="w-16 h-16 rounded-full bg-primary flex items-center justify-center mb-4">
281
+ <i class="fas fa-brain text-white text-2xl"></i>
282
+ </div>
283
+ <h3 class="text-xl font-bold text-darkbrown mb-2">Antioksidan Tinggi</h3>
284
+ <p class="text-gray-600">Mengandung polifenol, flavonoid, dan antosianin untuk melawan radikal bebas</p>
285
+ </div>
286
+
287
+ <!-- Benefit 4 -->
288
+ <div class="benefit-card bg-natural rounded-xl p-6">
289
+ <div class="w-16 h-16 rounded-full bg-secondary flex items-center justify-center mb-4">
290
+ <i class="fas fa-hand-holding-medical text-white text-2xl"></i>
291
+ </div>
292
+ <h3 class="text-xl font-bold text-darkbrown mb-2">Organik & Alami</h3>
293
+ <p class="text-gray-600">Dibuat tanpa bahan kimia, pengawet, atau pemutih</p>
294
+ </div>
295
+ </div>
296
+ </div>
297
+ </section>
298
+
299
+ <!-- Production Process -->
300
+ <section id="proses" class="py-16 bg-gradient-to-b from-white to-natural">
301
+ <div class="container mx-auto px-4">
302
+ <div class="text-center mb-16">
303
+ <h2 class="text-3xl md:text-4xl font-bold text-darkbrown">Proses Tradisional Berkualitas</h2>
304
+ <div class="w-24 h-1 bg-secondary mx-auto mt-2 mb-6"></div>
305
+ <p class="text-darkbrown max-w-2xl mx-auto">
306
+ Menjaga keaslian dan kemurnian melalui teknik pengolahan tradisional
307
+ </p>
308
+ </div>
309
+
310
+ <div class="flex flex-col md:flex-row items-center justify-between mb-16">
311
+ <div class="md:w-5/12 mb-10 md:mb-0">
312
+ <h3 class="text-2xl font-bold text-darkbrown mb-6">Penghasil Petani Lokal</h3>
313
+ <p class="text-gray-600 mb-6">
314
+ Bunga kelapa disadap langsung oleh petani lokal berpengalaman dari perkebunan kelapa organik di Jawa dan Sumatra
315
+ </p>
316
+ <div class="bg-accent p-4 rounded-lg border-l-4 border-secondary">
317
+ <p class="text-darkbrown">
318
+ "Kami hanya menyadap bunga kelapa pada waktu terbaik untuk mendapatkan nira dengan rasa dan kualitas terbaik"
319
+ </p>
320
+ </div>
321
+ </div>
322
+ <div class="md:w-6/12">
323
+ <div class="relative">
324
+ <div class="w-full h-80 bg-gradient-to-r from-secondary to-primary rounded-2xl relative overflow-hidden">
325
+ <div class="absolute inset-0 flex flex-col items-center justify-center text-white p-6 text-center">
326
+ <i class="fas fa-crown text-4xl mb-4"></i>
327
+ <div class="text-xl font-bold">Kelapa Unggulan</div>
328
+ <div>Ditanam secara organik</div>
329
+ </div>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ </div>
334
+
335
+ <div class="flex flex-col md:flex-row items-center justify-between mb-16">
336
+ <div class="md:w-6/12 order-1 md:order-2 mb-10 md:mb-0 md:pl-8">
337
+ <h3 class="text-2xl font-bold text-darkbrown mb-6">Proses Pemasakan Tradisional</h3>
338
+ <p class="text-gray-600 mb-6">
339
+ Nira kelapa dipanaskan dalam wajan tembaga dengan suhu terkontrol untuk menghasilkan karamel yang sempurna
340
+ </p>
341
+ <ul class="space-y-3">
342
+ <li class="flex items-start">
343
+ <i class="fas fa-check-circle text-secondary mt-1 mr-2"></i>
344
+ <span>Mempertahankan aroma khas kelapa</span>
345
+ </li>
346
+ <li class="flex items-start">
347
+ <i class="fas fa-check-circle text-secondary mt-1 mr-2"></i>
348
+ <span>Tanpa penambahan bahan kimia apapun</span>
349
+ </li>
350
+ <li class="flex items-start">
351
+ <i class="fas fa-check-circle text-secondary mt-1 mr-2"></i>
352
+ <span>Waktu pemasakan optimal 90 menit</span>
353
+ </li>
354
+ </ul>
355
+ </div>
356
+ <div class="md:w-5/12 order-2 md:order-1">
357
+ <div class="relative">
358
+ <div class="w-full h-80 bg-gradient-to-r from-primary to-secondary rounded-2xl relative overflow-hidden">
359
+ <div class="absolute inset-0 flex flex-col items-center justify-center text-white p-6 text-center">
360
+ <i class="fas fa-fire text-4xl mb-4"></i>
361
+ <div class="text-xl font-bold">Pemasakan Tradisional</div>
362
+ <div>Wajan tembaga di atas tungku kayu</div>
363
+ </div>
364
+ </div>
365
+ </div>
366
+ </div>
367
+ </div>
368
+ </div>
369
+ </section>
370
+
371
+ <!-- Testimonials -->
372
+ <section id="testimoni" class="py-16 bg-white">
373
+ <div class="container mx-auto px-4">
374
+ <div class="text-center mb-16">
375
+ <h2 class="text-3xl md:text-4xl font-bold text-darkbrown">Apa Kata Pelanggan</h2>
376
+ <div class="w-24 h-1 bg-secondary mx-auto mt-2 mb-6"></div>
377
+ <p class="text-darkbrown max-w-2xl mx-auto">
378
+ Testimoni nyata dari pengguna produk Naturasweet
379
+ </p>
380
+ </div>
381
+
382
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
383
+ <!-- Testimonial 1 -->
384
+ <div class="bg-natural p-6 rounded-xl">
385
+ <div class="flex items-center mb-4">
386
+ <div class="w-12 h-12 testimonial-avatar bg-gray-200 rounded-full overflow-hidden flex-shrink-0">
387
+ <div class="bg-primary w-full h-full flex items-center justify-center text-white">
388
+ <span>D</span>
389
+ </div>
390
+ </div>
391
+ <div class="ml-4">
392
+ <h4 class="font-bold text-darkbrown">Dian Rahayu</h4>
393
+ <div class="flex text-yellow-400">
394
+ <i class="fas fa-star"></i>
395
+ <i class="fas fa-star"></i>
396
+ <i class="fas fa-star"></i>
397
+ <i class="fas fa-star"></i>
398
+ <i class="fas fa-star"></i>
399
+ </div>
400
+ </div>
401
+ </div>
402
+ <p class="text-gray-600 italic">
403
+ "Sejak beralih ke Naturasweet untuk kopi sehari-hari, saya merasakan rasa manis yang lebih lembut dan tidak membuat tenggorokan kering. Rasanya benar-benar natural!"
404
+ </p>
405
+ </div>
406
+
407
+ <!-- Testimonial 2 -->
408
+ <div class="bg-natural p-6 rounded-xl">
409
+ <div class="flex items-center mb-4">
410
+ <div class="w-12 h-12 testimonial-avatar bg-gray-200 rounded-full overflow-hidden flex-shrink-0">
411
+ <div class="bg-primary w-full h-full flex items-center justify-center text-white">
412
+ <span>R</span>
413
+ </div>
414
+ </div>
415
+ <div class="ml-4">
416
+ <h4 class="font-bold text-darkbrown">Rendra Kurniawan</h4>
417
+ <div class="flex text-yellow-400">
418
+ <i class="fas fa-star"></i>
419
+ <i class="fas fa-star"></i>
420
+ <i class="fas fa-star"></i>
421
+ <i class="fas fa-star"></i>
422
+ <i class="fas fa-star-half-alt"></i>
423
+ </div>
424
+ </div>
425
+ </div>
426
+ <p class="text-gray-600 italic">
427
+ "Produk yang luar biasa! Aromanya harum kelapa khas dan warnanya kecoklatan alami. Sangat cocok untuk kue tradisional yang saya jual."
428
+ </p>
429
+ </div>
430
+
431
+ <!-- Testimonial 3 -->
432
+ <div class="bg-natural p-6 rounded-xl">
433
+ <div class="flex items-center mb-4">
434
+ <div class="w-12 h-12 testimonial-avatar bg-gray-200 rounded-full overflow-hidden flex-shrink-0">
435
+ <div class="bg-primary w-full h-full flex items-center justify-center text-white">
436
+ <span>S</span>
437
+ </div>
438
+ </div>
439
+ <div class="ml-4">
440
+ <h4 class="font-bold text-darkbrown">Sinta Dewi</h4>
441
+ <div class="flex text-yellow-400">
442
+ <i class="fas fa-star"></i>
443
+ <i class="fas fa-star"></i>
444
+ <i class="fas fa-star"></i>
445
+ <i class="fas fa-star"></i>
446
+ <i class="fas fa-star"></i>
447
+ </div>
448
+ </div>
449
+ </div>
450
+ <p class="text-gray-600 italic">
451
+ "Sebagai penderita diabetes ringan, saya sangat terbantu dengan gula kelapa kristal ini. Tidak bikin gula darah naik dan rasanya tetap enak."
452
+ </p>
453
+ </div>
454
+ </div>
455
+ </div>
456
+ </section>
457
+
458
+ <!-- CTA Section -->
459
+ <section class="py-16 bg-gradient-to-r from-primary to-secondary">
460
+ <div class="container mx-auto px-4">
461
+ <div class="max-w-4xl mx-auto text-center">
462
+ <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Siap Beralih ke Gula Kelapa yang Lebih Sehat?</h2>
463
+ <p class="text-white mb-8 max-w-2xl mx-auto">
464
+ Nikmati rasa manis alami yang rendah indeks glikemik dan kaya nutrisi untuk hidup yang lebih sehat
465
+ </p>
466
+ <button class="bg-white text-primary font-bold px-8 py-4 rounded-full text-lg shadow-lg hover:bg-accent transition">
467
+ Pesan Sekarang - Gratis Ongkir!
468
+ </button>
469
+ </div>
470
+ </div>
471
+ </section>
472
+
473
+ <!-- Footer -->
474
+ <footer class="bg-darkbrown text-white pt-16 pb-8">
475
+ <div class="container mx-auto px-4">
476
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12">
477
+ <!-- Logo & Description -->
478
+ <div>
479
+ <div class="flex items-center mb-4">
480
+ <div class="w-10 h-10 rounded-full bg-secondary flex items-center justify-center mr-3">
481
+ <div class="w-8 h-8 rounded-full bg-primary"></div>
482
+ </div>
483
+ <span class="text-xl font-bold text-accent">Naturasweet</span>
484
+ </div>
485
+ <p class="text-accent mb-4">
486
+ Memproduksi gula kelapa premium organik dengan kualitas terbaik dan harga terjangkau.
487
+ </p>
488
+ <div class="flex space-x-4">
489
+ <a href="#" class="w-10 h-10 bg-primary rounded-full flex items-center justify-center hover:bg-secondary">
490
+ <i class="fab fa-facebook-f"></i>
491
+ </a>
492
+ <a href="#" class="w-10 h-10 bg-primary rounded-full flex items-center justify-center hover:bg-secondary">
493
+ <i class="fab fa-instagram"></i>
494
+ </a>
495
+ <a href="#" class="w-10 h-10 bg-primary rounded-full flex items-center justify-center hover:bg-secondary">
496
+ <i class="fab fa-whatsapp"></i>
497
+ </a>
498
+ </div>
499
+ </div>
500
+
501
+ <!-- Links -->
502
+ <div>
503
+ <h3 class="text-xl font-bold text-white mb-4">Navigasi</h3>
504
+ <ul class="space-y-2">
505
+ <li><a href="#beranda" class="text-accent hover:text-white">Beranda</a></li>
506
+ <li><a href="#produk" class="text-accent hover:text-white">Produk</a></li>
507
+ <li><a href="#manfaat" class="text-accent hover:text-white">Manfaat</a></li>
508
+ <li><a href="#proses" class="text-accent hover:text-white">Proses Produksi</a></li>
509
+ <li><a href="#testimoni" class="text-accent hover:text-white">Testimoni</a></li>
510
+ </ul>
511
+ </div>
512
+
513
+ <!-- Products -->
514
+ <div>
515
+ <h3 class="text-xl font-bold text-white mb-4">Produk Kami</h3>
516
+ <ul class="space-y-2">
517
+ <li><a href="#" class="text-accent hover:text-white">Gula Kelapa Kristal</a></li>
518
+ <li><a href="#" class="text-accent hover:text-white">Gula Kelapa Batok</a></li>
519
+ <li><a href="#" class="text-accent hover:text-white">Gula Kelapa Cair</a></li>
520
+ <li><a href="#" class="text-accent hover:text-white">Gula Kelapa Bubuk</a></li>
521
+ <li><a href="#" class="text-accent hover:text-white">Paket Bundling</a></li>
522
+ </ul>
523
+ </div>
524
+
525
+ <!-- Contact -->
526
+ <div>
527
+ <h3 class="text-xl font-bold text-white mb-4">Hubungi Kami</h3>
528
+ <ul class="space-y-4">
529
+ <li class="flex">
530
+ <i class="fas fa-map-marker-alt text-secondary mt-1 mr-3"></i>
531
+ <span class="text-accent">Jl. Kelapa Indah No. 17, Surabaya</span>
532
+ </li>
533
+ <li class="flex">
534
+ <i class="fas fa-phone-alt text-secondary mt-1 mr-3"></i>
535
+ <span class="text-accent">+62 812 3456 7890</span>
536
+ </li>
537
+ <li class="flex">
538
+ <i class="fas fa-envelope text-secondary mt-1 mr-3"></i>
539
+ <span class="text-accent">info@naturasweet.com</span>
540
+ </li>
541
+ <li class="flex">
542
+ <i class="fas fa-clock text-secondary mt-1 mr-3"></i>
543
+ <span class="text-accent">Senin-Sabtu: 08.00 - 17.00 WIB</span>
544
+ </li>
545
+ </ul>
546
+ </div>
547
+ </div>
548
+
549
+ <div class="pt-8 border-t border-accent border-opacity-20 text-center text-accent">
550
+ <p>&copy; 2023 Naturasweet. Hak Cipta Dilindungi.</p>
551
+ </div>
552
+ </div>
553
+ </footer>
554
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Dimas11/test-1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
555
+ </html>
prompts.txt ADDED
File without changes