Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -5,6 +5,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
@@ -120,6 +121,31 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="feature-card-six" data-section="feature-card-six">
+        <FeatureCardSix
+          title="Feature Card Six Section"
+          description="Showcase your features with this elegant component"
+          tag="Features"
+          tagIcon={Sparkles}
+          features={[
+            {
+              id: "01",
+              title: "Feature One",
+              description: "Description for feature one"
+            },
+            {
+              id: "02",
+              title: "Feature Two",
+              description: "Description for feature two"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
       <div id="products" data-section="products">
         <ProductCardTwo 
           title="Premium Solutions"