Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/hifi11.in/public_html

Free Space:

10.3 TB

🔧 Quick Actions

✏️ Editing: c.html

<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>MilletMart — Wholesome Millets, Modern Store</title>
    <meta name="description" content="Shop nutrient-rich millets and healthy pantry essentials. Clean, modern e‑commerce homepage built with Tailwind CSS." />

<link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" />

<script src="https://cdn.tailwindcss.com"></script>
    <script>
      tailwind.config = {
        theme: {
          extend: {
            fontFamily: { sans: ["Inter", "ui-sans-serif", "system-ui"] },
            colors: {
              primary: {
                50: "#f1f8f4",
                100: "#dff1e6",
                200: "#bbe3c8",
                300: "#90d6a6",
                400: "#5ec97f",
                500: "#34ba58",
                600: "#279947",
                700: "#1f7739",
                800: "#195d2e",
                900: "#134726",
              },
              sand: {
                50: "#faf7f1",
                100: "#f3ead7",
                200: "#e7d5af",
                300: "#d9ba83",
                400: "#c79a56",
                500: "#aa7c3a",
                600: "#8c612c",
                700: "#734c24",
                800: "#5b3b1e",
                900: "#4b301a",
              },
            },
            boxShadow: {
              soft: "0 10px 30px -12px rgba(0,0,0,.12)",
            },
            backgroundImage: {
              fiber: "radial-gradient(1000px 500px at 90% -20%, rgba(94,201,127,.15), transparent 60%), radial-gradient(1000px 500px at -10% 120%, rgba(170,124,58,.15), transparent 60%)",
            },
          },
        },
        darkMode: "class",
      };
    </script>

<header class="sticky top-0 z-50 backdrop-blur bg-white/80 dark:bg-neutral-900/70 border-b border-black/5 dark:border-white/5">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex h-16 items-center justify-between">
          <div class="flex items-center gap-3">
            <a href="#" class="flex items-center gap-2">
              <span class="inline-flex p-2 rounded-xl bg-primary-100 text-primary-700 dark:bg-primary-700/20 dark:text-primary-300">
                
                <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M7 20c0-5.523 4.477-10 10-10h3"/><path d="M4 8a5 5 0 0 1 5-5h3v3a5 5 0 0 1-5 5H4z"/></svg>
              </span>
              <span class="font-extrabold text-lg tracking-tight">Millet<span class="text-primary-600">Mart</span></span>
            </a>
          </div>
          <nav class="hidden md:flex items-center gap-6 text-sm">
            <a class="hover:text-primary-700 dark:hover:text-primary-300" href="#categories">Categories</a>
            <a class="hover:text-primary-700 dark:hover:text-primary-300" href="#products">Products</a>
            <a class="hover:text-primary-700 dark:hover:text-primary-300" href="#benefits">Benefits</a>
            <a class="hover:text-primary-700 dark:hover:text-primary-300" href="#about">About</a>
          </nav>
          <div class="flex items-center gap-2">
            <div class="relative hidden sm:block">
              <input type="text" placeholder="Search millets…" class="w-56 rounded-xl border border-black/10 dark:border-white/10 bg-white/70 dark:bg-neutral-800/60 px-3 py-2 pl-9 placeholder:opacity-60 focus:outline-none focus:ring-2 focus:ring-primary-300 dark:focus:ring-primary-700" />
              <span class="absolute left-3 top-2.5 opacity-60">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
              </span>
            </div>
            <button id="darkToggle" class="p-2 rounded-lg hover:bg-black/5 dark:hover:bg-white/5" aria-label="Toggle dark mode">
              <svg id="sun" class="block dark:hidden" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2m0 16v2m10-10h-2M4 12H2m15.5-7.5L16 6m-8 12-1.5 1.5m12 0L16 18m-8-12L6 6"/></svg>
              <svg id="moon" class="hidden dark:block" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
            </button>
            <button class="relative p-2 rounded-lg hover:bg-black/5 dark:hover:bg-white/5" aria-label="Cart">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 6h15l-1.5 9h-12z"/><path d="M6 6l-1-2H3"/><circle cx="9" cy="20" r="1"/><circle cx="18" cy="20" r="1"/></svg>
              <span class="absolute -top-1.5 -right-1.5 text-[10px] leading-none bg-primary-600 text-white rounded-full px-1.5 py-0.5">2</span>
            </button>
            <button id="menuBtn" class="md:hidden p-2 rounded-lg hover:bg-black/5 dark:hover:bg-white/5" aria-label="Open menu">
              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
            </button>
          </div>
        </div>
        
        <div id="mobileMenu" class="hidden md:hidden border-t border-black/5 dark:border-white/5 pb-4">
          <nav class="flex flex-col gap-2 py-3 text-sm">
            <a class="px-2 py-2 rounded-lg hover:bg-black/5 dark:hover:bg-white/5" href="#categories">Categories</a>
            <a class="px-2 py-2 rounded-lg hover:bg-black/5 dark:hover:bg-white/5" href="#products">Products</a>
            <a class="px-2 py-2 rounded-lg hover:bg-black/5 dark:hover:bg-white/5" href="#benefits">Benefits</a>
            <a class="px-2 py-2 rounded-lg hover:bg-black/5 dark:hover:bg-white/5" href="#about">About</a>
          </nav>
        </div>
      </div>
    </header>

