From 4bf45f34e01fedd0fdf0b544592e616e52187326 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 16 Apr 2026 01:03:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 240 ++++++++++-------------------------------------
 1 file changed, 52 insertions(+), 188 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 84c6911..8cc7402 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Início",
-          id: "hero",
-        },
+          name: "Início",          id: "hero"},
         {
-          name: "História",
-          id: "about",
-        },
+          name: "História",          id: "about"},
         {
-          name: "Personagens",
-          id: "characters",
-        },
+          name: "Personagens",          id: "characters"},
         {
-          name: "Arcos",
-          id: "timeline",
-        },
+          name: "Arcos",          id: "timeline"},
         {
-          name: "Galeria",
-          id: "gallery",
-        },
+          name: "Galeria",          id: "gallery"},
         {
-          name: "Contato",
-          id: "contact",
-        },
+          name: "Contato",          id: "contact"},
       ]}
       brandName="AMMP"
     />
@@ -63,45 +51,22 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="A Mentira Mais Perfeita"
       description="Nenhum segredo permanece enterrado quando o preço da verdade é o seu próprio coração."
       buttons={[
         {
-          text: "Ler Agora",
-          href: "#",
-        },
+          text: "Ler Agora",          href: "#"},
         {
-          text: "Personagens",
-          href: "#characters",
-        },
+          text: "Personagens",          href: "#characters"},
       ]}
       mediaItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i30l2t&_wi=1",
-          imageAlt: "anime style banner psychological drama",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4buq8e",
-          imageAlt: "anime promotional art deep red",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iv8hwt",
-          imageAlt: "anime art golden accents",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dwmeec",
-          imageAlt: "cinematic anime art high contrast",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zdrlnm",
-          imageAlt: "light novel illustration elegant",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8epgt4",
-          imageAlt: "anime tension drama scene",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i30l2t", imageAlt: "anime style banner psychological drama" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4buq8e", imageAlt: "anime promotional art deep red" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iv8hwt", imageAlt: "anime art golden accents" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dwmeec", imageAlt: "cinematic anime art high contrast" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zdrlnm", imageAlt: "light novel illustration elegant" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8epgt4", imageAlt: "anime tension drama scene" }
       ]}
     />
   </div>
@@ -111,23 +76,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "Sobre a ",
-        },
+          type: "text",          content: "Sobre a "},
         {
-          type: "text",
-          content: "História",
-        },
+          type: "text",          content: "História"},
         {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oryevp",
-          alt: "open book light novel atmosphere",
-        },
+          type: "image",          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oryevp",          alt: "open book light novel atmosphere"},
       ]}
       buttons={[
         {
-          text: "Saiba Mais",
-        },
+          text: "Saiba Mais"},
       ]}
     />
   </div>
