Bob AI: Can you add a trusted by 500 travelers with images

src/app/page.tsx

@@ -12,6 +12,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Sparkles, Plane, Instagram, Linkedin, Mail } from 'lucide-react';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 
 export default function LandingPage() {
   return (
@@ -255,6 +256,19 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metric_card_seven" data-section="metric_card_seven">
+        <MetricCardSeven
+          metrics={[{ value: "98%", title: "Positive Reviews" }, { value: "365", title: "Days of Service" }, { value: "50+", title: "Unique Destinations" }]}
+          carouselMode="auto"
+          animationType="none"
+          title="Travel Excellence"
+          description="Experience unparalleled satisfaction with our dedicated service and diverse destinations."
+          tag="Metrics"
+          buttons={[{ text: "Explore Destinations", label: "Explore Destinations", href: "#" }, { text: "Read Reviews", label: "Read Reviews", href: "#" }]}
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
+      </div>
       <div id="footer" data-section="footer">
         <FooterCard
           logoText="Lumina Journeys"