Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -12,7 +12,8 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Globe, Map, Shield } from "lucide-react";
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import { Globe, Map, Shield, Truck, Package, Clock } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,12 +33,12 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingInline
             navItems={[
-              { name: "Services", id: "features" },
+              { name: "Services", id: "services" },
               { name: "Process", id: "about" },
               { name: "Testimonials", id: "testimonials" },
               { name: "FAQ", id: "faq" }
             ]}
-            brandName="H&M Logistics Service LLC"
+            brandName="H&M Logistics Services LLC"
             button={{ text: "Get Quote", href: "#contact" }}
           />
         </div>
@@ -69,6 +70,20 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="services" data-section="services">
+          <FeatureCardSix
+            title="Our Specialized Logistics Services"
+            description="We offer a full spectrum of logistics and supply chain services designed to keep your business moving forward."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Express Road Freight", description: "High-speed ground transport for domestic and regional delivery needs.", videoSrc: "https://www.w3schools.com/howto/img_video.mp4?_wi=1" },
+              { title: "Smart Warehousing", description: "Secure, temperature-controlled storage with inventory management capabilities.", imageSrc: "http://img.b2bpic.net/free-photo/modern-warehouse-with-shelves-full-goods_1150-16147.jpg" },
+              { title: "24/7 Dispatch Control", description: "Constant shipment monitoring and real-time coordination of your fleet.", videoSrc: "https://www.w3schools.com/howto/img_video.mp4?_wi=2" }
+            ]}
+          />
+        </div>
+
         <div id="about" data-section="about">
           <MetricSplitMediaAbout
             useInvertedBackground={false}
@@ -174,9 +189,9 @@ export default function LandingPage() {
 
         <div id="footer" data-section="footer">
           <FooterBaseReveal
-            logoText="H&M Logistics Service LLC"
+            logoText="H&M Logistics Services LLC"
             columns={[
-              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
               { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
             ]}
           />
@@ -184,4 +199,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}