diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx
index 14b9086..77356f2 100644
--- a/src/app/faq/page.tsx
+++ b/src/app/faq/page.tsx
@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function FaqPage() {
   return (
-    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleCentered
         navItems={[
           { name: "Home", id: "/" },
@@ -19,13 +19,14 @@ export default function FaqPage() {
         ]}
         brandName="NISHA"
       />
-      <FaqSplitText
-        sideTitle="Frequently Asked Questions"
-        faqsAnimation="entrance-slide"
+      <FaqBase
+        title="Frequently Asked Questions"
+        faqsAnimation="slide-up"
         faqs={[
           { id: "1", title: "What is your shipping time?", content: "3-5 business days for standard shipping." },
           { id: "2", title: "Are your products sustainable?", content: "Yes, 100% of our materials are ethically sourced." }
         ]}
+        textboxLayout="default"
         useInvertedBackground={false}
       />
       <FooterSimple