{children}
+}
+
+export default BlankLayout
diff --git a/front-urban/src/@layouts/LayoutWrapper.tsx b/front-urban/src/@layouts/LayoutWrapper.tsx
new file mode 100644
index 0000000..964e93e
--- /dev/null
+++ b/front-urban/src/@layouts/LayoutWrapper.tsx
@@ -0,0 +1,11 @@
+'use client'
+
+// React Imports
+import type { ReactElement } from 'react'
+
+const LayoutWrapper = ({ verticalLayout }: { verticalLayout: ReactElement }) => {
+ // Return the layout based on the layout context
+ return {verticalLayout}
+}
+
+export default LayoutWrapper
diff --git a/front-urban/src/@layouts/VerticalLayout.tsx b/front-urban/src/@layouts/VerticalLayout.tsx
new file mode 100644
index 0000000..1c953f3
--- /dev/null
+++ b/front-urban/src/@layouts/VerticalLayout.tsx
@@ -0,0 +1,39 @@
+// React Imports
+import type { ReactNode } from 'react'
+
+// Third-party Imports
+import classnames from 'classnames'
+
+// Type Imports
+import type { ChildrenType } from '@core/types'
+
+// Component Imports
+import LayoutContent from './components/vertical/LayoutContent'
+
+// Util Imports
+import { verticalLayoutClasses } from './utils/layoutClasses'
+
+type VerticalLayoutProps = ChildrenType & {
+ navigation?: ReactNode
+ navbar?: ReactNode
+ footer?: ReactNode
+}
+
+const VerticalLayout = (props: VerticalLayoutProps) => {
+ // Props
+ const { navbar, footer, navigation, children } = props
+
+ return (
+
+ {navigation || null}
+
+ )
+}
+
+export default VerticalLayout
diff --git a/front-urban/src/@layouts/components/vertical/Footer.tsx b/front-urban/src/@layouts/components/vertical/Footer.tsx
new file mode 100644
index 0000000..ffb649c
--- /dev/null
+++ b/front-urban/src/@layouts/components/vertical/Footer.tsx
@@ -0,0 +1,40 @@
+'use client'
+
+// Third-party Imports
+import classnames from 'classnames'
+import type { CSSObject } from '@emotion/styled'
+
+// Type Imports
+import type { ChildrenType } from '@core/types'
+
+// Util Imports
+import { verticalLayoutClasses } from '@layouts/utils/layoutClasses'
+
+// Styled Component Imports
+import StyledFooter from '@layouts/styles/vertical/StyledFooter'
+
+type Props = ChildrenType & {
+ overrideStyles?: CSSObject
+}
+
+const Footer = (props: Props) => {
+ // Props
+ const { children, overrideStyles } = props
+
+ return (
+
+ {navbar || null}
+ {/* Content */}
+ {children}
+ {footer || null}
+
+ {children}
+ {children}
+ - {children}
-
+ {/* Menu Section Content */}
+
-
+ {icon && (
+
+ {icon} + + )} + {prefix && ( ++ {prefix} + + )} + {label && ( ++ {label} + + )} + {suffix && ( ++ {suffix} + + )} +
+ {/* Render Child */}
+ {children}
+
- {children}
Loading...
+
+ return (
+
+
+
+
+
+
+ ))
+ )}
+
+
+
+
+ {item.description}
+
+
+ {item.instructors || '—'}
+
+
+
+
+
+ handleOpenAttendance(item)}>
+
+
+
+
+
+ ({
+ fontWeight: 700,
+ letterSpacing: 0.2,
+ border: `1px solid ${alpha(theme.palette.info.main, 0.5)}`,
+ transition: 'transform .15s ease, box-shadow .15s ease, filter .15s ease',
+ '&:hover': {
+ transform: 'scale(1.04)',
+ boxShadow: `0 8px 22px ${alpha(theme.palette.info.main, 0.35)}`,
+ filter: 'saturate(1.05)'
+ }
+ })}
+ />
+
+
+ Loading...
+
+ return (
+
+
+
+
+
+
+ ))
+ )}
+
+
+
+
+ {item.description}
+
+
+ {item.instructors || '—'}
+
+
+
+
+
+ handleOpenAttendance(item)}>
+
+
+
+
+
+ ({
+ fontWeight: 700,
+ letterSpacing: 0.2,
+ border: `1px solid ${alpha(theme.palette.info.main, 0.5)}`,
+ transition: 'transform .15s ease, box-shadow .15s ease, filter .15s ease',
+ '&:hover': {
+ transform: 'scale(1.04)',
+ boxShadow: `0 8px 22px ${alpha(theme.palette.info.main, 0.35)}`,
+ filter: 'saturate(1.05)'
+ }
+ })}
+ />
+
+
+
+
+ Validando acceso…
+
+
+ );
+}
+
+const UserAuthContext = createContext