Update src/app/page.tsx
This commit is contained in:
412
src/app/page.tsx
412
src/app/page.tsx
@@ -28,293 +28,147 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Trang chủ",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Giới thiệu",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Địa điểm",
|
||||
id: "locations",
|
||||
},
|
||||
{
|
||||
name: "Dịch vụ",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Thư viện",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Liên hệ",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Marian"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Trang chủ", id: "hero" },
|
||||
{ name: "Giới thiệu", id: "about" },
|
||||
{ name: "Địa điểm", id: "locations" },
|
||||
{ name: "Dịch vụ", id: "services" },
|
||||
{ name: "Thư viện", id: "gallery" },
|
||||
{ name: "Liên hệ", id: "contact" },
|
||||
]}
|
||||
brandName="Marian"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Marian Wedding Center"
|
||||
description="Nơi giấc mơ hôn lễ của bạn trở thành hiện thực."
|
||||
buttons={[
|
||||
{
|
||||
text: "Đặt lịch tư vấn",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Xem địa điểm",
|
||||
href: "#locations",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-hugs-couch-sitting-before-tall-bright-window-luxury-old-hall_8353-7077.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-table-arrangement_52683-107254.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-hand-transparent-water-nice_1304-2505.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-rings-lie-casket_8353-10235.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166796.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-wedding-table-number-with-candle_23-2149446374.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Marian Wedding Center"
|
||||
description="Nơi giấc mơ hôn lễ của bạn trở thành hiện thực."
|
||||
buttons={[
|
||||
{ text: "Đặt lịch tư vấn", href: "#contact" },
|
||||
{ text: "Xem địa điểm", href: "#locations" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-hugs-couch-sitting-before-tall-bright-window-luxury-old-hall_8353-7077.jpg" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-table-arrangement_52683-107254.jpg" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/pretty-hand-transparent-water-nice_1304-2505.jpg" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/wedding-rings-lie-casket_8353-10235.jpg" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166796.jpg" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-wedding-table-number-with-candle_23-2149446374.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Về chúng tôi"
|
||||
description={[
|
||||
"Marian Wedding Center là trung tâm tiệc cưới cao cấp, chuyên tổ chức những buổi lễ sang trọng, tinh tế và đáng nhớ.",
|
||||
"Chúng tôi mang đến không gian đẳng cấp, dịch vụ chuyên nghiệp và trải nghiệm hoàn hảo cho ngày trọng đại của bạn.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Về chúng tôi"
|
||||
description={[
|
||||
"Marian Wedding Center là trung tâm tiệc cưới cao cấp, chuyên tổ chức những buổi lễ sang trọng, tinh tế và đáng nhớ.", "Chúng tôi mang đến không gian đẳng cấp, dịch vụ chuyên nghiệp và trải nghiệm hoàn hảo cho ngày trọng đại của bạn."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="locations" data-section="locations">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Marian 1",
|
||||
tags: [
|
||||
"Quy mô lớn",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481486.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Marian 2",
|
||||
tags: [
|
||||
"Ấm cúng",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-private-room-with-fireplace-wooden-ceilings-brick-walls_140725-8458.jpg",
|
||||
},
|
||||
]}
|
||||
title="Địa điểm"
|
||||
description="Chúng tôi sở hữu hai không gian sự kiện đẳng cấp với phong cách riêng biệt."
|
||||
/>
|
||||
</div>
|
||||
<div id="locations" data-section="locations">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "m1", title: "Marian 1", tags: ["Quy mô lớn"], imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481486.jpg" },
|
||||
{ id: "m2", title: "Marian 2", tags: ["Ấm cúng"], imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-private-room-with-fireplace-wooden-ceilings-brick-walls_140725-8458.jpg" },
|
||||
]}
|
||||
title="Địa điểm"
|
||||
description="Chúng tôi sở hữu hai không gian sự kiện đẳng cấp với phong cách riêng biệt."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Gói tiệc cưới trọn gói",
|
||||
price: "Liên hệ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-restaurant-manager-is-rating-waitress-work_8353-10567.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Trang trí theo yêu cầu",
|
||||
price: "Liên hệ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-sweets-party-table-guests_8353-9111.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Thực đơn Á - Âu",
|
||||
price: "Liên hệ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-table-decor-restaurant_8353-9531.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Điều phối sự kiện",
|
||||
price: "Liên hệ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-setting-wedding-night_8353-9967.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Âm thanh ánh sáng",
|
||||
price: "Liên hệ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-square-tables-some-chairs-plants_140725-8030.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Dịch vụ Media",
|
||||
price: "Liên hệ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-composition-with-set-dishes-white-chairs-dark-green-background_169016-16089.jpg",
|
||||
},
|
||||
]}
|
||||
title="Dịch vụ của chúng tôi"
|
||||
description="Trọn gói giải pháp cho tiệc cưới hoàn mỹ."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "s1", name: "Gói tiệc cưới trọn gói", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/attractive-restaurant-manager-is-rating-waitress-work_8353-10567.jpg" },
|
||||
{ id: "s2", name: "Trang trí theo yêu cầu", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-sweets-party-table-guests_8353-9111.jpg" },
|
||||
{ id: "s3", name: "Thực đơn Á - Âu", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-table-decor-restaurant_8353-9531.jpg" },
|
||||
{ id: "s4", name: "Điều phối sự kiện", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-setting-wedding-night_8353-9967.jpg" },
|
||||
{ id: "s5", name: "Âm thanh ánh sáng", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-square-tables-some-chairs-plants_140725-8030.jpg" },
|
||||
{ id: "s6", name: "Dịch vụ Media", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-composition-with-set-dishes-white-chairs-dark-green-background_169016-16089.jpg" },
|
||||
]}
|
||||
title="Dịch vụ của chúng tôi"
|
||||
description="Trọn gói giải pháp cho tiệc cưới hoàn mỹ."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<MetricCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
title: "Tiệc cưới",
|
||||
description: "đã tổ chức thành công",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5*",
|
||||
title: "Dịch vụ",
|
||||
description: "tiêu chuẩn cao cấp",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Hỗ trợ",
|
||||
description: "tư vấn tận tâm",
|
||||
icon: Phone,
|
||||
},
|
||||
]}
|
||||
title="Khoảnh khắc đáng nhớ"
|
||||
description="Những dấu ấn khó quên tại Marian."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<MetricCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "1000+", title: "Tiệc cưới", description: "đã tổ chức thành công", icon: Award },
|
||||
{ id: "m2", value: "5*", title: "Dịch vụ", description: "tiêu chuẩn cao cấp", icon: Star },
|
||||
{ id: "m3", value: "24/7", title: "Hỗ trợ", description: "tư vấn tận tâm", icon: Phone },
|
||||
]}
|
||||
title="Khoảnh khắc đáng nhớ"
|
||||
description="Những dấu ấn khó quên tại Marian."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Dịch vụ tại Marian quá chuyên nghiệp, không gian sang trọng đúng như mong đợi của chúng tôi. Cảm ơn Marian đã làm nên ngày trọng đại tuyệt vời!"
|
||||
rating={5}
|
||||
author="Minh & Lan"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bride-smiling_1157-47.jpg",
|
||||
alt: "Khách hàng",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/romantic-wedding-ceremony-with-elegant-table-setting_23-2151976638.jpg",
|
||||
alt: "Khách hàng",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rustic-decorated-indoors-wedding-venue_637285-5663.jpg",
|
||||
alt: "Khách hàng",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/frankenstein-sitting-table-full-shot_23-2149636927.jpg",
|
||||
alt: "Khách hàng",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575132.jpg",
|
||||
alt: "Khách hàng",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Dịch vụ tại Marian quá chuyên nghiệp, không gian sang trọng đúng như mong đợi của chúng tôi. Cảm ơn Marian đã làm nên ngày trọng đại tuyệt vời!"
|
||||
rating={5}
|
||||
author="Minh & Lan"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/bride-smiling_1157-47.jpg", alt: "Khách hàng" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/romantic-wedding-ceremony-with-elegant-table-setting_23-2151976638.jpg", alt: "Khách hàng" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/rustic-decorated-indoors-wedding-venue_637285-5663.jpg", alt: "Khách hàng" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/frankenstein-sitting-table-full-shot_23-2149636927.jpg", alt: "Khách hàng" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575132.jpg", alt: "Khách hàng" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Liên hệ ngay để nhận ưu đãi cưới trọn gói trong tháng này. Hotline: 0982 862 936"
|
||||
buttons={[
|
||||
{
|
||||
text: "Đặt lịch ngay",
|
||||
href: "mailto:mariankt82@gmail.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Liên hệ ngay để nhận ưu đãi cưới trọn gói trong tháng này. Hotline: 0982 862 936"
|
||||
buttons={[{ text: "Đặt lịch ngay", href: "mailto:mariankt82@gmail.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Hotline 1: 0982 862 936",
|
||||
href: "tel:0982862936",
|
||||
},
|
||||
{
|
||||
label: "Hotline 2: 0356 807 117",
|
||||
href: "tel:0356807117",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Email: mariankt82@gmail.com",
|
||||
href: "mailto:mariankt82@gmail.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Marian Wedding Center"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Hotline 1: 0982 862 936", href: "tel:0982862936" },
|
||||
{ label: "Hotline 2: 0356 807 117", href: "tel:0356807117" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [{ label: "Email: mariankt82@gmail.com", href: "mailto:mariankt82@gmail.com" }],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Marian Wedding Center"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user