https://tailwindadmin-tanstack-pro-dark.netlify.app/assets/_frontendlayout-BednhDAQ.js

1import{j as e,L as a,r as o,O as j}from"./main-BkpAS6Tt.js";import{T as b,a as c,b as m,c as p}from"./tooltip-Ca_sQpWi.js";import{L as y}from"./logo-icon-BkbpOWnY.js";import{I as v}from"./iconify-BLAYqHQO.js";import{B as d}from"./button-CVuE7h15.js";import{B as N}from"./badge-BVkGl1_x.js";import{S as w,e as B,a as C}from"./sheet-DX2hmykV.js";import{u as x}from"./useLocation-Dd5PTvl6.js";import{F as f}from"./FullLogo-r9ijaK7S.js";import{I as L,N as T,a as F,b as k,c as g}from"./navigation-menu-CcKmPNf4.js";import"./_commonjsHelpers-CE1G-McA.js";import"./index-DRcYnjBa.js";import"./index-CfThMl9f.js";import"./index-L0SKbviM.js";import"./index-Jo9Y0u8a.js";import"./index-BHinUB-C.js";import"./index-DfANd6nE.js";import"./index-Ddz03csu.js";import"./floating-ui.dom-D7G01c1r.js";import"./index-B_H36sPx.js";import"./index-DjxFjNHx.js";import"./utils-4perknFd.js";import"./index-QqyytP6n.js";import"./index-Cft9Cwv8.js";import"./index-D43gpzwv.js";import"./index-aJTH1M9Z.js";import"./tslib.es6-CmEaCU22.js";import"./createReactComponent-DOWdMep2.js";import"./index-DhQbCedW.js";import"./index-D9jDtrFa.js";const S="/images/frontend-pages/svgs/facebook.svg",A="/images/frontend-pages/svgs/instagram.svg",I="/images/frontend-pages/svgs/twitter.svg",P=()=>{const l=[{key:"link1",title:"Pricing",link:"/theme-pages/pricing"},{key:"link2",title:"Account Settings",link:"/theme-pages/account-settings"},{key:"link3",title:"FAQ",link:"/theme-pages/faq"},{key:"link4",title:"Casl",link:"/theme-pages/casl"}],s=[{key:"link1",title:"Cards",link:"https://tailwind-admin.com/ui-blocks#uiBlockCard"},{key:"link2",title:"Banners",link:"https://tailwind-admin.com/ui-blocks#uiBlockBanner"},{key:"link3",title:"Charts",link:"https://tailwind-admin.com/ui-blocks#uiBlockChart"}],n=[{key:"link1",title:"Form Layouts",link:"/forms/form-layouts"},{key:"link2",title:"Tables",link:"/tables/basic"},{key:"link3",title:"React Table",link:"/react-tables/basic"},{key:"link4",title:"Autocomplete",link:"/forms/form-autocomplete"},{key:"link5",title:"Validation",link:"/forms/form-validation"}];return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"container-md px-4 lg:py-24 py-20",children:e.jsxs("div",{className:"grid grid-cols-12 gap-6",children:[e.jsxs("div",{className:"lg:col-span-3 sm:col-span-6 col-span-12",children:[e.jsx("h4",{className:"text-lg text-link dark:text-white font-semibold mb-8",children:"Company and team"}),e.jsx("div",{className:"flex flex-col gap-4",children:l.map(t=>e.jsx(a,{to:t.link,className:"text-sm font-medium text-lightmuted hover:text-primary dark:text-darklink dark:hover:text-primary w-fit",children:t.title},t.key))})]}),e.jsxs("div",{className:"lg:col-span-3 sm:col-span-6 col-span-12",children:[e.jsx("h4",{className:"text-lg text-link dark:text-white font-semibold mb-8",children:"Features"}),e.jsx("div",{className:"flex flex-col gap-4",children:s.map(t=>e.jsx(a,{to:t.link,target:"_blank",className:"text-sm font-medium text-lightmuted hover:text-primary dark:text-darklink dark:hover:text-primary w-fit",children:t.title},t.key))})]}),e.jsxs("div",{className:"lg:col-span-3 sm:col-span-6 col-span-12",children:[e.jsx("h4",{className:"text-lg text-link dark:text-white font-semibold mb-8",children:"Resources"}),e.jsx("div",{className:"flex flex-col gap-4",children:n.map(t=>e.jsx(a,{to:t.link,className:"text-sm font-medium text-lightmuted hover:text-primary dark:text-darklink dark:hover:text-primary w-fit",children:t.title},t.key))})]}),e.jsxs("div",{className:"lg:col-span-3 sm:col-span-6 col-span-12",children:[e.jsx("h4",{className:"text-lg text-link dark:text-white font-semibold mb-8",children:"Followers"}),e.jsx("div",{className:"flex items-center gap-5",children:e.jsxs(b,{children:[e.jsxs(c,{children:[e.jsx(m,{asChild:!0,children:e.jsx("img",{src:S,alt:"social-icon",className:"shrink-0 cursor-pointer"})}),e.jsx(p,{children:e.jsx("p",{children:"Facebook"})})]}),e.jsxs(c,{children:[e.jsx(m,{asChild:!0,children:e.jsx("img",{src:I,alt:"social-icon",className:"shrink-0 cursor-pointer"})}),e.jsx(p,{children:e.jsx("p",{children:"Twitter"})})]}),e.jsxs(c,{children:[e.jsx(m,{asChild:!0,children:e.jsx("img",{src:A,alt:"social-icon",className:"shrink-0 cursor-pointer"})}),e.jsx(p,{children:e.jsx("p",{children:"Instagram"})})]})]})})]})]})}),e.jsx("div",{className:"container-md px-4 py-10 border-t border-border dark:border-darkborder",children:e.jsxs("div",{className:"flex justify-between items-center flex-wrap",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("img",{src:y,alt:"logo",height:24}),e.jsx("p",{className:"text-base text-lightmuted dark:text-darklink",children:"All rights reserved by TailwindAdmin."})]}),e.jsxs("p",{className:"text-base text-lightmuted dark:text-darklink flex items-center gap-1",children:["Produced by"," ",e.jsx("a",{className:"text-primary",href:"https://tailwind-admin.com/",target:"_blank",children:"Tailwind Admin"})," "]})]})})]})},E="/images/frontend-pages/background/left-ellipse.png",M=()=>{const[l,s]=o.useState(!1),n=t=>{s(t)};return e.jsx(e.Fragment,{children:e.jsxs("div",{className:`py-1 cursor-pointer relative before:absolute before:h-full before:w-[200px] before:bg-no-repeat before:bg-cover before:bg-[url('/images/frontend-pages/background/transparent-elilpse.png')] lg:before:block before:hidden before:top-0 before:right-0 after:absolute after:bg-[url('/images/frontend-pages/background/right-ellipse.png')] lg:after:block after:hidden after:h-full after:w-[325px] after:right-[21%] after:top-1 after:end-1/2 bg-primary overflow-hidden flex items-center justify-center gap-4 ${l?"hidden":null}`,children:[e.jsx(d,{size:"sm",className:"text-xs font-semibold py-0 px-2.5 bg-white/15 text-white hover:bg-white hover:text-primary",children:"New"}),e.jsx("p",{className:"text-fs_13 text-white font-medium",children:"Frontend Pages Added"}),e.jsx("img",{src:E,alt:"ellipse",className:"absolute top-0 start-0 lg:block hidden"}),e.jsx("div",{onClick:()=>n(!0),className:"h-6 w-6 rounded-full bg-secondary absolute top-1/2 -translate-y-1/2 end-3 text-white flex items-center justify-center hover:bg-secondaryemphasis",children:e.jsx(v,{icon:"tabler:x",className:"shrink-0 text-lg text-white"})})]})})},$=()=>{const[l,s]=o.useState(!1),n=()=>s(!1),t=[{key:"link1",title:"About Us",link:"/frontend-pages/about",isBadge:!1},{key:"link2",title:"Blog",link:"/frontend-pages/blog/post",isBadge:!1},{key:"link6",title:"Portfolio",link:"/frontend-pages/portfolio",isBadge:!0},{key:"link3",title:"Dashboard",link:"/",isBadge:!1},{key:"link4",title:"Pricing",link:"/frontend-pages/pricing",isBadge:!1},{key:"link5",title:"Contact",link:"/frontend-pages/contact",isBadge:!1}],i=x().pathname;return o.useEffect(()=>{const r=()=>{window.innerWidth>1023&&n()};return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}},[]),e.jsx(e.Fragment,{children:e.jsx("div",{className:"lg:hidden flex",children:e.jsxs(w,{open:l,onOpenChange:s,children:[e.jsx(B,{asChild:!0,children:e.jsx(d,{variant:"lightprimary",children:e.jsx(L,{className:"!shrink-0"})})}),e.jsxs(C,{side:"left",className:"h-full p-3 w-[280px]",children:[e.jsx("div",{className:"my-2.5 flex justify-center",children:e.jsx(f,{})}),e.jsxs("div",{className:"overflow-y-auto max-h-[80vh] px-4 pb-6",children:[e.jsx("div",{className:"flex flex-col gap-4",children:t.map(r=>{const u=i===r.link||i.startsWith("/frontend-pages/blog/detail/")&&r.title==="Blog";return r.isBadge?e.jsxs(a,{onClick:()=>n(),to:r.link,className:`py-2.5 px-4 flex items-center rounded-md group gap-2 ${i==="/frontend-pages/portfolio"?"text-primary dark:text-primary bg-lightprimary":"text-link dark:text-darklink"}`,children:[e.jsx("span",{className:"group-hover:text-primary text-[15px] block font-medium",children:"Portfolio"}),e.jsx(N,{variant:"lightPrimary",className:"text-xs font-semibold",children:"New"})]},r.key):e.jsx(a,{onClick:()=>

1n(),to:r.link,className:`text-[15px] py-2.5 px-4 rounded-md ${u?"text-primary dark:text-primary bg-lightprimary":"text-link dark:text-darklink font-medium"}`,children:r.title},r.key)})}),e.jsx(d,{className:"mt-6 w-full",asChild:!0,children:e.jsx(a,{to:"/auth/auth2/login",onClick:()=>n(),children:"Login"})})]})]})]})})})},z=()=>{const[l,s]=o.useState(!1);o.useEffect(()=>{const i=()=>{window.scrollY>50?s(!0):s(!1)};return window.addEventListener("scroll",i),()=>{window.removeEventListener("scroll",i)}},[]);const t=x().pathname,h=[{key:"link1",title:"About Us",link:"/frontend-pages/about",isBadge:!1},{key:"link2",title:"Blog",link:"/frontend-pages/blog/post",isBadge:!1},{key:"link6",title:"Portfolio",link:"/frontend-pages/portfolio",isBadge:!0},{key:"link3",title:"Dashboard",link:"/",isBadge:!1},{key:"link4",title:"Pricing",link:"/frontend-pages/pricing",isBadge:!1},{key:"link5",title:"Contact",link:"/frontend-pages/contact",isBadge:!1}];return e.jsx(e.Fragment,{children:e.jsx("header",{className:`sticky  top-0 z-50 transition-colors ${l?"bg-white dark:bg-dark shadow-md ":"bg-lightprimary dark:bg-lightprimary"}`,children:e.jsxs("div",{className:"flex items-center justify-between px-4 lg:px-6 py-6 container",children:[e.jsx(f,{}),e.jsx($,{}),e.jsx(T,{className:"hidden lg:flex",children:e.jsx(F,{children:h.map(i=>i.isBadge?e.jsx(k,{children:e.jsx(g,{asChild:!0,className:`px-3 py-2 flex items-center gap-2 text-[15px] font-medium rounded-md transition ${t==="/frontend-pages/portfolio"?"text-primary bg-lightprimary dark:text-primary":"text-link dark:text-darklink dark:hover:text-primary"}`,children:e.jsx(a,{to:i.link,children:i.title})})},i.key):e.jsx(k,{children:e.jsx(g,{asChild:!0,className:`px-3 py-2 text-[15px] font-medium rounded-md transition ${t===i.link||t.startsWith("/frontend-pages/blog/detail/")&&i.title==="Blog"?"text-primary bg-lightprimary dark:text-primary":"text-link dark:text-darklink hover:text-primary dark:hover:text-primary"}`,children:e.jsx(a,{to:i.link,children:i.title})})},i.key))})}),e.jsx(d,{asChild:!0,className:"hidden lg:inline-flex",children:e.jsx(a,{to:"/auth/auth1/login",children:"Login"})})]})})})};function O({children:l}){const{pathname:s}=x();return o.useEffect(()=>{window.scrollTo({top:0,left:0,behavior:"smooth"})},[s]),l||null}function ke(){return e.jsx(e.Fragment,{children:e.jsxs("div",{className:"frontend-page",children:[e.jsx(M,{}),e.jsx(z,{}),e.jsx(O,{children:e.jsx(j,{})}),e.jsx(P,{})]})})}export{ke as component};