Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import { Instagram, Star, Users } from "lucide-react";
 
@@ -131,28 +131,21 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",          name: "Cappuccino",          price: "$5.99",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DBin05bH0XaGIDH0EJxv99e8gc/uploaded-1777762202753-66ch1ai3.jpg?_wi=2"},
-        {
-          id: "p2",          name: "Pistachio Latte",          price: "$9.50",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DBin05bH0XaGIDH0EJxv99e8gc/uploaded-1777762202753-97fd5dpr.jpg?_wi=2"},
-        {
-          id: "p3",          name: "Vanilla Latte",          price: "$6.99",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DBin05bH0XaGIDH0EJxv99e8gc/uploaded-1777762202753-34d12nkq.png?_wi=2"},
-        {
-          id: "p4",          name: "Turkish Coffee",          price: "$3.99",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DBin05bH0XaGIDH0EJxv99e8gc/uploaded-1777762202753-43vzh4iu.jpg?_wi=2"},
-        {
-          id: "p5",          name: "Gilmore Girls",          price: "$8.99",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DBin05bH0XaGIDH0EJxv99e8gc/uploaded-1777762202752-j88219qn.jpg?_wi=2"},
-        {
-          id: "p6",          name: "Matcha Latte",          price: "$8.50",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-white-headphones-smoothie-table_1157-2112.jpg"},
-      ]}
-      title="The Menu"
-      description="Explore our wide variety of hot, cold, and specialty drinks."
-    />
+      <FeatureCardTwentyEight
+        title="The Menu"
+        description="Discover our curated selection of hot, cold, and specialty drinks. Carefully prepared for your enjoyment."
+        textboxLayout="default"
+        useInvertedBackground={false}
+        animationType="slide-up"
+        features={[
+          { id: "p1", title: "Cappuccino", subtitle: "Classic Espresso", category: "Hot Drinks", value: "$5.99" },
+          { id: "p2", title: "Pistachio Latte", subtitle: "House Special", category: "Hot Drinks", value: "$9.50" },
+          { id: "p3", title: "Vanilla Latte", subtitle: "Velvety Finish", category: "Hot Drinks", value: "$6.99" },
+          { id: "p4", title: "Turkish Coffee", subtitle: "Authentic Roast", category: "Hot Drinks", value: "$3.99" },
+          { id: "p5", title: "Gilmore Girls", subtitle: "The Fan Favorite", category: "Specialty", value: "$8.99" },
+          { id: "p6", title: "Matcha Latte", subtitle: "Earthy Goodness", category: "Hot Drinks", value: "$8.50" }
+        ]}
+      />
   </div>
 
   <div id="metrics" data-section="metrics">