<section class="relative overflow-hidden bg-fiber grain">
      <div class="absolute inset-0 opacity-10 pointer-events-none" aria-hidden="true">
        <svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="dots" width="28" height="28" patternUnits="userSpaceOnUse"><circle cx="1" cy="1" r="1" fill="currentColor"/></pattern></defs><rect width="100%" height="100%" fill="url(#dots)"/></svg>
      </div>
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 lg:py-28">
        <div class="grid lg:grid-cols-2 items-center gap-10">
          <div>
            <div class="inline-flex items-center gap-2 bg-white/70 dark:bg-neutral-800/60 border border-black/10 dark:border-white/10 rounded-full px-3 py-1 text-xs mb-5">
              <span class="inline-flex w-2 h-2 rounded-full bg-primary-500"></span>
              100% Natural • Farm to Fork
            </div>
            <h1 class="text-4xl sm:text-5xl font-black tracking-tight leading-[1.05]">Nutrient‑rich <span class="text-primary-600">millets</span> for everyday wellness</h1>
            <p class="mt-4 text-base sm:text-lg opacity-80">Discover wholesome staples—Ragi, Foxtail, Little, Kodo, and more. Sustainably sourced, stone‑ground, and delivered fresh.</p>
            <div class="mt-6 flex flex-wrap gap-3">
              <a href="#products" class="inline-flex items-center gap-2 rounded-xl bg-primary-600 px-5 py-3 text-white shadow-soft hover:bg-primary-700 active:scale-[.98]">Shop bestsellers <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg></a>
              <a href="#categories" class="inline-flex items-center gap-2 rounded-xl border border-black/10 dark:border-white/10 px-5 py-3 hover:bg-black/5 dark:hover:bg-white/5">Explore categories</a>
            </div>
            <dl class="mt-8 grid grid-cols-3 gap-4 text-sm">
              <div><dt class="font-semibold">Free shipping</dt><dd class="opacity-70">₹799+ orders</dd></div>
              <div><dt class="font-semibold">Lab tested</dt><dd class="opacity-70">Zero adulteration</dd></div>
              <div><dt class="font-semibold">Carbon‑light</dt><dd class="opacity-70">Sustainable farms</dd></div>
            </dl>
          </div>
          <div class="relative">
            <div class="aspect-square rounded-[2rem] bg-gradient-to-br from-sand-200 to-primary-100 dark:from-neutral-800 dark:to-neutral-700 p-4 clip-c shadow-soft">
              <img alt="Bowls of assorted millets" class="w-full h-full object-cover rounded-[1.75rem]" src="https://images.unsplash.com/photo-1651241587503-a874db54a1a7?q=80&w=464&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop" />
            </div>
            <div class="absolute -bottom-6 -left-6 bg-white dark:bg-neutral-900 border border-black/10 dark:border-white/10 rounded-2xl px-4 py-3 shadow-soft flex items-center gap-3">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 1 0 7.78L12 21.23l-8.84-8.84a5.5 5.5 0 0 1 7.78-7.78L12 5.5l1.06-1.06a5.5 5.5 0 0 1 7.78 0z"/></svg>
              <div class="text-sm"><strong>4.9</strong> / 5 from 2k+ reviews</div>
            </div>
          </div>
        </div>
      </div>
    </section>

