src/App.tsx

import React from 'react';

export default function App() {
  return (
    <div className="min-h-screen flex flex-col">
      <header className="bg-white shadow-sm sticky top-0 z-10">
        <div className="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
          <h1 className="text-2xl font-bold tracking-tight text-gray-900">EliteStore</h1>
          {/* O componente do carrinho entrará aqui na próxima fase */}
          <div className="text-sm font-medium text-gray-500">Carrinho (0)</div>
        </div>
      </header>

      <main className="flex-1 max-w-7xl mx-auto px-4 py-8 w-full">
        {/* A vitrine de produtos entrará aqui */}
        <p className="text-gray-500 text-center">Carregando vitrine...</p>
      </main>

      <footer className="bg-gray-900 text-white py-6 text-center text-sm">
        <p>Desenvolvido com padrão Big Tech 2026 para Hugging Face Spaces.</p>
      </footer>
    </div>
  );
}