Kibella Moda 克隆网站

import React from 'react';

const App = () => {
  return (
    <div className="App">
      <header className="bg-blue-500 text-white p-4">
        <h1 className="text-3xl font-bold">Kibella Moda Evangelica</h1>
      </header>
      <nav className="bg-gray-800 text-white p-2">
        <ul className="flex space-x-4">
          <li>Home</li>
          <li>About</li>
          <li>Services</li>
          <li>Contact</li>
        </ul>
      </nav>
      <main className="p  -4">
        <section className="mb-8">
          <h2 className="text-2xl font-bold">Welcome to Kibella Moda Evangelica</h2>
          <p>Discover our latest collection of evangelical fashion.</p>
        </section>
        <section className="grid grid-cols-1 md:grid-cols-3 gap-4">
          <div className="bg-white p-4 shadow-lg">
            <img src="https://placehold.co/300X300" alt="Fashion 1" />
            <h3 className="text-xl font-semibold">Trendy Outfits</h3>
            <p>Explore our trendy outfits that blend style and modesty.</p>
          </div>
          <div className="bg-white p-4 shadow-lg">
            <img src="https://placehold.co/300X300" alt="Fashion 2" />
            <h3 className="text-xl font-semibold">Elegant Dresses</h3>
            <p>Find elegant dresses perfect for any occasion.</p>
          </div>
          <div className="bg-white p-4 shadow-lg">
            <img src="https://placehold.co/300X300" alt="Fashion 3" />
            <h3 className="text-xl font-semibold">Accessories</h3>
            <p>Complete your look with our stylish accessories.</p>
          </div>
        </section>
      </main>
      <footer className="bg-gray-800 text-white p-4 mt-8">
        <p>© 2025 Kibella Moda Evangelica. All rights reserved.</p>
      </footer>
    </div>
  );
};

export default App;