Update src/app/page.tsx

src/app/page.tsx

@@ -4,12 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Facebook, Twitter, Instagram, Linkedin, MessageCircleMore, Users, CalendarCheck, Briefcase, BookOpenText } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -37,6 +39,8 @@ export default function LandingPage() {
           name: "Programs",          id: "#programs"},
         {
           name: "Why Choose Us",          id: "#why-choose-us"},
+        {
+          name: "Achievements",          id: "#achievements"},
         {
           name: "Testimonials",          id: "#testimonials"},
         {
@@ -131,6 +135,30 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="achievements" data-section="achievements">
+      <MetricCardOne
+      title="Our Impact in Numbers"
+      description="See the difference Victorious Education Services makes through key achievements and community impact."
+      metrics={[
+        {
+          id: "1",          value: "500+",          title: "Students Enrolled",          description: "Over 500 students have found success through our programs.",          icon: Users
+        },
+        {
+          id: "2",          value: "10+",          title: "Years of Experience",          description: "A decade of dedication to educational excellence.",          icon: CalendarCheck
+        },
+        {
+          id: "3",          value: "20+",          title: "Certified Teachers",          description: "Highly qualified and passionate educators.",          icon: Briefcase
+        },
+        {
+          id: "4",          value: "7+",          title: "Programs Offered",          description: "Diverse courses catering to all age groups.",          icon: BookOpenText
+        },
+      ]}
+      animationType="slide-up"
+      gridVariant="four-items-2x2-equal-grid"
+      useInvertedBackground={true}
+    />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
       animationType="slide-up"
@@ -193,12 +221,16 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterCard
       logoText="Victorious Education Services"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "Terms of Service",        href: "#"}}
+      copyrightText="© 2024 Victorious Education Services. All rights reserved."
+      socialLinks={[
+        { icon: Facebook, href: "https://facebook.com/victoriouseducation", ariaLabel: "Facebook" },
+        { icon: Twitter, href: "https://twitter.com/victoriouseducation", ariaLabel: "Twitter" },
+        { icon: Instagram, href: "https://instagram.com/victoriouseducation", ariaLabel: "Instagram" },
+        { icon: Linkedin, href: "https://linkedin.com/company/victoriouseducation", ariaLabel: "LinkedIn" },
+        { icon: MessageCircleMore, href: "https://wa.me/256392176077", ariaLabel: "WhatsApp" }
+      ]}
     />
   </div>
       </ReactLenis>