Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -14,6 +14,7 @@ import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import { Briefcase, Building, Facebook, Home, Instagram, Leaf, Linkedin, Twitter, Users } from "lucide-react";
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 
 export default function LandingPage() {
   return (
@@ -35,6 +36,8 @@ export default function LandingPage() {
       navItems={[
         {
           name: "Home",          id: "#home"},
+        {
+          name: "Dynamic Experience",          id: "#dynamic-experience"},
         {
           name: "About",          id: "#about"},
         {
@@ -84,6 +87,18 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="dynamic-experience" data-section="dynamic-experience">
+      <HeroBillboardScroll
+      title="Step Inside the Future of Glass"
+      description="Experience dynamic privacy and brilliant displays with our SmartGlass technology. Scroll to explore the possibilities within any space."
+      imageSrc="http://img.b2bpic.net/free-photo/clean-interior-minimalist-architecture-detail_23-2149021647.jpg"
+      imageAlt="Interior room with smart glass panels"
+      background={{ variant: "canvas-reveal" }}
+      buttons={[{ text: "Discover SmartGlass", href: "#products" }]
+      }
+    />
+  </div>
+
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
       useInvertedBackground={false}