<section id="categories" class="py-16">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex items-end justify-between mb-8">
          <div>
            <h2 class="text-2xl sm:text-3xl font-bold tracking-tight">Shop by category</h2>
            <p class="opacity-70 mt-1">Find your favorites—whole grains, flours, ready mixes, and snacks.</p>
          </div>
          <a href="#" class="hidden sm:inline-flex items-center gap-2 text-sm hover:text-primary-700 dark:hover:text-primary-300">View all <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg></a>
        </div>
        <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-5">
          
          <a href="#products" class="group relative rounded-2xl overflow-hidden shadow-soft border border-black/5 dark:border-white/5 bg-white dark:bg-neutral-900">
            <img class="h-48 w-full object-cover transition-transform duration-300 group-hover:scale-105" src="https://images.unsplash.com/photo-1604335399105-665e067b36f6?q=80&w=1600&auto=format&fit=crop" alt="Whole millets" />
            <div class="p-4">
              <h3 class="font-semibold">Whole Millets</h3>
              <p class="opacity-70 text-sm">Foxtail, Kodo, Barnyard, Little</p>
            </div>
          </a>
          <a href="#products" class="group relative rounded-2xl overflow-hidden shadow-soft border border-black/5 dark:border-white/5 bg-white dark:bg-neutral-900">
            <img class="h-48 w-full object-cover transition-transform duration-300 group-hover:scale-105" src="https://images.unsplash.com/photo-1515543237350-b3eea1ec8082?q=80&w=1600&auto=format&fit=crop" alt="Millet flours" />
            <div class="p-4">
              <h3 class="font-semibold">Flours</h3>
              <p class="opacity-70 text-sm">Ragi, Jowar, Multi‑millet</p>
            </div>
          </a>
          <a href="#products" class="group relative rounded-2xl overflow-hidden shadow-soft border border-black/5 dark:border-white/5 bg-white dark:bg-neutral-900">
            <img class="h-48 w-full object-cover transition-transform duration-300 group-hover:scale-105" src="https://images.unsplash.com/photo-1586201375761-83865001e31b?q=80&w=1600&auto=format&fit=crop" alt="Instant mixes" />
            <div class="p-4">
              <h3 class="font-semibold">Instant Mixes</h3>
              <p class="opacity-70 text-sm">Dosa, Idli, Pongal</p>
            </div>
          </a>
          <a href="#products" class="group relative rounded-2xl overflow-hidden shadow-soft border border-black/5 dark:border-white/5 bg-white dark:bg-neutral-900">
            <img class="h-48 w-full object-cover transition-transform duration-300 group-hover:scale-105" src="https://images.unsplash.com/photo-1541695680145-0a11f2e0ff88?q=80&w=1600&auto=format&fit=crop" alt="Snacks" />
            <div class="p-4">
              <h3 class="font-semibold">Snacks</h3>
              <p class="opacity-70 text-sm">Crisps, laddoos, cookies</p>
            </div>
          </a>
        </div>
      </div>
    </section>

