Merge pull request #2 from FalaAiMatheus/feature/welcome-page

feat: create welcome page

Author: FalaAiMatheus

src/app/globals.css

@@ -36,7 +36,7 @@
 }
 @layer base {
   * {
-    @apply border-border;
+    @apply scroll-smooth border-border;
   }
   body {
     @apply bg-background text-foreground;

src/app/page.tsx

@@ -1,9 +1,11 @@
+import { WelcomePage } from '@/features/welcome/components/welcome-section'
 import { Header } from '@/layouts/header'
 
 export default function Home() {
   return (
-    <main className="space-y-10">
+    <main>
       <Header />
+      <WelcomePage />
     </main>
   )
 }

src/features/welcome/components/welcome-section/index.tsx

@@ -0,0 +1,26 @@
+import { Section } from '@/layouts/section'
+import { ChevronDown } from 'lucide-react'
+import Link from 'next/link'
+
+export const WelcomePage = () => {
+  return (
+    <Section className="min-h-screen">
+      <Section.Container className="flex flex-col items-start">
+        <div className="flex flex-col items-start gap-2">
+          <span className="text-lg font-medium lg:text-2xl xl:text-4xl">
+            Welcome to my Portfolio
+          </span>
+          <span className="text-lg font-medium lg:text-2xl xl:text-4xl">
+            Bem vindo(a) ao meu portfólio
+          </span>
+        </div>
+        <Link className="absolute bottom-2 self-center" href="#content">
+          <div className="flex cursor-pointer flex-col items-center gap-2 rounded-lg p-4 text-center">
+            <span>Clique aqui para ver mais!</span>
+            <ChevronDown size={32} />
+          </div>
+        </Link>
+      </Section.Container>
+    </Section>
+  )
+}

src/layouts/header/index.tsx

@@ -3,7 +3,7 @@ import { Section } from '../section'
 
 export const Header = () => {
   return (
-    <Section>
+    <Section className="fixed top-0">
       <Section.Container className="justify-end" asChild>
         <header>
           <nav>