Added layout to lets get started bvn

src/components/Footer/BottomFooterOne.tsx

@@ -62,7 +62,7 @@ const CustomerLinks = () => {
     )
   );
   return (
-    <div className="flex-[66.667] flex items-center flex-wrap gap-2">
+    <div className="flex-[66.667] flex items-center flex-nowrap md:flex-wrap gap-2">
       {links}
     </div>
   );

src/components/Header/HeaderMenuItem.tsx

@@ -3,9 +3,10 @@ import { LowerMenuItem } from "./Header";
 
 interface MenuItemProps {
   item: LowerMenuItem;
+  subItemClass: string;
 }
 
-const HeaderMenuItem: React.FC<MenuItemProps> = ({ item }) => {
+const HeaderMenuItem: React.FC<MenuItemProps> = ({ item, subItemClass }) => {
   const [showSubMenu, setShowSubMenu] = useState<boolean>(false);
 
   const toggleSubMenu = () => {
@@ -14,15 +15,15 @@ const HeaderMenuItem: React.FC<MenuItemProps> = ({ item }) => {
 
   return (
     <li
-      className="cursor-pointer text-[13.5px] font-medium text-[#525252] tracking-[1px] leading-[-0.3pt]"
+      className={`cursor-pointer text-[13.5px] font-medium text-[#525252] tracking-[1px] leading-[-0.3pt] ${subItemClass && "flex gap-4"}`}
       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">
+        <ul className={`absolute bg-white shadow-md p-4 z-20 ${setShowSubMenu && subItemClass}`}>
           {item.subItems.map((subItem, index) => (
-            <HeaderMenuItem key={index} item={subItem} />
+            <HeaderMenuItem key={index} item={subItem} subItemClass="relative" />
           ))}
         </ul>
       )}

src/components/LetsGetStated/LetsGetStarted.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+
+const LetsGetStarted = () => {
+  return (
+    <div className="w-full">
+      <div className="containerMode flex justify-between gap-1 xl:gap-8">
+        123
+      </div>
+    </div>
+  );
+};
+
+export default LetsGetStarted;

src/components/LetsGetStated/LetsGetStartedNav.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import Logo from "../../assets/icons/logo.svg";
+
+
+const LetsGetStartedNav: React.FC = () => {
+  return (
+    <div className="w-full">
+      <div className="containerMode flex justify-between gap-1 xl:gap-8">
+        <Link to="/">
+          <img
+            src={Logo}
+            alt="Logo"
+            className="w-[52px] h-[43px] xl:w-[72px] xl:h-[63px]"
+          />
+        </Link>
+      </div>
+    </div>
+  );
+};
+
+export default LetsGetStartedNav;

src/components/LetsGetStated/index.ts

@@ -0,0 +1,4 @@
+import LetsGetStarted from "./LetsGetStarted";
+import LetsGetStartedNav from "./LetsGetStartedNav";
+
+export { LetsGetStarted, LetsGetStartedNav };

src/components/index.ts

@@ -7,4 +7,5 @@ export * from "./DashboardLayout";
 export * from "./Icons";
 export * from "./Dashboard";
 export * from "./Cards";
+export * from "./LetsGetStated";
 export * from "./TsAndCs";