<section id="products" class="py-4 pb-16">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex items-end justify-between mb-8">
          <div>
            <h2 class="text-2xl sm:text-3xl font-bold tracking-tight">Bestsellers</h2>
            <p class="opacity-70 mt-1">Hand‑picked favorites loved by our community.</p>
          </div>
          <div class="flex items-center gap-2">
            <label class="text-sm opacity-80">Sort</label>
            <select class="rounded-lg border border-black/10 dark:border-white/10 bg-white/80 dark:bg-neutral-900/60 px-3 py-2 text-sm">
              <option>Featured</option>
              <option>Price: Low to High</option>
              <option>Price: High to Low</option>
              <option>Top Rated</option>
            </select>
          </div>
        </div>
        <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
          
          <div class="group rounded-2xl overflow-hidden border border-black/5 dark:border-white/5 bg-white dark:bg-neutral-900 shadow-soft">
            <div class="relative">
              <img class="h-56 w-full object-cover" src="https://images.unsplash.com/photo-1511690656952-34342bb7c2f2?q=80&w=1600&auto=format&fit=crop" alt="Foxtail Millet 1kg" />
              <span class="absolute top-3 left-3 text-[11px] bg-primary-600 text-white rounded-full px-2 py-1">-15%</span>
              <button class="absolute top-3 right-3 p-2 rounded-full bg-white/80 dark:bg-neutral-800/80 border border-black/10 dark:border-white/10 opacity-0 group-hover:opacity-100 transition" aria-label="Wishlist">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.8 4.6a5.5 5.5 0 0 1 0 7.8L12 21.2 3.2 12.4a5.5 5.5 0 0 1 7.8-7.8L12 5.5l1-1a5.5 5.5 0 0 1 7.8 0z"/></svg>
              </button>
            </div>
            <div class="p-4">
              <h3 class="font-semibold">Foxtail Millet — 1kg</h3>
              <div class="flex items-center gap-1 text-amber-500 text-sm my-1" aria-label="Rated 4.7 out of 5">
                <span>★★★★★</span><span class="text-xs opacity-60 ml-1">(432)</span>
              </div>
              <div class="flex items-center gap-2 mt-2">
                <span class="text-lg font-bold">₹199</span>
                <span class="text-sm line-through opacity-60">₹235</span>
              </div>
              <button class="mt-4 w-full inline-flex justify-center items-center gap-2 rounded-xl bg-primary-600 px-4 py-2.5 text-white hover:bg-primary-700 active:scale-[.99]">Add to cart</button>
            </div>
          </div>

<div class="group rounded-2xl overflow-hidden border border-black/5 dark:border-white/5 bg-white dark:bg-neutral-900 shadow-soft">
            <div class="relative">
              <img class="h-56 w-full object-cover" src="https://images.unsplash.com/photo-1543332164-6e82f355bad8?q=80&w=1600&auto=format&fit=crop" alt="Ragi (Finger Millet) Flour 1kg" />
              <span class="absolute top-3 left-3 text-[11px] bg-black/80 text-white rounded-full px-2 py-1">New</span>
            </div>
            <div class="p-4">
              <h3 class="font-semibold">Ragi Flour — 1kg</h3>
              <div class="flex items-center gap-1 text-amber-500 text-sm my-1" aria-label="Rated 4.8 out of 5">
                <span>★★★★★</span><span class="text-xs opacity-60 ml-1">(512)</span>
              </div>
              <div class="flex items-center gap-2 mt-2">
                <span class="text-lg font-bold">₹179</span>
              </div>
              <button class="mt-4 w-full inline-flex justify-center items-center gap-2 rounded-xl bg-primary-600 px-4 py-2.5 text-white hover:bg-primary-700">Add to cart</button>
            </div>
          </div>

<div class="group rounded-2xl overflow-hidden border border-black/5 dark:border-white/5 bg-white dark:bg-neutral-900 shadow-soft">
            <div class="relative">
              <img class="h-56 w-full object-cover" src="https://images.unsplash.com/photo-1517957754642-2875a5f8b6cc?q=80&w=1600&auto=format&fit=crop" alt="Barnyard Millet 1kg" />
            </div>
            <div class="p-4">
              <h3 class="font-semibold">Barnyard Millet — 1kg</h3>
              <div class="flex items-center gap-1 text-amber-500 text-sm my-1" aria-label="Rated 4.6 out of 5">
                <span>★★★★★</span><span class="text-xs opacity-60 ml-1">(289)</span>
              </div>
              <div class="flex items-center gap-2 mt-2">
                <span class="text-lg font-bold">₹209</span>
              </div>
              <button class="mt-4 w-full inline-flex justify-center items-center gap-2 rounded-xl bg-primary-600 px-4 py-2.5 text-white hover:bg-primary-700">Add to cart</button>
            </div>
          </div>

