diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index d00f595..f308aea 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -26,6 +26,7 @@ export default function AboutPage() { navItems={[ { name: "Trang chủ", id: "/" }, { name: "Về chúng mình", id: "/about" }, + { name: "Sản phẩm", id: "/products" }, { name: "Dịch vụ", id: "/#services" }, { name: "Bảng giá", id: "/#pricing" }, { name: "Đội ngũ", id: "/#team" }, @@ -51,7 +52,7 @@ export default function AboutPage() { logoText="SUMINT" columns={[ { title: "Dịch vụ", items: [{ label: "Nails", href: "/#services" }, { label: "Lashes", href: "/#services" }, { label: "Tattoo", href: "/#services" }] }, - { title: "Liên kết", items: [{ label: "Trang chủ", href: "/" }, { label: "Bảng giá", href: "/#pricing" }, { label: "Liên hệ", href: "/#contact" }] }, + { title: "Liên kết", items: [{ label: "Trang chủ", href: "/" }, { label: "Sản phẩm", href: "/products" }, { label: "Bảng giá", href: "/#pricing" }, { label: "Liên hệ", href: "/#contact" }] }, ]} /> diff --git a/src/app/page.tsx b/src/app/page.tsx index d22f7e8..a6911d2 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -31,18 +31,13 @@ export default function LandingPage() {
- +
@@ -104,17 +69,12 @@ export default function LandingPage() { title="Dịch vụ đa dạng, trải nghiệm tuyệt vời" 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: "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: "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: "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: "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." }, ]} imageSrc="http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166445.jpg" - mediaAnimation="slide-up" />
@@ -124,30 +84,9 @@ export default function LandingPage() { textboxLayout="default" 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"], - buttons: [ - { - 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"], - buttons: [ - { - 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ỏ"], - buttons: [ - { - text: "Đặt ngay", href: "#contact"}, - ], - }, + { 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" }] }, + { 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" }] }, + { 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" }] }, ]} title="Bảng giá minh bạch" description="Không ẩn phí, không chèo kéo, chỉ có giá trị thực sự cho vẻ đẹp của bạn." @@ -160,12 +99,9 @@ export default function LandingPage() { textboxLayout="default" 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-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-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-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." @@ -177,16 +113,11 @@ export default function LandingPage() { textboxLayout="default" 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: "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: "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: "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: "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: "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." @@ -198,12 +129,9 @@ export default function LandingPage() { textboxLayout="default" 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: "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: "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: "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." @@ -216,17 +144,8 @@ export default function LandingPage() { useInvertedBackground={false} title="Liên hệ với chúng mình" 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: "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, - }} + inputs={[{ 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 }]} + textarea={{ 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" /> @@ -236,26 +155,8 @@ export default function LandingPage() { imageSrc="http://img.b2bpic.net/free-photo/view-light-lamp-with-futuristic-design_23-2151037572.jpg" logoText="SUMINT" columns={[ - { - title: "Dịch vụ", items: [ - { - label: "Nails", href: "#services"}, - { - label: "Lashes", href: "#services"}, - { - label: "Tattoo", href: "#services"}, - ], - }, - { - title: "Liên kết", items: [ - { - label: "Trang chủ", href: "/"}, - { - label: "Bảng giá", href: "#pricing"}, - { - label: "Liên hệ", href: "#contact"}, - ], - }, + { title: "Dịch vụ", items: [{ label: "Nails", href: "#services" }, { label: "Lashes", href: "#services" }, { label: "Tattoo", href: "#services" }] }, + { title: "Liên kết", items: [{ label: "Trang chủ", href: "/" }, { label: "Sản phẩm", href: "/products" }, { label: "Bảng giá", href: "#pricing" }, { label: "Liên hệ", href: "#contact" }] }, ]} /> diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx new file mode 100644 index 0000000..49f2f21 --- /dev/null +++ b/src/app/products/page.tsx @@ -0,0 +1,66 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import ProductCardOne from '@/components/sections/product/ProductCardOne'; +import FooterMedia from '@/components/sections/footer/FooterMedia'; + +export default function ProductsPage() { + return ( + + + + +
+ +
+ + + + + ); +}