minhnhat/uldp.edu.vn
1
0
Fork 0
forked from UKSOURCE/hailearning.edu.vn
Code Pull Requests 1 Activity

refactor ui and json data about

Browse Source
This commit is contained in:
Le Nhut Huy
2026-02-02 22:29:31 +07:00
parent bf652a64b6
commit 1add9d4d9d
11 changed files with 344 additions and 410 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
app/about/about.json
View File

@@ -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"
}
}
]
}
}

18
app/about/page.tsx
View File

@@ -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} />
</>
);
}

106
app/about/types.ts
View File

@@ -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;
}[];
};
}