Разработка современного интерфейса для приложения доставки еды на React Native

import React from 'react';

const App = () => {
  return (
    <div className="App bg-gradient-to-r from-purple-500 to-pink-500 min-h-screen">
      <header className="text-center py-10">
        <h1 className="text-6xl font-bold text-white">Food Delivery App</h1>
        <p className="text-xl text-white mt-4">Order your favorite meals from the best restaurants in town.</p>
      </header>

      <section className="container mx-auto px-4 py-8">
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
          {[1, 2, 3, 4, 5, 6].map((item) => (
            <div key={item} className="bg-white rounded-lg shadow-lg overflow-hidden">
              <img src="https://placehold.co/300x200" alt="Restaurant" className="w-full h-48 object-cover" />
              <div className="p-6">
                <h2 className="text-2xl font-bold mb-2">Restaurant {item}</h2>
                <p className="text-gray-700">Delicious meals from Restaurant {item}.</p>
                <button className="mt-4 bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-700">Order Now</button>
              </div>
            </div>
          ))}
        </div>
      </section>

      <footer className="text-center py-6 bg-black bg-opacity-50 mt-10">
        <p className="text-white">© 2025 Food Delivery App. All rights reserved.</p>
      </footer>
    </div>
  );
};

export default App;