Update src/app/page.tsx

Merge version_9 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -59,17 +59,18 @@ export default function LandingPage() {
         </div>
         
         <div id="features" data-section="features">
-          <FeatureCardEight
+          <FeatureCardTwentyThree
             title="Intelligent Features Designed for Business"
             description="Experience the next generation of notetaking with AI that works as hard as you do."
             features={[
-              { id: 1, title: "Automated Summarization", description: "Get concise, accurate summaries of lengthy meetings and discussions, highlighting key decisions and action items.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-images/img-placeholder-square-1.jpg" },
-              { id: 2, title: "Real-time Collaboration", description: "Share notes, insights, and actions with your team instantly, fostering seamless communication and project alignment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-images/img-placeholder-square-2.jpg" },
-              { id: 3, title: "Enterprise-Grade Security", description: "Your data is protected with industry-leading encryption and compliance standards, ensuring privacy and peace of mind.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/placeholder-images/img-placeholder-square-3.jpg" }
+              { id: '1', title: "Automated Summarization", tags: ['AI', 'Efficiency', 'Summaries'], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771716326215-52a98235.avif" },
+              { id: '2', title: "Real-time Collaboration", tags: ['Teamwork', 'Communication', 'Sync'], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771716588795-sbmt1r2s.avif" },
+              { id: '3', title: "Enterprise-Grade Security", tags: ['Data Protection', 'Compliance', 'Secure'], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771716662148-3p6uev4p.png" }
             ]}
             textboxLayout="default"
             useInvertedBackground={false}
             tag="Core Capabilities"
+            animationType="slide-up"
           />
         </div>
         <div id="metrics" data-section="metrics">

src/app/shop/page.tsx

@@ -9,7 +9,7 @@ import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog
 import { useProductCatalog } from "@/hooks/useProductCatalog";
 
 function ShopPageContent() {
-    const { 
+    const {
         products,
         isLoading,
         search,