feat create page studanty

src/app/(home)/page.tsx

 import { Banner } from '@/components/banner'
-import { Footer } from '@/components/footer'
-import { Header } from '@/components/header'
 import { SignUp } from '../../components/sign-up'
 import { Hub } from '../../components/hub'
-import { Benefits } from '@/components/benefits'
+import { Differences } from '@/components/differences'
 import { CourseCategory } from '@/components/course-category'
 import { Courses } from '@/components/courses'
 // import { ThemeSwitcher } from '@/components/theme-switcher'
@@ -11,18 +9,16 @@ import { Courses } from '@/components/courses'
 export default function Home() {
   return (
     <>
-      <Header />
       <main className="overflow-hidden">
         <Banner />
 
         {/* <ThemeSwitcher /> */}
         <Courses />
         <CourseCategory />
-        <Benefits />
+        <Differences />
         <SignUp />
         <Hub />
       </main>
-      <Footer />
     </>
   )
 }

src/app/details/components/Button.tsx

-export function Button() {
-  return <div>Button</div>
-}

src/app/details/hooks/use-details.tsx

-
-export function useDetails() {
-  return (
-    <div>useDetails</div>
-  )
-}

src/app/details/page.tsx

-export default function Details() {
-  return <div>opa</div>
-}

src/app/estudantes/page.tsx

+import { Banner } from '@/components/banner'
+
+export default function Students() {
+  return (
+    <main>
+      <Banner />
+    </main>
+  )
+}

src/app/layout.tsx

+import { Footer } from '@/components/footer'
+import { Header } from '@/components/header'
 import { ThemeProvider } from '@/components/providers/theme-provider'
 import '@/styles/globals.css'
 import type { Metadata } from 'next'
@@ -24,7 +26,9 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
+          <Header />
           {children}
+          <Footer />
         </ThemeProvider>
       </body>
     </html>

src/app/users/page.tsx

-export default function Users() {
-  return <div>Users</div>
-}

src/components/course-category.tsx

@@ -3,50 +3,57 @@ import Image from 'next/image'
 import ImageFast from '../../public/images/fast.png'
 import ImageDeepen from '../../public/images/deepen.png'
 import ImageCorporate from '../../public/images/corporate.png'
