Merge version_4 into main

Merge version_4 into main

src/app/cadastrar/page.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function CadastrarPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="large"
+        background="circleGradient"
+        cardStyle="solid"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarLayoutFloatingInline
+      navItems={[
+        { name: "Início", id: "/" },
+        { name: "Criadores", id: "/creators" },
+        { name: "Login", id: "/login" },
+        { name: "Comece Agora", id: "/cadastrar" }
+      ]}
+      brandName="Peekly"
+      button={{ text: "Entrar", href: "/login" }}
+    />
+  </div>
+
+  <div id="cadastrar-page" data-section="cadastrar-page">
+      <ContactCTA
+      useInvertedBackground={false}
+      background={{ variant: "sparkles-gradient" }}
+      tag="Registro"
+      title="Comece Agora"
+      description="Crie sua conta e aproveite o melhor conteúdo premium."
+      buttons={[{ text: "Criar Conta" }]}
+    />
+  </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" }] }
+      ]}
+      bottomLeftText="© 2024 Peekly Inc."
+      bottomRightText="18+ Conteúdo Exclusivo"
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/creators/page.tsx

@@ -28,9 +28,10 @@ export default function CreatorsPage() {
         { name: "Início", id: "/" },
         { name: "Criadores", id: "/creators" },
         { name: "Login", id: "/login" },
+        { name: "Comece Agora", id: "/cadastrar" }
       ]}
       brandName="Peekly"
-      button={{ text: "Cadastrar", href: "/creators" }}
+      button={{ text: "Cadastrar", href: "/cadastrar" }}
     />
   </div>
 
@@ -39,8 +40,8 @@ export default function CreatorsPage() {
       useInvertedBackground={false}
       title="Torne-se uma Criadora"
       description="Monetize seu conteúdo exclusivo com a melhor plataforma premium."
-      buttons={[{ text: "Cadastrar" }]}
+      buttons={[{ text: "Cadastrar", href: "/cadastrar" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-content-creator-using-quality-mic-record-vlog-speak-audience_482257-128137.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd4Fi4A0j0DojPG2mh24P9kNoO/uploaded-1776782413133-23exehdp.png"
       imageAlt="Criadora contente criando conteúdo"
     />
   </div>
@@ -51,7 +52,7 @@ export default function CreatorsPage() {
       title="Por que o Peekly?"
       tag="Vantagens"
       metrics={[
-        { id: "a1", value: "90%", description: "Comissão Garantida" },
+        { id: "a1", value: "50%", description: "Comissão Garantida" },
         { id: "a2", value: "100K", description: "Alcance Global" }
       ]}
       metricsAnimation="slide-up"

src/app/login/page.tsx

@@ -28,6 +28,7 @@ export default function LoginPage() {
         { name: "Início", id: "/" },
         { name: "Criadores", id: "/creators" },
         { name: "Login", id: "/login" },
+        { name: "Comece Agora", id: "/cadastrar" }
       ]}
       brandName="Peekly"
       button={{ text: "Entrar", href: "/login" }}
@@ -40,7 +41,7 @@ export default function LoginPage() {
       background={{ variant: "radial-gradient" }}
       tag="Login"
       title="Acesse sua conta"
-      description="Entre para continuar acessando seu feed premium."
+      description="Entre para continuar acessando seu conteúdo premium."
       buttons={[{ text: "Entrar" }]}
     />
   </div>

src/app/page.tsx

@@ -32,9 +32,10 @@ export default function LandingPage() {
               { name: "Início", id: "/" },
               { name: "Criadores", id: "/creators" },
               { name: "Login", id: "/login" },
+              { name: "Comece Agora", id: "/cadastrar" }
             ]}
             brandName="Peekly"
-            button={{ text: "Comece Agora", href: "/login" }}
+            button={{ text: "Comece Agora", href: "/cadastrar" }}
           />
         </div>
 
@@ -50,7 +51,7 @@ export default function LandingPage() {
               { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd4Fi4A0j0DojPG2mh24P9kNoO/uploaded-1776704234042-ls0dpuqt.jpg", alt: "Model 4" },
               { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd4Fi4A0j0DojPG2mh24P9kNoO/uploaded-1776704239125-o2dafxhn.jpg", alt: "Model 5" }
             ]}
-            buttons={[{ text: "Comece Agora", href: "/login" }]}
+            buttons={[{ text: "Comece Agora", href: "/cadastrar" }]}
             marqueeItems={[
               { type: "text", text: "Conteúdo 100% Exclusivo" },
               { type: "text", text: "Segurança e Privacidade" },
@@ -68,7 +69,7 @@ export default function LandingPage() {
             gridVariant="four-items-2x2-equal-grid"
             useInvertedBackground={false}
             features={[
-              { title: "Cláudia costa🔥", description: "150+ fotos exclusivas", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd4Fi4A0j0DojPG2mh24P9kNoO/uploaded-1776704342497-0rl1qso8.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd4Fi4A0j0DojPG2mh24P9kNoO/uploaded-1776704881937-f0y2ih6b.png", buttonText: "Ver Perfil" },
+              { title: "Cláudia costa🔥", description: "150+ fotos exclusivas", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd4Fi4A0j0DojPG2mh24P9kNoO/uploaded-1776782638660-lxv89fnl.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd4Fi4A0j0DojPG2mh24P9kNoO/uploaded-1776704881937-f0y2ih6b.png", buttonText: "Ver Perfil" },
               { title: "Micaela whitney 💋", description: "Videos em alta definição", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd4Fi4A0j0DojPG2mh24P9kNoO/uploaded-1776704693890-8g14xjb1.jpg", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd4Fi4A0j0DojPG2mh24P9kNoO/uploaded-1776704844124-ksusk20c.png", buttonText: "Ver Perfil" },
               { title: "R.rayanne 😈", description: "Bastidores e chat privado", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd4Fi4A0j0DojPG2mh24P9kNoO/uploaded-1776705042040-34il1tv7.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd4Fi4A0j0DojPG2mh24P9kNoO/uploaded-1776705078160-dox8ivh6.png", buttonText: "Ver Perfil" },
               { title: "Barbie negra 🖤", description: "Conteúdo 18+ semanal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd4Fi4A0j0DojPG2mh24P9kNoO/uploaded-1776705174163-103b0ghy.png", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cd4Fi4A0j0DojPG2mh24P9kNoO/uploaded-1776705179427-gvq9kkpz.png", buttonText: "Ver Perfil" }
@@ -84,11 +85,12 @@ 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: "basic", badge: "Básico ", price: "20.000Kz ", subtitle: "Acesso básico essencial", buttons: [{ text: "Assinar" }], features: ["Feed básico", "Conteúdo público", "Sem anúncios"] },
-              { 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: "premium", badge: "Premium ", price: "45.000Kz", subtitle: "Acesso mensal premium", buttons: [{ text: "Assinar" }], features: ["Conteúdo completo", "Chat privado", "Acesso a vídeos"] },
+              { id: "vip", badge: "VIP", price: "88.000Kz ", subtitle: "Experiência exclusiva total", buttons: [{ text: "Assinar" }], features: ["Tudo do Premium", "Vídeos personalizados", "Prioridade no chat"] }
             ]}
             title="Escolha seu Plano"
-            description="Assinatura mensal para acesso completo ou PPV."
+            description="Assinaturas flexíveis para todos os níveis de acesso."
           />
         </div>
 
@@ -142,4 +144,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}