Switch to version 3: modified src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -4,9 +4,10 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import CardStack from '@/components/cardStack/CardStack';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import { Phone } from 'lucide-react';
 
 export default function UzbekistanTourismPage() {
   const navItems = [
@@ -79,10 +80,14 @@ export default function UzbekistanTourismPage() {
         />
       </div>
       <div id="contact">
-        <ContactText
+        <ContactFaq
-          text="For support inquiries, technical assistance, or partnership questions, our team is ready to assist you."
+          ctaTitle="Still have questions?"
-          background={{ variant: "plain" }}
+          ctaDescription="Our travel experts are here to help you get the most out of your Uzbekistan trip."
-          useInvertedBackground={false}
+          ctaButton={{ text: "Contact Support", href: "mailto:support@uzbektravel.com" }}
+          ctaIcon={Phone}
+          faqs={[{ id: "1", title: "How do I pay?", content: "We support direct card deposits for all pro subscriptions." }]}
+          animationType="slide-up"
+          useInvertedBackground={true}
         />
       </div>
       <FooterBase