Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -10,7 +10,9 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { BookOpen, Settings, Share2 } from "lucide-react";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import { BookOpen, Settings, Share2, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,6 +34,8 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "hero" },
         { name: "Features", id: "features" },
+        { name: "Configurações", id: "settings" },
+        { name: "Preços", id: "pricing" },
         { name: "Testimonials", id: "testimonials" },
         { name: "Contact", id: "contact" },
       ]}
@@ -79,6 +83,39 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="settings" data-section="settings">
+      <ContactCenter
+        tag="Preferências"
+        title="Personalize seus versículos"
+        description="Escolha os temas, livros ou sentimentos que deseja receber em sua inspiração diária."
+        background={{ variant: "sparkles-gradient" }}
+        useInvertedBackground={true}
+        buttonText="Salvar Preferências"
+        termsText="Suas preferências serão aplicadas imediatamente à próxima notificação."
+      />
+  </div>
+
+  <div id="pricing" data-section="pricing">
+      <PricingCardFive
+      animationType="slide-up"
+      title="Planos para sua jornada"
+      description="Escolha o melhor plano para crescer em sua fé diária."
+      textboxLayout="split"
+      useInvertedBackground={true}
+      plans={[
+        {
+            id: "free",            tag: "Gratuito",            price: "R$0",            period: "/mês",            description: "Acesso básico aos versículos diários.",            button: { text: "Escolher Plano Gratuito" },
+            featuresTitle: "O que está incluído:",            features: ["1 Versículo por dia", "Temas básicos", "Notificações diárias"]
+        },
+        {
+            id: "premium",            tag: "Premium",            tagIcon: Zap,
+            price: "R$8",            period: "/mês",            description: "Experiência completa com recursos avançados.",            button: { text: "Assinar Premium" },
+            featuresTitle: "Recursos Premium:",            features: ["Personalização completa de cores", "Opções de narração por voz", "Versículos ilimitados", "Sem anúncios"]
+        }
+      ]}
+    />
+  </div>
+
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={false}
@@ -146,4 +183,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}