diff --git a/public/images/map.jpeg b/public/images/map.jpeg new file mode 100644 index 0000000..d28f25a Binary files /dev/null and b/public/images/map.jpeg differ diff --git a/public/images/teamdev/ddk2.jpeg b/public/images/teamdev/ddk2.jpeg new file mode 100644 index 0000000..6141e75 Binary files /dev/null and b/public/images/teamdev/ddk2.jpeg differ diff --git a/public/images/teamdev/ncda.jpeg b/public/images/teamdev/ncda.jpeg new file mode 100644 index 0000000..327ee97 Binary files /dev/null and b/public/images/teamdev/ncda.jpeg differ diff --git a/public/images/teamdev/tad.jpeg b/public/images/teamdev/tad.jpeg new file mode 100644 index 0000000..ee2940d Binary files /dev/null and b/public/images/teamdev/tad.jpeg differ diff --git a/src/app/user/about-us/page.tsx b/src/app/user/about-us/page.tsx new file mode 100644 index 0000000..07d1e5c --- /dev/null +++ b/src/app/user/about-us/page.tsx @@ -0,0 +1,196 @@ +"use client"; + +import React from "react"; +import Image from "next/image"; +import Link from "next/link"; + +export default function LandingPage() { + const features = [ + { + title: "Bản đồ dòng thời gian", + desc: "Giao diện bản đồ tự động thay đổi biên giới, địa danh và sự kiện tương ứng với mốc thời gian được lựa chọn.", + icon: "🗺️", + }, + { + title: "Tương tác thực tế", + desc: "Hiển thị chi tiết bối cảnh, nhân vật và số liệu khi người dùng thao tác vào các điểm neo sự kiện trên bản đồ.", + icon: "📍", + }, + { + title: "Trợ lý ảo & Công cụ học", + desc: "Tích hợp AI giải đáp thắc mắc lịch sử, kết hợp hệ thống giao bài tập và làm Quiz trực tuyến cho học đường.", + icon: "🤖", + }, + ]; + + const team = [ + { name: "Trần Anh Đức", role: "Project Manager", desc: "Đẹp trai cao m8",avatar: "/images/teamdev/tad.jpeg" }, + { name: "Đỗ Duy Khánh", role: "Backend Developer", desc: "Kì nhân dị sỹ",avatar: "/images/teamdev/ddk2.jpeg" }, + { name: "Ngô Cung Đức Anh", role: "Frontend Developer", desc: "Cũng đẹp trai nhưng cao m7 thôi",avatar: "/images/teamdev/ncda.jpeg" }, + ]; + + return ( + // Sử dụng tông màu Vàng cổ (Parchment) và Xanh rêu (Dark Slate Green) +
+ + {/* --- BACKGROUND IMAGE --- */} +
+ World Map Background +
+ {/* Lớp overlay mờ để làm dịu background */} +
+ + {/* --- HEADER NAVBAR --- */} +
+
+ GeoHistory +
+ +
+ +
+ + {/* --- PHẦN 1: GIỚI THIỆU TỔNG QUAN --- */} +
+

+ Bách khoa toàn thư
+ + Bản đồ số Lịch sử + +

+
+

+ Hệ thống thông tin địa lý (GIS) tiên phong trong việc trực quan hóa dữ liệu lịch sử. + Nền tảng của chúng tôi cho phép hiển thị động các thông tin như biên giới quốc gia, + diễn biến trận chiến và sự kiện theo đúng tiến trình thời gian. +

+

+ Đây là không gian tập trung tri thức được tinh lọc, nơi các chuyên gia, nhà sử học + và giáo viên đóng góp dữ liệu tọa độ, vector, được hệ thống kiểm duyệt chặt chẽ trước khi xuất bản. +

+
+
+ + Khám phá sứ mệnh + +
+
+ + {/* --- PHẦN 2: SỨ MỆNH & CHỨC NĂNG --- */} +
+
+ + {/* Sứ mệnh */} +
+
+ Sứ mệnh của chúng tôi +
+

Định hình lại cách học Lịch sử

+
+
+

+ 1 + Giải quyết rào cản giáo dục +

+

Khắc phục sự nhàm chán và khó tiếp cận của phương pháp học lịch sử truyền thống bằng cách biến dữ liệu chữ viết thành hình ảnh không gian, thời gian trực quan.

+
+
+
+

+ 2 + Tập trung hóa tri thức +

+

Xây dựng một kho dữ liệu lịch sử thống nhất, chuẩn xác, phục vụ đa dạng đối tượng từ chính phủ, chuyên gia nghiên cứu đến học sinh, sinh viên và cộng đồng.

+
+
+
+ + {/* Chức năng */} +
+
+ Tính năng cốt lõi +
+

Công nghệ hội tụ

+
+ {features.map((feat, idx) => ( +
+
+ {feat.icon} +
+
+

{feat.title}

+

{feat.desc}

+
+
+ ))} +
+
+
+
+ + {/* --- PHẦN 3: ĐỘI NGŨ PHÁT TRIỂN --- */} +
+
+
+ Về chúng tôi +
+

Đội ngũ phát triển

+

Những con người đam mê lịch sử và công nghệ chung tay xây dựng cỗ máy thời gian kỹ thuật số.

+
+ +
+ {team.map((member, i) => ( +
+
+ {member.name} +
+

{member.name}

+

{member.role}

+

{member.desc}

+
+ ))} +
+
+ +
+ + {/* FOOTER */} + + +
+ ); +} \ No newline at end of file diff --git a/src/components/header/UserDropdown.tsx b/src/components/header/UserDropdown.tsx index 3d1dc72..8421af8 100644 --- a/src/components/header/UserDropdown.tsx +++ b/src/components/header/UserDropdown.tsx @@ -8,7 +8,7 @@ import { fullDataUser } from "@/interface/admin"; import { UserMetaCardProps } from "@/interface/user"; import { apiGetCurrentUser, apiLogout } from "@/service/auth"; import { useRouter } from "next/navigation"; -import { ListIcon } from "@/icons"; +import { ListIcon, ShootingStarIcon } from "@/icons"; export default function UserDropdown() { const router = useRouter(); @@ -152,6 +152,19 @@ export default function UserDropdown() { Nhà Sử Học + +
  • + + + + + Về chúng tôi +
    • {/*
  • , + name: "Về Chúng Tôi", + path: "/user/about-us", + }, ]; const OTHERS_ITEMS: NavItem[] = [