Restructured codebase

src/App.tsx

@@ -1,15 +1,15 @@
-import {About} from "./components/About";
-import {FAQ} from "./components/FAQ";
-import {Footer} from "./components/Footer";
-import {Hero} from "./components/Hero";
-import {HowItWorks} from "./components/HowItWorks";
-import {Navbar} from "./components/Navbar";
-import {Newsletter} from "./components/Newsletter";
-import {ScrollToTop} from "./components/ScrollToTop";
-import {Services} from "./components/Services";
-import {Sponsors} from "./components/Sponsors";
-import {Team} from "./components/Team";
-import {Applications} from "./components/Testimonials";
+import {About} from "@/containers/About";
+import {FAQ} from "@/containers/FAQ";
+import {Footer} from "@/layouts/Footer";
+import {Hero} from "@/containers/Hero";
+import {HowItWorks} from "@/containers/HowItWorks";
+import {Navbar} from "@/layouts/Navbar";
+import {Newsletter} from "@/containers/Newsletter";
+import {ScrollToTop} from "@/components/ScrollToTop";
+import {Services} from "@/containers/Services";
+import {Sponsors} from "@/containers/Sponsors";
+import {Team} from "@/containers/Team";
+import {Applications} from "@/containers/Testimonials";
 import "./App.css";
 
 
@@ -25,7 +25,7 @@ function App() {
       <Applications/>
       <Team/>
       <Newsletter/>
-      <FAQ/> 
+      <FAQ/>
       <Footer/>
       <ScrollToTop/>
     </>

src/components/mode-toggle.tsx

@@ -5,7 +5,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { useTheme } from "@/components/theme-provider";
+import { useTheme } from "@/providers/theme-provider";
 import { Moon, Sun } from "lucide-react";
 
 export function ModeToggle() {

src/components/About.tsx → src/containers/About.tsx

@@ -1,7 +1,7 @@
 import { useState, useRef } from "react";
 import { motion, useInView, AnimatePresence } from "framer-motion";
-import { Statistics } from "./Statistics";
-import pilot from "../assets/pilot.png";
+import { Statistics } from "@/components/Statistics";
+import pilot from "@/assets/pilot.png";
 
 export const About = () => {
   const sectionRef = useRef(null);

src/components/HowItWorks.tsx → src/containers/HowItWorks.tsx

@@ -1,6 +1,6 @@
 import { useRef } from "react";
-import { Card, CardContent, CardHeader, CardTitle } from "./ui/card";
-import { MedalIcon, MapIcon, PlaneIcon, GiftIcon } from "../components/Icons";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { MedalIcon, MapIcon, PlaneIcon, GiftIcon } from "@/components/Icons";
 import { motion, useInView, AnimatePresence } from "framer-motion";
 
 interface FeatureProps {

src/components/Newsletter.tsx → src/containers/Newsletter.tsx

@@ -1,6 +1,6 @@
 import { useState, useRef } from "react";
-import { Button } from "./ui/button";
-import { Input } from "./ui/input";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
 import { motion, useInView, AnimatePresence } from "framer-motion";
 
 export const Newsletter = () => {

src/components/Services.tsx → src/containers/Services.tsx

@@ -1,6 +1,6 @@
 import { useRef } from "react";
-import { Card, CardDescription, CardHeader, CardTitle } from "./ui/card";
-import { ChartIcon, WalletIcon, MagnifierIcon } from "./Icons";
+import { Card, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { ChartIcon, WalletIcon, MagnifierIcon } from "@/components/Icons";
 import cubeLeg from "../assets/cube-leg.png";
 import { motion, useInView, AnimatePresence } from "framer-motion";
 

src/components/Footer.tsx → src/layouts/Footer.tsx

@@ -1,6 +1,6 @@
 import { useState, useRef } from "react";
 import { motion, useInView, AnimatePresence } from "framer-motion";
-import { LogoIcon } from "./Icons";
+import { LogoIcon } from "../components/Icons";
 import { Github, Twitter, Linkedin, Youtube, MessageCircle, Phone } from "lucide-react";
 
 export const Footer = () => {

src/components/Navbar.tsx → src/layouts/Navbar.tsx

@@ -13,11 +13,11 @@ import {
 } from "@/components/ui/sheet";
 
 import { GitHubLogoIcon } from "@radix-ui/react-icons";
-import { buttonVariants } from "./ui/button";
+import { buttonVariants } from "@/components/ui/button";
 import { Menu } from "lucide-react";
-import { ModeToggle } from "./mode-toggle";
-import { LogoIcon } from "./Icons";
-import { LanguageSwitcher } from "./language"; // Import Language Switcher
+import { ModeToggle } from "@/components/mode-toggle";
+import { LogoIcon } from "@/components/Icons";
+import { LanguageSwitcher } from "@/components/language"; // Import Language Switcher
 import { motion, AnimatePresence } from "framer-motion";
 
 interface RouteProps {

src/main.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App.tsx";
-import { ThemeProvider } from "@/components/theme-provider.tsx";
+import { ThemeProvider } from "@/providers/theme-provider.tsx";
 import { LanguageProvider } from "@/components/language.tsx";
 import "./i18n"; 
 import "./index.css";