Update src/app/page.tsx

src/app/page.tsx

@@ -11,7 +11,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Eye, Lock, Shield, ShieldCheck, Zap, UserCheck, BarChart3, Mail } from "lucide-react";
+import { Eye, Lock, Shield, ShieldCheck, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -75,11 +75,13 @@ export default function LandingPage() {
       description="Tools designed for modern digital safety."
       features={[
         {
-          title: "Bot Protection",          description: "Stop malicious automated threats.",          items: [{ icon: Shield, text: "Advanced ML Filtering" }, { icon: Eye, text: "Behavioral Analysis" }],
+          title: "Bot Protection",          description: "Stop malicious automated threats.",          media: { imageSrc: "https://img.b2bpic.net/free-photo/security-concept-with-biometric-scanning_23-2149112214.jpg", imageAlt: "Bot Protection" },
+          items: [{ icon: Shield, text: "Advanced ML Filtering" }, { icon: Eye, text: "Behavioral Analysis" }],
           reverse: false
         },
         {
-          title: "Data Privacy",          description: "Encryption-first approach.",          items: [{ icon: Lock, text: "End-to-End Encryption" }, { icon: ShieldCheck, text: "GDPR Compliant" }],
+          title: "Data Privacy",          description: "Encryption-first approach.",          media: { imageSrc: "https://img.b2bpic.net/free-photo/data-privacy-security-concept-with-encryption_23-2149112214.jpg", imageAlt: "Data Privacy" },
+          items: [{ icon: Lock, text: "End-to-End Encryption" }, { icon: ShieldCheck, text: "GDPR Compliant" }],
           reverse: true
         }
       ]}
@@ -92,6 +94,7 @@ export default function LandingPage() {
       description="Numbers that define our reliable security infrastructure."
       gridVariant="uniform-all-items-equal"
       animationType="slide-up"
+      textboxLayout="default"
       metrics={[
         { id: "m1", value: "99.9%", description: "Uptime Service Level" },
         { id: "m2", value: "150ms", description: "Average Verification" },
@@ -133,6 +136,7 @@ export default function LandingPage() {
       tag="Security"
       title="Get in Touch"
       description="Reach out to secure your web applications."
+      background={{ variant: "gradient-bars" }}
       useInvertedBackground={true}
     />
   </div>