Update src/app/page.tsx

src/app/page.tsx

@@ -9,7 +9,7 @@ import ProductCardThree from "@/components/sections/product/ProductCardThree";
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { AlertCircle, Cloud, Layers, Smartphone, Zap } from "lucide-react";
+import { AlertCircle, Cloud, Layers, Smartphone, Zap, Award, Shield, Zap as ZapIcon, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -112,6 +112,30 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="badges" data-section="badges">
+        <ProductCardThree
+          title="Claim Your Badge. Own Your Identity."
+          description="Your eNative badge represents your permanent cloud identity. Display it, share it, own it."
+          tag="Badges"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="four-items-2x2-equal-grid"
+          products={[
+            {
+              id: "1",              name: "Early Founder",              price: "E-0000",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWZXWmysUyy3ufI9CVB05uIfnf/early-founder-badge-E-number-identity-card-1772710748762-51899514.png",              imageAlt: "Early Founder badge with E-0000 E-number format"},
+            {
+              id: "2",              name: "Verified Identity",              price: "Secure",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWZXWmysUyy3ufI9CVB05uIfnf/verified-identity-badge-checkmark-security-1772710750082-a22d3d56.png",              imageAlt: "Verified Identity badge with security checkmark"},
+            {
+              id: "3",              name: "Cloud Native",              price: "Forever",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWZXWmysUyy3ufI9CVB05uIfnf/cloud-native-badge-identity-infrastructure-1772710749069-11158aed.png",              imageAlt: "Cloud Native badge representing permanent identity"},
+            {
+              id: "4",              name: "Africa First",              price: "Pioneer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWZXWmysUyy3ufI9CVB05uIfnf/africa-first-badge-pioneer-identity-launch-1772710749919-b482ac84.png",              imageAlt: "Africa First badge marking pioneer status"},
+          ]}
+        />
+      </div>
+
       <div id="layers" data-section="layers">
         <ProductCardThree
           title="Three Identity Layers"