Update src/app/page.tsx

Merge version_4 into main

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 (
@@ -46,7 +46,7 @@ export default function LandingPage() {
           tagIcon={Zap}
           tagAnimation="slide-up"
           title="Your Identity Moves to the Cloud"
-          description="Get a permanent E-number that's yours forever. No SIM card. No carrier lock-in. Verified calls. Scam-proof. Join the 1,000 eFounders shaping the future of African identity."
+          description="Get a permanent E-number that's yours forever—your portable identity that travels with you across any device or network. No SIM card. No carrier lock-in. Verified calls. Scam-proof. Join the 1,000 eFounders shaping the future of African identity."
           background={{ variant: "sparkles-gradient" }}
           leftCarouselItems={[
             {
@@ -83,6 +83,10 @@ export default function LandingPage() {
           tagIcon={AlertCircle}
           tagAnimation="slide-up"
           title="Your identity belongs to your carrier. Not anymore. With eNative, you own a permanent E-number stored in the cloud—like your Twitter handle, but for your identity. It cannot be changed or taken away. It's yours for life."
+          buttons={[
+            { text: "Explore the Solution", href: "#solution" }
+          ]}
+          buttonAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
@@ -108,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"
@@ -177,8 +205,8 @@ export default function LandingPage() {
           animationType="entrance-slide"
           background={{ variant: "sparkles-gradient" }}
           buttons={[
-            { text: "Claim My E-Number", href: "https://beta.enative.app" },
-            { text: "Join the Waitlist", href: "https://enative.app/waitlist" },
+            { text: "Claim E-Number Now", href: "https://beta.enative.app" },
+            { text: "View Waitlist", href: "https://enative.app/waitlist" },
           ]}
           useInvertedBackground={false}
         />