From efe48a200f072f1141e82271aee11751424b6d7d Mon Sep 17 00:00:00 2001
From: Nam Doan <namds2920@gmail.com>
Date: Tue, 2 Dec 2025 10:59:28 +0700
Subject: [PATCH] feat: create footer vibentec design and common component text

---
 config/nam.vibentec.design.json               | 25 ++++++++++++++++---
 .../layout/templates/vt-footer/index.tsx      |  2 +-
 .../layout/templates/vt-text/index.tsx        | 18 +++++++++++++
 src/vibentec/component-map.tsx                |  2 ++
 4 files changed, 42 insertions(+), 5 deletions(-)
 create mode 100644 src/modules/layout/templates/vt-text/index.tsx

diff --git a/config/nam.vibentec.design.json b/config/nam.vibentec.design.json
index 09e9d51..71eb8e6 100644
--- a/config/nam.vibentec.design.json
+++ b/config/nam.vibentec.design.json
@@ -263,7 +263,7 @@
                 {
                   "Section": {
                     "config": {
-                      "className": "flex mt-[2rem]"
+                      "className": "flex items-start mt-[2rem]"
                     },
                     "children": [
                       {
@@ -314,7 +314,7 @@
                       {
                         "Section": {
                           "config": {
-                            "className": "flex flex-col gap-[16px]"
+                            "className": "flex flex-col gap-[6px]"
                           },
                           "children": [
                             {
@@ -322,7 +322,7 @@
                                 "config": {
                                   "label": "Social Media",
                                   "href": "/",
-                                  "className": "text-[24px] leading-[125%] text-[#11314E] flex mr-8 gap-1 hover:underline font-bold w-[200px] pl-[2rem] mt-[-15px] mb-[-16px]"
+                                  "className": "text-[24px] leading-[125%] text-[#11314E] flex mr-8 mb-[2px] gap-1 hover:underline font-bold w-[200px] pl-[2rem]"
                                 }
                               }
                             },
@@ -415,7 +415,7 @@
                           "config": {
                             "label": "Tauchen Sie ein in eine Welt modernster Technologien, zuverlässiger Support und proaktiver Innovation – gemeinsam gestalten wir die digitale Zukunft Ihres Unternehmens.",
                             "href": "/",
-                            "className": "text-[13px] leading-[160%] text-[#11314E] flex items-center mr-8 gap-1 w-[336px] pl-[2rem] hover:no-underline"
+                            "className": "text-[13px] leading-[160%] text-[#11314E] flex items-center mr-8 gap-1 w-full pl-[2rem] hover:no-underline"
                           }
                         }
                       }
@@ -424,6 +424,23 @@
                 }
               ]
             }
+          },
+          {
+            "Section": {
+              "config": {
+                "className": "relative flex px-[3rem] justify-between mt-[29px] pt-[8px] after:content-[''] after:absolute after:left-[4.8rem] after:right-[3rem] after:top-0 after:h-[1px] after:bg-[#285A86] mb-10"
+              },
+              "children": [
+                {
+                  "Text": {
+                    "config": {
+                      "label": "©2025 Vibentec IT. All rights reserved",
+                      "className": "text-[13px] leading-[160%] text-[#11314E] flex items-center mr-8 gap-1 w-full pl-[2rem]"
+                    }
+                  }
+                }
+              ]
+            }
           }
         ]
       }
diff --git a/src/modules/layout/templates/vt-footer/index.tsx b/src/modules/layout/templates/vt-footer/index.tsx
index c65c250..e6a7ea4 100644
--- a/src/modules/layout/templates/vt-footer/index.tsx
+++ b/src/modules/layout/templates/vt-footer/index.tsx
@@ -23,7 +23,7 @@ export default async function VtFooter({
   const props = nodes?.config ?? {}
 
   return (
-    <footer className="relative mx-auto border-b duration-200 bg-white border-ui-border-base border-t-2">
+    <footer className="relative mx-auto duration-200 bg-white border-ui-border-base border-t-2">
       {props.children && <DynamicLayoutRenderer nodes={props.children} context={context} />}
     </footer>
   )
diff --git a/src/modules/layout/templates/vt-text/index.tsx b/src/modules/layout/templates/vt-text/index.tsx
new file mode 100644
index 0000000..c76154a
--- /dev/null
+++ b/src/modules/layout/templates/vt-text/index.tsx
@@ -0,0 +1,18 @@
+import { LayoutComponentDefinition } from "@vibentec/component-map"
+
+import { LayoutContext } from "@vibentec/component-map"
+
+export default function VtText({
+  nodes,
+  context,
+}: {
+  nodes: LayoutComponentDefinition
+  context: LayoutContext
+}) {
+  const props = nodes.config || {}
+  return (
+    <span className={props?.className ?? ""}>
+      {props?.label && <span>{props.label}</span>}
+    </span>
+  )
+}
diff --git a/src/vibentec/component-map.tsx b/src/vibentec/component-map.tsx
index ab77390..9bb9467 100644
--- a/src/vibentec/component-map.tsx
+++ b/src/vibentec/component-map.tsx
@@ -17,6 +17,7 @@ import VtDropdown from "@modules/layout/templates/vt-dropdown"
 import VtButton from "@modules/layout/templates/vt-button"
 import VtSearchInput from "@modules/layout/templates/vt-search-input"
 import VtSection from "@modules/layout/templates/vt-section"
+import VtText from "@modules/layout/templates/vt-text"
 
 type ComponentConfig = Record<string, any>;
 
@@ -64,6 +65,7 @@ export const componentMap: Record<string, ComponentRenderer> = {
   VtCartButton: nodesContextRenderer(VtCartButton),
   Link: nodesContextRenderer(VtLink),
   Image: nodesContextRenderer(VtImage),
+  Text: nodesContextRenderer(VtText),
   Dropdown: nodesContextRenderer(VtDropdown),
   CartMismatchBanner: configOnly(CartMismatchBanner),
   FreeShippingPriceNudge: configOnly(FreeShippingPriceNudge),