🏠 Componente Home (page.js) 🌐

O componente Home é responsável por renderizar um iframe que exibe o conteúdo da página localizada em /home/index.html. Ele integra uma página externa sem a necessidade de recarregar a aplicação.

Código 💻

Aqui está o código do componente Home:

export default function Home() {
  return (
    <iframe
      src="/home/index.html"  // URL da página a ser exibida
      style={{
        width: "100%",       // O iframe ocupa 100% da largura
        height: "100vh",     // O iframe ocupa 100% da altura da viewport
        border: "none",      // Remove a borda do iframe
      }}
    />
  );
}

Descrição do Componente 📜

`<iframe>` 🖼️

<iframe>: Elemento HTML utilizado para embutir outra página dentro da página atual. Ele permite que o conteúdo externo seja exibido de maneira integrada. 🌍

Propriedades do `<iframe>` ⚙️

src: Define a URL da página a ser exibida. Neste caso, a URL é /home/index.html. 🔗
style: Aplica estilos CSS diretamente ao iframe. 🎨
- width: "100%": O iframe ocupa 100% da largura do seu contêiner pai. 📏
- height: "100vh": O iframe ocupa 100% da altura da viewport, garantindo que preencha toda a tela visível. 📐
- border: "none": Remove a borda padrão do iframe para uma aparência mais integrada e limpa. ✨

Considerações Finais 💡

Este componente é útil para integrar conteúdo externo sem a necessidade de recarregar a página, proporcionando uma experiência de usuário mais fluida e eficiente. 🌟

layout.ts page.js