Update src/app/page.tsx
This commit is contained in:
210
src/app/page.tsx
210
src/app/page.tsx
@@ -6,6 +6,8 @@ import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
||||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||||
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
||||
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
@@ -15,48 +17,14 @@ export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Trang chủ", id: "home" },
|
||||
{ name: "Dịch vụ", id: "services" },
|
||||
{ name: "Dự án", id: "projects" },
|
||||
{ name: "Về chúng tôi", id: "about" },
|
||||
{ name: "Liên hệ", id: "contact" },
|
||||
{ name: "Dự án", id: "case-study" },
|
||||
{ name: "Về chúng tôi", id: "why-choose" },
|
||||
{ name: "Liên hệ", id: "cta" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Nhận báo giá", href: "/lien-he"};
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Dịch Vụ", items: [
|
||||
{ label: "Tổ Chức Sự Kiện Doanh Nghiệp", href: "#services" },
|
||||
{ label: "Ra Mắt Sản Phẩm", href: "#services" },
|
||||
{ label: "Hội Nghị & MICE", href: "#services" },
|
||||
{ label: "Kích Hoạt Thương Hiệu", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Công Ty", items: [
|
||||
{ label: "Về Chúng Tôi", href: "/ve-chung-toi" },
|
||||
{ label: "Dự Án", href: "/du-an" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Liên Hệ", href: "/lien-he" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Liên Hệ", items: [
|
||||
{ label: "061-384-4900", href: "tel:+66613844900" },
|
||||
{ label: "Bangchak, Sukhumvit 93, Bangkok", href: "#" },
|
||||
{ label: "info@jabuevents.com", href: "mailto:info@jabuevents.com" },
|
||||
{ label: "www.jabuevents.com", href: "https://jabuevents.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Theo Dõi Chúng Tôi", items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "YouTube", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
text: "Nhận báo giá", href: "cta"
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -85,25 +53,31 @@ export default function HomePage() {
|
||||
description="Jabu Events giúp doanh nghiệp tạo nên những sự kiện ấn tượng, từ hội nghị doanh nghiệp đến các buổi ra mắt sản phẩm quy mô lớn. Kinh nghiệm tổ chức sự kiện quốc tế với đội ngũ sáng tạo và kỹ thuật hàng đầu."
|
||||
tag="Chuyên Nghiệp & Đáng Tin Cậy"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="blur-reveal"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Nhận báo giá", href: "/lien-he" },
|
||||
{ text: "Nhận báo giá", href: "cta" },
|
||||
{ text: "Gọi ngay: 061-384-4900", href: "tel:+66613844900" },
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/friendly-senior-retail-business-owner-wearing-formal-suit-standing-clothing-store-against-black-friday-neon-banners-smiling-man-greeting-inviting-customers-buy-clothes-seasonal-sales_482257-72246.jpg", imageAlt: "Corporate event stage setup"},
|
||||
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/friendly-senior-retail-business-owner-wearing-formal-suit-standing-clothing-store-against-black-friday-neon-banners-smiling-man-greeting-inviting-customers-buy-clothes-seasonal-sales_482257-72246.jpg", imageAlt: "Corporate event stage setup"
|
||||
},
|
||||
{
|
||||
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/musicial-music-live-band-performing-stage-with-different-lights_627829-10061.jpg", imageAlt: "Product launch LED installation"},
|
||||
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/musicial-music-live-band-performing-stage-with-different-lights_627829-10061.jpg", imageAlt: "Product launch LED installation"
|
||||
},
|
||||
{
|
||||
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-cashier-store_482257-79308.jpg", imageAlt: "Corporate conference setup"},
|
||||
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-cashier-store_482257-79308.jpg", imageAlt: "Corporate conference setup"
|
||||
},
|
||||
{
|
||||
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/friendly-smiling-african-american-woman-shop-sales-assistant-explaining-senior-man-customer-black-friday-shopping-rules-clothing-store-retail-worker-holding-sales-flyer-talking-with-shopper_482257-69386.jpg", imageAlt: "Brand activation event"},
|
||||
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/friendly-smiling-african-american-woman-shop-sales-assistant-explaining-senior-man-customer-black-friday-shopping-rules-clothing-store-retail-worker-holding-sales-flyer-talking-with-shopper_482257-69386.jpg", imageAlt: "Brand activation event"
|
||||
},
|
||||
{
|
||||
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/friendly-senior-retail-business-owner-wearing-formal-suit-standing-clothing-store-against-black-friday-neon-banners-smiling-man-greeting-inviting-customers-buy-clothes-seasonal-sales_482257-72246.jpg", imageAlt: "Professional event production"},
|
||||
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/friendly-senior-retail-business-owner-wearing-formal-suit-standing-clothing-store-against-black-friday-neon-banners-smiling-man-greeting-inviting-customers-buy-clothes-seasonal-sales_482257-72246.jpg", imageAlt: "Professional event production"
|
||||
},
|
||||
{
|
||||
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/musicial-music-live-band-performing-stage-with-different-lights_627829-10061.jpg", imageAlt: "Event management expertise"},
|
||||
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/musicial-music-live-band-performing-stage-with-different-lights_627829-10061.jpg", imageAlt: "Event management expertise"
|
||||
},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -115,20 +89,24 @@ export default function HomePage() {
|
||||
<MetricCardFourteen
|
||||
title="Được tin tưởng bởi hàng trăm doanh nghiệp trong khu vực Đông Nam Á, Jabu Events là đối tác hàng đầu cho các sự kiện quy mô lớn."
|
||||
tag="Thống kê & Tin Cậy"
|
||||
tagAnimation="blur-reveal"
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1", value: "4.9★", description:
|
||||
"Đánh giá trung bình từ 40+ khách hàng trên Google Reviews"},
|
||||
"Đánh giá trung bình từ 40+ khách hàng trên Google Reviews"
|
||||
},
|
||||
{
|
||||
id: "metric-2", value: "100+", description:
|
||||
"Sự kiện tổ chức thành công tại Bangkok và các thành phố khác"},
|
||||
"Sự kiện tổ chức thành công tại Bangkok và các thành phố khác"
|
||||
},
|
||||
{
|
||||
id: "metric-3", value: "15+", description: "Năm kinh nghiệm tổ chức sự kiện chuyên nghiệp"},
|
||||
id: "metric-3", value: "15+", description: "Năm kinh nghiệm tổ chức sự kiện chuyên nghiệp"
|
||||
},
|
||||
{
|
||||
id: "metric-4", value: "50+", description: "Khách hàng quốc tế từ các nước khác nhau"},
|
||||
id: "metric-4", value: "50+", description: "Khách hàng quốc tế từ các nước khác nhau"
|
||||
},
|
||||
]}
|
||||
metricsAnimation="entrance-slide"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,32 +117,38 @@ export default function HomePage() {
|
||||
description="Jabu Events cung cấp bộ giải pháp sự kiện trọn gói từ khâu lên kế hoạch đến triển khai và hậu sự kiện."
|
||||
tag="Dịch Vụ Toàn Diện"
|
||||
tagIcon={CheckCircle}
|
||||
tagAnimation="blur-reveal"
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: Briefcase,
|
||||
title: "Tổ Chức Sự Kiện Doanh Nghiệp", description:
|
||||
"Hội nghị doanh nghiệp, lãnh đạo, hội họp công ty với thiết kế chuyên nghiệp và quản lý sự kiện toàn diện."},
|
||||
"Hội nghị doanh nghiệp, lãnh đạo, hội họp công ty với thiết kế chuyên nghiệp và quản lý sự kiện toàn diện."
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Ra Mắt Sản Phẩm", description:
|
||||
"Thiết kế sân khấu LED, sản xuất nội dung cinematic, điều phối chương trình chuyên nghiệp cho buổi ra mắt."},
|
||||
"Thiết kế sân khấu LED, sản xuất nội dung cinematic, điều phối chương trình chuyên nghiệp cho buổi ra mắt."
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Hội Nghị & MICE", description:
|
||||
"Tổ chức hội nghị quy mô lớn, quản lý khách mời, kỹ thuật âm thanh hình ảnh, địa điểm và logistics."},
|
||||
"Tổ chức hội nghị quy mô lớn, quản lý khách mời, kỹ thuật âm thanh hình ảnh, địa điểm và logistics."
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Kích Hoạt Thương Hiệu", description:
|
||||
"Các chiến dịch kích hoạt thương hiệu, tiếp thị trực nghiệm, tương tác khách hàng và xây dựng nhận diện thương hiệu."},
|
||||
"Các chiến dịch kích hoạt thương hiệu, tiếp thị trực nghiệm, tương tác khách hàng và xây dựng nhận diện thương hiệu."
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Tiệc & Sự Kiện Riêng Tư", description:
|
||||
"Tổ chức tiệc kỷ niệm, sự kiện gia đình, tiệc mừng công với thiết kế độc đáo và khác biệt."},
|
||||
"Tổ chức tiệc kỷ niệm, sự kiện gia đình, tiệc mừng công với thiết kế độc đáo và khác biệt."
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Quản Lý Toàn Bộ Sự Kiện", description:
|
||||
"Từ lên kế hoạch, thương thảo với địa điểm, quản lý ngân sách đến triển khai và theo dõi kết quả."},
|
||||
"Từ lên kế hoạch, thương thảo với địa điểm, quản lý ngân sách đến triển khai và theo dõi kết quả."
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -172,30 +156,87 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="case-study" data-section="case-study">
|
||||
<BlogCardThree
|
||||
title="Dự Án & Trường Hợp Học Tập"
|
||||
description="Khám phá những sự kiện ấn tượng mà Jabu Events đã tổ chức cho các thương hiệu lớn và doanh nghiệp hàng đầu."
|
||||
tag="Portfolio"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
blogs={[
|
||||
{
|
||||
id: "case-1", category: "Ra Mắt Sản Phẩm", title: "Sự kiện ra mắt sản phẩm OPPO tại Bangkok", excerpt: "Thiết kế sân khấu LED, sản xuất nội dung cinematic, điều phối chương trình và quản lý kỹ thuật sự kiện.", imageSrc: "http://img.b2bpic.net/free-photo/musicial-music-live-band-performing-stage-with-different-lights_627829-10061.jpg", imageAlt: "OPPO product launch event", authorName: "Jabu Events", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", date: "Tháng 3, 2024"
|
||||
},
|
||||
{
|
||||
id: "case-2", category: "Hội Nghị Doanh Nghiệp", title: "Hội nghị lãnh đạo khu vực Đông Nam Á", excerpt: "Tổ chức hội nghị quy mô 500+ khách mời, thiết kế phòng họp hiện đại, quản lý logistics toàn diện.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-cashier-store_482257-79308.jpg", imageAlt: "Corporate conference event", authorName: "Jabu Events", authorAvatar: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg", date: "Tháng 2, 2024"
|
||||
},
|
||||
{
|
||||
id: "case-3", category: "Kích Hoạt Thương Hiệu", title: "Chiến dịch kích hoạt thương hiệu Samsung tại Bangkok", excerpt: "Thiết kế trải nghiệm tương tác, quản lý gian hàng, tương tác khách hàng trực tiếp với nhân viên.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-smiling-african-american-woman-shop-sales-assistant-explaining-senior-man-customer-black-friday-shopping-rules-clothing-store-retail-worker-holding-sales-flyer-talking-with-shopper_482257-69386.jpg", imageAlt: "Brand activation event", authorName: "Jabu Events", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", date: "Tháng 1, 2024"
|
||||
},
|
||||
{
|
||||
id: "case-4", category: "Sự Kiện Riêng Tư", title: "Tiệc kỷ niệm công ty với 300 nhân viên", excerpt: "Tổ chức tiệc kỷ niệm quy mô lớn với chương trình giải trí, ăn uống và quản lý tất cả khía cạnh.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-senior-retail-business-owner-wearing-formal-suit-standing-clothing-store-against-black-friday-neon-banners-smiling-man-greeting-inviting-customers-buy-clothes-seasonal-sales_482257-72246.jpg", imageAlt: "Private corporate celebration", authorName: "Jabu Events", authorAvatar: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", date: "Tháng 12, 2023"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose" data-section="why-choose">
|
||||
<TextSplitAbout
|
||||
title="Tại Sao Chọn Jabu Events?"
|
||||
description={[
|
||||
"Với hơn 15 năm kinh nghiệm tổ chức sự kiện tại Bangkok và Việt Nam, Jabu Events là đối tác đáng tin cậy cho các doanh nghiệp muốn tạo nên những sự kiện ấn tượng.", "Đội ngũ của chúng tôi bao gồm những chuyên gia sáng tạo, kỹ sư âm thanh hình ảnh, và các nhà quản lý dự án có kinh nghiệm. Chúng tôi cam kết cung cấp dịch vụ chất lượng cao với mức giá cạnh tranh.", "Từ lên kế hoạch sơ bộ đến triển khai chi tiết, Jabu Events quản lý mọi khía cạnh của sự kiện để đảm bảo thành công hoàn toàn."
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Xem Dự Án Của Chúng Tôi", href: "case-study" },
|
||||
{ text: "Liên Hệ Tư Vấn", href: "cta" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
showBorder={true}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="Đánh Giá Từ Khách Hàng"
|
||||
description="Khách hàng của chúng tôi đều là những nhân vật lãnh đạo trong các công ty hàng đầu tại Đông Nam Á."
|
||||
tag="Khách Hàng Hài Lòng"
|
||||
tagIcon={Star}
|
||||
tagAnimation="blur-reveal"
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1", name: "Nguyễn Văn An", role: "Giám Đốc Marketing", company: "TechCorp Vietnam", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Nguyễn Văn An"},
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Nguyễn Văn An"
|
||||
},
|
||||
{
|
||||
id: "testimonial-2", name: "Trần Thị Hương", role: "CEO", company: "InnovateLab Thailand", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg", imageAlt: "Trần Thị Hương"},
|
||||
"http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg", imageAlt: "Trần Thị Hương"
|
||||
},
|
||||
{
|
||||
id: "testimonial-3", name: "Pham Duc Minh", role: "Events Manager", company: "GrowthCo Asia", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Pham Duc Minh"},
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Pham Duc Minh"
|
||||
},
|
||||
{
|
||||
id: "testimonial-4", name: "Somchai Kittikul", role: "Brand Director", company: "StartupXYZ Bangkok", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageAlt: "Somchai Kittikul"},
|
||||
"http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageAlt: "Somchai Kittikul"
|
||||
},
|
||||
{
|
||||
id: "testimonial-5", name: "Linh Phạm", role: "Operations Lead", company: "Digital Solutions Vietnam", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Linh Phạm"
|
||||
},
|
||||
{
|
||||
id: "testimonial-6", name: "Anukul Suwannapong", role: "Project Manager", company: "Corporate Events Plus", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg", imageAlt: "Anukul Suwannapong"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -209,7 +250,7 @@ export default function HomePage() {
|
||||
text="Bạn đang lên kế hoạch cho sự kiện tại Bangkok? Liên hệ với Jabu Events để được tư vấn miễn phí và nhận báo giá chi tiết."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Nhận Báo Giá", href: "/lien-he" },
|
||||
{ text: "Nhận Báo Giá", href: "cta" },
|
||||
{ text: "Gọi Ngay: 061-384-4900", href: "tel:+66613844900" },
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
@@ -220,7 +261,40 @@ export default function HomePage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Jabu Events"
|
||||
columns={footerColumns}
|
||||
columns={[
|
||||
{
|
||||
title: "Dịch Vụ", items: [
|
||||
{ label: "Tổ Chức Sự Kiện Doanh Nghiệp", href: "#services" },
|
||||
{ label: "Ra Mắt Sản Phẩm", href: "#services" },
|
||||
{ label: "Hội Nghị & MICE", href: "#services" },
|
||||
{ label: "Kích Hoạt Thương Hiệu", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Công Ty", items: [
|
||||
{ label: "Về Chúng Tôi", href: "#why-choose" },
|
||||
{ label: "Dự Án", href: "#case-study" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Liên Hệ", href: "#cta" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Liên Hệ", items: [
|
||||
{ label: "061-384-4900", href: "tel:+66613844900" },
|
||||
{ label: "Bangchak, Sukhumvit 93, Bangkok", href: "#" },
|
||||
{ label: "info@jabuevents.com", href: "mailto:info@jabuevents.com" },
|
||||
{ label: "www.jabuevents.com", href: "https://jabuevents.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Theo Dõi Chúng Tôi", items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "YouTube", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Jabu Events. Bảo lưu mọi quyền. | Bangkok, Thailand & Vietnam"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user