Merge version_5 into main

Merge version_5 into main

src/app/globals.css

@@ -9,8 +9,8 @@
   --foreground: #00120ae6;;
   --primary-cta: #15ad59;;
   --secondary-cta: #ffffff;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
+  --accent: #9ca3af;;
+  --background-accent: #e5e7eb;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

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';
@@ -82,28 +83,28 @@ export default function LandingPage() {
           tagIcon={CheckCircle}
           features={[
             {
-              id: "01",
+              id: 1,
               title: "Advanced Analytics",
               description: "Real-time insights and comprehensive reporting to drive informed decision-making",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697694989-2tzhxsyk.jpg",
               imageAlt: "Analytics dashboard"
             },
             {
-              id: "02",
+              id: 2,
               title: "Smart Automation",
               description: "Streamline repetitive tasks and focus on what matters most to your business",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697695831-3m347obl.jpg",
               imageAlt: "Automation workflow"
             },
             {
-              id: "03",
+              id: 3,
               title: "Enterprise Security",
               description: "Bank-grade encryption and compliance standards to protect your sensitive data",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697696774-ms83vt7x.jpg",
               imageAlt: "Security protection"
             },
             {
-              id: "04",
+              id: 4,
               title: "Team Collaboration",
               description: "Work together seamlessly with integrated communication and project management tools",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697697861-n3ip2w85.jpg",
@@ -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: 1,
+              title: "Feature One",
+              description: "Description for feature one"
+            },
+            {
+              id: 2,
+              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"