Update src/app/products/page.tsx

Merge version_4 into main

src/app/about/page.tsx

@@ -0,0 +1,62 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="large"
+        background="noiseDiagonalGradient"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            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" },
+              { name: "Liên hệ", id: "/#contact" },
+            ]}
+            brandName="Sumint Beauty"
+          />
+        </div>
+
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            title="Về Sumint Beauty"
+            description={[
+              "Sumint Beauty được thành lập với mong muốn tạo ra một không gian làm đẹp không chỉ chuyên nghiệp mà còn phải thật chill.",              "Chúng tôi tin rằng làm đẹp là một trải nghiệm thư giãn. Vì vậy, đội ngũ Sumint luôn chú trọng từ kỹ thuật cho đến thái độ phục vụ."
+            ]}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            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: "Sản phẩm", href: "/products" }, { label: "Bảng giá", href: "/#pricing" }, { label: "Liên hệ", href: "/#contact" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,26 +31,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Trang chủ",
-          id: "/",
-        },
-        {
-          name: "Dịch vụ",
-          id: "#services",
-        },
-        {
-          name: "Bảng giá",
-          id: "#pricing",
-        },
-        {
-          name: "Đội ngũ",
-          id: "#team",
-        },
-        {
-          name: "Liên hệ",
-          id: "#contact",
-        },
+        { 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" },
+        { name: "Liên hệ", id: "#contact" },
       ]}
       brandName="Sumint Beauty"
     />
@@ -61,83 +48,19 @@ export default function LandingPage() {
       title="Đẹp hơn mỗi lần ghé – Chill hơn bạn nghĩ"
       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: "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: "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",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Đặt lịch ngay",
-          href: "#contact",
-        },
-        {
-          text: "Xem bảng giá",
-          href: "#pricing",
-        },
+        { 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: "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: "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: "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/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/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",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Sumint – Điểm đến làm đẹp chill nhất của bạn"
-    />
+      <TextAbout useInvertedBackground={false} title="Sumint – Điểm đến làm đẹp chill nhất của bạn" />
   </div>
 
   <div id="services" data-section="services">
@@ -146,29 +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"
     />
   </div>
 
@@ -178,54 +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."
@@ -238,24 +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."
@@ -267,46 +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."
@@ -318,21 +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."
@@ -345,25 +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"
     />
   </div>
@@ -373,40 +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" }] },
       ]}
     />
   </div>

src/app/products/page.tsx

@@ -0,0 +1,67 @@
+"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 (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="large"
+        background="noiseDiagonalGradient"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            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" },
+              { name: "Liên hệ", id: "/#contact" },
+            ]}
+            brandName="Sumint Beauty"
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardOne
+            title="Sản phẩm nổi bật"
+            description="Khám phá các dòng sản phẩm làm đẹp cao cấp được tin dùng tại Sumint."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+                { id: "p1", name: "Dầu dưỡng móng", price: "150k", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166445.jpg" },
+                { id: "p2", name: "Serum dưỡng mi", price: "200k", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-sweater-looking-camera-posing-high-quality-photo_114579-31514.jpg" },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            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: "Sản phẩm", href: "/products" }, { label: "Bảng giá", href: "/#pricing" }, { label: "Liên hệ", href: "/#contact" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}