Update src/app/page.tsx
This commit is contained in:
269
src/app/page.tsx
269
src/app/page.tsx
@@ -32,25 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Trang chủ",
|
||||
id: "/",
|
||||
},
|
||||
name: "Trang chủ", id: "/"},
|
||||
{
|
||||
name: "Dịch vụ",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Về chúng mình", id: "/about"},
|
||||
{
|
||||
name: "Bảng giá",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Dịch vụ", id: "#services"},
|
||||
{
|
||||
name: "Đội ngũ",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Bảng giá", id: "#pricing"},
|
||||
{
|
||||
name: "Liên hệ",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Đội ngũ", id: "#team"},
|
||||
{
|
||||
name: "Liên hệ", id: "#contact"},
|
||||
]}
|
||||
brandName="Sumint Beauty"
|
||||
/>
|
||||
@@ -62,73 +54,39 @@ export default function LandingPage() {
|
||||
description="Nails • Mi • Piercing • Tattoo – Làm đẹp xịn, giá dễ thương, nhân viên còn dễ thương hơn. Không phát sinh phí vô lý. Có mèo."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anh Thư",
|
||||
handle: "@anhthu.nails",
|
||||
testimonial: "Làm nail ở đây mê lắm, giá hợp lý mà nhân viên cực kỳ nhiệt tình và dễ thương.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg?_wi=1",
|
||||
},
|
||||
name: "Anh Thư", handle: "@anhthu.nails", testimonial: "Làm nail ở đây mê lắm, giá hợp lý mà nhân viên cực kỳ nhiệt tình và dễ thương.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg?_wi=1"},
|
||||
{
|
||||
name: "Hoàng Anh",
|
||||
handle: "@hoanganh.tattoo",
|
||||
testimonial: "Xăm ở Sumint an tâm tuyệt đối, kỹ thuật tốt mà còn tư vấn chăm sóc tận tâm.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-uses-phone-photo-hotel_482257-103236.jpg?_wi=1",
|
||||
},
|
||||
name: "Hoàng Anh", handle: "@hoanganh.tattoo", testimonial: "Xăm ở Sumint an tâm tuyệt đối, kỹ thuật tốt mà còn tư vấn chăm sóc tận tâm.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-uses-phone-photo-hotel_482257-103236.jpg?_wi=1"},
|
||||
{
|
||||
name: "Minh Tâm",
|
||||
handle: "@minhtam.lashes",
|
||||
testimonial: "Nối mi bền đẹp, không cay không cộm. Không gian thì chill hết nấc.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-reading-tarot-home_23-2150276078.jpg?_wi=1",
|
||||
},
|
||||
name: "Minh Tâm", handle: "@minhtam.lashes", testimonial: "Nối mi bền đẹp, không cay không cộm. Không gian thì chill hết nấc.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-reading-tarot-home_23-2150276078.jpg?_wi=1"},
|
||||
{
|
||||
name: "Bảo Ngọc",
|
||||
handle: "@baongoc.piercing",
|
||||
testimonial: "Được tư vấn kỹ trước khi xỏ, hygiene chuẩn, dịch vụ 10 điểm không có nhưng.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg?_wi=1",
|
||||
},
|
||||
name: "Bảo Ngọc", handle: "@baongoc.piercing", testimonial: "Được tư vấn kỹ trước khi xỏ, hygiene chuẩn, dịch vụ 10 điểm không có nhưng.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg?_wi=1"},
|
||||
{
|
||||
name: "Thanh Vân",
|
||||
handle: "@thanhvan.beauty",
|
||||
testimonial: "Dịch vụ 5 sao, tiệm xinh lại còn có mèo cưng, sẽ quay lại thường xuyên.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-getting-married_23-2150753670.jpg?_wi=1",
|
||||
},
|
||||
name: "Thanh Vân", handle: "@thanhvan.beauty", testimonial: "Dịch vụ 5 sao, tiệm xinh lại còn có mèo cưng, sẽ quay lại thường xuyên.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-getting-married_23-2150753670.jpg?_wi=1"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Đặt lịch ngay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Đặt lịch ngay", href: "#contact"},
|
||||
{
|
||||
text: "Xem bảng giá",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Xem bảng giá", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/christmas-decor-house_23-2151207095.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-wedding_23-2149860779.jpg",
|
||||
alt: "Khách hàng 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-wedding_23-2149860779.jpg", alt: "Khách hàng 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
|
||||
alt: "Khách hàng 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg", alt: "Khách hàng 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
alt: "Khách hàng 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Khách hàng 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
|
||||
alt: "Khách hàng 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg", alt: "Khách hàng 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg",
|
||||
alt: "Khách hàng 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg", alt: "Khách hàng 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,25 +105,13 @@ export default function LandingPage() {
|
||||
description="Tại Sumint, chúng tôi mang đến sự kết hợp hoàn hảo giữa kỹ thuật cao và không gian chill, thân thiện với cả những chú mèo."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "nails",
|
||||
title: "Nails",
|
||||
content: "Thiết kế nail art độc đáo, xu hướng và độ bền cao với chi phí minh bạch.",
|
||||
},
|
||||
id: "nails", title: "Nails", content: "Thiết kế nail art độc đáo, xu hướng và độ bền cao với chi phí minh bạch."},
|
||||
{
|
||||
id: "lashes",
|
||||
title: "Mi",
|
||||
content: "Kỹ thuật nối mi hiện đại, nhẹ nhàng, không gây cộm, tôn lên vẻ đẹp tự nhiên.",
|
||||
},
|
||||
id: "lashes", title: "Mi", content: "Kỹ thuật nối mi hiện đại, nhẹ nhàng, không gây cộm, tôn lên vẻ đẹp tự nhiên."},
|
||||
{
|
||||
id: "piercing",
|
||||
title: "Piercing",
|
||||
content: "Dịch vụ xỏ khuyên an toàn, kỹ thuật chuẩn y khoa, tư vấn sau chăm sóc tận tình.",
|
||||
},
|
||||
id: "piercing", title: "Piercing", content: "Dịch vụ xỏ khuyên an toàn, kỹ thuật chuẩn y khoa, tư vấn sau chăm sóc tận tình."},
|
||||
{
|
||||
id: "tattoo",
|
||||
title: "Tattoo",
|
||||
content: "Xăm nghệ thuật với nghệ sĩ tay nghề cao, chú trọng vệ sinh và tư vấn ý nghĩa.",
|
||||
},
|
||||
id: "tattoo", title: "Tattoo", content: "Xăm nghệ thuật với nghệ sĩ tay nghề cao, chú trọng vệ sinh và tư vấn ý nghĩa."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166445.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -179,51 +125,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "nail-basic",
|
||||
price: "299k",
|
||||
name: "Nail cơ bản",
|
||||
features: [
|
||||
"Sơn gel bền đẹp",
|
||||
"Thiết kế đơn giản",
|
||||
"Tặng kèm mèo vuốt",
|
||||
],
|
||||
id: "nail-basic", price: "299k", name: "Nail cơ bản", features: [
|
||||
"Sơn gel bền đẹp", "Thiết kế đơn giản", "Tặng kèm mèo vuốt"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Đặt ngay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Đặt ngay", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "lash-full",
|
||||
price: "450k",
|
||||
name: "Nối mi volume",
|
||||
features: [
|
||||
"Mi volume tự nhiên",
|
||||
"Tư vấn dáng mi",
|
||||
"Thời gian giữ 4 tuần",
|
||||
],
|
||||
id: "lash-full", price: "450k", name: "Nối mi volume", features: [
|
||||
"Mi volume tự nhiên", "Tư vấn dáng mi", "Thời gian giữ 4 tuần"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Đặt ngay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Đặt ngay", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "piercing-gold",
|
||||
price: "350k",
|
||||
name: "Xỏ khuyên",
|
||||
features: [
|
||||
"Tư vấn kỹ thuật",
|
||||
"Khuyên chất lượng",
|
||||
"Chăm sóc sau xỏ",
|
||||
],
|
||||
id: "piercing-gold", price: "350k", name: "Xỏ khuyên", features: [
|
||||
"Tư vấn kỹ thuật", "Khuyên chất lượng", "Chăm sóc sau xỏ"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Đặt ngay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Đặt ngay", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -239,23 +161,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "staff-1",
|
||||
name: "Thảo Linh",
|
||||
role: "Nail Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg",
|
||||
},
|
||||
id: "staff-1", name: "Thảo Linh", role: "Nail Artist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg"},
|
||||
{
|
||||
id: "staff-2",
|
||||
name: "Minh Quân",
|
||||
role: "Tattoo Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-tattooing-with-gloves_23-2149525957.jpg",
|
||||
},
|
||||
id: "staff-2", name: "Minh Quân", role: "Tattoo Artist", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-tattooing-with-gloves_23-2149525957.jpg"},
|
||||
{
|
||||
id: "staff-3",
|
||||
name: "Hồng Nhung",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319758.jpg",
|
||||
},
|
||||
id: "staff-3", name: "Hồng Nhung", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319758.jpg"},
|
||||
]}
|
||||
title="Đội ngũ Sumint"
|
||||
description="Những người làm đẹp không chỉ giỏi mà còn cực kỳ dễ thương."
|
||||
@@ -268,45 +178,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Nail đẹp xuất sắc",
|
||||
quote: "Làm nail ở đây là ghiền.",
|
||||
name: "Anh Thư",
|
||||
role: "Khách hàng",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", title: "Nail đẹp xuất sắc", quote: "Làm nail ở đây là ghiền.", name: "Anh Thư", role: "Khách hàng", imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg?_wi=2"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Dịch vụ nối mi tốt",
|
||||
quote: "Nối mi tự nhiên, bền màu.",
|
||||
name: "Hoàng Anh",
|
||||
role: "Khách hàng",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-woman-uses-phone-photo-hotel_482257-103236.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", title: "Dịch vụ nối mi tốt", quote: "Nối mi tự nhiên, bền màu.", name: "Hoàng Anh", role: "Khách hàng", imageSrc: "http://img.b2bpic.net/free-photo/old-woman-uses-phone-photo-hotel_482257-103236.jpg?_wi=2"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Xăm an tâm",
|
||||
quote: "Tư vấn vệ sinh kỹ, tay nghề cao.",
|
||||
name: "Minh Tâm",
|
||||
role: "Khách hàng",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-reading-tarot-home_23-2150276078.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", title: "Xăm an tâm", quote: "Tư vấn vệ sinh kỹ, tay nghề cao.", name: "Minh Tâm", role: "Khách hàng", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-reading-tarot-home_23-2150276078.jpg?_wi=2"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Xỏ khuyên xinh",
|
||||
quote: "Đến đây xỏ không đau.",
|
||||
name: "Bảo Ngọc",
|
||||
role: "Khách hàng",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg?_wi=2",
|
||||
},
|
||||
id: "t4", title: "Xỏ khuyên xinh", quote: "Đến đây xỏ không đau.", name: "Bảo Ngọc", role: "Khách hàng", imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg?_wi=2"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Tiệm chill quá",
|
||||
quote: "Trải nghiệm độc nhất.",
|
||||
name: "Thanh Vân",
|
||||
role: "Khách hàng",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-getting-married_23-2150753670.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", title: "Tiệm chill quá", quote: "Trải nghiệm độc nhất.", name: "Thanh Vân", role: "Khách hàng", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-getting-married_23-2150753670.jpg?_wi=2"},
|
||||
]}
|
||||
title="Khách hàng nói gì về Sumint?"
|
||||
description="Hơn hàng ngàn trải nghiệm hài lòng tại tiệm chúng mình."
|
||||
@@ -319,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Tiệm có nhận khách không đặt lịch trước không?",
|
||||
content: "Khuyến khích đặt lịch trước để được phục vụ tốt nhất.",
|
||||
},
|
||||
id: "faq1", title: "Tiệm có nhận khách không đặt lịch trước không?", content: "Khuyến khích đặt lịch trước để được phục vụ tốt nhất."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Chính sách bảo hành dịch vụ thế nào?",
|
||||
content: "Bảo hành sửa lỗi trong vòng 3 ngày.",
|
||||
},
|
||||
id: "faq2", title: "Chính sách bảo hành dịch vụ thế nào?", content: "Bảo hành sửa lỗi trong vòng 3 ngày."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Có mèo trong tiệm thì khách dị ứng phải làm sao?",
|
||||
content: "Hãy báo trước để chúng mình đưa bé vào không gian riêng.",
|
||||
},
|
||||
id: "faq3", title: "Có mèo trong tiệm thì khách dị ứng phải làm sao?", content: "Hãy báo trước để chúng mình đưa bé vào không gian riêng."},
|
||||
]}
|
||||
title="Câu hỏi thường gặp"
|
||||
description="Chúng mình luôn sẵn lòng giải đáp mọi thắc mắc của bạn."
|
||||
@@ -347,22 +218,14 @@ export default function LandingPage() {
|
||||
description="Đặt lịch ngay hoặc gửi tin nhắn nếu bạn cần tư vấn thêm."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Tên của bạn",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Tên của bạn", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Số điện thoại",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Số điện thoại", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Bạn muốn làm dịch vụ gì?",
|
||||
required: true,
|
||||
name: "message", placeholder: "Bạn muốn làm dịch vụ gì?", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4222.jpg"
|
||||
/>
|
||||
@@ -374,37 +237,23 @@ export default function LandingPage() {
|
||||
logoText="SUMINT"
|
||||
columns={[
|
||||
{
|
||||
title: "Dịch vụ",
|
||||
items: [
|
||||
title: "Dịch vụ", items: [
|
||||
{
|
||||
label: "Nails",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Nails", href: "#services"},
|
||||
{
|
||||
label: "Lashes",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Lashes", href: "#services"},
|
||||
{
|
||||
label: "Tattoo",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Tattoo", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Liên kết",
|
||||
items: [
|
||||
title: "Liên kết", items: [
|
||||
{
|
||||
label: "Trang chủ",
|
||||
href: "/",
|
||||
},
|
||||
label: "Trang chủ", href: "/"},
|
||||
{
|
||||
label: "Bảng giá",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Bảng giá", href: "#pricing"},
|
||||
{
|
||||
label: "Liên hệ",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Liên hệ", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user