Update src/app/page.tsx
This commit is contained in:
240
src/app/page.tsx
240
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user