mesy10 commited on
Commit
2bd6d47
·
verified ·
1 Parent(s): 1fad007

Uradi sekciju također da je moguće pomoću AI sređivati / uređivati slike za iteme. Uslikati običnim telefonom, a da naš AI uradi studisku fotografiju - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +61 -0
index.html CHANGED
@@ -291,6 +291,17 @@
291
  </div>
292
 
293
  <!-- Feature 6 -->
 
 
 
 
 
 
 
 
 
 
 
294
  <div class="feature-card bg-white rounded-xl shadow-lg p-8 transition duration-300">
295
  <div class="bg-green-500 bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center">
296
  <i class="fas fa-lock text-green-500 text-2xl"></i>
@@ -374,6 +385,56 @@
374
  </div>
375
  </section>
376
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
377
  <!-- Translation Section -->
378
  <section class="py-20 bg-white">
379
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 
291
  </div>
292
 
293
  <!-- Feature 6 -->
294
+ <div class="feature-card bg-white rounded-xl shadow-lg p-8 transition duration-300">
295
+ <div class="bg-pink-500 bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center">
296
+ <i class="fas fa-camera text-pink-500 text-2xl"></i>
297
+ </div>
298
+ <h3 class="mt-6 text-xl font-bold">AI Photo Enhancement</h3>
299
+ <p class="mt-3 text-gray-600">
300
+ Transform smartphone photos into professional studio-quality images with our AI.
301
+ </p>
302
+ </div>
303
+
304
+ <!-- Feature 7 -->
305
  <div class="feature-card bg-white rounded-xl shadow-lg p-8 transition duration-300">
306
  <div class="bg-green-500 bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center">
307
  <i class="fas fa-lock text-green-500 text-2xl"></i>
 
385
  </div>
386
  </section>
387
 
388
+ <!-- AI Photo Enhancement Section -->
389
+ <section class="py-20 bg-gray-50">
390
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
391
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
392
+ <div class="flex justify-center">
393
+ <div class="relative">
394
+ <div class="grid grid-cols-2 gap-4">
395
+ <div class="bg-white p-4 rounded-lg shadow-md">
396
+ <img src="https://images.unsplash.com/photo-1546069901-ba9599a8e63c?w=500" alt="Before AI enhancement" class="rounded-lg">
397
+ <p class="mt-2 text-center text-sm text-gray-600">Before AI</p>
398
+ </div>
399
+ <div class="bg-white p-4 rounded-lg shadow-md">
400
+ <img src="https://images.unsplash.com/photo-1546069901-ba9599a8e63c?w=500" alt="After AI enhancement" class="rounded-lg filter brightness-110 contrast-110 saturate-110">
401
+ <p class="mt-2 text-center text-sm text-gray-600">After AI</p>
402
+ </div>
403
+ </div>
404
+ <div class="absolute -bottom-6 -right-6 bg-primary text-white px-4 py-2 rounded-lg shadow-lg">
405
+ <p class="font-bold text-sm">One-Click Enhancement</p>
406
+ </div>
407
+ </div>
408
+ </div>
409
+ <div>
410
+ <h2 class="text-3xl md:text-4xl font-heading font-bold">Professional Food Photos <span class="text-primary">Without the Studio</span></h2>
411
+ <p class="mt-6 text-xl text-gray-600">
412
+ Our AI automatically enhances your smartphone photos to look like they were taken by a professional food photographer.
413
+ </p>
414
+ <ul class="mt-8 space-y-3">
415
+ <li class="flex items-start">
416
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
417
+ <span class="text-gray-700">Automatically adjusts lighting, colors and composition</span>
418
+ </li>
419
+ <li class="flex items-start">
420
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
421
+ <span class="text-gray-700">Removes distracting backgrounds</span>
422
+ </li>
423
+ <li class="flex items-start">
424
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
425
+ <span class="text-gray-700">Applies professional food photography presets</span>
426
+ </li>
427
+ </ul>
428
+ <div class="mt-8">
429
+ <a href="#pricing" class="bg-primary text-white px-8 py-4 rounded-lg font-medium hover:bg-indigo-700 transition inline-flex items-center">
430
+ <i class="fas fa-magic mr-2"></i> Try AI Enhancement
431
+ </a>
432
+ </div>
433
+ </div>
434
+ </div>
435
+ </div>
436
+ </section>
437
+
438
  <!-- Translation Section -->
439
  <section class="py-20 bg-white">
440
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">