<div class="group rounded-2xl overflow-hidden border border-black/5 dark:border-white/5 bg-white dark:bg-neutral-900 shadow-soft">
            <div class="relative">
              <img class="h-56 w-full object-cover" src="https://images.unsplash.com/photo-1512621776951-a57141f2eefd?q=80&w=1600&auto=format&fit=crop" alt="Multi-millet Dosa Mix 500g" />
            </div>
            <div class="p-4">
              <h3 class="font-semibold">Multi‑millet Dosa Mix — 500g</h3>
              <div class="flex items-center gap-1 text-amber-500 text-sm my-1" aria-label="Rated 4.5 out of 5">
                <span>★★★★★</span><span class="text-xs opacity-60 ml-1">(733)</span>
              </div>
              <div class="flex items-center gap-2 mt-2">
                <span class="text-lg font-bold">₹149</span>
              </div>
              <button class="mt-4 w-full inline-flex justify-center items-center gap-2 rounded-xl bg-primary-600 px-4 py-2.5 text-white hover:bg-primary-700">Add to cart</button>
            </div>
          </div>
        </div>
      </div>
    </section>

<section id="benefits" class="py-16 bg-white/60 dark:bg-neutral-900/40 border-y border-black/5 dark:border-white/5">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-2xl sm:text-3xl font-bold tracking-tight text-center">Why millets?</h2>
        <p class="opacity-70 text-center mt-2 max-w-2xl mx-auto">Tiny grains, massive benefits—low GI, protein‑rich, gut friendly. Great for families, diabetics, and athletes alike.</p>
        <div class="mt-10 grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
          <div class="p-6 rounded-2xl bg-white dark:bg-neutral-900 border border-black/5 dark:border-white/5 shadow-soft">
            <div class="w-10 h-10 rounded-lg bg-primary-100 text-primary-700 dark:bg-primary-700/20 dark:text-primary-300 flex items-center justify-center mb-3">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4"/><path d="M21 9a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4"/></svg>
            </div>
            <h3 class="font-semibold mb-1">High in Fiber</h3>
            <p class="text-sm opacity-80">Keeps you full longer and supports gut health.</p>
          </div>
          <div class="p-6 rounded-2xl bg-white dark:bg-neutral-900 border border-black/5 dark:border-white/5 shadow-soft">
            <div class="w-10 h-10 rounded-lg bg-primary-100 text-primary-700 dark:bg-primary-700/20 dark:text-primary-300 flex items-center justify-center mb-3">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 7h-9"/><path d="M14 17H5"/><circle cx="7" cy="7" r="3"/><circle cx="17" cy="17" r="3"/></svg>
            </div>
            <h3 class="font-semibold mb-1">Low Glycemic Index</h3>
            <p class="text-sm opacity-80">Helps maintain steady energy and blood sugar levels.</p>
          </div>
          <div class="p-6 rounded-2xl bg-white dark:bg-neutral-900 border border-black/5 dark:border-white/5 shadow-soft">
            <div class="w-10 h-10 rounded-lg bg-primary-100 text-primary-700 dark:bg-primary-700/20 dark:text-primary-300 flex items-center justify-center mb-3">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20v-6"/><path d="M6 20V10"/><path d="M18 20V4"/></svg>
            </div>
            <h3 class="font-semibold mb-1">Protein‑rich</h3>
            <p class="text-sm opacity-80">Excellent for muscle recovery and daily nutrition.</p>
          </div>
          <div class="p-6 rounded-2xl bg-white dark:bg-neutral-900 border border-black/5 dark:border-white/5 shadow-soft">
            <div class="w-10 h-10 rounded-lg bg-primary-100 text-primary-700 dark:bg-primary-700/20 dark:text-primary-300 flex items-center justify-center mb-3">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 2 3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1 3-7z"/></svg>
            </div>
            <h3 class="font-semibold mb-1">Mineral‑dense</h3>
            <p class="text-sm opacity-80">Packed with calcium, iron, and micronutrients.</p>
          </div>
        </div>
      </div>
    </section>

