Pequenos Encantos

Import React from 'react';
import { Card, CardContent } from '@/components/ui/card';
import { Button } from '@/components/ui/button';

export default function PequenosEncantos() {
  return (
    <div className="min-h-screen bg-gradient-to-r from-pink-100 to-blue-100 p-4">
      <header className="text-center py-6">
        <h1 className="text-4xl font-bold text-pink-500">Pequenos Encantos</h1>
        <p className="text-gray-600">Roupas infantis que encantam corações</p>
      </header>

      <section className="my-8">
        <Card className="bg-white shadow-xl rounded-2xl p-6 mx-auto max-w-3xl">
          <CardContent>
            <h2 className="text-2xl font-semibold text-blue-500 mb-4">Histórico da Empresa</h2>
            <p className="text-gray-700">
              Fundada com o objetivo de trazer conforto, estilo e delicadeza para o mundo infantil, a Pequenos Encantos nasceu do sonho de criar peças únicas que refletem o encanto da infância. Nossos produtos são feitos com materiais de alta qualidade, pensados para o bem-estar e a felicidade dos pequenos.
            </P>
          </CardContent>
        </Card>
      </section>

      <section className="my-8">
        <Card className="bg-white shadow-xl rounded-2xl p-6 mx-auto max-w-3xl">
          <CardContent>
            <h2 className="text-2xl font-semibold text-green-500 mb-4">Membros da Equipe</h2>
            <ul className="list-disc list-inside text-gray-700">
              <li><strong>Ana Souza</strong> - Fundadora e Diretora Criativa</li>
              <li><strong>Lucas Pereira</strong> - Designer de Moda Infantil</li>
              <li><strong>Maria Oliveira</strong> - Gerente de Produção</li>
              <li><strong>João Lima</strong> - Coordenador de Vendas e Marketing</li>
            </ul>
          </CardContent>
        </Card>
      </section>

      <section className="my-8">
        <Card className="bg-white shadow-xl rounded-2xl p-6 mx-auto max-w-3xl">
          <CardContent>
            <h2 className="text-2xl font-semibold text-purple-500 mb-4">Formulário de Contrato</h2>
            <form className="space-y-4">
              <div>
                <label className="block text-gray-700">Nome Completo</label>
                <input type="text" className="w-full p-2 border rounded-md" placeholder="Seu nome completo" />
              </div>
              <div>
                <label className="block text-gray-700">E-mail</label>
                <input type="email" className="w-full p-2 border rounded-md" placeholder="Seu e-mail" />
              </div>
              <div>
                <label className="block text-gray-700">Detalhes do Contrato</label>
                <textarea className="w-full p-2 border rounded-md" placeholder="Descreva os detalhes do contrato"></textarea>
              </div>
              <Button className="w-full bg-pink-500 text-white">Enviar Contrato</Button>
            </form>
          </CardContent>
        </Card>
      </section>

      <footer className="text-center py-4 text-gray-500">
        © 2025 Pequenos Encantos. Todos os direitos reservados.
      </footer>
    </div>
  );
}