diff --git a/src/app/components/landing/HeritageMarquee.tsx b/src/app/components/landing/HeritageMarquee.tsx new file mode 100644 index 0000000..f12a633 --- /dev/null +++ b/src/app/components/landing/HeritageMarquee.tsx @@ -0,0 +1,28 @@ +import { heritageSites } from "@/app/content"; + +// Dải tên di tích chạy ngang liên tục, gợi bề dày của hệ thống di sản. +// Lặp danh sách 2 lần để vòng lặp khép kín; dừng khi prefers-reduced-motion. +export function HeritageMarquee() { + const names = heritageSites.map((site) => site.name); + const loop = [...names, ...names]; + + return ( +
+
+
+ {loop.map((name, index) => ( + = names.length}> + + {name} + + + + ))} +
+
+
+ ); +} diff --git a/src/app/components/landing/SiteFooter.tsx b/src/app/components/landing/SiteFooter.tsx index 92c34b8..c203e73 100644 --- a/src/app/components/landing/SiteFooter.tsx +++ b/src/app/components/landing/SiteFooter.tsx @@ -1,13 +1,13 @@ import Link from "next/link"; -import { Globe2, Mail, MapPin } from "lucide-react"; -import { navigation } from "@/app/content"; +import { Globe2, Mail, MapPin, Phone } from "lucide-react"; +import { contact, navigation } from "@/app/content"; export function SiteFooter() { return (