Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+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';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
@@ -23,14 +23,16 @@ 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>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarLayoutFloatingInline
+      logoSrc="http://img.b2bpic.net/free-photo/golden-bar_53876-167086.jpg"
+      brandName="شركة الاحجار الثمينة"
       navItems={[
         {
           name: "الرئيسية",          id: "/"},
@@ -41,7 +43,7 @@ export default function LandingPage() {
         {
           name: "تواصل معنا",          id: "#contact"},
       ]}
-      brandName="شركة الاحجار الثمينة"
+      button={{ text: "تسوق الآن", href: "#products" }}
     />
   </div>
 
@@ -171,48 +173,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
+      <ContactText
+      text="تواصل معنا في مقرنا بالعامرية - شارع العمل الشعبي" 
       background={{
-        variant: "plain"}}
-      tag="اتصل بنا"
-      title="هل لديك استفسار؟"
-      description="نحن هنا لخدمتك. تواصل معنا في مقرنا بالعامرية - شارع العمل الشعبي."
-      buttons={[
-        {
-          text: "تواصل عبر واتساب",          href: "#"},
-      ]}
+        variant: "sparkles-gradient"}}
+      useInvertedBackground={true}
+      className="backdrop-blur-sm bg-white/10"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBaseReveal
       logoText="شركة الاحجار الثمينة"
       columns={[
-        {
-          title: "روابط سريعة",          items: [
-            {
-              label: "الرئيسية",              href: "/"},
-            {
-              label: "المنتجات",              href: "#products"},
-          ],
-        },
-        {
-          title: "العنوان",          items: [
-            {
-              label: "العامرية، شارع العمل الشعبي",              href: "#"},
-          ],
-        },
-        {
-          title: "قانوني",          items: [
-            {
-              label: "سياسة الخصوصية",              href: "#"},
-          ],
-        },
+        { title: "الشركة", items: [{ label: "الرئيسية", href: "/" }, { label: "عن الشركة", href: "#about" }] },
+        { title: "خدماتنا", items: [{ label: "المنتجات", href: "#products" }, { label: "تواصل معنا", href: "#contact" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbfbfb;
-  --card: #ffffff;
-  --foreground: #1a1a1a;
-  --primary-cta: #c5a059;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffdf7d;
   --primary-cta-text: #ffffff;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #d4af37;
-  --background-accent: #f3e5ab;
+  --accent: #b8860b;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);