<section class="py-16">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex items-end justify-between mb-8">
          <div>
            <h2 class="text-2xl sm:text-3xl font-bold tracking-tight">What customers say</h2>
            <p class="opacity-70 mt-1">Real stories from our community</p>
          </div>
        </div>
        <div class="grid md:grid-cols-3 gap-6">
          <figure class="rounded-2xl p-6 bg-white dark:bg-neutral-900 border border-black/5 dark:border-white/5 shadow-soft">
            <blockquote class="text-sm opacity-90">“The dosa mix is a lifesaver on busy mornings. Tastes authentic and light.”</blockquote>
            <figcaption class="mt-4 flex items-center gap-3">
              <img class="w-9 h-9 rounded-full object-cover" src="https://images.unsplash.com/photo-1544005313-94ddf0286df2?q=80&w=200&auto=format&fit=crop" alt="Customer avatar" />
              <div>
                <div class="text-sm font-semibold">Akhila S.</div>
                <div class="text-xs opacity-60">Bengaluru</div>
              </div>
            </figcaption>
          </figure>
          <figure class="rounded-2xl p-6 bg-white dark:bg-neutral-900 border border-black/5 dark:border-white/5 shadow-soft">
            <blockquote class="text-sm opacity-90">“Switched from rice to foxtail millet thrice a week—feels lighter and more energetic.”</blockquote>
            <figcaption class="mt-4 flex items-center gap-3">
              <img class="w-9 h-9 rounded-full object-cover" src="https://images.unsplash.com/photo-1502685104226-ee32379fefbe?q=80&w=200&auto=format&fit=crop" alt="Customer avatar" />
              <div>
                <div class="text-sm font-semibold">Rahul K.</div>
                <div class="text-xs opacity-60">Hyderabad</div>
              </div>
            </figcaption>
          </figure>
          <figure class="rounded-2xl p-6 bg-white dark:bg-neutral-900 border border-black/5 dark:border-white/5 shadow-soft">
            <blockquote class="text-sm opacity-90">“Clean packaging, quick delivery, and the grains cook perfectly fluffy every time.”</blockquote>
            <figcaption class="mt-4 flex items-center gap-3">
              <img class="w-9 h-9 rounded-full object-cover" src="https://images.unsplash.com/photo-1547425260-76bcadfb4f2c?q=80&w=200&auto=format&fit=crop" alt="Customer avatar" />
              <div>
                <div class="text-sm font-semibold">Meera T.</div>
                <div class="text-xs opacity-60">Chennai</div>
              </div>
            </figcaption>
          </figure>
        </div>
      </div>
    </section>

<section id="about" class="py-16 bg-white/60 dark:bg-neutral-900/40 border-y border-black/5 dark:border-white/5">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid lg:grid-cols-2 gap-10 items-start">
          <div>
            <h2 class="text-2xl sm:text-3xl font-bold tracking-tight">Frequently asked</h2>
            <div class="mt-6 space-y-4">
              <details class="group rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900 p-4 open:shadow-soft">
                <summary class="cursor-pointer font-semibold list-none flex items-center justify-between">Are your millets organic?
                  <span class="ml-4">+</span>
                </summary>
                <p class="mt-3 text-sm opacity-80">We partner with certified farms and publish batch‑wise lab reports for transparency.</p>
              </details>
              <details class="group rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900 p-4">
                <summary class="cursor-pointer font-semibold list-none flex items-center justify-between">Do you ship pan‑India? <span class="ml-4">+</span></summary>
                <p class="mt-3 text-sm opacity-80">Yes, we deliver to 25,000+ pincodes with tracked shipping.</p>
              </details>
              <details class="group rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-900 p-4">
                <summary class="cursor-pointer font-semibold list-none flex items-center justify-between">How do I store millets? <span class="ml-4">+</span></summary>
                <p class="mt-3 text-sm opacity-80">Use airtight jars; keep away from moisture and direct sunlight for maximum freshness.</p>
              </details>
            </div>
          </div>
          <div class="rounded-2xl bg-primary-600 text-white p-8 shadow-soft">
            <h3 class="text-2xl font-bold">Get 10% off your first order</h3>
            <p class="opacity-90 mt-1">Join our newsletter for recipes, tips, and exclusive deals.</p>
            <form class="mt-4 flex flex-col sm:flex-row gap-3">
              <input type="email" required placeholder="you@example.com" class="flex-1 rounded-xl px-4 py-3 text-slate-900 placeholder:opacity-70 focus:outline-none" />
              <button class="rounded-xl bg-black/20 hover:bg-black/30 px-5 py-3 font-semibold">Subscribe</button>
            </form>
            <p class="text-xs mt-2 opacity-80">By subscribing, you agree to our <a href="#" class="underline">Privacy Policy</a>.</p>
          </div>
        </div>
      </div>
    </section>

<footer class="py-14">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid md:grid-cols-4 gap-8">
          <div>
            <div class="flex items-center gap-2 mb-3">
              <span class="inline-flex p-2 rounded-xl bg-primary-100 text-primary-700 dark:bg-primary-700/20 dark:text-primary-300">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M7 20c0-5.523 4.477-10 10-10h3"/><path d="M4 8a5 5 0 0 1 5-5h3v3a5 5 0 0 1-5 5H4z"/></svg>
              </span>
              <span class="font-extrabold text-lg tracking-tight">Millet<span class="text-primary-600">Mart</span></span>
            </div>
            <p class="text-sm opacity-80">Wholesome millets and pantry staples for better living. Made in India.</p>
          </div>
          <div>
            <h4 class="font-semibold mb-3">Shop</h4>
            <ul class="space-y-2 text-sm opacity-90">
              <li><a class="hover:underline" href="#">Whole Grains</a></li>
              <li><a class="hover:underline" href="#">Flours</a></li>
              <li><a class="hover:underline" href="#">Instant Mixes</a></li>
              <li><a class="hover:underline" href="#">Snacks</a></li>
            </ul>
          </div>
          <div>
            <h4 class="font-semibold mb-3">Company</h4>
            <ul class="space-y-2 text-sm opacity-90">
              <li><a class="hover:underline" href="#">Our Story</a></li>
              <li><a class="hover:underline" href="#">Sourcing</a></li>
              <li><a class="hover:underline" href="#">Careers</a></li>
              <li><a class="hover:underline" href="#">Contact</a></li>
            </ul>
          </div>
          <div>
            <h4 class="font-semibold mb-3">Support</h4>
            <ul class="space-y-2 text-sm opacity-90">
              <li><a class="hover:underline" href="#">Help Center</a></li>
              <li><a class="hover:underline" href="#">Shipping</a></li>
              <li><a class="hover:underline" href="#">Returns</a></li>
              <li><a class="hover:underline" href="#">Privacy</a></li>
            </ul>
          </div>
        </div>
        <div class="mt-10 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs opacity-80">
          <p>© <span id="year"></span> MilletMart. All rights reserved.</p>
          <div class="flex items-center gap-4">
            <a href="#" class="hover:opacity-100 opacity-80">Instagram</a>
            <a href="#" class="hover:opacity-100 opacity-80">YouTube</a>
            <a href="#" class="hover:opacity-100 opacity-80">Twitter/X</a>
          </div>
        </div>
      </div>
    </footer>

// Mobile menu toggle
      document.getElementById('menuBtn').addEventListener('click', () => {
        const mm = document.getElementById('mobileMenu');
        mm.classList.toggle('hidden');
      });

// Year in footer
      document.getElementById('year').textContent = new Date().getFullYear();
    </script>
  </body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: c.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation