added Terms and Condition Page

2024-03-18 17:23:04 +01:00
parent db08d1201c
commit df6fe828e3
12 changed files with 890 additions and 32 deletions
@@ -0,0 +1,33 @@
+import React, { useState } from "react";
+import { LowerMenuItem } from "./Header";
+
+interface MenuItemProps {
+  item: LowerMenuItem;
+}
+
+const HeaderMenuItem: React.FC<MenuItemProps> = ({ item }) => {
+  const [showSubMenu, setShowSubMenu] = useState<boolean>(false);
+
+  const toggleSubMenu = () => {
+    setShowSubMenu(!showSubMenu);
+  };
+
+  return (
+    <li
+      className="cursor-pointer text-[13.5px] font-medium text-[#525252] tracking-[1px] leading-[-0.3pt]"
+      onMouseEnter={toggleSubMenu}
+      onMouseLeave={toggleSubMenu}
+    >
+      <a href={item.linkPath}>{item.name}</a>
+      {showSubMenu && item.subItems && (
+        <ul className="absolute bg-white shadow-md p-4 z-20">
+          {item.subItems.map((subItem, index) => (
+            <HeaderMenuItem key={index} item={subItem} />
+          ))}
+        </ul>
+      )}
+    </li>
+  );
+};
+
+export default HeaderMenuItem;