Update src/app/page.tsx

src/app/page.tsx

@@ -3,8 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import { ShieldCheck, Users, Zap, Star } from "lucide-react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
@@ -190,8 +190,12 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqBase
+      title="Questions?"
+      description="We have answers to all your concerns."
+      textboxLayout="default"
       useInvertedBackground={false}
+      faqsAnimation="slide-up"
       faqs={[
         {
           id: "f1",          title: "How to buy?",          content: "Click the listing link."},
@@ -200,19 +204,19 @@ export default function LandingPage() {
         {
           id: "f3",          title: "Is it safe?",          content: "Official Roblox catalog."},
       ]}
-      sideTitle="Questions?"
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
+      <ContactText
+      text="Ready to level up your Roblox style? Reach out to our team for custom collaborations or drop-related inquiries today."
       background={{
         variant: "sparkles-gradient"}}
-      tag="Stay Updated"
-      title="Join the Drop List"
-      description="Never miss out on new accessory drops."
+      useInvertedBackground={false}
+      buttons={[
+        {
+          text: "Get in touch",          href: "#"},
+      ]}
     />
   </div>
 
@@ -245,4 +249,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}