@@ -139,23 +96,11 @@ export default function LandingPage() {
       tag="Elenco"
       members={[
         {
-          id: "c1",
-          name: "Elias Thorne",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s7qdzn",
-          imageAlt: "anime protagonist red gold clothing",
-        },
+          id: "c1",          name: "Elias Thorne",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s7qdzn",          imageAlt: "anime protagonist red gold clothing"},
         {
-          id: "c2",
-          name: "Seraphina Vance",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vskc76",
-          imageAlt: "mysterious anime girl antagonist",
-        },
+          id: "c2",          name: "Seraphina Vance",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vskc76",          imageAlt: "mysterious anime girl antagonist"},
         {
-          id: "c3",
-          name: "Julian Thorne",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=16s8e1",
-          imageAlt: "anime secondary character determined",
-        },
+          id: "c3",          name: "Julian Thorne",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=16s8e1",          imageAlt: "anime secondary character determined"},
       ]}
       memberVariant="card"
       membersAnimation="slide-up"
@@ -169,35 +114,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "a1",
-          title: "O Despertar",
-          descriptions: [
-            "Capítulo 1-10",
-            "Status: Lançado",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rpmexq",
-          imageAlt: "dark atmosphere silhouette red glow",
-        },
+          id: "a1",          title: "O Despertar",          descriptions: [
+            "Capítulo 1-10",            "Status: Lançado"],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rpmexq",          imageAlt: "dark atmosphere silhouette red glow"},
         {
-          id: "a2",
-          title: "A Máscara de Ouro",
-          descriptions: [
-            "Capítulo 11-20",
-            "Status: Em Produção",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i30l2t&_wi=2",
-          imageAlt: "dark atmosphere silhouette red glow",
-        },
+          id: "a2",          title: "A Máscara de Ouro",          descriptions: [
+            "Capítulo 11-20",            "Status: Em Produção"],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i30l2t",          imageAlt: "dark atmosphere silhouette red glow"},
         {
-          id: "a3",
-          title: "A Verdade Amarga",
-          descriptions: [
-            "Capítulo 21-30",
-            "Status: Planejado",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oryevp",
-          imageAlt: "dark atmosphere silhouette red glow",
-        },
+          id: "a3",          title: "A Verdade Amarga",          descriptions: [
+            "Capítulo 21-30",            "Status: Planejado"],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oryevp",          imageAlt: "dark atmosphere silhouette red glow"},
       ]}
       title="Arcos Narrativos"
       description="Uma jornada dividida em capítulos de puro drama."
@@ -206,52 +133,23 @@ export default function LandingPage() {
 
   <div id="gallery" data-section="gallery">
       <ProductCardOne
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
         {
-          id: "g1",
-          name: "Capa Vol 1",
-          price: "Promo",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gh1orm",
-          imageAlt: "anime promotional art deep red",
-        },
+          id: "g1",          name: "Capa Vol 1",          price: "Promo",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gh1orm",          imageAlt: "anime promotional art deep red"},
         {
-          id: "g2",
-          name: "Capa Vol 2",
-          price: "Promo",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvckz1",
-          imageAlt: "anime art golden accents",
-        },
+          id: "g2",          name: "Capa Vol 2",          price: "Promo",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvckz1",          imageAlt: "anime art golden accents"},
         {
-          id: "g3",
-          name: "Arte Conceito",
-          price: "Promo",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x40pg1",
-          imageAlt: "cinematic anime art high contrast",
-        },
+          id: "g3",          name: "Arte Conceito",          price: "Promo",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x40pg1",          imageAlt: "cinematic anime art high contrast"},
         {
-          id: "g4",
-          name: "Ilustração Exclusiva",
-          price: "Promo",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xe41v3",
-          imageAlt: "light novel illustration elegant",
-        },
+          id: "g4",          name: "Ilustração Exclusiva",          price: "Promo",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xe41v3",          imageAlt: "light novel illustration elegant"},
         {
-          id: "g5",
-          name: "Promo Arcos",
-          price: "Promo",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6tyj38",
-          imageAlt: "anime tension drama scene",
-        },
+          id: "g5",          name: "Promo Arcos",          price: "Promo",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6tyj38",          imageAlt: "anime tension drama scene"},
         {
-          id: "g6",
-          name: "Ilustração Final",
-          price: "Promo",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vjfl1j",
-          imageAlt: "stunning anime artwork detailed",
-        },
+          id: "g6",          name: "Ilustração Final",          price: "Promo",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vjfl1j",          imageAlt: "stunning anime artwork detailed"},
       ]}
       title="Ilustrações"
       description="Galeria oficial da obra."
@@ -265,21 +163,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "Autoria",
-          title: "Haruki Satō",
-          description: "Escritor Principal",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2wp25c",
-          imageAlt: "anime protagonist red gold clothing",
-        },
+          id: "m1",          value: "Autoria",          title: "Haruki Satō",          description: "Escritor Principal",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2wp25c",          imageAlt: "anime protagonist red gold clothing"},
         {
-          id: "m2",
-          value: "Arte",
-          title: "Yuki Morita",
-          description: "Ilustradora Chefe",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n5rii1",
-          imageAlt: "mysterious anime girl antagonist",
-        },
+          id: "m2",          value: "Arte",          title: "Yuki Morita",          description: "Ilustradora Chefe",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n5rii1",          imageAlt: "mysterious anime girl antagonist"},
       ]}
       title="Criadores"
       description="Conheça as mentes por trás deste universo."
@@ -292,20 +178,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Onde ler?",
-          content: "Disponível nas principais plataformas.",
-        },
+          id: "f1",          title: "Onde ler?",          content: "Disponível nas principais plataformas."},
         {
-          id: "f2",
-          title: "Frequência?",
-          content: "Quinzenalmente aos domingos.",
-        },
+          id: "f2",          title: "Frequência?",          content: "Quinzenalmente aos domingos."},
         {
-          id: "f3",
-          title: "Versão física?",
-          content: "Em negociação futura.",
-        },
+          id: "f3",          title: "Versão física?",          content: "Em negociação futura."},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q24kdu"
       mediaAnimation="slide-up"
@@ -320,18 +197,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Contato"
       title="Fale Conosco"
       description="Siga-nos nas redes e envie suas dúvidas."
       buttons={[
         {
-          text: "Twitter",
-        },
+          text: "Twitter"},
         {
-          text: "Email",
-        },
+          text: "Email"},
       ]}
     />
   </div>
@@ -340,29 +214,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Nav",
-          items: [
+          title: "Nav",          items: [
             {
-              label: "Início",
-              href: "#hero",
-            },
+              label: "Início",              href: "#hero"},
             {
-              label: "História",
-              href: "#about",
-            },
+              label: "História",              href: "#about"},
           ],
         },
         {
-          title: "Social",
-          items: [
+          title: "Social",          items: [
             {
-              label: "Twitter",
-              href: "#",
-            },
+              label: "Twitter",              href: "#"},
             {
-              label: "Instagram",
-              href: "#",
-            },
+              label: "Instagram",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1