Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { LayoutDashboard, BarChart3, Package, TrendingUp } from "lucide-react";
+import { LayoutDashboard, BarChart3, Package, TrendingUp, Clock } from "lucide-react";
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
@@ -13,6 +13,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 
 export default function LandingPage() {
   return (
@@ -36,6 +37,7 @@ export default function LandingPage() {
         { name: "Features", id: "#features" },
         { name: "Metrics", id: "#metrics" },
         { name: "Testimonials", id: "#testimonials" },
+        { name: "Coming Soon", id: "#coming-soon" },
       ]}
       brandName="ECommerce OS"
     />
@@ -43,7 +45,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardDashboard
-      title="Your entire store, one operating system"
+      title="Unify your store operations in one operating system"
       description="Stop juggling spreadsheets and disconnected apps. ECommerce OS gives you realtime stock and financial visibility—so you can grow without the chaos."
       background={{ variant: "plain" }}
       buttons={[{ text: "Start free dashboard", href: "#contact" }]}
@@ -90,6 +92,18 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="coming-soon" data-section="coming-soon">
+      <ContactSplit
+      tag="Exclusive Access"
+      tagIcon={Clock}
+      title="Automated Marketing & CRM"
+      description="We're building the next evolution of ECommerce OS—integrating smart marketing automation directly into your operations. Sign up to get early access when we launch."
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={true}
+      buttonText="Get early access"
+    />
+  </div>
+
   <div id="metrics" data-section="metrics">
       <MetricCardTwo
       animationType="depth-3d"