Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -23,9 +23,9 @@ export default function LandingPage() {
         contentWidth="compact"
         sizing="largeSmallSizeMediumTitles"
         background="circleGradient"
-        cardStyle="gradient-mesh"
+        cardStyle="glass-elevated"
         primaryButtonStyle="shadow"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
         headingFontWeight="bold"
     >
       <ReactLenis root>
@@ -171,24 +171,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      tag="تواصل معنا"
-      title="هل لديك استفسار؟"
-      description="نحن هنا لخدمتك. تواصل معنا في مقرنا بالعامرية - شارع العمل الشعبي."
+      <ContactText
+      text="تواصل معنا في مقرنا بالعامرية - شارع العمل الشعبي" 
       background={{
         variant: "sparkles-gradient"}}
-      useInvertedBackground={false}
+      useInvertedBackground={true}
+      className="backdrop-blur-sm bg-white/10"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseReveal
       logoText="شركة الاحجار الثمينة"
-      leftLink={{ text: "الرئيسية", href: "/" }}
-      rightLink={{ text: "تواصل معنا", href: "#contact" }}
+      columns={[
+        { title: "الشركة", items: [{ label: "الرئيسية", href: "/" }, { label: "عن الشركة", href: "#about" }] },
+        { title: "خدماتنا", items: [{ label: "المنتجات", href: "#products" }, { label: "تواصل معنا", href: "#contact" }] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}