👍 chore: change the landing copy

nyomansunima · Nov 24, 2023 · 82243da · 82243da
1 parent e88b08f
commit 82243da
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 20 deletions.
diff --git a/src/app/(root)/home-blog-section.tsx b/src/app/(root)/home-blog-section.tsx
@@ -7,10 +7,7 @@ export default async function HomeBlogSection() {
   const posts = await blogService.getInitialBlogPost()
 
   return (
-    <section
-      v-show="posts.length > 0"
-      className="flex flex-col container mx-auto px-5 laptop:px-20 blog"
-    >
+    <section className="flex flex-col container mx-auto px-5 laptop:px-20 blog">
       <h2
         className="text-5xl laptop:text-8xl !leading-tight laptop:w-11/12"
         data-cursor-size="200"
@@ -20,18 +17,23 @@ export default async function HomeBlogSection() {
         I share my experience and educate other people.
       </h2>
 
-      <div className="flex mt-16 actions">
-        <Button asChild className="transition-all duration-700 hover:scale-95">
+      <div className="flex mt-16 actions" data-animation="slide-up">
+        <Button asChild data-animation-target>
           <Link href={'/blog'}>
             Learn from blog <i className="fi fi-rr-arrow-right"></i>
           </Link>
         </Button>
       </div>
 
-      <div className="grid grid-cols-1 laptop:grid-cols-3 gap-6 mt-20 list laptop:mt-36">
-        {posts.map((post, i) => (
-          <BlogPostItemCard post={post} key={i} />
-        ))}
+      <div data-animation="slide-up">
+        <div
+          className="grid grid-cols-1 laptop:grid-cols-3 gap-6 mt-20 list laptop:mt-36"
+          data-animation-target
+        >
+          {posts.map((post, i) => (
+            <BlogPostItemCard post={post} key={i} />
+          ))}
+        </div>
       </div>
     </section>
   )

diff --git a/src/app/(root)/home-contact-section.tsx b/src/app/(root)/home-contact-section.tsx
@@ -3,7 +3,7 @@ import Link from 'next/link'
 
 export default function HomeContactSection() {
   return (
-    <section className="flex flex-col container mx-auto px-5 laptop:px-20 projects">
+    <section className="flex flex-col container mx-auto px-5 laptop:px-20">
       <h2
         className="text-5xl laptop:text-8xl !leading-tight laptop:w-11/12 mx-auto text-center"
         data-cursor-size="200"

diff --git a/src/app/(root)/home-intro-section.tsx b/src/app/(root)/home-intro-section.tsx
@@ -5,21 +5,27 @@ import { Button } from '~/components/ui/button'
 
 export default function HomeIntroSection() {
   return (
-    <section className="flex flex-col container mx-auto laptop:px-20 intro px-5">
+    <section
+      className="flex flex-col container mx-auto laptop:px-20 intro px-5 laptop:py-24"
+      data-animation="body-background-transition"
+    >
       <h2
         className="text-5xl laptop:text-8xl !leading-tight"
         data-cursor-size="200"
         data-cursor-exclusion
         data-animation="text-char-opacity"
       >
         <span className="laptop:pl-20"></span>
-        Product Designer & Fullstack Developer specialized in crafting apps from
-        scratch.
+        Specialized in crafting apps from scratch.
       </h2>
 
       <div className="flex flex-col mt-24">
-        <div className="flex flex-col gap-10 text-xl !leading-relaxed laptop:w-10/12">
-          <p>
+        <div
+          className="flex flex-col gap-10 text-xl laptop:text-2xl !leading-relaxed laptop:w-10/12"
+          data-animation="slide-up"
+          data-animation-delay=".4"
+        >
+          <p data-animation-target>
             5+ years as a product designer and full stack developer. Been
             focusing on crafting apps through research, design, and development.
             My day to day revolves around designing and developing digital
@@ -30,14 +36,17 @@ export default function HomeIntroSection() {
         </div>
       </div>
 
-      <div className="flex items-center flex-wrap gap-5 mt-16">
+      <div
+        className="flex items-center flex-wrap gap-5 mt-16"
+        data-animation="slide-up"
+      >
         <Button
           asChild
           variant="primary"
           data-cursor-size="40"
           data-cursor-stick
           data-cursor-exclusion
-          className="transition-all duration-700 hover:scale-95"
+          data-animation-target
         >
           <Link href={'/about'}>
             About me <i className="fi fi-sr-video-camera" />

diff --git a/src/app/(root)/home-project-section.tsx b/src/app/(root)/home-project-section.tsx
@@ -22,7 +22,7 @@ export default function HomeProjectSection() {
 
       <div className="flex justify-center mt-56">
         <Button asChild variant="outline">
-          <Link href={'/project'}>
+          <Link href={'/works'}>
             More projects <i className="fi fi-sr-gamepad" />
           </Link>
         </Button>

diff --git a/src/app/(root)/page.tsx b/src/app/(root)/page.tsx
@@ -33,7 +33,7 @@ export default function HomePage() {
   return (
     <main className="flex flex-col pt-28 py-32 laptop:py-28 gap-28 laptop:gap-80">
       <HomeIntroSection />
-      <HomeProjectSection />
+      {/* <HomeProjectSection /> */}
       <HomeBlogSection />
       <HomeLearnSection />
       <HomeContactSection />