Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -11,7 +11,8 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Award, Briefcase, CheckCircle, Compass, Globe, HelpCircle, TrendingUp, Users, Zap } from 'lucide-react';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import { Award, Briefcase, CheckCircle, Compass, Globe, HelpCircle, TrendingUp, Users, Zap, History } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -31,6 +32,7 @@ export default function LandingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="The Real Time Travels"
           navItems={[
+            { name: "History", id: "history" },
             { name: "Visa Services", id: "services" },
             { name: "About Us", id: "about" },
             { name: "Testimonials", id: "testimonials" },
@@ -69,6 +71,22 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="history" data-section="history">
+        <MetricCardFourteen
+          title="Our Journey: Building Trust in Travel Since 2010"
+          tag="Our Heritage"
+          tagAnimation="slide-up"
+          metrics={[
+            { id: "1", value: "2010", description: "Founded The Real Time Travels with a mission to simplify visa processing for ambitious travelers." },
+            { id: "2", value: "500K+", description: "Documents processed with meticulous attention to detail and compliance standards." },
+            { id: "3", value: "50+", description: "Countries covered in our expanding global travel and visa network." },
+            { id: "4", value: "Industry Leader", description: "Recognized for innovation, transparency, and unwavering commitment to client success." }
+          ]}
+          metricsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="about" data-section="about">
         <MetricSplitMediaAbout
           title="Your Gateway to Global Travel"
@@ -241,6 +259,7 @@ export default function LandingPage() {
             {
               title: "Company",              items: [
                 { label: "About Us", href: "#about" },
+                { label: "Our History", href: "#history" },
                 { label: "Contact", href: "#contact" },
                 { label: "FAQ", href: "#faq" }
               ]
@@ -258,4 +277,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}