Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -11,6 +11,7 @@ import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCa
 import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Award, CheckCircle, CreditCard, Package, Sparkles, Star } from "lucide-react";
 
@@ -97,6 +98,24 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="feature-six" data-section="feature-six">
+        <FeatureCardSix
+          title="Advanced Capabilities for Modern Teams"
+          description="Experience next-generation features designed to empower your team and accelerate growth."
+          tag="Feature Spotlight"
+          tagIcon={Sparkles}
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          images={[
+            {id: 1, imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767707501774-83zcgdup.jpg', imageAlt: 'Advanced feature one'},
+            {id: 2, imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767707502494-uh8pvlr9.jpg', imageAlt: 'Advanced feature two'}
+          ]}
+          buttons={[
+            {text: 'Learn More', href: 'features'}
+          ]}
+        />
+      </div>
+
       <div id="pricing" data-section="pricing">
         <PricingCardFive
           title="Flexible Pricing for Every Business"