Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -13,7 +13,8 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Shield, Star, Zap } from "lucide-react";
+import { Shield, Star, Zap, Phone, MessageCircleMore } from "lucide-react";
+import Link from 'next/link';
 
 export default function LandingPage() {
   return (
@@ -256,6 +257,9 @@ export default function LandingPage() {
           text: "Contact Support",          href: "#"},
         {
           text: "Send an Email",          href: "mailto:support@gadgetverse.com"},
+        {
+          text: "Call Us",          href: "tel:+2348012345678"
+        }
       ]}
     />
   </div>
@@ -306,6 +310,25 @@ export default function LandingPage() {
       copyrightText="© 2024 GadgetVerse. All rights reserved."
     />
   </div>
+        {/* Floating WhatsApp Button */}
+        <Link
+          href="https://wa.me/2348012345678"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="fixed bottom-24 right-4 z-50 flex h-14 w-14 items-center justify-center rounded-full bg-green-500 text-white shadow-lg transition-transform duration-300 hover:scale-110 md:bottom-8 md:right-8"
+          aria-label="Chat on WhatsApp"
+        >
+          <MessageCircleMore className="h-7 w-7" />
+        </Link>
+
+        {/* Floating Click-to-call Button */}
+        <Link
+          href="tel:+2348012345678"
+          className="fixed bottom-8 right-4 z-50 flex h-14 w-14 items-center justify-center rounded-full bg-blue-600 text-white shadow-lg transition-transform duration-300 hover:scale-110 md:bottom-24 md:right-8"
+          aria-label="Call us"
+        >
+          <Phone className="h-7 w-7" />
+        </Link>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #0c0c0c;
-  --foreground: #1c1c1c;
+  --foreground: #ffffff;
-  --primary-cta: #511f1f;
+  --primary-cta: #106EFB;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #000000;
   --secondary-cta-text: #1c1c1c;
-  --accent: #e63946;
+  --accent: #535353;
-  --background-accent: #e8bea8;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);