initializing analysis tabs

Author: farzadasgari

src/components/Analysis.tsx

@@ -1,4 +1,5 @@
 import {Activity} from "lucide-react";
+import {Tabs, TabsContent, TabsList, TabsTrigger} from "@/components/ui/tabs";
 
 export const Analysis = () => {
     return (
@@ -13,6 +14,25 @@ export const Analysis = () => {
                         Configure and apply advanced algorithms for cleaning and analyzing your ADV data
                     </p>
                 </div>
+                <Tabs defaultValue="pre" className="w-full">
+                    <TabsList className="grid w-full grid-cols-3 mb-8 h-12">
+                        <TabsTrigger value="pre" className="text-sm font-medium">Pre-Process</TabsTrigger>
+                        <TabsTrigger value="pro" className="text-sm font-medium">Despiking</TabsTrigger>
+                        <TabsTrigger value="pos" className="text-sm font-medium">Post-Process</TabsTrigger>
+                    </TabsList>
+
+                    <TabsContent value="pre" className="w-full">
+
+                    </TabsContent>
+
+                    <TabsContent value="pro" className="w-full">
+
+                    </TabsContent>
+
+                    <TabsContent value="pos" className="w-full">
+
+                    </TabsContent>
+                </Tabs>
             </div>
         </section>
     );