+import Link from 'next/link'
 
 export function CourseCategory() {
   return (
     <section className="hidden md:block">
       <div className="container h-auto flex justify-center items-center my-20">
         <ul className="flex justify-center items-center gap-4">
-          <li className="max-w-[420px] bg-green-600 rounded-lg flex flex-col justify-between pb-4 gap-4 items-center">
-            <Image
-              src={ImageFast}
-              alt="Rápido"
-              className="rounded-t-lg object-cover"
-            />
-            <h4 className="text-center uppercase font-extrabold text-2xl lg:text-3xl">
-              Rápido
-            </h4>
-            <p className="text-center text-sm lg:text-base">
-              Encontre o curso ideal para sua rotina etc
-            </p>
+          <li className="max-w-[420px] bg-green-600 rounded-lg pb-4">
+            <Link href="#" className="flex flex-col gap-4">
+              <Image
+                src={ImageFast}
+                alt="Rápido"
+                className="rounded-t-lg object-cover"
+              />
+              <h4 className="text-center uppercase font-extrabold text-2xl lg:text-3xl">
+                Rápido
+              </h4>
+              <p className="text-center text-sm lg:text-base">
+                Encontre o curso ideal para sua rotina etc
+              </p>
+            </Link>
           </li>
-          <li className="max-w-[420px] bg-green-600 rounded-lg flex flex-col justify-between pb-4 gap-4 items-center">
-            <Image
-              src={ImageDeepen}
-              alt="Aprofundamento"
-              className="rounded-t-lg object-cover"
-            />
-            <h4 className="text-center uppercase font-extrabold text-2xl lg:text-3xl">
-              Aprofundamento
-            </h4>
-            <p className="text-center text-sm lg:text-base">
-              Encontre o curso ideal para sua rotina etc
-            </p>
+          <li className="max-w-[420px] bg-green-600 rounded-lg pb-4">
+            <Link href="#" className="flex flex-col gap-4">
+              <Image
+                src={ImageDeepen}
+                alt="Aprofundamento"
+                className="rounded-t-lg object-cover"
+              />
+              <h4 className="text-center uppercase font-extrabold text-2xl lg:text-3xl">
+                Aprofundamento
+              </h4>
+              <p className="text-center text-sm lg:text-base">
+                Encontre o curso ideal para sua rotina etc
+              </p>
+            </Link>
           </li>
-          <li className="max-w-[420px] bg-green-600 rounded-lg flex flex-col justify-between pb-4 gap-4 items-center">
-            <Image
-              src={ImageCorporate}
-              alt="Corporativos"
-              className="rounded-t-lg object-cover"
-            />
-            <h4 className="text-center uppercase font-extrabold text-2xl lg:text-3xl">
-              Corporativos
-            </h4>
-            <p className="text-center text-sm lg:text-base">
-              Encontre o curso ideal para sua rotina etc
-            </p>
+          <li className="max-w-[420px] bg-green-600 rounded-lg pb-4">
+            <Link href="#" className="flex flex-col gap-4">
+              <Image
+                src={ImageCorporate}
+                alt="Corporativos"
+                className="rounded-t-lg object-cover"
+              />
+              <h4 className="text-center uppercase font-extrabold text-2xl lg:text-3xl">
+                Corporativos
+              </h4>
+              <p className="text-center text-sm lg:text-base">
+                Encontre o curso ideal para sua rotina etc
+              </p>
+            </Link>
           </li>
         </ul>
       </div>

src/components/courses.tsx

@@ -43,7 +43,7 @@ export function Courses() {
             </Button>
           </li>
         </ul>
-        <div className="flex justify-center items-center w-1/2 mx-auto my-8">
+        <div className="flex justify-center items-center w-full md:w-1/2 mx-auto my-8">
           <Input placeholder="O que você quer aprender hoje?" />
           <Search />
         </div>
@@ -179,6 +179,9 @@ export function Courses() {
             </Link>
           </li>
         </ul>
+        <Button variant="secondary" className="uppercase mx-auto my-8" asChild>
+          <Link href="#">Ver todos os cursos</Link>
+        </Button>
       </div>
     </section>
   )

src/components/benefits.tsx → src/components/differences.tsx

@@ -4,10 +4,13 @@ import schoolOnline from '../../public/images/school-online.svg'
 import tableClock from '../../public/images/table-clock.svg'
 import certificateOutline from '../../public/images/certificate-outline.svg'
 
-export function Benefits() {
+export function Differences() {
   return (
     <section className="hidden md:flex">
-      <div className="container h-80">
+      <div className="container py-20 flex flex-col gap-20">
+        <h2 className="text-center text-3xl">
+          Conheça os nossos diferenciais:
+        </h2>
         <ul className="flex h-full justify-around items-center gap-2">
           <li className="flex flex-col items-center gap-4">
             <Image width={72} src={schoolOnline} alt="100% online" />

src/components/hub.tsx

@@ -20,10 +20,7 @@ export function Hub() {
             meta é conectar pessoas, empresas e instituições por meio do
             conhecimento técnico-científico aplicado aos negócios.
           </p>
-          <Button
-            variant="outline"
-            className="uppercase rounded-sm bg-green-400/10 text-sm text-green-400 font-thin hover:bg-green-400/5 hover:text-green-400"
-          >
+          <Button variant="third" className="uppercase ">
             Saiba mais
           </Button>
         </div>

src/components/logo.tsx

@@ -9,6 +9,7 @@ function LogoComponent(props: ComponentProps<'svg'>) {
       viewBox="0 0 1801 500"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
+      style={{ minWidth: '115px' }}
       {...props}
     >
       <path

src/components/ui/button.tsx

@@ -12,6 +12,8 @@ const buttonVariants = cva(
         default: 'bg-green-700 text-primary hover:bg-green-800',
         secondary:
           'bg-purple-100 text-secondary-foreground hover:bg-purple-200',
+        third:
+          'rounded-sm bg-green-400/10 text-sm text-green-400 font-thin hover:bg-green-400/5 hover:text-green-400',
         destructive:
           'bg-destructive text-destructive-foreground hover:bg-destructive/90',
         outline: