text: import React from "react";
  
  const Temp = () => {
       return(
            <>
   <section class="text-gray-600 body-font">
    
    <div class="container px-5 py-24 mx-auto">
    <h1>Order Your Food From the top food brands</h1>
      <div class="flex flex-wrap -m-4">
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full mb-6" src="https://b.zmtcdn.com/data/brand_creatives/logos/bb30587d1148b6ab628a61945f64bf88_1625164768.png?output-format=webp" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">Zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">McDelivery</h2>
            <p class=" text-lg text-black">Order your tasty food from McDelivery </p>
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/brand_creatives/logos/1a985408ca7ad8fd097f2c47db9c5cb6_1611252699.png?output-format=webp" alt="content"/>
            <h3 class="tracking-widest text-indigo-500 text-xs font-medium title-font">Zomato</h3>
            <h2 class="text-2xl text-gray-900  font-medium title-font mb-4">Domino's</h2>
            <p class=" text-lg text-black">Order the cheesy pizza from Domino's .</p>
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">  
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/brand_creatives/logos/22529ff52d41a4aa3b36ac1e7e0c0db3_1605099406.png?output-format=webp" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Haldiram's</h2>
            <p class= "text-lg  text-black">order teekhi Namkeen from Haldiram's.</p>
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/brand_creatives/logos/6a11fd0f30c9fd9ceaff2f5b21f61d23_1617187857.png?output-format=webp" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Burger king</h2>
            <p class=" text-lg text-black">order the yummy burger from the Burger king.</p>
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/8/19505498/f11eba001141dd126ea122688677e7ee_o2_featured_v2.jpg?output-format=webp" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Dosama</h2>
          
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/chains/1/171/0094c2b5485c4c2f52c931306442269b_o2_featured_v2.jpg?output-format=webp" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Mc Donald's</h2>
      
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/chains/1/18412861/cdfb6903398fd6adc1b157c075ee8911_o2_featured_v2.jpg?output-format=webp" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">OvenStory Pizza</h2>
           
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/chains/6/18082196/cc7cfcafbaa312b8e003ab60181246b0_o2_featured_v2.jpg" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Wow! MOMO</h2>
  
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/chains/6/246/e38a67cbebf3659ab7bf9d62e50e0c70_o2_featured_v2.jpg" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Pizza Hut</h2>
  
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/chains/9/18198449/3a1a35fc55e8054a476e671c15bc4838_o2_featured_v2.jpg" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Punjabi Angithi</h2>
  
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/chains/8/18593838/ec3ebfb8520d11c04ed32f71428cb84c_o2_featured_v2.jpg" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Desi Meals</h2>
  
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/2/1882/05723223b1197e283d37a1af1a02a7fc_o2_featured_v2.jpg" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Bangla Foods</h2>
  
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/8/18219558/6d9dad14da075d37021c25041773e07b_o2_featured_v2.jpg" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Biryani</h2>
  
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/4/18941734/8387182bd121d134e2b42fe98d3ffc6c_o2_featured_v2.jpg" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Shaahy Panneer</h2>
  
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/chains/8/301718/49604cc6bded4aeed8201f2cc8aabd29_o2_featured_v2.jpg" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Biryani Blues </h2>
  
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-sm">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/1/19149311/28abcc6f8367a81eb97e3cf0cb4dbbbc_o2_featured_v2.jpg" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Chocolate</h2>
  
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/8/19842568/a591009127b6fba9bc326cd5422b91d0_o2_featured_v2.jpg" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Pizza </h2>
  
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/8/19198018/367c6f1bd03b2449bd5ce96ddd49cbcb_o2_featured_v2.jpg" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Forever Andra</h2>
  
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/chains/8/18421458/f1e0bc29360b2b95c2532fb84867d87a_o2_featured_v2.jpg" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Indo Kulfi</h2>
  
          </div>
        </div>
        <div class="xl:w-1/4 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
            <img class="h-40 rounded w-full  mb-6" src="https://b.zmtcdn.com/data/pictures/chains/3/1703/1f5719b0e0d86d9f7171518b64d0ffbf_o2_featured_v2.png" alt="content"/>
            <h3 class=" text-indigo-500 text-xs font-medium title-font">zomato</h3>
            <h2 class="text-2xl text-gray-900 font-medium title-font mb-4">Basmati Rice </h2>
  
          </div>
        </div>
      </div>
    </div>
  </section>
  <footer className="w-full h-24 bg-red-400">
  
      <h1 className="p-9  text-5xl text-black opacity-30 font-semibold text-center"> Zomato</h1>
       
  </footer>
            </>
       )
  
  };
  
  export default Temp;  