From 9a966f7ef8ceba997b8285204dba79b7dffea4f6 Mon Sep 17 00:00:00 2001 From: tuyenio Date: Tue, 23 Jun 2026 11:20:51 +0700 Subject: [PATCH] =?UTF-8?q?feat:=20trang=20ch=E1=BB=A7=20Nh=C6=B0=20Qu?= =?UTF-8?q?=E1=BB=B3nh?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/page.tsx | 264 +++++++++++++++++++++++++++++++++++++---------- 1 file changed, 208 insertions(+), 56 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 3f36f7c..9489769 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,65 +1,217 @@ +import type { Metadata } from "next"; import Image from "next/image"; +import Link from "next/link"; +import { ArrowRight, Box, Globe2, Landmark, PlayCircle, School, Sparkles } from "lucide-react"; +import { BackToTopButton } from "@/app/components/landing/BackToTopButton"; +import { SiteFooter } from "@/app/components/landing/SiteFooter"; +import { SiteHeader } from "@/app/components/landing/SiteHeader"; +import { HeroShaderBackground } from "@/app/components/ui/hero-shader-background"; +import { activeTour, heritageSites } from "@/app/content"; + +export const metadata: Metadata = { + title: "Trang chủ | VR360 Như Quỳnh", + description: + "Trang chủ chính thức giới thiệu dự án số hóa di tích, không gian văn hóa và giá trị truyền thống của Xã Như Quỳnh, tỉnh Hưng Yên bằng công nghệ VR360.", +}; + +const availableSites = heritageSites.filter((site) => site.isAvailable); +const upcomingSites = heritageSites.filter((site) => !site.isAvailable); + +const benefits = [ + { + title: "Tham quan trực tuyến mọi lúc", + detail: "Người xem có thể tiếp cận không gian văn hóa ngay trên điện thoại hoặc máy tính.", + icon: Globe2, + }, + { + title: "Lưu giữ giá trị văn hóa", + detail: "Ảnh 360 độ, thuyết minh và tư liệu được tổ chức thành kho dữ liệu dễ mở rộng.", + icon: Landmark, + }, + { + title: "Trải nghiệm không gian 360 độ", + detail: "Các điểm chuyển cảnh giúp người xem di chuyển mạch lạc giữa từng không gian.", + icon: Box, + }, + { + title: "Hỗ trợ giáo dục địa phương", + detail: "Tư liệu trực quan phục vụ học sinh, người dân, du khách và hoạt động truyền thông.", + icon: School, + }, +]; export default function Home() { return ( -
-
- Next.js logo -
-

- To get started, edit the page.tsx file. -

-

- Looking for a starting point or more instructions? Head over to{" "} - - Templates - {" "} - or the{" "} - - Learning - {" "} - center. +

+ + + +
+
+

VR360 số hóa di sản Xã Như Quỳnh

+

+ Khám phá di sản văn hóa Xã Như Quỳnh qua trải nghiệm VR360 +

+

+ Hành trình số hóa hệ thống di tích, không gian văn hóa và giá trị truyền thống của Xã Như Quỳnh, tỉnh Hưng Yên bằng công nghệ tham quan thực tế ảo 360 độ. +

+
+ + + Khám phá ngay + + + Tìm hiểu dự án + +
+
+ +
+ Không gian di sản Xã Như Quỳnh được số hóa VR360 +
+
+ + +
+
+

Giới thiệu nhanh

+

+ Dự án số hóa di sản Xã Như Quỳnh +

+
+
+

+ Dự án VR360 Như Quỳnh được xây dựng nhằm bảo tồn tư liệu, quảng bá giá trị văn hóa địa phương và tạo điều kiện để người dân, học sinh, du khách tham quan trực tuyến hệ thống di tích tiêu biểu của xã. +

+

+ Mỗi không gian được giới thiệu bằng hình ảnh thật, điểm tương tác, chú thích tiếng Việt và cấu trúc nội dung dễ theo dõi để phục vụ lâu dài cho công tác truyền thông văn hóa và giáo dục địa phương.

-
+ +
+
+
+
+

Di tích nổi bật

+

+ Không gian đang mở tour VR360. +

+
+ + Xem toàn bộ không gian + + +
+ +
+ {availableSites.map((site) => ( + + ))} +
-
-
+ + +
+
+

Sắp ra mắt

+

+ Các điểm đang bổ sung tư liệu. +

+
+ +
+ {upcomingSites.map((site) => ( + + ))} +
+
+ +
+
+
+

Điểm nổi bật

+

+ Giá trị của nền tảng VR360. +

+
+
+ {benefits.map((benefit) => { + const Icon = benefit.icon; + + return ( +
+ +

{benefit.title}

+

{benefit.detail}

+
+ ); + })} +
+
+
+ +
+
+
+

Bắt đầu khám phá

+

+ Bắt đầu hành trình khám phá Như Quỳnh +

+

+ Mở danh sách không gian văn hóa để tìm kiếm, lọc và lựa chọn điểm tham quan phù hợp. +

+
+ + + Xem không gian văn hóa + +
+
+ + + +
+ ); +} + +function HomeSiteCard({ site }: { site: (typeof heritageSites)[number] }) { + return ( +
+
+ {site.name} +
+
+ + {site.status} + +

{site.type}

+

{site.name}

+

{site.shortDescription}

+ + {site.isAvailable ? "Khám phá VR360" : "Xem thông tin"} + + +
+
); }