(null);
+
+ const onTitleClick = (index: number) => {
+ setActiveIndex(index === activeIndex ? null : index);
+ };
+
+ return (
+
+ {items.map((item, index) => {
+ const active = index === activeIndex;
+ return (
+
+
onTitleClick(index)}
+ >
+ {item.title}
+
+ {active && (
+
{item.content}
+ )}
+
+ );
+ })}
+
Sobre
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. In
+ laboriosam, eveniet dolor, dolorum fugiat doloremque ab doloribus modi
+ neque vel soluta repudiandae at sequi commodi? Ducimus doloremque
+ nihil eius recusandae?
+
+
+ Lorem ipsum dolor sit amet consectetur, adipisicing elit. In
+ laboriosam, eveniet dolor, dolorum fugiat doloremque ab doloribus modi
+ neque vel soluta repudiandae at sequi commodi? Ducimus doloremque
+ nihil eius recusandae?
+
+
+ ),
+ },
+ {
+ title: "Formas de Pagamento",
+ content: "Content for item 2",
+ },
+ {
+ title: "Entrega",
+ content: "Content for item 3",
+ },
+ {
+ title: "Troca e Devolução",
+ content: "Content for item 4",
+ },
+ {
+ title: "Segurança e Privacidade",
+ content: "Content for item 3",
+ },
+ {
+ title: "Contato",
+ content: "Content for item 3",
+ },
+];
+
+const Main = () => {
+ return (
+
+ );
+};
+
+export { Main };
diff --git a/pagina-institucional/src/components/MenuInfo.tsx b/pagina-institucional/src/components/MenuInfo.tsx
new file mode 100644
index 0000000..7e65e66
--- /dev/null
+++ b/pagina-institucional/src/components/MenuInfo.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+
+const MenuInfo = () => {
+ return (
+
+
Teste
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+ veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+ commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+ velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+ occaecat cupidatat non proident, sunt in culpa qui officia deserunt
+ mollit anim id est laborum.
+
+
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem
+ accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
+ illo inventore veritatis et quasi architecto beatae vitae dicta sunt
+ explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut
+ odit aut fugit, sed quia consequuntur magni dolores eos qui ratione
+ voluptatem
+
+