From 3c1a73811304bf75ae5f32a0c50dc14efebde13a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 13 May 2026 16:38:36 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 98819b8..6f76d4a 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,24 +2,29 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "contact" }]} brandName="Niffer Cosmetics" />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }]} />
+        </div>
         <div id="contact" data-section="contact">
-          <ContactText
+          <ContactCTA
+            tag="Contact Us"
+            title="Let's Connect!"
+            description="Reach out via WhatsApp, Instagram, or Email. Find us on the map for your next store visit."
             background={{ variant: "gradient-bars" }}
-            text="Let's Connect! Reach out via WhatsApp, Instagram, or Email. Find us on the map for your next store visit."
             buttons={[
                 { text: "WhatsApp", href: "https://wa.me/255..." },
                 { text: "Instagram", href: "https://instagram.com/niffer" },
                 { text: "Email Us", href: "mailto:hello@niffercosmetics.co.tz" }
             ]}
+            useInvertedBackground={false}
           />
         </div>
         <FooterBaseReveal logoText="Niffer Cosmetics" columns={[]} />