Update src/app/page.tsx

src/app/page.tsx

@@ -5,14 +5,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 import TextAbout from "@/components/sections/about/TextAbout";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import { Sparkles, Users, Globe, Zap, Star, Layers, Twitter, Instagram, Linkedin, MessageCircle } from "lucide-react";
+import { Sparkles, Users, Globe, Zap, Star, Layers, MessageCircle } from "lucide-react";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
 import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
 import { Check, Code, Palette, TrendingUp } from "lucide-react";
-import ContactForm from "@/components/form/ContactForm"; // Replaced ContactText with ContactForm
-import FooterCard from "@/components/sections/footer/FooterCard";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 
 export default function WebAgencyThemePage() {
     const navItems = [
@@ -91,6 +91,7 @@ export default function WebAgencyThemePage() {
                     marqueeClassName="md:mb-5"
                 />
                 <TextAbout
+                    id="about"
                     title="We craft digital experiences that captivate audiences and drive meaningful results for ambitious brands worldwide."
                     buttons={[
                         { text: "Our Process", href: "#process" },
@@ -99,6 +100,7 @@ export default function WebAgencyThemePage() {
                     useInvertedBackground={false}
                 />
                 <FeatureCardNineteen
+                    id="services"
                     title="Our Services"
                     description="A proven methodology that delivers results consistently across every project."
                     tag="What We Do"
@@ -158,6 +160,7 @@ export default function WebAgencyThemePage() {
                     useInvertedBackground={false}
                 />
                 <FeatureCardTen
+                    id="process"
                     tag="How We Work"
                     tagIcon={Layers}
                     title="Our Process"
@@ -195,25 +198,40 @@ export default function WebAgencyThemePage() {
                         }
                     ]}
                 />
-                <ContactForm
-                    title="Ready to transform your digital presence?"
-                    description="Let's create something extraordinary together."
-                    tag="Get in Touch"
-                    inputPlaceholder="Your Email Address"
-                    buttonText="Send Message"
-                    termsText="By submitting your email, you agree to our privacy policy."
-                    onSubmit={handleFormSubmit}
-                    centered={false}
-                    useInvertedBackground={false}
-                />
-                <FooterCard
-                    logoText="Studio"
-                    copyrightText="© 2025 Studio. All rights reserved."
-                    socialLinks={[
-                        { icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
-                        { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
-                        { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" },
-                        { icon: MessageCircle, href: "https://wa.me/1234567890", ariaLabel: "Chat with us on WhatsApp" } // WhatsApp integration
+                <div id="contact" data-section="contact">
+                    <ContactSplit
+                        tag="تواصل معنا"
+                        tagIcon={MessageCircle}
+                        title="هل أنت مستعد لتحويل حضورك الرقمي؟"
+                        description="دعنا نبني شيئًا استثنائيًا معًا. للحصول على استشارة، يرجى ملء النموذج أدناه أو التواصل معنا عبر:\n\n واتساب: +966 50 123 4567\n البريد الإلكتروني: info@studio.com"
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/contact/contact1.webp"
+                        imageAlt="Consultation meeting"
+                        background={{ variant: "sparkles-gradient" }}
+                        mediaPosition="right"
+                        inputPlaceholder="اسمك الكامل وبريدك الإلكتروني"
+                        buttonText="إرسال رسالتك"
+                        termsText="بإرسال بريدك الإلكتروني، فإنك توافق على سياسة الخصوصية الخاصة بنا."
+                        onSubmit={handleFormSubmit}
+                        useInvertedBackground={false}
+                    />
+                </div>
+                <FooterBaseReveal
+                    logoText="استوديو"
+                    copyrightText="© 2025 استوديو. جميع الحقوق محفوظة."
+                    columns={[
+                        {
+                            title: "روابط سريعة",                            items: [
+                                { label: "من نحن", href: "#about" },
+                                { label: "الخدمات", href: "#services" },
+                                { label: "المدونة", href: "/blog" }
+                            ]
+                        },
+                        {
+                            title: "قانوني",                            items: [
+                                { label: "سياسة الخصوصية", href: "/privacy-policy" },
+                                { label: "الشروط والأحكام", href: "/terms-and-conditions" }
+                            ]
+                        }
                     ]}
                 />
             </ReactLenis>