| <!DOCTYPE html> |
| <html lang="id"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Naturasweet - Gula Kelapa Premium Organik</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script> |
| <script> |
| tailwind.config = { |
| theme: { |
| extend: { |
| colors: { |
| primary: '#8B4513', |
| secondary: '#D2691E', |
| accent: '#F5DEB3', |
| natural: '#FFF8DC', |
| darkbrown: '#5D4037' |
| } |
| } |
| } |
| } |
| </script> |
| <style> |
| @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Poppins:wght@300;400;500;600&display=swap'); |
| |
| body { |
| font-family: 'Poppins', sans-serif; |
| background-color: #FFFDF5; |
| color: #5D4037; |
| } |
| |
| h1, h2, h3, h4 { |
| font-family: 'Playfair Display', serif; |
| } |
| |
| .hero-pattern { |
| 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"); |
| background-size: cover; |
| } |
| |
| .coconut-shape { |
| clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); |
| } |
| |
| .text-shadow { |
| text-shadow: 2px 2px 4px rgba(93, 64, 55, 0.3); |
| } |
| |
| .floating { |
| animation: floating 3s ease-in-out infinite; |
| } |
| |
| @keyframes floating { |
| 0% { transform: translateY(0px); } |
| 50% { transform: translateY(-10px); } |
| 100% { transform: translateY(0px); } |
| } |
| |
| .ingredient-container:hover .ingredient-img { |
| transform: translateY(-10px); |
| } |
| |
| .ingredient-img { |
| transition: transform 0.3s ease; |
| } |
| |
| .testimonial-avatar { |
| filter: drop-shadow(0 4px 6px rgba(139, 69, 19, 0.2)); |
| } |
| |
| .benefit-card { |
| transition: all 0.3s ease; |
| box-shadow: 0 4px 6px rgba(139, 69, 19, 0.1); |
| } |
| |
| .benefit-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 15px rgba(139, 69, 19, 0.2); |
| } |
| </style> |
| </head> |
| <body> |
| |
| <header class="sticky top-0 z-50 bg-white shadow-md"> |
| <div class="container mx-auto px-4"> |
| <nav class="flex justify-between items-center py-4"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 rounded-full bg-secondary flex items-center justify-center mr-3"> |
| <div class="w-8 h-8 rounded-full bg-primary"></div> |
| </div> |
| <span class="text-xl font-bold text-primary">Naturasweet</span> |
| </div> |
| |
| <div class="hidden md:flex space-x-8"> |
| <a href="#beranda" class="text-primary font-medium hover:text-secondary transition">Beranda</a> |
| <a href="#produk" class="text-primary font-medium hover:text-secondary transition">Produk</a> |
| <a href="#manfaat" class="text-primary font-medium hover:text-secondary transition">Manfaat</a> |
| <a href="#proses" class="text-primary font-medium hover:text-secondary transition">Proses</a> |
| <a href="#testimoni" class="text-primary font-medium hover:text-secondary transition">Testimoni</a> |
| </div> |
| |
| <div class="flex items-center"> |
| <button class="bg-primary text-white px-4 py-2 rounded-full hover:bg-secondary transition"> |
| Pesan Sekarang |
| </button> |
| <button class="ml-4 text-primary md:hidden"> |
| <i class="fas fa-bars text-xl"></i> |
| </button> |
| </div> |
| </nav> |
| </div> |
| </header> |
|
|
| |
| <section id="beranda" class="hero-pattern py-16 md:py-24"> |
| <div class="container mx-auto px-4"> |
| <div class="flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/2 mb-12 md:mb-0"> |
| <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-darkbrown mb-6 text-shadow"> |
| <span class="text-secondary">Gula Kelapa</span> Premium Organik |
| </h1> |
| <p class="text-lg text-darkbrown mb-8 max-w-xl"> |
| Rasa manis alami tanpa pengawet yang kaya akan manfaat kesehatan. Dipetik langsung dari kelapa pilihan dan diproses secara tradisional. |
| </p> |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
| <button class="bg-secondary text-white px-6 py-3 rounded-full font-medium hover:bg-primary transition shadow-lg"> |
| Beli Sekarang |
| </button> |
| <button class="bg-white border-2 border-secondary text-secondary px-6 py-3 rounded-full font-medium hover:bg-accent transition"> |
| Lihat Produk |
| </button> |
| </div> |
| </div> |
| <div class="md:w-1/2 relative"> |
| <div class="flex justify-center"> |
| <div class="relative"> |
| <div class="coconut-shape w-64 h-72 bg-gradient-to-r from-primary to-secondary relative floating"></div> |
| <div class="absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center"> |
| <div class="text-white text-2xl font-bold text-center"> |
| <div class="text-shadow">Gula Kelapa</div> |
| <div class="text-accent text-xl">Premium Grade</div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="absolute -bottom-6 -right-4 w-32 h-32 rounded-full bg-accent border-8 border-white shadow-xl"> |
| <div class="flex items-center justify-center h-full"> |
| <span class="text-primary font-bold text-lg">100%</span> |
| <span class="text-sm ml-1">Alami</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="produk" class="py-16 bg-natural"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold text-darkbrown">Produk Unggulan Kami</h2> |
| <div class="w-24 h-1 bg-secondary mx-auto mt-2 mb-6"></div> |
| <p class="text-darkbrown max-w-2xl mx-auto"> |
| Berbagai bentuk gula kelapa premium untuk memenuhi kebutuhan kuliner Anda |
| </p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| |
| <div class="bg-white rounded-2xl shadow-lg overflow-hidden"> |
| <div class="h-48 bg-gradient-to-r from-secondary to-primary flex items-center justify-center relative"> |
| <div class="absolute top-4 left-4 bg-accent text-primary px-3 py-1 rounded-full text-sm font-bold"> |
| Terlaris |
| </div> |
| <div class="text-center"> |
| <div class="w-32 h-32 rounded-full bg-white bg-opacity-20 flex items-center justify-center mx-auto"> |
| <div class="w-24 h-24 rounded-full bg-white"></div> |
| </div> |
| </div> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold text-darkbrown">Gula Kelapa Kristal</h3> |
| <p class="text-gray-600 my-4"> |
| Gula kelapa bentuk kristal halus, mudah larut dan praktis untuk berbagai kebutuhan |
| </p> |
| <div class="flex justify-between items-center"> |
| <span class="text-xl font-bold text-secondary">Rp 35.000</span> |
| <button class="bg-primary text-white px-4 py-2 rounded-full text-sm hover:bg-secondary"> |
| Tambah ke Keranjang |
| </button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-2xl shadow-lg overflow-hidden"> |
| <div class="h-48 bg-gradient-to-r from-accent to-primary flex items-center justify-center"> |
| <div class="text-center"> |
| <div class="w-32 h-32 rounded-full bg-white bg-opacity-20 flex items-center justify-center mx-auto"> |
| <div class="w-24 h-24 rounded-full bg-white"></div> |
| </div> |
| </div> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold text-darkbrown">Gula Kelapa Batok</h3> |
| <p class="text-gray-600 my-4"> |
| Gula kelapa cetakan batok kelapa tradisional dengan aroma khas yang kuat |
| </p> |
| <div class="flex justify-between items-center"> |
| <span class="text-xl font-bold text-secondary">Rp 28.000</span> |
| <button class="bg-primary text-white px-4 py-2 rounded-full text-sm hover:bg-secondary"> |
| Tambah ke Keranjang |
| </button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-2xl shadow-lg overflow-hidden"> |
| <div class="h-48 bg-gradient-to-r from-primary to-darkbrown flex items-center justify-center relative"> |
| <div class="absolute top-4 left-4 bg-accent text-primary px-3 py-1 rounded-full text-sm font-bold"> |
| Baru |
| </div> |
| <div class="text-center"> |
| <div class="w-32 h-32 rounded-full bg-white bg-opacity-20 flex items-center justify-center mx-auto"> |
| <div class="w-24 h-24 rounded-full bg-white"></div> |
| </div> |
| </div> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold text-darkbrown">Gula Kelapa Cair</h3> |
| <p class="text-gray-600 my-4"> |
| Sirup gula kelapa kemasan botol, siap pakai untuk minuman dan kue |
| </p> |
| <div class="flex justify-between items-center"> |
| <span class="text-xl font-bold text-secondary">Rp 45.000</span> |
| <button class="bg-primary text-white px-4 py-2 rounded-full text-sm hover:bg-secondary"> |
| Tambah ke Keranjang |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="manfaat" class="py-16 bg-white"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold text-darkbrown">Manfaat Gula Kelapa Premium</h2> |
| <div class="w-24 h-1 bg-secondary mx-auto mt-2 mb-6"></div> |
| <p class="text-darkbrown max-w-2xl mx-auto"> |
| Pilihan pemanis yang lebih sehat untuk gaya hidup modern |
| </p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> |
| |
| <div class="benefit-card bg-natural rounded-xl p-6"> |
| <div class="w-16 h-16 rounded-full bg-primary flex items-center justify-center mb-4"> |
| <i class="fas fa-heart text-white text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-darkbrown mb-2">Rendah Indeks Glikemik</h3> |
| <p class="text-gray-600">Hanya 35 GI, lebih sehat dibandingkan gula pasir biasa (65 GI)</p> |
| </div> |
| |
| |
| <div class="benefit-card bg-natural rounded-xl p-6"> |
| <div class="w-16 h-16 rounded-full bg-secondary flex items-center justify-center mb-4"> |
| <i class="fas fa-seedling text-white text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-darkbrown mb-2">Kaya Nutrisi</h3> |
| <p class="text-gray-600">Mengandung mineral penting seperti zat besi, seng, kalium, dan vitamin B</p> |
| </div> |
| |
| |
| <div class="benefit-card bg-natural rounded-xl p-6"> |
| <div class="w-16 h-16 rounded-full bg-primary flex items-center justify-center mb-4"> |
| <i class="fas fa-brain text-white text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-darkbrown mb-2">Antioksidan Tinggi</h3> |
| <p class="text-gray-600">Mengandung polifenol, flavonoid, dan antosianin untuk melawan radikal bebas</p> |
| </div> |
| |
| |
| <div class="benefit-card bg-natural rounded-xl p-6"> |
| <div class="w-16 h-16 rounded-full bg-secondary flex items-center justify-center mb-4"> |
| <i class="fas fa-hand-holding-medical text-white text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-darkbrown mb-2">Organik & Alami</h3> |
| <p class="text-gray-600">Dibuat tanpa bahan kimia, pengawet, atau pemutih</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="proses" class="py-16 bg-gradient-to-b from-white to-natural"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold text-darkbrown">Proses Tradisional Berkualitas</h2> |
| <div class="w-24 h-1 bg-secondary mx-auto mt-2 mb-6"></div> |
| <p class="text-darkbrown max-w-2xl mx-auto"> |
| Menjaga keaslian dan kemurnian melalui teknik pengolahan tradisional |
| </p> |
| </div> |
| |
| <div class="flex flex-col md:flex-row items-center justify-between mb-16"> |
| <div class="md:w-5/12 mb-10 md:mb-0"> |
| <h3 class="text-2xl font-bold text-darkbrown mb-6">Penghasil Petani Lokal</h3> |
| <p class="text-gray-600 mb-6"> |
| Bunga kelapa disadap langsung oleh petani lokal berpengalaman dari perkebunan kelapa organik di Jawa dan Sumatra |
| </p> |
| <div class="bg-accent p-4 rounded-lg border-l-4 border-secondary"> |
| <p class="text-darkbrown"> |
| "Kami hanya menyadap bunga kelapa pada waktu terbaik untuk mendapatkan nira dengan rasa dan kualitas terbaik" |
| </p> |
| </div> |
| </div> |
| <div class="md:w-6/12"> |
| <div class="relative"> |
| <div class="w-full h-80 bg-gradient-to-r from-secondary to-primary rounded-2xl relative overflow-hidden"> |
| <div class="absolute inset-0 flex flex-col items-center justify-center text-white p-6 text-center"> |
| <i class="fas fa-crown text-4xl mb-4"></i> |
| <div class="text-xl font-bold">Kelapa Unggulan</div> |
| <div>Ditanam secara organik</div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="flex flex-col md:flex-row items-center justify-between mb-16"> |
| <div class="md:w-6/12 order-1 md:order-2 mb-10 md:mb-0 md:pl-8"> |
| <h3 class="text-2xl font-bold text-darkbrown mb-6">Proses Pemasakan Tradisional</h3> |
| <p class="text-gray-600 mb-6"> |
| Nira kelapa dipanaskan dalam wajan tembaga dengan suhu terkontrol untuk menghasilkan karamel yang sempurna |
| </p> |
| <ul class="space-y-3"> |
| <li class="flex items-start"> |
| <i class="fas fa-check-circle text-secondary mt-1 mr-2"></i> |
| <span>Mempertahankan aroma khas kelapa</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check-circle text-secondary mt-1 mr-2"></i> |
| <span>Tanpa penambahan bahan kimia apapun</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check-circle text-secondary mt-1 mr-2"></i> |
| <span>Waktu pemasakan optimal 90 menit</span> |
| </li> |
| </ul> |
| </div> |
| <div class="md:w-5/12 order-2 md:order-1"> |
| <div class="relative"> |
| <div class="w-full h-80 bg-gradient-to-r from-primary to-secondary rounded-2xl relative overflow-hidden"> |
| <div class="absolute inset-0 flex flex-col items-center justify-center text-white p-6 text-center"> |
| <i class="fas fa-fire text-4xl mb-4"></i> |
| <div class="text-xl font-bold">Pemasakan Tradisional</div> |
| <div>Wajan tembaga di atas tungku kayu</div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="testimoni" class="py-16 bg-white"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold text-darkbrown">Apa Kata Pelanggan</h2> |
| <div class="w-24 h-1 bg-secondary mx-auto mt-2 mb-6"></div> |
| <p class="text-darkbrown max-w-2xl mx-auto"> |
| Testimoni nyata dari pengguna produk Naturasweet |
| </p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| |
| <div class="bg-natural p-6 rounded-xl"> |
| <div class="flex items-center mb-4"> |
| <div class="w-12 h-12 testimonial-avatar bg-gray-200 rounded-full overflow-hidden flex-shrink-0"> |
| <div class="bg-primary w-full h-full flex items-center justify-center text-white"> |
| <span>D</span> |
| </div> |
| </div> |
| <div class="ml-4"> |
| <h4 class="font-bold text-darkbrown">Dian Rahayu</h4> |
| <div class="flex text-yellow-400"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| </div> |
| </div> |
| <p class="text-gray-600 italic"> |
| "Sejak beralih ke Naturasweet untuk kopi sehari-hari, saya merasakan rasa manis yang lebih lembut dan tidak membuat tenggorokan kering. Rasanya benar-benar natural!" |
| </p> |
| </div> |
| |
| |
| <div class="bg-natural p-6 rounded-xl"> |
| <div class="flex items-center mb-4"> |
| <div class="w-12 h-12 testimonial-avatar bg-gray-200 rounded-full overflow-hidden flex-shrink-0"> |
| <div class="bg-primary w-full h-full flex items-center justify-center text-white"> |
| <span>R</span> |
| </div> |
| </div> |
| <div class="ml-4"> |
| <h4 class="font-bold text-darkbrown">Rendra Kurniawan</h4> |
| <div class="flex text-yellow-400"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star-half-alt"></i> |
| </div> |
| </div> |
| </div> |
| <p class="text-gray-600 italic"> |
| "Produk yang luar biasa! Aromanya harum kelapa khas dan warnanya kecoklatan alami. Sangat cocok untuk kue tradisional yang saya jual." |
| </p> |
| </div> |
| |
| |
| <div class="bg-natural p-6 rounded-xl"> |
| <div class="flex items-center mb-4"> |
| <div class="w-12 h-12 testimonial-avatar bg-gray-200 rounded-full overflow-hidden flex-shrink-0"> |
| <div class="bg-primary w-full h-full flex items-center justify-center text-white"> |
| <span>S</span> |
| </div> |
| </div> |
| <div class="ml-4"> |
| <h4 class="font-bold text-darkbrown">Sinta Dewi</h4> |
| <div class="flex text-yellow-400"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| </div> |
| </div> |
| <p class="text-gray-600 italic"> |
| "Sebagai penderita diabetes ringan, saya sangat terbantu dengan gula kelapa kristal ini. Tidak bikin gula darah naik dan rasanya tetap enak." |
| </p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-gradient-to-r from-primary to-secondary"> |
| <div class="container mx-auto px-4"> |
| <div class="max-w-4xl mx-auto text-center"> |
| <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Siap Beralih ke Gula Kelapa yang Lebih Sehat?</h2> |
| <p class="text-white mb-8 max-w-2xl mx-auto"> |
| Nikmati rasa manis alami yang rendah indeks glikemik dan kaya nutrisi untuk hidup yang lebih sehat |
| </p> |
| <button class="bg-white text-primary font-bold px-8 py-4 rounded-full text-lg shadow-lg hover:bg-accent transition"> |
| Pesan Sekarang - Gratis Ongkir! |
| </button> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-darkbrown text-white pt-16 pb-8"> |
| <div class="container mx-auto px-4"> |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12"> |
| |
| <div> |
| <div class="flex items-center mb-4"> |
| <div class="w-10 h-10 rounded-full bg-secondary flex items-center justify-center mr-3"> |
| <div class="w-8 h-8 rounded-full bg-primary"></div> |
| </div> |
| <span class="text-xl font-bold text-accent">Naturasweet</span> |
| </div> |
| <p class="text-accent mb-4"> |
| Memproduksi gula kelapa premium organik dengan kualitas terbaik dan harga terjangkau. |
| </p> |
| <div class="flex space-x-4"> |
| <a href="#" class="w-10 h-10 bg-primary rounded-full flex items-center justify-center hover:bg-secondary"> |
| <i class="fab fa-facebook-f"></i> |
| </a> |
| <a href="#" class="w-10 h-10 bg-primary rounded-full flex items-center justify-center hover:bg-secondary"> |
| <i class="fab fa-instagram"></i> |
| </a> |
| <a href="#" class="w-10 h-10 bg-primary rounded-full flex items-center justify-center hover:bg-secondary"> |
| <i class="fab fa-whatsapp"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div> |
| <h3 class="text-xl font-bold text-white mb-4">Navigasi</h3> |
| <ul class="space-y-2"> |
| <li><a href="#beranda" class="text-accent hover:text-white">Beranda</a></li> |
| <li><a href="#produk" class="text-accent hover:text-white">Produk</a></li> |
| <li><a href="#manfaat" class="text-accent hover:text-white">Manfaat</a></li> |
| <li><a href="#proses" class="text-accent hover:text-white">Proses Produksi</a></li> |
| <li><a href="#testimoni" class="text-accent hover:text-white">Testimoni</a></li> |
| </ul> |
| </div> |
| |
| |
| <div> |
| <h3 class="text-xl font-bold text-white mb-4">Produk Kami</h3> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-accent hover:text-white">Gula Kelapa Kristal</a></li> |
| <li><a href="#" class="text-accent hover:text-white">Gula Kelapa Batok</a></li> |
| <li><a href="#" class="text-accent hover:text-white">Gula Kelapa Cair</a></li> |
| <li><a href="#" class="text-accent hover:text-white">Gula Kelapa Bubuk</a></li> |
| <li><a href="#" class="text-accent hover:text-white">Paket Bundling</a></li> |
| </ul> |
| </div> |
| |
| |
| <div> |
| <h3 class="text-xl font-bold text-white mb-4">Hubungi Kami</h3> |
| <ul class="space-y-4"> |
| <li class="flex"> |
| <i class="fas fa-map-marker-alt text-secondary mt-1 mr-3"></i> |
| <span class="text-accent">Jl. Kelapa Indah No. 17, Surabaya</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-phone-alt text-secondary mt-1 mr-3"></i> |
| <span class="text-accent">+62 812 3456 7890</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-envelope text-secondary mt-1 mr-3"></i> |
| <span class="text-accent">info@naturasweet.com</span> |
| </li> |
| <li class="flex"> |
| <i class="fas fa-clock text-secondary mt-1 mr-3"></i> |
| <span class="text-accent">Senin-Sabtu: 08.00 - 17.00 WIB</span> |
| </li> |
| </ul> |
| </div> |
| </div> |
| |
| <div class="pt-8 border-t border-accent border-opacity-20 text-center text-accent"> |
| <p>© 2023 Naturasweet. Hak Cipta Dilindungi.</p> |
| </div> |
| </div> |
| </footer> |
| <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> |
| </html> |
