Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -25,7 +25,7 @@ export default function LandingPage() {
         cardStyle="gradient-bordered"
         primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -41,15 +41,15 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogo
+      <HeroLogoBillboard
       logoText="NEXOWOKS"
-      description="Increasing conversion rates through premium 4k visual storytelling that turns casual viewers into loyal brand advocates."
+      description="We are a premium website development agency. We drive massive conversion growth through 4k visual storytelling and immersive 3D animation experiences."
       buttons={[
         { text: "View Projects", href: "#work" },
         { text: "Contact Us", href: "#contact" },
       ]}
-      buttonAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-digital-background-with-flowing-cyber-dots_1048-12641.jpg"
+      background={{ variant: "glowing-orb" }}
+      videoSrc="https://assets.mixkit.co/videos/preview/mixkit-abstract-3d-digital-particles-flowing-in-dark-space-40348-large.mp4"
     />
   </div>
 

src/app/styles/variables.css

@@ -15,7 +15,7 @@
   --foreground: #ffffff;
   --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
   --accent: #535353;
   --background-accent: #106EFB;