Add src/app/pricing/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -32,7 +32,7 @@ export default function LandingPage() {
       navItems={[
         { name: "Benefícios", id: "#features" },
         { name: "Como funciona", id: "#how-it-works" },
-        { name: "Planos", id: "#pricing" },
+        { name: "Planos", id: "/pricing" },
         { name: "Contato", id: "#contact" },
       ]}
       brandName="Elyra"
@@ -104,24 +104,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="scale-rotate"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "rental",          badge: "Popular",          price: "R$79/mês",          subtitle: "Aluguel de Site",          features: ["Site profissional", "Layout responsivo", "Botão de WhatsApp", "Hospedagem incluída"],
-        },
-        {
-          id: "purchase",          badge: "Property",          price: "R$997",          subtitle: "Compra de Site",          features: ["Site completo", "Propriedade total", "SEO básico incluso", "Pagamento único"],
-        },
-      ]}
-      title="Escolha o melhor plano para você"
-      description="Aluguel acessível ou compra definitiva: temos a solução ideal para seu momento."
-    />
-  </div>
-
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTen
       textboxLayout="default"

src/app/pricing/page.tsx

@@ -0,0 +1,74 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+                { name: "Benefícios", id: "/#features" },
+                { name: "Como funciona", id: "/#how-it-works" },
+                { name: "Planos", id: "/pricing" },
+                { name: "Contato", id: "/#contact" },
+            ]}
+            brandName="Elyra"
+            />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+            <PricingCardOne
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+                {
+                id: "rental",          badge: "Popular",          price: "R$79/mês",          subtitle: "Aluguel de Site",          features: ["Site profissional", "Layout responsivo", "Botão de WhatsApp", "Hospedagem incluída"],
+                },
+                {
+                id: "purchase",          badge: "Property",          price: "R$997",          subtitle: "Compra de Site",          features: ["Site completo", "Propriedade total", "SEO básico incluso", "Pagamento único"],
+                },
+            ]}
+            title="Escolha o melhor plano para você"
+            description="Aluguel acessível ou compra definitiva: temos a solução ideal para seu momento."
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBase
+            columns={[
+                {
+                title: "Empresa",          items: [{ label: "Sobre", href: "#" }, { label: "Contato", href: "#" }],
+                },
+                {
+                title: "Serviços",          items: [{ label: "Criação de sites", href: "#" }, { label: "Sites para empresas", href: "#" }],
+                },
+                {
+                title: "Legal",          items: [{ label: "Termos de uso", href: "#" }, { label: "Política de privacidade", href: "#" }],
+                },
+            ]}
+            logoText="Elyra"
+            copyrightText="© 2026 Elyra. Todos os direitos reservados."
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}