Hugging Face's logo

Spaces:
ayellowcornsuppliers
/
chicken-web
Running

App Files Community
ayellowcornsuppliers commited on
Commit
9982c99
·
verified ·
1 Parent(s): dbd8bd2

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +638 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Chicken Web
3
- emoji: 🦀
4
- colorFrom: yellow
5
- colorTo: purple
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: chicken-web
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: pink
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,638 @@
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="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Brazil Frozen Chicken & Beef Export | Premium Meat Suppliers</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .brazil-flag-accent {
11
+ background: linear-gradient(90deg, #009739 33%, #FEDD00 33% 66%, #012169 66%);
12
+ height: 4px;
13
+ }
14
+ .product-card:hover {
15
+ transform: translateY(-5px);
16
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
17
+ }
18
+ .chatbot {
19
+ transition: all 0.3s ease;
20
+ }
21
+ .chatbot:hover {
22
+ transform: scale(1.05);
23
+ }
24
+ .testimonial-card {
25
+ position: relative;
26
+ }
27
+ .testimonial-card::before {
28
+ content: "";
29
+ position: absolute;
30
+ top: 0;
31
+ left: 0;
32
+ width: 100%;
33
+ height: 4px;
34
+ background: linear-gradient(90deg, #009739 33%, #FEDD00 33% 66%, #012169 66%);
35
+ }
36
+ .gallery-item {
37
+ transition: all 0.3s ease;
38
+ }
39
+ .gallery-item:hover {
40
+ transform: scale(1.03);
41
+ }
42
+ </style>
43
+ </head>
44
+ <body class="font-sans bg-gray-50">
45
+ <!-- Top Banner -->
46
+ <div class="bg-red-600 text-white py-2 text-center">
47
+ <p class="text-sm md:text-base">🌎 Global Exports | 🚢 Fast Shipping | 🏆 Premium Quality</p>
48
+ </div>
49
+
50
+ <!-- Navigation -->
51
+ <nav class="bg-white shadow-md">
52
+ <div class="container mx-auto px-4 py-4 flex justify-between items-center">
53
+ <div class="flex items-center">
54
+ <img src="https://via.placeholder.com/50x50" alt="Logo" class="h-12 mr-3">
55
+ <a href="#" class="text-2xl font-bold text-green-800">FrozenChicken<span class="text-red-600">&</span>Beef<span class="text-green-600">Export</span>.co</a>
56
+ </div>
57
+ <div class="hidden md:flex space-x-8">
58
+ <a href="#" class="text-green-800 hover:text-red-600 font-medium">Home</a>
59
+ <a href="#products" class="text-green-800 hover:text-red-600 font-medium">Products</a>
60
+ <a href="#about" class="text-green-800 hover:text-red-600 font-medium">About Us</a>
61
+ <a href="#testimonials" class="text-green-800 hover:text-red-600 font-medium">Testimonials</a>
62
+ <a href="#gallery" class="text-green-800 hover:text-red-600 font-medium">Gallery</a>
63
+ <a href="#contact" class="text-green-800 hover:text-red-600 font-medium">Contact</a>
64
+ </div>
65
+ <button class="md:hidden text-green-800">
66
+ <i class="fas fa-bars text-2xl"></i>
67
+ </button>
68
+ </div>
69
+ <div class="brazil-flag-accent"></div>
70
+ </nav>
71
+
72
+ <!-- Hero Section -->
73
+ <section class="relative bg-white">
74
+ <div class="container mx-auto px-4 py-16 md:py-24 flex flex-col md:flex-row items-center">
75
+ <div class="md:w-1/2 mb-10 md:mb-0">
76
+ <h1 class="text-4xl md:text-5xl font-bold text-green-800 mb-6">Premium Frozen Chicken & Beef From Brazil</h1>
77
+ <p class="text-lg text-gray-700 mb-8">We supply the highest quality frozen poultry and beef products to global markets, meeting international standards with competitive pricing.</p>
78
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
79
+ <a href="#products" class="bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-6 rounded-lg text-center transition duration-300">Our Products</a>
80
+ <a href="#contact" class="bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-6 rounded-lg text-center transition duration-300">Get a Quote</a>
81
+ </div>
82
+ </div>
83
+ <div class="md:w-1/2 flex justify-center">
84
+ <img src="https://via.placeholder.com/600x400" alt="Frozen Chicken and Beef Products" class="rounded-lg shadow-xl">
85
+ </div>
86
+ </div>
87
+ <div class="brazil-flag-accent"></div>
88
+ </section>
89
+
90
+ <!-- Products Section -->
91
+ <section id="products" class="py-16 bg-gray-50">
92
+ <div class="container mx-auto px-4">
93
+ <h2 class="text-3xl font-bold text-center text-green-800 mb-12">Our Premium Products</h2>
94
+
95
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
96
+ <!-- Product 1 -->
97
+ <div class="bg-white rounded-lg overflow-hidden shadow-md product-card transition duration-300">
98
+ <img src="https://via.placeholder.com/400x300" alt="Whole Chicken" class="w-full h-48 object-cover">
99
+ <div class="p-6">
100
+ <h3 class="text-xl font-bold text-green-800 mb-2">Whole Frozen Chicken</h3>
101
+ <p class="text-gray-600 mb-4">Premium quality whole chickens, processed and frozen to preserve freshness and taste.</p>
102
+ <ul class="mb-4 text-gray-700">
103
+ <li class="flex items-center mb-1"><i class="fas fa-check text-green-600 mr-2"></i> Grade A Quality</li>
104
+ <li class="flex items-center mb-1"><i class="fas fa-check text-green-600 mr-2"></i> Individually Quick Frozen</li>
105
+ <li class="flex items-center"><i class="fas fa-check text-green-600 mr-2"></i> Halal Certified Available</li>
106
+ </ul>
107
+ <a href="#contact" class="block w-full bg-red-600 hover:bg-red-700 text-white text-center font-bold py-2 px-4 rounded transition duration-300">Order Now</a>
108
+ </div>
109
+ </div>
110
+
111
+ <!-- Product 2 -->
112
+ <div class="bg-white rounded-lg overflow-hidden shadow-md product-card transition duration-300">
113
+ <img src="https://via.placeholder.com/400x300" alt="Chicken Cuts" class="w-full h-48 object-cover">
114
+ <div class="p-6">
115
+ <h3 class="text-xl font-bold text-green-800 mb-2">Chicken Cuts & Portions</h3>
116
+ <p class="text-gray-600 mb-4">Various cuts including breasts, thighs, drumsticks, wings, and more to meet your needs.</p>
117
+ <ul class="mb-4 text-gray-700">
118
+ <li class="flex items-center mb-1"><i class="fas fa-check text-green-600 mr-2"></i> Skinless/Boneless Options</li>
119
+ <li class="flex items-center mb-1"><i class="fas fa-check text-green-600 mr-2"></i> Custom Cutting Available</li>
120
+ <li class="flex items-center"><i class="fas fa-check text-green-600 mr-2"></i> Vacuum Packed</li>
121
+ </ul>
122
+ <a href="#contact" class="block w-full bg-red-600 hover:bg-red-700 text-white text-center font-bold py-2 px-4 rounded transition duration-300">Get a Quote</a>
123
+ </div>
124
+ </div>
125
+
126
+ <!-- Product 3 -->
127
+ <div class="bg-white rounded-lg overflow-hidden shadow-md product-card transition duration-300">
128
+ <img src="https://via.placeholder.com/400x300" alt="Beef Products" class="w-full h-48 object-cover">
129
+ <div class="p-6">
130
+ <h3 class="text-xl font-bold text-green-800 mb-2">Premium Frozen Beef</h3>
131
+ <p class="text-gray-600 mb-4">High-quality beef cuts including striploin, tenderloin, ribeye, and more from Brazilian cattle.</p>
132
+ <ul class="mb-4 text-gray-700">
133
+ <li class="flex items-center mb-1"><i class="fas fa-check text-green-600 mr-2"></i> Grass-fed & Grain-fed Options</li>
134
+ <li class="flex items-center mb-1"><i class="fas fa-check text-green-600 mr-2"></i> Aged for Flavor</li>
135
+ <li class="flex items-center"><i class="fas fa-check text-green-600 mr-2"></i> Halal Certified Available</li>
136
+ </ul>
137
+ <a href="#contact" class="block w-full bg-red-600 hover:bg-red-700 text-white text-center font-bold py-2 px-4 rounded transition duration-300">Request Samples</a>
138
+ </div>
139
+ </div>
140
+ </div>
141
+ </div>
142
+ </section>
143
+
144
+ <!-- About Us Section -->
145
+ <section id="about" class="py-16 bg-white">
146
+ <div class="container mx-auto px-4">
147
+ <div class="flex flex-col md:flex-row items-center">
148
+ <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
149
+ <h2 class="text-3xl font-bold text-green-800 mb-6">Why Choose Our Brazilian Meat?</h2>
150
+ <p class="text-gray-700 mb-6">With over 15 years of experience in the frozen meat export industry, we've built strong relationships with top Brazilian producers to bring you the highest quality chicken and beef products at competitive prices.</p>
151
+ <div class="space-y-4">
152
+ <div class="flex items-start">
153
+ <div class="bg-green-100 p-2 rounded-full mr-4">
154
+ <i class="fas fa-check text-green-600"></i>
155
+ </div>
156
+ <div>
157
+ <h4 class="font-bold text-green-800">Strict Quality Control</h4>
158
+ <p class="text-gray-600">Every shipment undergoes rigorous quality checks to meet international standards.</p>
159
+ </div>
160
+ </div>
161
+ <div class="flex items-start">
162
+ <div class="bg-green-100 p-2 rounded-full mr-4">
163
+ <i class="fas fa-ship text-green-600"></i>
164
+ </div>
165
+ <div>
166
+ <h4 class="font-bold text-green-800">Reliable Logistics</h4>
167
+ <p class="text-gray-600">Our network ensures timely delivery to your port with proper cold chain management.</p>
168
+ </div>
169
+ </div>
170
+ <div class="flex items-start">
171
+ <div class="bg-green-100 p-2 rounded-full mr-4">
172
+ <i class="fas fa-certificate text-green-600"></i>
173
+ </div>
174
+ <div>
175
+ <h4 class="font-bold text-green-800">Certified Excellence</h4>
176
+ <p class="text-gray-600">All products meet SIF, USDA, EU, and Halal certification requirements.</p>
177
+ </div>
178
+ </div>
179
+ </div>
180
+ </div>
181
+ <div class="md:w-1/2">
182
+ <img src="https://via.placeholder.com/600x400" alt="Brazilian Farm" class="rounded-lg shadow-lg">
183
+ </div>
184
+ </div>
185
+ </div>
186
+ <div class="brazil-flag-accent mt-16"></div>
187
+ </section>
188
+
189
+ <!-- Testimonials Section -->
190
+ <section id="testimonials" class="py-16 bg-gray-50">
191
+ <div class="container mx-auto px-4">
192
+ <h2 class="text-3xl font-bold text-center text-green-800 mb-12">What Our Clients Say</h2>
193
+
194
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
195
+ <!-- Testimonial 1 -->
196
+ <div class="bg-white rounded-lg shadow-md p-6 testimonial-card">
197
+ <div class="flex items-center mb-4">
198
+ <div class="bg-green-100 text-green-800 rounded-full w-12 h-12 flex items-center justify-center mr-4">
199
+ <i class="fas fa-user text-xl"></i>
200
+ </div>
201
+ <div>
202
+ <h4 class="font-bold">Ahmed Al-Mansoori</h4>
203
+ <p class="text-gray-600 text-sm">Food Importer, UAE</p>
204
+ </div>
205
+ </div>
206
+ <p class="text-gray-700 italic mb-4">"We've been sourcing from FrozenChicken&BeefExport.co for 3 years now. Their chicken quality is consistently excellent and their logistics are reliable. Highly recommended for Middle Eastern markets."</p>
207
+ <div class="flex text-yellow-400">
208
+ <i class="fas fa-star"></i>
209
+ <i class="fas fa-star"></i>
210
+ <i class="fas fa-star"></i>
211
+ <i class="fas fa-star"></i>
212
+ <i class="fas fa-star"></i>
213
+ </div>
214
+ </div>
215
+
216
+ <!-- Testimonial 2 -->
217
+ <div class="bg-white rounded-lg shadow-md p-6 testimonial-card">
218
+ <div class="flex items-center mb-4">
219
+ <div class="bg-green-100 text-green-800 rounded-full w-12 h-12 flex items-center justify-center mr-4">
220
+ <i class="fas fa-user text-xl"></i>
221
+ </div>
222
+ <div>
223
+ <h4 class="font-bold">Maria Gonzalez</h4>
224
+ <p class="text-gray-600 text-sm">Restaurant Chain, Spain</p>
225
+ </div>
226
+ </div>
227
+ <p class="text-gray-700 italic mb-4">"The Brazilian beef we receive is superior to other suppliers we've tried. The marbling and flavor are exceptional, and our customers can taste the difference. Their customer service is also outstanding."</p>
228
+ <div class="flex text-yellow-400">
229
+ <i class="fas fa-star"></i>
230
+ <i class="fas fa-star"></i>
231
+ <i class="fas fa-star"></i>
232
+ <i class="fas fa-star"></i>
233
+ <i class="fas fa-star"></i>
234
+ </div>
235
+ </div>
236
+
237
+ <!-- Testimonial 3 -->
238
+ <div class="bg-white rounded-lg shadow-md p-6 testimonial-card">
239
+ <div class="flex items-center mb-4">
240
+ <div class="bg-green-100 text-green-800 rounded-full w-12 h-12 flex items-center justify-center mr-4">
241
+ <i class="fas fa-user text-xl"></i>
242
+ </div>
243
+ <div>
244
+ <h4 class="font-bold">John Smith</h4>
245
+ <p class="text-gray-600 text-sm">Distributor, USA</p>
246
+ </div>
247
+ </div>
248
+ <p class="text-gray-700 italic mb-4">"As a distributor serving supermarkets across the East Coast, we demand reliability and quality. FrozenChicken&BeefExport.co has never let us down. Their chicken portions are perfectly sized and packaged."</p>
249
+ <div class="flex text-yellow-400">
250
+ <i class="fas fa-star"></i>
251
+ <i class="fas fa-star"></i>
252
+ <i class="fas fa-star"></i>
253
+ <i class="fas fa-star"></i>
254
+ <i class="fas fa-star-half-alt"></i>
255
+ </div>
256
+ </div>
257
+ </div>
258
+ </div>
259
+ </section>
260
+
261
+ <!-- Gallery Section -->
262
+ <section id="gallery" class="py-16 bg-white">
263
+ <div class="container mx-auto px-4">
264
+ <h2 class="text-3xl font-bold text-center text-green-800 mb-12">Our Global Exports</h2>
265
+ <p class="text-center text-gray-700 max-w-2xl mx-auto mb-12">We proudly supply premium Brazilian chicken and beef to importers worldwide. Here are some highlights from our shipments to various destinations.</p>
266
+
267
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
268
+ <div class="gallery-item relative rounded-lg overflow-hidden shadow-lg">
269
+ <img src="https://via.placeholder.com/600x400" alt="Shipment to UAE" class="w-full h-64 object-cover">
270
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
271
+ <h3 class="text-white font-bold text-lg">Dubai Port Unloading</h3>
272
+ <p class="text-gray-200">40ft container of chicken portions</p>
273
+ </div>
274
+ </div>
275
+
276
+ <div class="gallery-item relative rounded-lg overflow-hidden shadow-lg">
277
+ <img src="https://via.placeholder.com/600x400" alt="Shipment to China" class="w-full h-64 object-cover">
278
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
279
+ <h3 class="text-white font-bold text-lg">Shanghai Customs Clearance</h3>
280
+ <p class="text-gray-200">Brazilian beef shipment inspection</p>
281
+ </div>
282
+ </div>
283
+
284
+ <div class="gallery-item relative rounded-lg overflow-hidden shadow-lg">
285
+ <img src="https://via.placeholder.com/600x400" alt="Shipment to Europe" class="w-full h-64 object-cover">
286
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
287
+ <h3 class="text-white font-bold text-lg">Rotterdam Warehouse</h3>
288
+ <p class="text-gray-200">Whole chickens for EU distribution</p>
289
+ </div>
290
+ </div>
291
+
292
+ <div class="gallery-item relative rounded-lg overflow-hidden shadow-lg">
293
+ <img src="https://via.placeholder.com/600x400" alt="Production Facility" class="w-full h-64 object-cover">
294
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
295
+ <h3 class="text-white font-bold text-lg">Brazilian Processing Plant</h3>
296
+ <p class="text-gray-200">State-of-the-art freezing technology</p>
297
+ </div>
298
+ </div>
299
+
300
+ <div class="gallery-item relative rounded-lg overflow-hidden shadow-lg">
301
+ <img src="https://via.placeholder.com/600x400" alt="Quality Inspection" class="w-full h-64 object-cover">
302
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
303
+ <h3 class="text-white font-bold text-lg">Quality Control</h3>
304
+ <p class="text-gray-200">Our team ensuring product standards</p>
305
+ </div>
306
+ </div>
307
+
308
+ <div class="gallery-item relative rounded-lg overflow-hidden shadow-lg">
309
+ <img src="https://via.placeholder.com/600x400" alt="Shipping Logistics" class="w-full h-64 object-cover">
310
+ <div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-4">
311
+ <h3 class="text-white font-bold text-lg">Refrigerated Container</h3>
312
+ <p class="text-gray-200">Maintaining -18°C throughout transit</p>
313
+ </div>
314
+ </div>
315
+ </div>
316
+
317
+ <div class="text-center mt-12">
318
+ <a href="#contact" class="inline-block bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-8 rounded-lg transition duration-300">Request More Photos/Videos</a>
319
+ </div>
320
+ </div>
321
+ <div class="brazil-flag-accent mt-16"></div>
322
+ </section>
323
+
324
+ <!-- Contact Section -->
325
+ <section id="contact" class="py-16 bg-gray-50">
326
+ <div class="container mx-auto px-4">
327
+ <h2 class="text-3xl font-bold text-center text-green-800 mb-12">Get in Touch</h2>
328
+
329
+ <div class="flex flex-col lg:flex-row gap-12">
330
+ <div class="lg:w-1/2">
331
+ <form class="bg-white p-8 rounded-lg shadow-md">
332
+ <div class="mb-6">
333
+ <label for="name" class="block text-gray-700 font-medium mb-2">Your Name</label>
334
+ <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-600">
335
+ </div>
336
+ <div class="mb-6">
337
+ <label for="email" class="block text-gray-700 font-medium mb-2">Email Address</label>
338
+ <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-600">
339
+ </div>
340
+ <div class="mb-6">
341
+ <label for="phone" class="block text-gray-700 font-medium mb-2">Phone Number</label>
342
+ <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-600">
343
+ </div>
344
+ <div class="mb-6">
345
+ <label for="product" class="block text-gray-700 font-medium mb-2">Product Interest</label>
346
+ <select id="product" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-600">
347
+ <option value="">Select a product</option>
348
+ <option value="whole-chicken">Whole Frozen Chicken</option>
349
+ <option value="chicken-cuts">Chicken Cuts & Portions</option>
350
+ <option value="beef">Frozen Beef Products</option>
351
+ <option value="other">Other</option>
352
+ </select>
353
+ </div>
354
+ <div class="mb-6">
355
+ <label for="message" class="block text-gray-700 font-medium mb-2">Your Message</label>
356
+ <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-600"></textarea>
357
+ </div>
358
+ <button type="submit" class="w-full bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300">Send Inquiry</button>
359
+ </form>
360
+ </div>
361
+
362
+ <div class="lg:w-1/2">
363
+ <div class="bg-white p-8 rounded-lg shadow-md h-full">
364
+ <h3 class="text-2xl font-bold text-green-800 mb-6">Contact Information</h3>
365
+
366
+ <div class="space-y-6">
367
+ <div class="flex items-start">
368
+ <div class="bg-green-100 p-3 rounded-full mr-4">
369
+ <i class="fas fa-map-marker-alt text-green-600"></i>
370
+ </div>
371
+ <div>
372
+ <h4 class="font-bold text-green-800 mb-1">Headquarters</h4>
373
+ <p class="text-gray-700">Av. das Nações Unidas, 12551 - Brooklin Novo, São Paulo - SP, Brazil</p>
374
+ </div>
375
+ </div>
376
+
377
+ <div class="flex items-start">
378
+ <div class="bg-green-100 p-3 rounded-full mr-4">
379
+ <i class="fas fa-phone-alt text-green-600"></i>
380
+ </div>
381
+ <div>
382
+ <h4 class="font-bold text-green-800 mb-1">Phone</h4>
383
+ <p class="text-gray-700">+55 11 1234-5678 (Brazil)</p>
384
+ <p class="text-gray-700">+1 555-123-4567 (USA)</p>
385
+ </div>
386
+ </div>
387
+
388
+ <div class="flex items-start">
389
+ <div class="bg-green-100 p-3 rounded-full mr-4">
390
+ <i class="fas fa-envelope text-green-600"></i>
391
+ </div>
392
+ <div>
393
+ <h4 class="font-bold text-green-800 mb-1">Email</h4>
394
+ <p class="text-gray-700">sales@frozenchickenandbeefexport.co</p>
395
+ <p class="text-gray-700">info@frozenchickenandbeefexport.co</p>
396
+ </div>
397
+ </div>
398
+
399
+ <div class="flex items-start">
400
+ <div class="bg-green-100 p-3 rounded-full mr-4">
401
+ <i class="fas fa-clock text-green-600"></i>
402
+ </div>
403
+ <div>
404
+ <h4 class="font-bold text-green-800 mb-1">Business Hours</h4>
405
+ <p class="text-gray-700">Monday - Friday: 8:00 AM - 6:00 PM (GMT-3)</p>
406
+ <p class="text-gray-700">Saturday: 9:00 AM - 1:00 PM</p>
407
+ </div>
408
+ </div>
409
+ </div>
410
+
411
+ <div class="mt-8">
412
+ <h4 class="font-bold text-green-800 mb-4">Follow Us</h4>
413
+ <div class="flex space-x-4">
414
+ <a href="#" class="bg-green-100 text-green-600 hover:bg-green-600 hover:text-white p-3 rounded-full transition duration-300">
415
+ <i class="fab fa-facebook-f"></i>
416
+ </a>
417
+ <a href="#" class="bg-green-100 text-green-600 hover:bg-green-600 hover:text-white p-3 rounded-full transition duration-300">
418
+ <i class="fab fa-linkedin-in"></i>
419
+ </a>
420
+ <a href="#" class="bg-green-100 text-green-600 hover:bg-green-600 hover:text-white p-3 rounded-full transition duration-300">
421
+ <i class="fab fa-instagram"></i>
422
+ </a>
423
+ <a href="#" class="bg-green-100 text-green-600 hover:bg-green-600 hover:text-white p-3 rounded-full transition duration-300">
424
+ <i class="fab fa-youtube"></i>
425
+ </a>
426
+ </div>
427
+ </div>
428
+ </div>
429
+ </div>
430
+ </div>
431
+ </div>
432
+ </section>
433
+
434
+ <!-- FAQ Section -->
435
+ <section class="py-16 bg-white">
436
+ <div class="container mx-auto px-4">
437
+ <h2 class="text-3xl font-bold text-center text-green-800 mb-12">Frequently Asked Questions</h2>
438
+
439
+ <div class="max-w-3xl mx-auto space-y-4">
440
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
441
+ <button class="flex justify-between items-center w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100">
442
+ <span class="font-medium text-green-800">What certifications do your products have?</span>
443
+ <i class="fas fa-chevron-down text-green-600"></i>
444
+ </button>
445
+ <div class="px-6 py-4 bg-white">
446
+ <p class="text-gray-700">Our products meet all Brazilian SIF certification requirements and can be supplied with additional certifications including USDA, EU, Halal, and Kosher depending on customer needs.</p>
447
+ </div>
448
+ </div>
449
+
450
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
451
+ <button class="flex justify-between items-center w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100">
452
+ <span class="font-medium text-green-800">What is your minimum order quantity?</span>
453
+ <i class="fas fa-chevron-down text-green-600"></i>
454
+ </button>
455
+ <div class="px-6 py-4 bg-white">
456
+ <p class="text-gray-700">Our standard MOQ is one 20ft or 40ft container, but we can accommodate smaller trial orders for new customers. Contact us to discuss your specific requirements.</p>
457
+ </div>
458
+ </div>
459
+
460
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
461
+ <button class="flex justify-between items-center w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100">
462
+ <span class="font-medium text-green-800">How do you ensure product quality during shipping?</span>
463
+ <i class="fas fa-chevron-down text-green-600"></i>
464
+ </button>
465
+ <div class="px-6 py-4 bg-white">
466
+ <p class="text-gray-700">We use state-of-the-art refrigerated containers that maintain a constant temperature of -18°C throughout transit. All shipments are monitored with temperature loggers.</p>
467
+ </div>
468
+ </div>
469
+
470
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
471
+ <button class="flex justify-between items-center w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100">
472
+ <span class="font-medium text-green-800">What payment terms do you offer?</span>
473
+ <i class="fas fa-chevron-down text-green-600"></i>
474
+ </button>
475
+ <div class="px-6 py-4 bg-white">
476
+ <p class="text-gray-700">We offer flexible payment terms including LC at sight, TT payment, and for established customers, credit terms can be negotiated based on order volume and history.</p>
477
+ </div>
478
+ </div>
479
+
480
+ <div class="border border-gray-200 rounded-lg overflow-hidden">
481
+ <button class="flex justify-between items-center w-full px-6 py-4 text-left bg-gray-50 hover:bg-gray-100">
482
+ <span class="font-medium text-green-800">Can you customize packaging?</span>
483
+ <i class="fas fa-chevron-down text-green-600"></i>
484
+ </button>
485
+ <div class="px-6 py-4 bg-white">
486
+ <p class="text-gray-700">Yes, we offer various packaging options including bulk packaging, retail-ready packaging, and private labeling. Our team can work with you to meet your specific packaging requirements.</p>
487
+ </div>
488
+ </div>
489
+ </div>
490
+ </div>
491
+ <div class="brazil-flag-accent mt-16"></div>
492
+ </section>
493
+
494
+ <!-- Footer -->
495
+ <footer class="bg-green-800 text-white pt-12 pb-6">
496
+ <div class="container mx-auto px-4">
497
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-8">
498
+ <div>
499
+ <h3 class="text-xl font-bold mb-4">About Us</h3>
500
+ <p class="mb-4">Leading Brazilian exporter of premium frozen chicken and beef products to global markets since 2008.</p>
501
+ <img src="https://via.placeholder.com/150x50" alt="Certifications" class="mt-2">
502
+ </div>
503
+
504
+ <div>
505
+ <h3 class="text-xl font-bold mb-4">Quick Links</h3>
506
+ <ul class="space-y-2">
507
+ <li><a href="#" class="hover:text-green-200 transition duration-300">Home</a></li>
508
+ <li><a href="#products" class="hover:text-green-200 transition duration-300">Products</a></li>
509
+ <li><a href="#about" class="hover:text-green-200 transition duration-300">About Us</a></li>
510
+ <li><a href="#testimonials" class="hover:text-green-200 transition duration-300">Testimonials</a></li>
511
+ <li><a href="#gallery" class="hover:text-green-200 transition duration-300">Gallery</a></li>
512
+ <li><a href="#contact" class="hover:text-green-200 transition duration-300">Contact</a></li>
513
+ </ul>
514
+ </div>
515
+
516
+ <div>
517
+ <h3 class="text-xl font-bold mb-4">Products</h3>
518
+ <ul class="space-y-2">
519
+ <li><a href="#" class="hover:text-green-200 transition duration-300">Whole Frozen Chicken</a></li>
520
+ <li><a href="#" class="hover:text-green-200 transition duration-300">Chicken Cuts & Portions</a></li>
521
+ <li><a href="#" class="hover:text-green-200 transition duration-300">Frozen Beef Products</a></li>
522
+ <li><a href="#" class="hover:text-green-200 transition duration-300">Halal Certified Products</a></li>
523
+ <li><a href="#" class="hover:text-green-200 transition duration-300">Private Label Options</a></li>
524
+ </ul>
525
+ </div>
526
+
527
+ <div>
528
+ <h3 class="text-xl font-bold mb-4">Newsletter</h3>
529
+ <p class="mb-4">Subscribe to receive updates on new products and special offers.</p>
530
+ <form class="flex">
531
+ <input type="email" placeholder="Your email" class="px-4 py-2 w-full rounded-l-lg text-gray-800 focus:outline-none">
532
+ <button type="submit" class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded-r-lg transition duration-300">
533
+ <i class="fas fa-paper-plane"></i>
534
+ </button>
535
+ </form>
536
+ <div class="mt-4 flex space-x-4">
537
+ <a href="#" class="text-white hover:text-green-200 text-xl"><i class="fab fa-facebook-f"></i></a>
538
+ <a href="#" class="text-white hover:text-green-200 text-xl"><i class="fab fa-twitter"></i></a>
539
+ <a href="#" class="text-white hover:text-green-200 text-xl"><i class="fab fa-linkedin-in"></i></a>
540
+ <a href="#" class="text-white hover:text-green-200 text-xl"><i class="fab fa-instagram"></i></a>
541
+ </div>
542
+ </div>
543
+ </div>
544
+
545
+ <div class="border-t border-green-700 pt-6 flex flex-col md:flex-row justify-between items-center">
546
+ <p>&copy; 2023 FrozenChicken&BeefExport.co. All rights reserved.</p>
547
+ <div class="flex space-x-6 mt-4 md:mt-0">
548
+ <a href="#" class="hover:text-green-200 transition duration-300">Privacy Policy</a>
549
+ <a href="#" class="hover:text-green-200 transition duration-300">Terms of Service</a>
550
+ <a href="#" class="hover:text-green-200 transition duration-300">Sitemap</a>
551
+ </div>
552
+ </div>
553
+ </div>
554
+ </footer>
555
+
556
+ <!-- Chatbot -->
557
+ <div id="chatbot" class="fixed bottom-6 right-6 z-50">
558
+ <div class="relative">
559
+ <div id="chatbot-button" class="chatbot bg-red-600 text-white w-16 h-16 rounded-full flex items-center justify-center shadow-xl cursor-pointer hover:shadow-2xl transition duration-300">
560
+ <i class="fas fa-comment-dots text-2xl"></i>
561
+ </div>
562
+ <div id="chatbot-box" class="hidden absolute bottom-20 right-0 w-80 bg-white rounded-lg shadow-xl overflow-hidden">
563
+ <div class="bg-green-600 text-white p-4 flex justify-between items-center">
564
+ <h3 class="font-bold">Export Assistant</h3>
565
+ <button id="close-chatbot" class="text-white hover:text-gray-200">
566
+ <i class="fas fa-times"></i>
567
+ </button>
568
+ </div>
569
+ <div class="p-4 h-60 overflow-y-auto">
570
+ <div class="mb-4">
571
+ <div class="bg-green-100 text-gray-800 rounded-lg p-3 mb-2">
572
+ <p>Hello! 👋 How can I help you with your frozen chicken or beef export needs today?</p>
573
+ </div>
574
+ </div>
575
+ </div>
576
+ <div class="p-4 border-t border-gray-200">
577
+ <div class="flex space-x-2">
578
+ <input type="text" placeholder="Type your message..." class="flex-1 border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-green-600">
579
+ <button class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-lg transition duration-300">
580
+ <i class="fas fa-paper-plane"></i>
581
+ </button>
582
+ </div>
583
+ <div class="mt-2 text-center">
584
+ <button class="text-green-600 hover:text-green-800 text-sm font-medium" onclick="window.location.href='#contact'">
585
+ Or click here to fill our contact form
586
+ </button>
587
+ </div>
588
+ </div>
589
+ </div>
590
+ </div>
591
+ </div>
592
+
593
+ <script>
594
+ // Chatbot functionality
595
+ const chatbotButton = document.getElementById('chatbot-button');
596
+ const chatbotBox = document.getElementById('chatbot-box');
597
+ const closeChatbot = document.getElementById('close-chatbot');
598
+
599
+ chatbotButton.addEventListener('click', () => {
600
+ chatbotBox.classList.toggle('hidden');
601
+ });
602
+
603
+ closeChatbot.addEventListener('click', () => {
604
+ chatbotBox.classList.add('hidden');
605
+ });
606
+
607
+ // Smooth scrolling for anchor links
608
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
609
+ anchor.addEventListener('click', function (e) {
610
+ e.preventDefault();
611
+
612
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
613
+ behavior: 'smooth'
614
+ });
615
+ });
616
+ });
617
+
618
+ // FAQ accordion functionality
619
+ const faqButtons = document.querySelectorAll('#faq button');
620
+ faqButtons.forEach(button => {
621
+ button.addEventListener('click', () => {
622
+ const content = button.nextElementSibling;
623
+ const icon = button.querySelector('i');
624
+
625
+ if (content.style.maxHeight) {
626
+ content.style.maxHeight = null;
627
+ icon.classList.remove('fa-chevron-up');
628
+ icon.classList.add('fa-chevron-down');
629
+ } else {
630
+ content.style.maxHeight = content.scrollHeight + 'px';
631
+ icon.classList.remove('fa-chevron-down');
632
+ icon.classList.add('fa-chevron-up');
633
+ }
634
+ });
635
+ });
636
+ </script>
637
+ <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=ayellowcornsuppliers/chicken-web" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
638
+ </html>