fix(build): fix build error from button component (#8)

* feat: implement color system

* feat: implement landing page content components

* feat: implement bottom CTA with global button component

* feat: implement footer

* refactor: refactor folder structure for build fix

* fix: fix build error from server component

src/app/(landing)/_components/footer.tsx

@@ -1,4 +1,4 @@
-import Logo from "@/components/logo/logo";
+import Logo from "@/components/common/logo/logo";
 import React from "react";
 
 const Footer = () => {

src/app/(landing)/_components/header.tsx

@@ -1,4 +1,4 @@
-import Logo from "@/components/logo/logo";
+import Logo from "@/components/common/logo/logo";
 import React from "react";
 
 const Header = () => {

src/app/(landing)/_components/intro.tsx

@@ -1,4 +1,4 @@
-import LottiePlayer from "@/components/lottie-player/lottie-player";
+import LottiePlayer from "@/components/common/lottie-player/lottie-player";
 import React from "react";
 
 const Intro = () => {

src/app/(landing)/_components/monthly-dividend.tsx

@@ -1,4 +1,4 @@
-import LottiePlayer from "@/components/lottie-player/lottie-player";
+import LottiePlayer from "@/components/common/lottie-player/lottie-player";
 import React from "react";
 
 const MonthlyDividend = () => {

src/app/(landing)/_components/sector-balanced.tsx

@@ -1,4 +1,4 @@
-import LottiePlayer from "@/components/lottie-player/lottie-player";
+import LottiePlayer from "@/components/common/lottie-player/lottie-player";
 import React from "react";
 
 const SectorBalanced = () => {

src/app/(landing)/_components/target-user.tsx

@@ -1,4 +1,4 @@
-import LottiePlayer from "@/components/lottie-player/lottie-player";
+import LottiePlayer from "@/components/common/lottie-player/lottie-player";
 import React from "react";
 
 const TargetUser = () => {

src/app/(landing)/_components/yearly-dividend.tsx

@@ -1,4 +1,4 @@
-import LottiePlayer from "@/components/lottie-player/lottie-player";
+import LottiePlayer from "@/components/common/lottie-player/lottie-player";
 import React from "react";
 
 const YearlyDividend = () => {

src/app/(landing)/page.tsx

@@ -6,7 +6,7 @@ import TargetUser from "./_components/target-user";
 import YearlyDividend from "./_components/yearly-dividend";
 import FAQ from "./_components/faq";
 import Footer from "./_components/footer";
-import { Button } from "@/components/button/button";
+import { Button } from "@/components/common/button/button";
 
 export default function Home() {
   return (

src/app/(main)/ticker/_components/content.tsx

@@ -0,0 +1,13 @@
+"use client";
+
+import React from "react";
+import TickerList from "./ticker-list";
+
+const Content = React.memo(() => {
+  const handleClickTicker = React.useCallback((name: string) => {
+    console.log("name:", name);
+  }, []);
+  return <TickerList onClick={handleClickTicker} />;
+});
+
+export default Content;

src/app/ticker/page.tsx → src/app/(main)/ticker/page.tsx

@@ -1,7 +1,7 @@
-import { Drawer as DrawerPrimitive } from "@/components/ui/drawer";
-import { TickerDrawer } from "./_components/ticker-drawer";
 import Intro from "./_components/intro";
 import Content from "./_components/content";
+import { Drawer as DrawerPrimitive } from "@/components/ui/drawer";
+import { TickerDrawer } from "./_components/ticker-drawer";
 
 export default function TickerPage() {
   return (

src/app/layout.tsx

@@ -3,7 +3,7 @@ import { DM_Sans } from "next/font/google";
 import "./globals.css";
 import React from "react";
 import { GlobalProvider } from "./global-provider";
-import NavigationBar from "@/components/navigation-bar/navigation-bar";
+import NavigationBar from "@/components/common/navigation-bar/navigation-bar";
 import { Toaster } from "@/components/ui/sonner";
 
 const dm_sans = DM_Sans({ subsets: ["latin"], weight: ["400", "500", "600", "700"] });