Merge version_1 into main #1
@@ -7,7 +7,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function CreatorsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -25,20 +25,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Criadores",
|
||||
id: "/creators",
|
||||
},
|
||||
{
|
||||
name: "Login",
|
||||
id: "/login",
|
||||
},
|
||||
{ name: "Início", id: "/" },
|
||||
{ name: "Criadores", id: "/creators" },
|
||||
{ name: "Login", id: "/login" },
|
||||
]}
|
||||
brandName="Peekly"
|
||||
button={{ text: "Cadastrar", href: "/creators" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -47,11 +39,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Torne-se uma Criadora"
|
||||
description="Monetize seu conteúdo exclusivo com a melhor plataforma premium."
|
||||
buttons={[
|
||||
{
|
||||
text: "Cadastrar",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Cadastrar" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-content-creator-using-quality-mic-record-vlog-speak-audience_482257-128137.jpg"
|
||||
imageAlt="Criadora contente criando conteúdo"
|
||||
/>
|
||||
@@ -63,16 +51,8 @@ export default function LandingPage() {
|
||||
title="Por que o Peekly?"
|
||||
tag="Vantagens"
|
||||
metrics={[
|
||||
{
|
||||
id: "a1",
|
||||
value: "90%",
|
||||
description: "Comissão Garantida",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
value: "100K",
|
||||
description: "Alcance Global",
|
||||
},
|
||||
{ id: "a1", value: "90%", description: "Comissão Garantida" },
|
||||
{ id: "a2", value: "100K", description: "Alcance Global" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -81,32 +61,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Peekly",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Conta",
|
||||
items: [
|
||||
{
|
||||
label: "Login",
|
||||
href: "/login",
|
||||
},
|
||||
{
|
||||
label: "Criadores",
|
||||
href: "/creators",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Peekly", items: [{ label: "Sobre Nós", href: "#" }, { label: "Privacidade", href: "#" }] },
|
||||
{ title: "Conta", items: [{ label: "Login", href: "/login" }, { label: "Criadores", href: "/creators" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Peekly Inc."
|
||||
bottomRightText="18+ Conteúdo Exclusivo"
|
||||
|
||||
@@ -7,7 +7,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function LoginPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -25,37 +25,23 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Criadores",
|
||||
id: "/creators",
|
||||
},
|
||||
{
|
||||
name: "Login",
|
||||
id: "/login",
|
||||
},
|
||||
{ name: "Início", id: "/" },
|
||||
{ name: "Criadores", id: "/creators" },
|
||||
{ name: "Login", id: "/login" },
|
||||
]}
|
||||
brandName="Peekly"
|
||||
button={{ text: "Entrar", href: "/login" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="login-page" data-section="login-page">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Login"
|
||||
title="Acesse sua conta"
|
||||
description="Entre para continuar acessando seu feed premium."
|
||||
buttons={[
|
||||
{
|
||||
text: "Entrar",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Entrar" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -66,16 +52,8 @@ export default function LandingPage() {
|
||||
title="Dúvidas de Acesso"
|
||||
description="Problemas para entrar?"
|
||||
faqs={[
|
||||
{
|
||||
id: "l1",
|
||||
title: "Esqueci a senha",
|
||||
content: "Use o link de recuperação no formulário.",
|
||||
},
|
||||
{
|
||||
id: "l2",
|
||||
title: "Conta banida?",
|
||||
content: "Contate o suporte via email.",
|
||||
},
|
||||
{ id: "l1", title: "Esqueci a senha", content: "Use o link de recuperação no formulário." },
|
||||
{ id: "l2", title: "Conta banida?", content: "Contate o suporte via email." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -84,32 +62,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Peekly",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Conta",
|
||||
items: [
|
||||
{
|
||||
label: "Login",
|
||||
href: "/login",
|
||||
},
|
||||
{
|
||||
label: "Criadores",
|
||||
href: "/creators",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Peekly", items: [{ label: "Sobre Nós", href: "#" }, { label: "Privacidade", href: "#" }] },
|
||||
{ title: "Conta", items: [{ label: "Login", href: "/login" }, { label: "Criadores", href: "/creators" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Peekly Inc."
|
||||
bottomRightText="18+ Conteúdo Exclusivo"
|
||||
|
||||
218
src/app/page.tsx
218
src/app/page.tsx
@@ -29,79 +29,34 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Criadores",
|
||||
id: "/creators",
|
||||
},
|
||||
{
|
||||
name: "Login",
|
||||
id: "/login",
|
||||
},
|
||||
{ name: "Início", id: "/" },
|
||||
{ name: "Criadores", id: "/creators" },
|
||||
{ name: "Login", id: "/login" },
|
||||
]}
|
||||
brandName="Peekly"
|
||||
button={{ text: "Comece Agora", href: "/login" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Peekly: Seus Segredos Mais Quentes, Só pra Você"
|
||||
description="Acesso exclusivo a conteúdos privados dos seus criadores favoritos. Experiência premium, discreta e ilimitada."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg",
|
||||
alt: "Model 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-vaporwave-portrait-man_23-2148950760.jpg",
|
||||
alt: "Model 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-beauty-vlogger-filming-vlog-about-creams_1303-18359.jpg",
|
||||
alt: "Model 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg",
|
||||
alt: "Model 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-product-photographer-doing-his-job-studio_23-2148970193.jpg",
|
||||
alt: "Model 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Comece Agora",
|
||||
href: "/login",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg", alt: "Model 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-vaporwave-portrait-man_23-2148950760.jpg", alt: "Model 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-beauty-vlogger-filming-vlog-about-creams_1303-18359.jpg", alt: "Model 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg", alt: "Model 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-product-photographer-doing-his-job-studio_23-2148970193.jpg", alt: "Model 5" }
|
||||
]}
|
||||
buttons={[{ text: "Comece Agora", href: "/login" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Conteúdo 100% Exclusivo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Segurança e Privacidade",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Acesso Premium 24/7",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pagamentos Seguros",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Novos Criadores Diariamente",
|
||||
},
|
||||
{ type: "text", text: "Conteúdo 100% Exclusivo" },
|
||||
{ type: "text", text: "Segurança e Privacidade" },
|
||||
{ type: "text", text: "Acesso Premium 24/7" },
|
||||
{ type: "text", text: "Pagamentos Seguros" },
|
||||
{ type: "text", text: "Novos Criadores Diariamente" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,34 +68,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AnaSilva 🔥",
|
||||
description: "150+ fotos exclusivas",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-indoor_624325-3757.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/male-product-photographer-doing-his-job-studio_23-2148970192.jpg",
|
||||
buttonText: "Ver Perfil",
|
||||
},
|
||||
{
|
||||
title: "BellaNoir 💋",
|
||||
description: "Videos em alta definição",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916024.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/black-model-posing_23-2148171696.jpg",
|
||||
buttonText: "Ver Perfil",
|
||||
},
|
||||
{
|
||||
title: "JadeLux 😈",
|
||||
description: "Bastidores e chat privado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-woman-black-sweater-standing-posing_114579-58748.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453488.jpg",
|
||||
buttonText: "Ver Perfil",
|
||||
},
|
||||
{
|
||||
title: "LunaDark 🖤",
|
||||
description: "Conteúdo 18+ semanal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-down-girl-crossing-arms-by-sitting-white-background_176474-117369.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg",
|
||||
buttonText: "Ver Perfil",
|
||||
},
|
||||
{ title: "AnaSilva 🔥", description: "150+ fotos exclusivas", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-indoor_624325-3757.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/male-product-photographer-doing-his-job-studio_23-2148970192.jpg", buttonText: "Ver Perfil" },
|
||||
{ title: "BellaNoir 💋", description: "Videos em alta definição", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916024.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/black-model-posing_23-2148171696.jpg", buttonText: "Ver Perfil" },
|
||||
{ title: "JadeLux 😈", description: "Bastidores e chat privado", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-woman-black-sweater-standing-posing_114579-58748.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453488.jpg", buttonText: "Ver Perfil" },
|
||||
{ title: "LunaDark 🖤", description: "Conteúdo 18+ semanal", imageSrc: "http://img.b2bpic.net/free-photo/looking-down-girl-crossing-arms-by-sitting-white-background_176474-117369.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg", buttonText: "Ver Perfil" }
|
||||
]}
|
||||
title="Criadores em Destaque"
|
||||
description="Conteúdo premium desbloqueado para assinantes."
|
||||
@@ -153,38 +84,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Popular",
|
||||
price: "R$ 29,90",
|
||||
subtitle: "Mensal - Acesso Total",
|
||||
buttons: [
|
||||
{
|
||||
text: "Assinar",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Acesso ilimitado",
|
||||
"Conteúdo privado",
|
||||
"Chat direto",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ppv",
|
||||
badge: "Avulso",
|
||||
price: "R$ 9,99",
|
||||
subtitle: "Conteúdo por vídeo",
|
||||
buttons: [
|
||||
{
|
||||
text: "Comprar",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Sem mensalidade",
|
||||
"Conteúdo único",
|
||||
"Pago por item",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Popular", price: "R$ 29,90", subtitle: "Mensal - Acesso Total", buttons: [{ text: "Assinar" }], features: ["Acesso ilimitado", "Conteúdo privado", "Chat direto"] },
|
||||
{ id: "ppv", badge: "Avulso", price: "R$ 9,99", subtitle: "Conteúdo por vídeo", buttons: [{ text: "Comprar" }], features: ["Sem mensalidade", "Conteúdo único", "Pago por item"] }
|
||||
]}
|
||||
title="Escolha seu Plano"
|
||||
description="Assinatura mensal para acesso completo ou PPV."
|
||||
@@ -197,21 +98,9 @@ export default function LandingPage() {
|
||||
title="Nossos Números"
|
||||
tag="Comunidade"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Criadores Ativos",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1M+",
|
||||
description: "Fotos e Vídeos",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Segurança Total",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Criadores Ativos" },
|
||||
{ id: "m2", value: "1M+", description: "Fotos e Vídeos" },
|
||||
{ id: "m3", value: "24/7", description: "Segurança Total" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -222,21 +111,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "É seguro?",
|
||||
content: "Sim, usamos criptografia de ponta.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Como assinar?",
|
||||
content: "Via Stripe com cartão de crédito.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Cancelamento?",
|
||||
content: "Cancele a qualquer momento no perfil.",
|
||||
},
|
||||
{ id: "q1", title: "É seguro?", content: "Sim, usamos criptografia de ponta." },
|
||||
{ id: "q2", title: "Como assinar?", content: "Via Stripe com cartão de crédito." },
|
||||
{ id: "q3", title: "Cancelamento?", content: "Cancele a qualquer momento no perfil." }
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Tudo sobre sua assinatura premium."
|
||||
@@ -247,50 +124,19 @@ export default function LandingPage() {
|
||||
<div id="support" data-section="support">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Suporte"
|
||||
title="Precisa de ajuda?"
|
||||
description="Nossa equipe está disponível 24/7 para suporte aos usuários e criadores."
|
||||
buttons={[
|
||||
{
|
||||
text: "Entrar em Contato",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Entrar em Contato", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Peekly",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Conta",
|
||||
items: [
|
||||
{
|
||||
label: "Login",
|
||||
href: "/login",
|
||||
},
|
||||
{
|
||||
label: "Criadores",
|
||||
href: "/creators",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Peekly", items: [{ label: "Sobre Nós", href: "#" }, { label: "Privacidade", href: "#" }] },
|
||||
{ title: "Conta", items: [{ label: "Login", href: "/login" }, { label: "Criadores", href: "/creators" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Peekly Inc."
|
||||
bottomRightText="18+ Conteúdo Exclusivo"
|
||||
|
||||
Reference in New Issue
Block a user