+
+ DFHDSFGSDFGHSFHWd.
+ odit mibus quas porro, modi corrupti repudiandae an
+ odit mibus quas porro, modi corrupti repudiandae an
+ odit mibus quas porro, modi corrupti repudiandae an
+ odit mibus quas porro, modi corrupti repudiandae an
+ odit mibus quas porro, modi corrupti repudiandae an
+
+
+
+ );
+};
+
+export default Sidebar;
\ No newline at end of file
diff --git a/app/studio/layout.tsx b/app/studio/layout.tsx
new file mode 100644
index 0000000..750e5a4
--- /dev/null
+++ b/app/studio/layout.tsx
@@ -0,0 +1,90 @@
+import { Button } from '@/components/ui/button';
+import { Add, ArrowDown2, Eye, Pointer } from 'iconsax-react';
+import { Download, PointerIcon, Redo2, Share2, Undo2 } from 'lucide-react';
+import type { Metadata } from 'next';
+import Image from 'next/image';
+import Link from 'next/link';
+import React from 'react';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
+import ActionButtons from '../components/common/ActionButtons';
+import Sidebar from '../components/common/SideBar';
+
+export const metadata: Metadata = {
+ title: 'Studio',
+}
+
+export interface Props {
+ children: React.ReactNode
+}
+
+function layout({ children }: Props) {
+ return (
+
+
+ {/* NavBar */}
+
+
+
+
+ Home
+ View
+ Help
+
+
Last saved 5 seconds ago
+
+
+
+
+
+
100%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* End of NavBar */}
+
+ {/* Main Content with Sidebar */}
+
+ {/* Sidebar */}
+
+
+
+
{children}
+
+
+
+ );
+}
+
+export default layout
diff --git a/app/studio/page.tsx b/app/studio/page.tsx
new file mode 100644
index 0000000..09c163d
--- /dev/null
+++ b/app/studio/page.tsx
@@ -0,0 +1,22 @@
+import React from 'react'
+
+export default function Studio() {
+ return (
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod nam autem
+ ratione et perspiciatis iure ab ducimus, maxime distinctio in amet fugit de
+ lectus optio asperiores neque unde possimus cumque repudiandae nulla laudantium. E
+ rror iure laborum fuga quia, at ut dolor consectetur culpa provident mollitia inven
+ tore cumque obcaecati ab esse similique recusandae, tempore architecto nulla molestias i
+ mpedit optio animi. Provident sed quisquam reprehenderit possimus voluptatum voluptates p
+ erferendis esse qui excepturi doloremque quos similique eius vel fuga impedit neque nulla d
+ ebitis, rem praesentium accusamus! Commodi, temporibus maxime ex amet facilis quasi reprehenderit
+ cumque quidem repudiandae, earum odio ab cum qui rerum eum culpa. Aliquid corrupti et fuga evenie
+ t ipsa, consequatur a suscipit excepturi laudantium! Unde quasi, incidunt doloribus optio cupiditate eius.
+ Incidunt eaque natus et magnam in maiores laudantium necessitatibus possimus rem porro, placeat officiis
+ eligendi, nisi ducimus! Corrupti, aliquam vitae. Ipsum commodi perspiciatis laudantium eum eligendi repellat amet, su
+ nt enim obcaecati non architecto, delectus nisi iusto quas voluptates cum doloribus quod sapiente sint beatae qui assumenda. Hic, corr
+ upti magni quas quaerat odit harum modi ullam accusamus fugiat accusantium veniam quis voluptate iusto optio porro, tempore cumque ratione ut quam
+ volupta
+ tum perferendis repudiandae eius amet! Ratione aliquid quod laudantium suscipit explicabo inventore.