create sections and ui directories for component files

Author: nikohoffren

components/layout/Header.tsx

@@ -10,7 +10,7 @@ import { frameworkList } from '../data/frameworkList'
 import { gitList } from '../data/gitList'
 import { roadmapList } from '../data/roadmapList'
 import { UserButton, useUser } from '@clerk/nextjs'
-import ThemeSelector from '../ThemeSelector'
+import ThemeSelector from '../ui/ThemeSelector'
 
 const Header = () => {
   const [isOpen, setIsOpen] = useState(false)

components/LoadingPage.tsx components/layout/LoadingPage.tsxcomponents/LoadingPage.tsx renamed to components/layout/LoadingPage.tsx

@@ -1,4 +1,4 @@
-import { testimonials } from './data/testimonials'
+import { testimonials } from '../data/testimonials'
 
 const Testimonials = () => {
   return (
@@ -30,7 +30,7 @@ const Testimonials = () => {
                   href={testimonial.url}
                   target='_blank'
                   rel='noopener noreferrer'
-                  className='hover:text-modern-purple font-semibold text-gray-900'
+                  className='font-semibold text-gray-900 hover:text-modern-purple'
                 >
                   {testimonial.name}
                 </a>

components/Features.tsx components/sections/Features.tsxcomponents/Features.tsx renamed to components/sections/Features.tsx

@@ -1,7 +1,7 @@
 import { useUser } from '@clerk/nextjs'
 import { useRouter } from 'next/router'
 import { useEffect } from 'react'
-import LoadingPage from '../components/LoadingPage'
+import LoadingPage from '../components/layout/LoadingPage'
 
 export default function DashboardPage() {
   const { isLoaded, isSignedIn } = useUser()
@@ -18,4 +18,3 @@ export default function DashboardPage() {
 
   return <LoadingPage />
 }
-

components/Hero.tsx components/sections/Hero.tsxcomponents/Hero.tsx renamed to components/sections/Hero.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable @next/next/no-img-element */
 import Head from 'next/head'
-import Hero from '../components/Hero'
-import Features from '../components/Features'
-import Testimonials from '../components/Testimonials'
+import Hero from '../components/sections/Hero'
+import Features from '../components/sections/Features'
+import Testimonials from '../components/sections/Testimonials'
 import { useEffect, useState } from 'react'
 import { getTopContributors, getOtherContributors } from '../utils/contributors'
 import { Contributor } from '../types/contributor'