diff --git a/app/about/about.json b/app/about/about.json
index dcdfd59..fbfdab5 100644
--- a/app/about/about.json
+++ b/app/about/about.json
@@ -1,97 +1,121 @@
 {
-  "hero": {
-    "title": "About Us",
-    "subtitle": "Global Education Simplified",
-    "breadcrumb": [
-      "Home",
-      "About Us"
-    ],
-    "backgroundImage": "/assets/img/inner-page/breadcrumb.jpg"
-  },
-  "intro": {
-    "heading": "Building Pathways to Your Immigration Success",
-    "description": "We provide expert guidance, personalized solutions, and transparent processes to help you achieve your immigration goals. Our dedicated team ensures a smooth journey, building pathways to your international success.",
-    "highlights": [
-      "Expert Visa Consulting",
-      "Smooth Documentation Process",
-      "Personalized Student Guidance"
-    ],
-    "image": "/assets/img/inner-page/intro.jpg"
-  },
-  "mission": {
-    "title": "Our Commitment to Your Future",
-    "items": [
-      {
-        "label": "Mission",
-        "description": "To guide students with expert visa consulting, ensuring a smooth process from application to approval and turning dreams into reality."
-      },
-      {
-        "label": "Vision",
-        "description": "To be the most trusted global education consultancy, expanding opportunities and building paths to international success for every student."
-      },
-      {
-        "label": "Values",
-        "description": "Transparency, integrity, and excellence in every visa application, ensuring reliable assistance and professional support."
-      }
-    ]
-  },
-  "stats": [
-    {
-      "label": "Years Experience",
-      "value": 10
+    "hero": {
+        "title": "About Us",
+        "subtitle": "Global Education Simplified",
+        "breadcrumb": ["Home", "About Us"],
+        "backgroundImage": "/assets/img/inner-page/breadcrumb.jpg"
     },
-    {
-      "label": "Students Helped",
-      "value": 1000
+    "intro": {
+        "subheading": "Company Intro",
+        "heading": "Building Pathways to Your Immigration Success",
+        "description": "We provide expert guidance, personalized solutions, and transparent processes to help you achieve your immigration goals. Our dedicated team ensures a smooth journey, building pathways to your international success.",
+        "image": "/assets/img/inner-page/intro.jpg"
     },
-    {
-      "label": "Success Rate",
-      "value": "95%"
+    "mission": {
+        "subheading": "About Our Consultancy",
+        "heading": "Turning Study Abroad Dreams Into Reality",
+        "description": "We guide students with expert visa consulting, ensuring a smooth process from application to approval, turning study abroad aspirations into life-changing opportunities for a brighter future.",
+        "images": {
+            "main": "/assets/img/home-1/about/about-1.jpg",
+            "secondary": "/assets/img/home-1/about/about-02.jpg",
+            "bgShape": "/assets/img/home-1/about/Vector.png",
+            "planeShape": "/assets/img/home-1/about/plane.png",
+            "topShape": "/assets/img/home-1/about/shape.png",
+            "globeShape": "/assets/img/home-1/about/globe.png"
+        },
+        "items": [
+            {
+                "icon": "/assets/img/home-1/icon/01.svg",
+                "label": "Global Reach",
+                "description": "Expanding Opportunities Worldwide"
+            },
+            {
+                "icon": "/assets/img/home-1/icon/01.svg",
+                "label": "Global Reach",
+                "description": "Expanding Opportunities Worldwide"
+            }
+        ],
+        "features": [
+            "Fastest Visa form processing with skilled immigration agents",
+            "Partnership with International Educational Institutions"
+        ],
+        "ctaButton": {
+            "label": "Get Started",
+            "href": "/about"
+        }
     },
-    {
-      "label": "Countries Covered",
-      "value": 50
+    "features": {
+        "backgroundImage": "/assets/img/home-2/feature/bg-shape.png",
+        "subheading": "Your Travel Made Easy",
+        "heading": "Smooth Visa Journey Guaranteed",
+        "description": "We provide expert guidance for every visa application, ensuring smooth processing, personalized support, and reliable assistance",
+        "image": "/assets/img/home-2/feature/02.png",
+        "items": [
+            {
+                "icon": "/assets/img/home-2/icon/01.png",
+                "title": "Expert Consultants",
+                "description": "Skilled and knowledgeable visa advisors. Skilled and knowledgeable visa advisors."
+            },
+            {
+                "icon": "/assets/img/home-2/icon/01.png",
+                "title": "Personalized Support",
+                "description": "Skilled and knowledgeable visa advisors. Skilled and knowledgeable visa advisors."
+            },
+            {
+                "icon": "/assets/img/home-2/icon/01.png",
+                "title": "Transparent Process",
+                "description": "Skilled and knowledgeable visa advisors. Skilled and knowledgeable visa advisors."
+            }
+        ],
+        "ctaButton": {
+            "label": "Get Started Today",
+            "href": "/contact"
+        }
+    },
+    "news": {
+        "subheading": "Visa Tips & Guides",
+        "heading": "Latest Insights & Updates",
+        "ctaButton": {
+            "label": "view all articles",
+            "href": "/blog"
+        },
+        "items": [
+            {
+                "title": "Step-by-Step Guide to Applying for a Student Visa",
+                "category": "Student Visa",
+                "date": "20 August ,2025",
+                "comments": 8,
+                "author": {
+                    "name": "Sohel",
+                    "avatar": "/assets/img/home-1/news/client.png"
+                },
+                "link": "/blog/step-by-step-guide-student-visa",
+                "thumbnail": "/assets/img/home-1/news/news-1.jpg"
+            },
+            {
+                "title": "Tips to Prepare Financial Documents for Visa Approval",
+                "category": "IELTS / TOEFL",
+                "date": "20 August ,2025",
+                "comments": 8,
+                "author": {
+                    "name": "Sohel",
+                    "avatar": "/assets/img/home-1/news/client.png"
+                },
+                "link": "/blog/financial-documents-visa-approval",
+                "thumbnail": "/assets/img/home-1/news/news-2.jpg"
+            },
+            {
+                "title": "Post-Arrival Guide What Every Student Should Know",
+                "category": "Study Abroad",
+                "date": "20 August ,2025",
+                "comments": 8,
+                "author": {
+                    "name": "Sohel",
+                    "avatar": "/assets/img/home-1/news/client.png"
+                },
+                "link": "/blog/post-arrival-guide-students",
+                "thumbnail": "/assets/img/home-1/news/news-3.jpg"
+            }
+        ]
     }
-  ],
-  "team": {
-    "title": "Meet Our Expert Team",
-    "members": [
-      {
-        "name": "Eleanor Pena",
-        "role": "Lead Legal Consultant",
-        "image": "/assets/img/home-1/testimonial/client.png",
-        "social": {
-          "facebook": "href",
-          "linkedin": "href"
-        }
-      },
-      {
-        "name": "Jerome Bell",
-        "role": "Senior Visa Expert",
-        "image": "/assets/img/home-1/testimonial/client-2.png",
-        "social": {
-          "facebook": "href",
-          "linkedin": "href"
-        }
-      },
-      {
-        "name": "Marvin McKinney",
-        "role": "Immigration Advisor",
-        "image": "/assets/img/home-1/news/client.png",
-        "social": {
-          "facebook": "href",
-          "linkedin": "href"
-        }
-      },
-      {
-        "name": "Kathryn Murphy",
-        "role": "Education Consultant",
-        "image": "/assets/img/home-1/testimonial/client.png",
-        "social": {
-          "facebook": "href",
-          "linkedin": "href"
-        }
-      }
-    ]
-  }
 }
diff --git a/app/about/page.tsx b/app/about/page.tsx
index c909cf5..0f7f075 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -1,13 +1,5 @@
-import {
-    AboutHero,
-    AboutIntro,
-    AboutMission,
-    AboutStats,
-    AboutTeam,
-    AboutFeatures,
-    AboutNews
-} from '../components/about';
-import aboutData from './about.json';
+import { AboutHero, AboutIntro, AboutMission, AboutFeatures, AboutNews } from "../components/about";
+import aboutData from "./about.json";
 
 export default function AboutPage() {
     return (
@@ -15,10 +7,8 @@ export default function AboutPage() {
             <AboutHero data={aboutData.hero} />
             <AboutIntro data={aboutData.intro} />
             <AboutMission data={aboutData.mission} />
-            <AboutStats data={aboutData.stats} />
-            <AboutTeam data={aboutData.team} />
-            <AboutFeatures />
-            <AboutNews />
+            <AboutFeatures data={aboutData.features} />
+            <AboutNews data={aboutData.news} />
         </>
     );
 }
diff --git a/app/about/types.ts b/app/about/types.ts
index f8049fc..8d4cc1a 100644
--- a/app/about/types.ts
+++ b/app/about/types.ts
@@ -1,37 +1,73 @@
 export interface AboutData {
-  hero: {
-    title: string;
-    subtitle: string;
-    breadcrumb: string[];
-    backgroundImage: string;
-  };
-  intro: {
-    heading: string;
-    description: string;
-    highlights: string[];
-    image: string;
-  };
-  mission: {
-    title: string;
-    items: {
-      label: string;
-      description: string;
-    }[];
-  };
-  stats: {
-    label: string;
-    value: number | string;
-  }[];
-  team: {
-    title: string;
-    members: {
-      name: string;
-      role: string;
-      image: string;
-      social: {
-        facebook: string;
-        linkedin: string;
-      };
-    }[];
-  };
+    hero: {
+        title: string;
+        subtitle: string;
+        breadcrumb: string[];
+        backgroundImage: string;
+    };
+    intro: {
+        subheading: string;
+        heading: string;
+        description: string;
+        image: string;
+    };
+    mission: {
+        subheading: string;
+        heading: string;
+        description: string;
+        images: {
+            main: string;
+            secondary: string;
+            bgShape: string;
+            planeShape: string;
+            topShape: string;
+            globeShape: string;
+        };
+        items: {
+            icon: string;
+            label: string;
+            description: string;
+        }[];
+        features: string[];
+        ctaButton: {
+            label: string;
+            href: string;
+        };
+    };
+    features: {
+        backgroundImage: string;
+        subheading: string;
+        heading: string;
+        description: string;
+        image: string;
+        items: {
+            icon: string;
+            title: string;
+            description: string;
+        }[];
+        ctaButton: {
+            label: string;
+            href: string;
+        };
+    };
+    news: {
+        subheading: string;
+        heading: string;
+        ctaButton: {
+            label: string;
+            href: string;
+        };
+        items: {
+            title: string;
+            category: string;
+            date: string;
+            comments: number;
+            author: {
+                name: string;
+                avatar: string;
+            };
+            link: string;
+            thumbnail: string;
+        }[];
+    };
 }
diff --git a/app/components/about/AboutFeatures.tsx b/app/components/about/AboutFeatures.tsx
index 18992c7..30ee458 100644
--- a/app/components/about/AboutFeatures.tsx
+++ b/app/components/about/AboutFeatures.tsx
@@ -1,62 +1,44 @@
-import Link from 'next/link';
+import Link from "next/link";
+import { AboutData } from "../../about/types";
 
-const AboutFeatures = () => {
+interface AboutFeaturesProps {
+    data: AboutData["features"];
+}
+
+const AboutFeatures = ({ data }: AboutFeaturesProps) => {
     return (
-        <section className="choose-us-section-2 section-padding fix bg-cover" style={{ backgroundImage: 'url(/assets/img/home-2/feature/bg-shape.png)' }}>
+        <section
+            className="choose-us-section-2 section-padding fix bg-cover"
+            style={{ backgroundImage: `url(${data.backgroundImage})` }}
+        >
             <div className="container">
                 <div className="choose-us-wrapper-2">
                     <div className="row g-4">
                         <div className="col-lg-6">
                             <div className="choose-us-image">
-                                <img src="/assets/img/home-2/feature/02.png" alt="img" />
+                                <img src={data.image} alt="img" />
                             </div>
                         </div>
                         <div className="col-lg-6">
                             <div className="feature-content">
                                 <div className="section-title mb-0">
-                                    <span className="sub-title-2 wow fadeInUp">Your Travel Made Easy</span>
-                                    <h2 className="split-text-right split-text-in-right">
-                                        Smooth Visa Journey Guaranteed
-                                    </h2>
+                                    <span className="sub-title-2 wow fadeInUp">{data.subheading}</span>
+                                    <h2 className="split-text-right split-text-in-right">{data.heading}</h2>
                                 </div>
-                                <p className="text">
-                                    We provide expert guidance for every visa application, ensuring smooth processing, personalized support, and reliable assistance 
-                                </p>
-                                <div className="choose-us-box">
-                                    <div className="icon">
-                                        <img src="/assets/img/home-2/icon/01.png" alt="img" />
+                                <p className="text">{data.description}</p>
+                                {data.items.map((item, index) => (
+                                    <div key={index} className="choose-us-box">
+                                        <div className="icon">
+                                            <img src={item.icon} alt="img" />
+                                        </div>
+                                        <div className="content">
+                                            <h5>{item.title}</h5>
+                                            <p>{item.description}</p>
+                                        </div>
                                     </div>
-                                    <div className="content">
-                                        <h5>Expert Consultants</h5>
-                                        <p>
-                                            Skilled and knowledgeable visa advisors. Skilled and knowled geable visa advisors.
-                                        </p>
-                                    </div>
-                                </div>
-                                <div className="choose-us-box">
-                                    <div className="icon">
-                                        <img src="/assets/img/home-2/icon/01.png" alt="img" />
-                                    </div>
-                                    <div className="content">
-                                        <h5>Personalized Support</h5>
-                                        <p>
-                                            Skilled and knowledgeable visa advisors. Skilled and knowled geable visa advisors.
-                                        </p>
-                                    </div>
-                                </div>
-                                <div className="choose-us-box">
-                                    <div className="icon">
-                                        <img src="/assets/img/home-2/icon/01.png" alt="img" />
-                                    </div>
-                                    <div className="content">
-                                        <h5>Transparent Process</h5>
-                                        <p>
-                                            Skilled and knowledgeable visa advisors. Skilled and knowled geable visa advisors.
-                                        </p>
-                                    </div>
-                                </div>
-                                <Link href="/contact" className="theme-btn">
-                                    Get Started Today
+                                ))}
+                                <Link href={data.ctaButton.href} className="theme-btn">
+                                    {data.ctaButton.label}
                                     <i className="fa-solid fa-arrow-right"></i>
                                 </Link>
                             </div>
diff --git a/app/components/about/AboutIntro.tsx b/app/components/about/AboutIntro.tsx
index 337ea63..0e828c2 100644
--- a/app/components/about/AboutIntro.tsx
+++ b/app/components/about/AboutIntro.tsx
@@ -1,7 +1,7 @@
-import { AboutData } from '../../about/types';
+import { AboutData } from "../../about/types";
 
 interface AboutIntroProps {
-    data: AboutData['intro'];
+    data: AboutData["intro"];
 }
 
 const AboutIntro = ({ data }: AboutIntroProps) => {
@@ -10,14 +10,10 @@ const AboutIntro = ({ data }: AboutIntroProps) => {
             <div className="container">
                 <div className="section-title-area">
                     <div className="section-title">
-                        <span className="sub-title-2 wow fadeInUp">Company Intro</span>
-                        <h2 className="split-text-right split-text-in-right">
-                            {data.heading}
-                        </h2>
+                        <span className="sub-title-2 wow fadeInUp">{data.subheading}</span>
+                        <h2 className="split-text-right split-text-in-right">{data.heading}</h2>
                     </div>
-                    <p>
-                        {data.description}
-                    </p>
+                    <p>{data.description}</p>
                 </div>
                 <div className="row">
                     <div className="intro-image tp-clip-anim p-relative">
diff --git a/app/components/about/AboutMission.tsx b/app/components/about/AboutMission.tsx
index 6b6ac48..ba6d6d8 100644
--- a/app/components/about/AboutMission.tsx
+++ b/app/components/about/AboutMission.tsx
@@ -1,57 +1,70 @@
-import Link from 'next/link';
-import { AboutData } from '../../about/types';
+import Link from "next/link";
+import { AboutData } from "../../about/types";
 
 interface AboutMissionProps {
-    data: AboutData['mission'];
+    data: AboutData["mission"];
 }
 
 const AboutMission = ({ data }: AboutMissionProps) => {
     return (
         <section className="about-section section-padding fix pb-0">
             <div className="top-shape">
-                <img src="/assets/img/home-1/about/globe.png" alt="img" />
+                <img src={data.images.globeShape} alt="img" />
             </div>
             <div className="container">
                 <div className="about-wrapper">
                     <div className="row g-4">
                         <div className="col-lg-6">
                             <div className="about-image">
-                                <img src="/assets/img/home-1/about/about-1.jpg" alt="img" className="wow img-custom-anim-left" />
+                                <img src={data.images.main} alt="img" className="wow img-custom-anim-left" />
                                 <div className="about-image-2">
-                                    <img src="/assets/img/home-1/about/about-02.jpg" alt="img" className="wow img-custom-anim-right" />
+                                    <img src={data.images.secondary} alt="img" className="wow img-custom-anim-right" />
                                 </div>
                                 <div className="bg-shape">
-                                    <img src="/assets/img/home-1/about/Vector.png" alt="img" />
+                                    <img src={data.images.bgShape} alt="img" />
                                 </div>
                                 <div className="plane-shape float-bob-y">
-                                    <img src="/assets/img/home-1/about/plane.png" alt="img" />
+                                    <img src={data.images.planeShape} alt="img" />
                                 </div>
                                 <div className="top-shape float-bob-y">
-                                    <img src="/assets/img/home-1/about/shape.png" alt="img" />
+                                    <img src={data.images.topShape} alt="img" />
                                 </div>
                             </div>
                         </div>
                         <div className="col-lg-6">
                             <div className="about-content">
                                 <div className="section-title mb-0">
-                                    <span className="sub-title wow fadeInUp">About Our Consultancy</span>
-                                    <h2 className="split-text-right split-text-in-right">
-                                        {data.title}
-                                    </h2>
+                                    <span className="sub-title wow fadeInUp">{data.subheading}</span>
+                                    <h2 className="split-text-right split-text-in-right">{data.heading}</h2>
                                 </div>
+                                <p className="text wow fadeInUp" data-wow-delay=".3s">
+                                    {data.description}
+                                </p>
                                 <div className="about-item wow fadeInUp" data-wow-delay=".5s">
                                     {data.items.map((item, index) => (
-                                        <div key={index} className="content mb-3">
+                                        <div key={index} className="content">
                                             <span>
-                                                <img src="/assets/img/home-1/icon/01.svg" alt="" className="me-2" /> 
-                                                <strong>{item.label}</strong>
+                                                <img src={item.icon} alt="" className="me-2 d-inline-block" />
+                                                {item.label}-
                                             </span>
                                             <p>{item.description}</p>
                                         </div>
                                     ))}
                                 </div>
-                                <Link href="/contact" className="theme-btn wow fadeInUp" data-wow-delay=".5s">
-                                    Get Started
+                                <ul className="list wow fadeInUp" data-wow-delay=".3s">
+                                    {data.features.map((feature, index) => (
+                                        <li key={index}>
+                                            <i className="fa-solid fa-chevrons-right"></i>
+                                            {feature}
+                                        </li>
+                                    ))}
+                                </ul>
+                                <Link
+                                    href={data.ctaButton.href}
+                                    className="theme-btn wow fadeInUp"
+                                    data-wow-delay=".5s"
+                                >
+                                    {data.ctaButton.label}
                                     <i className="fa-solid fa-arrow-right"></i>
                                 </Link>
                             </div>
diff --git a/app/components/about/AboutNews.tsx b/app/components/about/AboutNews.tsx
index edf3287..f188cde 100644
--- a/app/components/about/AboutNews.tsx
+++ b/app/components/about/AboutNews.tsx
@@ -1,63 +1,48 @@
-import Link from 'next/link';
+import Link from "next/link";
+import { AboutData } from "../../about/types";
 
-const AboutNews = () => {
-    const newsItems = [
-        {
-            image: '/assets/img/home-1/news/news-1.jpg',
-            category: 'Student Visa',
-            comments: '08',
-            date: '20 August ,2025',
-            title: 'Step-by-Step Guide to Applying for a Student Visa',
-            author: 'Sohel',
-            authorImage: '/assets/img/home-1/news/client.png'
-        },
-        {
-            image: '/assets/img/home-1/news/news-2.jpg',
-            category: 'IELTS / TOEFL',
-            comments: '08',
-            date: '20 August ,2025',
-            title: 'Tips to Prepare Financial Documents for Visa Approval',
-            author: 'Sohel',
-            authorImage: '/assets/img/home-1/news/client.png'
-        },
-        {
-            image: '/assets/img/home-1/news/news-3.jpg',
-            category: 'Study Abroad',
-            comments: '08',
-            date: '20 August ,2025',
-            title: 'Post-Arrival Guide What Every Student Should Know',
-            author: 'Sohel',
-            authorImage: '/assets/img/home-1/news/client.png'
-        }
-    ];
+interface AboutNewsProps {
+    data: AboutData["news"];
+}
 
+const AboutNews = ({ data }: AboutNewsProps) => {
     return (
         <section className="news-section section-padding fix pt-0">
             <div className="container">
                 <div className="section-title-area">
                     <div className="section-title">
-                        <span className="sub-title">Visa Tips &amp; Guides</span>
-                        <h2 className="split-text-right split-text-in-right">
-                            Latest Insights &amp; Updates
-                        </h2>
+                        <span className="sub-title">{data.subheading}</span>
+                        <h2 className="split-text-right split-text-in-right">{data.heading}</h2>
                     </div>
-                    <Link href="/news" className="theme-btn">
-                        view all articies
+                    <Link href={data.ctaButton.href} className="theme-btn">
+                        {data.ctaButton.label}
                         <i className="fa-solid fa-arrow-right"></i>
                     </Link>
                 </div>
                 <div className="row">
-                    {newsItems.map((item, index) => (
+                    {data.items.map((item, index) => (
                         <div key={index} className="col-xl-4 col-lg-6 col-md-6">
                             <div className="news-card-item">
                                 <div className="news-image">
-                                    <img src={item.image} alt="img" />
+                                    <img src={item.thumbnail} alt="img" />
                                     <span>{item.category}</span>
                                     <div className="news-layer-wrapper">
-                                        <div className="news-layer-image" style={{ backgroundImage: `url('${item.image}')` }}></div>
-                                        <div className="news-layer-image" style={{ backgroundImage: `url('${item.image}')` }}></div>
-                                        <div className="news-layer-image" style={{ backgroundImage: `url('${item.image}')` }}></div>
-                                        <div className="news-layer-image" style={{ backgroundImage: `url('${item.image}')` }}></div>
+                                        <div
+                                            className="news-layer-image"
+                                            style={{ backgroundImage: `url('${item.thumbnail}')` }}
+                                        ></div>
+                                        <div
+                                            className="news-layer-image"
+                                            style={{ backgroundImage: `url('${item.thumbnail}')` }}
+                                        ></div>
+                                        <div
+                                            className="news-layer-image"
+                                            style={{ backgroundImage: `url('${item.thumbnail}')` }}
+                                        ></div>
+                                        <div
+                                            className="news-layer-image"
+                                            style={{ backgroundImage: `url('${item.thumbnail}')` }}
+                                        ></div>
                                     </div>
                                 </div>
                                 <div className="news-content">
@@ -66,16 +51,14 @@ const AboutNews = () => {
                                         <span>_ {item.date}</span>
                                     </div>
                                     <h3>
-                                        <Link href="/news-details">
-                                            {item.title}
-                                        </Link>
+                                        <Link href={item.link}>{item.title}</Link>
                                     </h3>
                                     <div className="news-bottom">
                                         <div className="info-item">
-                                            <img src={item.authorImage} alt="img" />
-                                            <span>By {item.author}</span>
+                                            <img src={item.author.avatar} alt="img" />
+                                            <span>By {item.author.name}</span>
                                         </div>
-                                        <Link href="/news-details" className="link-btn">
+                                        <Link href={item.link} className="link-btn">
                                             View Articles<i className="fa-solid fa-arrow-right"></i>
                                         </Link>
                                     </div>
diff --git a/app/components/about/AboutStats.tsx b/app/components/about/AboutStats.tsx
deleted file mode 100644
index 9f08697..0000000
--- a/app/components/about/AboutStats.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { AboutData } from '../../about/types';
-
-interface AboutStatsProps {
-    data: AboutData['stats'];
-}
-
-const AboutStats = ({ data }: AboutStatsProps) => {
-    return (
-        <section className="counter-section section-padding pb-0 fix bg-cover" style={{ backgroundImage: "url('/assets/img/home-1/feature/bg-2.jpg')" }}>
-            <div className="shape">
-                <img src="/assets/img/home-1/feature/shape-2.png" alt="img" />
-            </div>
-            <div className="container">
-                <div className="section-title text-center">
-                    <span className="sub-title bg-2 wow fadeInUp">Did You Know</span>
-                    <h2 className="text-white split-text-right split-text-in-right">
-                       Our Achievements in Numbers
-                    </h2>
-                </div>
-            </div>
-            <div className="counter-wrapper">
-                 <div className="container">
-                    <div className="counter-main-item">
-                        {data.map((stat, index) => {
-                            // Helper to extract number and suffix from value
-                            const valueStr = String(stat.value);
-                            const numericMatch = valueStr.match(/(\d+)/);
-                            const numericValue = numericMatch ? numericMatch[0] : "0";
-                            const suffix = valueStr.replace(numericValue, "");
-
-                            return (
-                                <div key={index} className={`counter-item ${index < 3 ? 'style-2' : ''}`}>
-                                    <h2><span className="odometer" data-count={numericValue}>00</span>{suffix}</h2>
-                                    <h5>{stat.label}</h5>
-                                </div>
-                            );
-                        })}
-                    </div>
-                 </div>
-            </div>
-        </section>
-    );
-};
-
-export default AboutStats;
diff --git a/app/components/about/AboutTeam.tsx b/app/components/about/AboutTeam.tsx
deleted file mode 100644
index 317d0ad..0000000
--- a/app/components/about/AboutTeam.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { AboutData } from '../../about/types';
-
-interface AboutTeamProps {
-    data: AboutData['team'];
-}
-
-const AboutTeam = ({ data }: AboutTeamProps) => {
-    return (
-        <section className="team-section section-padding fix pt-0">
-            <div className="container">
-                <div className="section-title text-center">
-                    <span className="sub-title wow fadeInUp">Our Expert Team</span>
-                    <h2 className="split-text-right split-text-in-right">
-                        {data.title}
-                    </h2>
-                </div>
-                <div className="row g-4">
-                    {data.members.map((member, index) => (
-                        <div key={index} className="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay={`${0.2 * (index + 1)}s`}>
-                            <div className="news-card-item">
-                                <div className="news-image">
-                                    <img src={member.image} alt={member.name} />
-                                </div>
-                                <div className="news-content text-center">
-                                    <h3>{member.name}</h3>
-                                    <span className="text-primary">{member.role}</span>
-                                    <div className="social-icon d-flex justify-content-center gap-2 mt-3">
-                                        {member.social.facebook && <a href={member.social.facebook}><i className="fa-brands fa-facebook-f"></i></a>}
-                                        {member.social.linkedin && <a href={member.social.linkedin}><i className="fa-brands fa-linkedin-in"></i></a>}
-                                        <a href="#"><i className="fa-brands fa-twitter"></i></a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    ))}
-                </div>
-            </div>
-        </section>
-    );
-};
-
-export default AboutTeam;
diff --git a/app/components/about/index.ts b/app/components/about/index.ts
index 288c398..0f58ea8 100644
--- a/app/components/about/index.ts
+++ b/app/components/about/index.ts
@@ -3,5 +3,3 @@ export { default as AboutIntro } from './AboutIntro';
 export { default as AboutMission } from './AboutMission';
 export { default as AboutFeatures } from './AboutFeatures';
 export { default as AboutNews } from './AboutNews';
-export { default as AboutStats } from './AboutStats';
-export { default as AboutTeam } from './AboutTeam';
diff --git a/app/layout.tsx b/app/layout.tsx
index 8e0e12f..f4d1e35 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,76 +1,75 @@
 import type { Metadata } from "next";
 import "./globals.css";
 
-
-import Header from "./components/Header";
-import Footer from "./components/Footer";
+import Header from "./components/layout/Header/Header";
+import Footer from "./components/layout/Footer/Footer";
 import Loader from "./components/Loader";
 import BackToTop from "./components/BackToTop";
 import MouseCursor from "./components/MouseCursor";
 import Script from "next/script";
 
 export const metadata: Metadata = {
-  title: "Visaway – Immigration & Visa Consulting HTML Template",
-  description: "Visaway – Immigration & Visa Consulting HTML Template",
+    title: "Visaway – Immigration & Visa Consulting HTML Template",
+    description: "Visaway – Immigration & Visa Consulting HTML Template",
 };
 
 export default function RootLayout({
-  children,
+    children,
 }: Readonly<{
-  children: React.ReactNode;
+    children: React.ReactNode;
 }>) {
-  return (
-    <html lang="en">
-      <head>
-        {/* Favicon */}
-        <link rel="shortcut icon" href="/assets/img/favicon.png" />
-        
-        {/* Bootstrap min.css */}
-        <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
-        {/* All Min Css */}
-        <link rel="stylesheet" href="/assets/css/all.min.css" />
-        {/* Animate.css */}
-        <link rel="stylesheet" href="/assets/css/animate.css" />
-        {/* Magnific Popup.css */}
-        <link rel="stylesheet" href="/assets/css/magnific-popup.css" />
-        {/* MeanMenu.css */}
-        <link rel="stylesheet" href="/assets/css/meanmenu.css" />
-         {/* Odometer.css */}
-        <link rel="stylesheet" href="/assets/css/odometer.css" />
-        {/* Swiper Bundle.css */}
-        <link rel="stylesheet" href="/assets/css/swiper-bundle.min.css" />
-        {/* Nice Select.css */}
-        <link rel="stylesheet" href="/assets/css/nice-select.css" />
-        {/* Main.css */}
-        <link rel="stylesheet" href="/assets/css/main.css" />
-      </head>
-     <body className="smooth-scroll-yes">
-        <Loader />
-        <BackToTop />
-        <MouseCursor />
-        <Header />
-        
-        {children}
-        
-        <Footer />
+    return (
+        <html lang="en">
+            <head>
+                {/* Favicon */}
+                <link rel="shortcut icon" href="/assets/img/favicon.png" />
 
-        {/* Scripts */}
-        <Script src="/assets/js/jquery-3.7.1.min.js" strategy="beforeInteractive" />
-        <Script src="/assets/js/viewport.jquery.js" strategy="afterInteractive" />
-        <Script src="/assets/js/bootstrap.bundle.min.js" strategy="afterInteractive" />
-        <Script src="/assets/js/jquery.nice-select.min.js" strategy="afterInteractive" />
-        <Script src="/assets/js/jquery.waypoints.js" strategy="afterInteractive" />
-        <Script src="/assets/js/odometer.min.js" strategy="afterInteractive" />
-        <Script src="/assets/js/swiper-bundle.min.js" strategy="afterInteractive" />
-        <Script src="/assets/js/jquery.meanmenu.min.js" strategy="afterInteractive" />
-        <Script src="/assets/js/jquery.magnific-popup.min.js" strategy="afterInteractive" />
-        <Script src="/assets/js/wow.min.js" strategy="afterInteractive" />
-        <Script src="/assets/js/gsap.js" strategy="afterInteractive" />
-        <Script src="/assets/js/lenis.min.js" strategy="afterInteractive" />
-        <Script src="/assets/js/ScrollTrigger.min.js" strategy="afterInteractive" />
-        <Script src="/assets/js/SplitText.min.js" strategy="afterInteractive" />
-        <Script src="/assets/js/main.js" strategy="afterInteractive" />
-      </body>
-    </html>
-  );
+                {/* Bootstrap min.css */}
+                <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
+                {/* All Min Css */}
+                <link rel="stylesheet" href="/assets/css/all.min.css" />
+                {/* Animate.css */}
+                <link rel="stylesheet" href="/assets/css/animate.css" />
+                {/* Magnific Popup.css */}
+                <link rel="stylesheet" href="/assets/css/magnific-popup.css" />
+                {/* MeanMenu.css */}
+                <link rel="stylesheet" href="/assets/css/meanmenu.css" />
+                {/* Odometer.css */}
+                <link rel="stylesheet" href="/assets/css/odometer.css" />
+                {/* Swiper Bundle.css */}
+                <link rel="stylesheet" href="/assets/css/swiper-bundle.min.css" />
+                {/* Nice Select.css */}
+                <link rel="stylesheet" href="/assets/css/nice-select.css" />
+                {/* Main.css */}
+                <link rel="stylesheet" href="/assets/css/main.css" />
+            </head>
+            <body className="smooth-scroll-yes">
+                <Loader />
+                <BackToTop />
+                <MouseCursor />
+                <Header />
+
+                {children}
+
+                <Footer />
+
+                {/* Scripts */}
+                <Script src="/assets/js/jquery-3.7.1.min.js" strategy="beforeInteractive" />
+                <Script src="/assets/js/viewport.jquery.js" strategy="afterInteractive" />
+                <Script src="/assets/js/bootstrap.bundle.min.js" strategy="afterInteractive" />
+                <Script src="/assets/js/jquery.nice-select.min.js" strategy="afterInteractive" />
+                <Script src="/assets/js/jquery.waypoints.js" strategy="afterInteractive" />
+                <Script src="/assets/js/odometer.min.js" strategy="afterInteractive" />
+                <Script src="/assets/js/swiper-bundle.min.js" strategy="afterInteractive" />
+                <Script src="/assets/js/jquery.meanmenu.min.js" strategy="afterInteractive" />
+                <Script src="/assets/js/jquery.magnific-popup.min.js" strategy="afterInteractive" />
+                <Script src="/assets/js/wow.min.js" strategy="afterInteractive" />
+                <Script src="/assets/js/gsap.js" strategy="afterInteractive" />
+                <Script src="/assets/js/lenis.min.js" strategy="afterInteractive" />
+                <Script src="/assets/js/ScrollTrigger.min.js" strategy="afterInteractive" />
+                <Script src="/assets/js/SplitText.min.js" strategy="afterInteractive" />
+                <Script src="/assets/js/main.js" strategy="afterInteractive" />
+            </body>
+        </html>
+    );
 }