From 8db1d82cf3177689f8ffb4f451de822f5e6c49dc Mon Sep 17 00:00:00 2001
From: yshls <shluxnsal01@gmail.com>
Date: Wed, 6 Aug 2025 20:15:07 +0900
Subject: [PATCH 1/2] =?UTF-8?q?style:=20snac->SNAC,=20=EC=B9=B4=EB=93=9C?=
 =?UTF-8?q?=20=EB=B0=B0=EA=B2=BD=20=ED=9D=B0=EC=83=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/home/components/introduction.tsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/app/home/components/introduction.tsx b/app/home/components/introduction.tsx
index 801a639f..8a83af35 100644
--- a/app/home/components/introduction.tsx
+++ b/app/home/components/introduction.tsx
@@ -216,20 +216,20 @@ const DataItemCard = ({
       whileInView={{ opacity: 1, y: 0 }}
       viewport={{ amount: 0.5 }}
       transition={{ duration: 0.5, delay }}
-      className="transition-transform duration-300 hover:scale-[1.05] relative bg-white rounded-2xl shadow-light flex flex-col p-4 h-full"
+      className="transition-transform duration-300 hover:scale-[1.05] relative bg-white dark:bg-white  rounded-2xl shadow-light flex flex-col p-4 h-full"
     >
       <div className="relative h-20 w-full my-2">
         <Image src={imageUrl} alt={title} layout="fill" objectFit="contain" />
       </div>
 
       <div className="flex-grow flex flex-col items-start mt-2">
-        <h3 className="font-bold text-gray-900 text-left text-sm md:text-base">
+        <h3 className="font-bold text-gray-900  text-left text-sm md:text-base">
           {title}
         </h3>
-        <p className="text-sm text-gray-800 h-6 flex items-center">
+        <p className="text-sm text-gray-800  h-6 flex items-center">
           {displayPrice}
         </p>
-        <p className="text-xs text-gray-500">바삭스코어 {ratingScore}</p>
+        <p className="text-xs text-gray-500 ">바삭스코어 {ratingScore}</p>
       </div>
 
       <div className="flex justify-center mt-4">
@@ -323,7 +323,7 @@ export default function Introduction() {
             className="absolute flex flex-col items-center"
           >
             <h2 className="text-8xl md:text-9xl font-extrabold text-teal-green bg-gradient-to-r from-teal-400 to-lime-400 bg-clip-text text-transparent">
-              Snac
+              SNAC
             </h2>
           </motion.div>
         </div>
@@ -346,7 +346,7 @@ export default function Introduction() {
                 }}
                 className="text-3xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-4xl"
               >
-                Snac의 약속
+                SNAC의 약속
               </motion.h2>
               <motion.p
                 variants={{
@@ -369,7 +369,7 @@ export default function Introduction() {
                 {
                   icon: <Users className="w-12 h-12 text-teal-green" />,
                   title: '신속한 실시간 매칭',
-                  desc: 'AI 기반 매칭 시스템이 최적의 거래 상대를 즉시 찾아 연결합니다.',
+                  desc: '시스템이 최적의 거래 상대를 즉시 찾아 연결합니다.',
                 },
               ].map((item, i) => (
                 <motion.div
@@ -421,7 +421,7 @@ export default function Introduction() {
                 }}
                 className="mt-4 text-lg text-gray-600 dark:text-gray-400"
               >
-                Snac은 데이터 거래에 필요한 모든 기능을 갖추고 있습니다.
+                SNAC은 데이터 거래에 필요한 모든 기능을 갖추고 있습니다.
               </motion.p>
             </motion.div>
             <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
@@ -490,7 +490,7 @@ export default function Introduction() {
                 <RealtimeTradeVisual />
               </motion.div>
               <motion.div
-                initial={{ opacity: 0, x: 50 }}
+                initial={{ opacity: 0, x: -50 }}
                 whileInView={{ opacity: 1, x: 0 }}
                 viewport={{ amount: 0.5 }}
                 transition={{ duration: 0.6 }}
@@ -531,7 +531,7 @@ export default function Introduction() {
                 }}
                 className="text-3xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-4xl"
               >
-                Snac 포인트만의 특별한 혜택
+                SNAC 포인트만의 특별한 혜택
               </motion.h2>
               <motion.p
                 variants={{
@@ -540,7 +540,7 @@ export default function Introduction() {
                 }}
                 className="mt-4 text-lg text-gray-600 dark:text-gray-400"
               >
-                포인트는 현금으로 환전할 수 없지만, Snac 생태계 안에서 더 큰
+                포인트는 현금으로 환전할 수 없지만, SNAC 생태계 안에서 더 큰
                 가치를 가집니다.
               </motion.p>
             </motion.div>

From 5e43ecf6dcc37e87af5aa96ed44c64fb46bc30a2 Mon Sep 17 00:00:00 2001
From: yshls <shluxnsal01@gmail.com>
Date: Wed, 6 Aug 2025 20:59:33 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=EB=A7=89=ED=9E=88=EB=8A=94=EA=B2=83,=20=EB=B0=98=EC=9D=91?=
 =?UTF-8?q?=ED=98=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/(shared)/components/DataItemCard.tsx | 20 +++++++-------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/app/(shared)/components/DataItemCard.tsx b/app/(shared)/components/DataItemCard.tsx
index 9b5821bc..9a5af9d8 100644
--- a/app/(shared)/components/DataItemCard.tsx
+++ b/app/(shared)/components/DataItemCard.tsx
@@ -48,7 +48,6 @@ export const DataItemCard = ({
   cardId,
   carrier,
   dataAmount,
-  skipLoginCheck = false,
 }: DataItemCardProps) => {
   const loggedInUser = useAuthStore((state: AuthState) => state.user);
   const { actions } = useHomeStore();
@@ -101,14 +100,14 @@ export const DataItemCard = ({
   const buttonConfig = getButtonConfig();
 
   return (
-    <div className="transition-transform duration-300 hover:scale-[1.02] relative bg-[#F3F5F7] rounded-2xl shadow-md max-w-[150px] max-h-[203px] md:w-[238px] md:max-w-none md:max-h-[348px] flex flex-col p-3">
+    <div className="transition-transform duration-300 hover:scale-[1.02] relative bg-[#F3F5F7] rounded-2xl shadow-md w-full max-h-[203px] md:max-h-[348px] flex flex-col p-3">
       {isNew && (
-        <span className="absolute z-10 bg-red text-white text-regular-2xs md:text-regular-xs font-bold w-[47px]  md:w-[57px] h-[20px] md:h-[24px]  rounded-[16px] flex items-center justify-center ">
+        <span className="absolute top-3 left-3 z-10 bg-red text-white text-regular-2xs md:text-regular-xs font-bold w-[47px] md:w-[57px] h-[20px] md:h-[24px] rounded-[16px] flex items-center justify-center">
           {newBadgeText}
         </span>
       )}
       {isMyPost && (
-        <span className="absolute top-3 right-3 z-10 bg-green-400 text-white text-regular-2xs md:text-regular-xs w-[47px] md:w-[57px] h-[20px] md:h-[24px] rounded-[16px] font-bold px-1 py-1 flex items-center justify-center ">
+        <span className="absolute top-3 right-3 z-10 bg-green-400 text-white text-regular-2xs md:text-regular-xs w-[47px] md:w-[57px] h-[20px] md:h-[24px] rounded-[16px] font-bold px-1 py-1 flex items-center justify-center">
           MY
         </span>
       )}
@@ -117,12 +116,13 @@ export const DataItemCard = ({
           src={imageUrl}
           alt={title}
           fill
+          sizes="(max-width: 768px) 50vw, (max-width: 1024px) 33vw, 25vw"
           style={{ objectFit: 'contain' }}
         />
       </div>
 
       <div className="flex-grow flex flex-col items-center md:items-start md:py-[18px] mt-2">
-        <h3 className="text-medium-xs font-bold md:text-medium-md text-[#141718]">
+        <h3 className="text-medium-xs font-bold md:text-medium-md text-[#141718] truncate w-full text-center md:text-left">
           {title}
         </h3>
         <p className="text-medium-sm md:text-medium-sm text-gray-900 h-6 flex items-center">
@@ -142,22 +142,16 @@ export const DataItemCard = ({
                 return;
               }
 
-              // 로그인 상태 확인 (skipLoginCheck가 true면 건너뛰기)
-              if (!skipLoginCheck && !loggedInUser) {
-                toast.error('로그인 해주세요.');
-                router.push('/login');
-                return;
-              }
               onClickBuy({ email, createdAt });
             }}
-            className={`w-btn-sm h-btn-sm md:w-btn-md md:h-btn-md ${buttonConfig.className} transition text-regular-md border rounded-lg flex items-center justify-center`}
+            className={`w-full h-full ${buttonConfig.className} transition text-regular-md border rounded-lg flex items-center justify-center`}
             style={{ fontSize: 'clamp(12px, 2.5vw, 16px)' }}
             disabled={!buttonConfig.clickable}
           >
             {buttonConfig.text}
           </Button>
         ) : (
-          <div className="flex gap-2 w-full">
+          <div className="flex gap-2 w-full h-full">
             {sellStatus === 'SELLING' ? (
               <>
                 {cardCategory === 'SELL' && (