feat: text style (#38)

* feat: text style

* feat: redirect

Author: syhgpd

app/_components/blog/index.tsx

@@ -25,7 +25,6 @@ export default async function BlogList() {
             return (
               <Link
                 href={`/blog${route}`}
-                target="_blank"
                 key={route}
                 className="group flex w-full hover:bg-black/10 dark:hover:bg-white/20 duration-300 transition-all cursor-pointer flex-col gap-2 rounded-xl border-gray-700 p-4"
               >

app/_components/home/HowItWorks.tsx

@@ -13,7 +13,7 @@ export default function HowItWorks() {
       <h2 className="font-oceanic text-[40px] leading-[46px] whitespace-pre-line md:text-[48px] md:leading-[56px] ">
         {"Unchain your potential\nwith Wrtn Agent OS"}
       </h2>
-      <p className="text-base whitespace-pre-line">
+      <p className="text-base leading-6 md:whitespace-pre-line text-[#767676]">
         {
           "Using Wrtn Agent OS, you can easily create and share your own AI apps and agents\nthrough natural language input and a no-code interface, even without any knowledge of development."
         }

app/_components/home/OpenSource.tsx

@@ -7,7 +7,7 @@ import { addBasePath } from "@/app/_lib/add-base-path";
 
 export default function OpenSource() {
   return (
-    <div className="flex w-full flex-col bg-black items-center gap-20 pb-[100px] pt-[200px] md:pb-0 px-8">
+    <div className="flex w-full flex-col bg-black items-center gap-20 pb-[100px] pt-[200px] px-4 md:pb-0 md:px-8">
       <div className="flex flex-col md:items-center md:text-center gap-6">
         <h2 className="font-oceanic text-[40px] leading-[46px] text-[#E6FDFC] md:whitespace-pre-line">
           {"Based on powerful\nOpen Source Ecosystem"}

app/_components/home/Roadmap.tsx

@@ -12,7 +12,7 @@ export default function Roadmap() {
           <h2 className="font-oceanic text-[40px] leading-[46px] whitespace-pre-line text-[#E6FDFC]">
             {"Built from the ground up\nfor every layer of AI Agents"}
           </h2>
-          <p className="text-lg whitespace-pre-line text-[#A7B4B3]">
+          <p className="text-lg md:whitespace-pre-line text-[#A7B4B3]">
             {
               "Agent OS lets you seamlessly build, deploy, manage, and host AI agents\nusing Agentica and open-source libraries—while integrating powerful AI\ntools and enabling LLMs to take action in apps."
             }

app/_components/home/Service.tsx

@@ -21,10 +21,10 @@ export default function Service() {
 
   return (
     <div className="flex max-w-screen flex-col items-center gap-6 px-4 pb-52 text-center">
-      <h2 className="font-oceanic text-[32px] text-[#071414] md:text-5xl md:whitespace-pre-line">
+      <h2 className="font-oceanic text-[40px] text-left md:text-center leading-[46px] text-[#071414] md:text-[48px] md:leading-[56px] md:whitespace-pre-line">
         {"Turn Conversations\ninto Conversions"}
       </h2>
-      <p className="text-base text-[#767676] md:text-lg md:whitespace-pre-line">
+      <p className="text-base text-[#767676] text-left md:text-center md:text-lg md:whitespace-pre-line">
         {
           "Wrtn Agent OS enables all to be free from repetitive tasks and work\nefficiently across different jobs and environments"
         }