diff --git a/src/components/molecules/Block/Block.styles.ts b/src/components/molecules/Block/Block.styles.ts index 1c90335..e23e623 100644 --- a/src/components/molecules/Block/Block.styles.ts +++ b/src/components/molecules/Block/Block.styles.ts @@ -6,11 +6,16 @@ export const StyledBlock = styled.div` padding: ${({ theme: { spacing } }) => `0 ${spacing(2.5)}px`}; & li { padding: ${({ theme: { spacing } }) => `${spacing(0.5)}px 0`}; + line-height: 1.5; & ul { - list-style: square; + list-style: circle; } } } + + a { + text-decoration: underline; + } `; export const TitleWrapper = styled.div``; diff --git a/src/pages/terms/components/en.tsx b/src/pages/terms/components/en.tsx new file mode 100644 index 0000000..15520d5 --- /dev/null +++ b/src/pages/terms/components/en.tsx @@ -0,0 +1,187 @@ +import { Link } from "react-router-dom"; + +import Box from "@components/atoms/Box"; +import Button from "@components/atoms/Button"; +import Icon from "@components/atoms/Icon"; +import Typography from "@components/atoms/Typography"; +import Block from "@components/molecules/Block"; + +function TermsEnPage() { + return ( + <> + + {`We will explain the "terms of use" (hereinafter referred to as the + "terms") for the the service and application "Plandy" (hereinafter + referred to as "service") provided by Danah Kim (hereinafter referred to as the + "service provider").`} + + + + +
    +
  • + {`Preparation of equipment and network environment to operate this application shall be + done at the user's expense and responsibility.`} +
    • +
  • + We do not guarantee the accuracy, reliability, or completeness of the information + provided by this service +
    • +
  • + We will do its best to ensure that the user have no inconvenience in using the + Service. However, the provision of the Service may not be smooth due to temporary + inspection or maintenance. +
    • +
  • + We shall not be held responsible for any damages suffered by the user in connection + with the use of this service +
    • +
  • + We are not responsible for any failure to use the Service due to reasons attributable + to you. +
    • +
  • + The user shall use this service at his/her own responsibility and shall indemnify the + service provider for any damage caused by using this service +
    • +
  • + The service provider will not, under any circumstances, refund usage fees received for + paid services +
    • +
+ + +
    +
  • Service details and usage fees are announced within the app.
    • +
  • + We offer two plans: Remove Ad and the Pro Plan. For detailed information about the + plans, please refer to the app. +
    • +
      +
    • + After subscribing, you can manage and cancel your subscription through your App + Store account settings. Even if you cancel, the premium service will remain + available until the end of the subscription period. +
      • +
    • + If you do not cancel at least 24 hours before the subscription renewal date, it will + be automatically renewed. Payments that have already been processed are + non-refundable. +
      • +
    • + Refund requests must be submitted to support@case-d.com within 7days from the + payment date. Refunds are only applicable if there is no record of service usage + after payment. Once the service has been used, refunds will not be granted. +
      • +
    +
  • The following terms apply universally to all paid services
    • +
      +
    • + Users must review the service details thoroughly before making a payment for any + paid service. +
      • +
    • + {`The service is not liable for any issues arising from a user's failure to review the details before purchasing a paid service.`} +
      • +
    • + Users must use a payment method registered under their own name when making payments + for paid services. Users are fully responsible for any issues arising from the use + of another person’s payment method. +
      • +
    • + Repeated payment transactions without intent to use the paid service or any + unauthorized access attempts are strictly prohibited. +
      • +
    • Minors are not permitted to use paid services.
      • +
    • + The service provider reserves the right to modify pricing plans and service fees, + with a notice provided within the service at least 30 days prior to any changes. +
      • +
    +
+ + +
    +
  • Acts that violate copyrights, portrait rights, honor rights, privacy, etc.
    • +
  • + Acts that infringe copyrights, other intellectual property rights or property + interests of service providers or third parties, or acts that may infringe +
    • +
  • + Acts that violate laws or public order and morals, or acts that are likely to do so +
    • +
  • + Acts that disadvantage other users or third parties, or acts that are likely to do so +
    • +
  • + Acts that interfere with the operation of this service, or acts that may interfere +
    • +
  • + Acts that damage the credibility of the service provider or this service, or acts that + are likely to do so +
    • +
  • + Acts of reverse engineering, decompiling, or disassembling the software information + and copyrighted material contained in this service +
    • +
  • + {`Unauthorized access to the service provider's network and the Internet server used to provide this service (hereinafter referred to as "target equipment"), or unauthorized rewriting or deletion of accumulated information.`} +
    • +
  • + Acts of transmitting harmful computer programs such as viruses to the target equipment +
    • +
  • Acts that impose a load more than necessary on the target equipment
    • +
  • Other acts that the service provider deems inappropriate
    • +
+ + + + + + + + + + + + ); +} + +export default TermsEnPage; diff --git a/src/pages/terms/components/ko.tsx b/src/pages/terms/components/ko.tsx new file mode 100644 index 0000000..4164902 --- /dev/null +++ b/src/pages/terms/components/ko.tsx @@ -0,0 +1,235 @@ +import { Link } from "react-router-dom"; + +import Box from "@components/atoms/Box"; +import Typography from "@components/atoms/Typography"; +import Block from "@components/molecules/Block"; + +function TermsKoPage() { + return ( + <> + {`본 약관은 김단아(이하 "서비스 제공자")가 제공하는 Plandy 서비스(이하 "서비스")에 대한 서비스 제공자와 사용자 여러분(이하 "사용자")의 이용에 대한 권리와 의무, 책임 사항을 담고 있습니다. 이용약관을 위반하는 경우 서비스 이용에 제한이 있을 수 있으니 서비스 이용 전 시간을 내어 이용약관을 숙지해주시기 바랍니다.`} + + + + + + + + + + + + + + + +
    +
  • {`"서비스"의 본 약관 상 환불규정 등은 "약관의 규제에 관한 법률", "온라인 디지털콘텐츠산업 발전법", "전자상거래 등에서의 소비자보호에 관한 법률" 등을 반영하였습니다.`}
    • +
  • + 이용자의 서비스 이용이 다음의 각 항에 해당하는 경우, 전 항의 관계법령에 따른 + 청약철회가 불가합니다. +
      +
    • 청약철회가 불가능한 서비스에 대하여 해당 사실을 표시사항에 포함한 경우
      • +
    • 이벤트, 테스트 등의 목적으로 서비스를 제공한 경우
      • +
    • 한시적 또는 일부 이용 등의 방법을 제공한 경우
      • +
    +
    • +
+ + +
    +
  • {`"사용자"의 부득이한 사정으로 구독 서비스를 지속할 수 없을 경우, 사용자는 다음 달 플랜을 예약해지할 수 있습니다.`}
    • +
  • {`"사용자"가 해당 서비스의 다음달 이용신청을 취소하고자 하는 경우에는 앱 내 구독관리 페이지에서 예약해지를 진행해야 합니다. 예약해지를 신청하면 해지가 진행되는 다음 결제일 전까지 "서비스"를 계속 이용할 수 있습니다. 낮은 레벨의 플랜으로 변경하는 경우 역시 마찬가지로 앱 내 구독관리 페이지에서 변경 가능하며, 다음 결제일 전까지 기존 플랜을 이용하다 결제일을 기준으로 변경됩니다.`}
    • +
  • {`"사용자"는 "서비스"가 제공하는 유료 구독 서비스를 환불 및 변경할 수 있습니다. 단, 결제가 이루어진지 7일이 지났거나 7일 이내더라도 "사용자"가 유료 구독 서비스를 이용한 내역이 있다면 환불이 불가능합니다. 서비스 제공자는 해당 내용에 대해 결제 단계에서 충분히 고지하며, "사용자"는 첫 달 결제 때 해당 내용을 승인해야 유료서비스를 이용할 수 있습니다.`}
    • +
  • + {`다음 각 호의 경우에 "사용자"는 환불을 요청할 수 없습니다.`} +
      +
    • 결제 후 구독 서비스에서 제공하는 기능을 이용한 경우
      • +
    • 가장 최근의 구독 서비스 결제가 이루어진지, 만 7일이 지난 경우
      • +
    • + 서비스 업데이트를 통한 문제 해결이 가능함에도 사용자의 의사로 이를 거부하여 + 서비스를 이용하지 못하는 경우 +
      • +
    • 사용자의 실수로 해당 서비스를 이용하지 못하는 경우
      • +
    +
    • +
  • + 결제 방식에 따라 이용 신청 취소 및 결제 취소는 다음과 같습니다. +
      +
    • + Apple IAP(In-App-purchase)의 경우  + + Apple 미디어 서비스 이용 약관 + + 의 정책을 따릅니다. +
      • +
    • + Google Play IAP(In-App-purchase)의 경우  + + Google Play 서비스 약관 + + 의 정책을 따릅니다. +
      • +
    +
    • +
  • {`"사용자"가 해당 "서비스"의 환불을 요청할 경우, "사용자"가 환불에 대해 직접 "서비스 제공자"에게 'support@case-d.com'으로 알려야 합니다.`}
    • +
  • {`"서비스 제공자"는 환불요건이 충족된 "사용자"에 한해서, "사용자"로부터 해지 통보를 받은 경우 3영업일 이내에 "서비스"에 대한 대금을 환급합니다.`}
    • +
  • {`"서비스 제공자"는 이용대금의 결제와 동일한 방법으로 결제 대금을 환불해야 하며, 동일한 방법으로 환불이 불가능할 경우 이를 사전에 고지하여야 합니다.`}
    • +
+ + +
    +
  • + {`본 앱을 구동하기 위한 기기 및 네트워크 환경의 준비는 "사용자"의 비용과 책임으로 이루어져야 합니다.`} +
    • +
  • + {`"사용자"는 "서비스" 이용 시 법령에 위반되거나 공공질서를 저해할 우려가 있는 행위를 해서는 안 됩니다.`} +
      +
    • 신청 또는 변경 시 허위 내용의 등록
      • +
    • 타인의 정보 도용
      • +
    • {`"서비스"에 게시된 정보의 변경`}
      • +
    • {`"서비스"가 정한 정보 이외의 정보(컴퓨터 프로그램 등) 등의 송신 또는 게시`}
      • +
    • {`"서비스" 및 기타 제 3자의 저작권 등 지적재산권에 대한 침해`}
      • +
    • {`"서비스" 및 기타 제 3자의 명예를 손상시키거나 업무를 방해하는 행위`}
      • +
    • + 외설 또는 폭력적인 메시지, 화상, 음성, 기타 공서양속에 반하는 정보를 사이트에 공개 + 또는 게시하는 행위 또는 다른 회원에게 발송하는 행위 +
      • +
    • 다른 회원에게 수치심을 주거나 괴롭히는 행위
      • +
    • {`"서비스"가 제공하는 서비스 이용 방법을 따르지 않고 비정상적인 방법으로 서비스를 이용하거나 시스템에 접근하는 행위`}
      • +
    • 성폭력 특별법에 위배되는 행위
      • +
    +
    • +
  • {`"사용자"는 "서비스 제공자"의 서면 허가 없이 영리 목적으로 서비스를 사용할 수 없습니다. 또한, 서비스 파생물을 제작하거나 역파일, 소스 코드를 추출하는 행위도 금지 됩니다.`}
    • +
  • {`"사용자"는 자신의 책임하에 "서비스"를 이용해야 하며 본 서비스의 이용 결과에 대해 일체의 책임을 져야 합니다.`}
    • +
  • {`"사용자"가 약관을 준수하지 않아 "서비스 제공자"에게 손해를 입힐 경우, "사용자"는 "서비스 제공자"의 요구에 따라 이를 보상할 책임이 있습니다.`}
    • +
+ + +
    +
  • {`"서비스 제공자"는 본 서비스에서 제공하는 정보의 정확성, 신뢰성, 완전성에 대해 보증하지 않습니다.`}
    • +
  • {`"서비스 제공자"는 "사용자" 상호간 또는 이용자와 제 3자 간 콘텐츠를 매개로 하여 발생한 분쟁 등에 대하여 책임을 지지 않습니다.`}
    • +
  • {`"서비스 제공자"는 천재지변, 불가항력 등으로 인해 서비스 제공이 불가능한 경우 책임을 지지 않습니다.`}
    • +
  • {`"서비스 제공자"는 "사용자"가 서비스 이용에 불편함이 없도록 최선을 다해 노력합니다. 다만, 임시 점검이나 유지 · 보수 등으로 서비스 제공이 원활하지 않을 수 있습니다.`}
    • +
  • {`"서비스 제공자"는 "사용자"의 귀책사유로 인한 서비스 이용 장애에 대해 책임을 지지 않습니다.`}
    • +
  • {`"서비스 제공자"는 서비스에 대한 결함, 오류, 버그를 최소화하기 위해 지속해서 서비스를 개선하지만, 법률상으로 이러한 하자 없이 서비스를 제공할 의무를 갖지 않습니다.`}
    • +
+ + + +
    +
  • + 본 약관과 관련하여 분쟁이 발생할 경우, 회사의 본사 소재지를 관할하는 법원을 제1심 + 법원으로 합니다. +
    • +
  • {`"서비스"는 "사용자"가 제기하는 정당한 의견이나 불만을 반영하고 그 피해를 보상처리하기 위하여 피해보상처리기구를 설치 · 운영합니다.`}
    • +
  • {`"서비스"는 "사용자"로 부터 제출되는 불만사항 및 의견은 우선적으로 그 사항을 처리합니다. 다만, 신속한 처리가 곤란한 경우에는 이용자에게 그 사유와 처리 일정을 즉시 통보합니다.`}
    • +
  • {`"사이트"와 이용자 간에 발생한 전자상거래 분쟁과 관련하여 이용자의 피해구제신청이 있는 경우에는 공정거래위원회 또는 시 · 도지사가 의뢰하는 분쟁조정기관의 조정에 따를 수 있습니다.`}
    • +
+ + +
    +
  • {`"서비스"와 "사용자" 간에 발생한 전자상거래 분쟁에 관한 소송은 재소 당시의 "서비스 제공자"의 주소에 의하고, 부득이한 경우에는 거소를 관할하는 지방법원의 전속관할로 합니다.`}
    • +
  • {`"서비스"와 "사용자" 간에 제기된 전자상거래 소송에는 한국법을 적용합니다.`}
    • +
+ + +
    +
  • {`"서비스 제공자"는 법률 변경이나 서비스 변경사항을 반영하기 위한 목적 등으로 본 약관을 수정할 수 있습니다.`}
    • +
  • {`"서비스 제공자"는 필요한 경우 본 약관을 변경할 수 있으며, 변경된 약관은 "서비스"에 게시함으로써 효력이 발생합니다.`}
    • +
+ + 이 약관은 2025년 02월 19일부터 시행합니다. + + + ); +} + +export default TermsKoPage; diff --git a/src/pages/terms/page.tsx b/src/pages/terms/page.tsx index f309023..3a51a92 100644 --- a/src/pages/terms/page.tsx +++ b/src/pages/terms/page.tsx @@ -1,149 +1,36 @@ -import { useEffect } from "react"; +import { lazy, useEffect } from "react"; -import { Link } from "react-router-dom"; +import { useTranslation } from "react-i18next"; -import Box from "@components/atoms/Box"; -import Button from "@components/atoms/Button"; -import Icon from "@components/atoms/Icon"; import Typography from "@components/atoms/Typography"; import GeneralLayout from "@components/layouts/GeneralLayout"; -import Block from "@components/molecules/Block"; import Footer from "@components/molecules/Footer"; import Header from "@components/molecules/Header"; +import TermsEnPage from "@pages/terms/components/en"; import { GoogleFirebase } from "@utils/google-firebase"; +import { LangCode } from "@utils/i18n"; + +const TermsKoPage = lazy(() => import("./components/ko")); function TermsPage() { + const { i18n, t } = useTranslation(); + useEffect(() => { GoogleFirebase.pageView("Terms of Use"); }, []); + let contents = ; + + if (i18n.resolvedLanguage === LangCode.KO) { + contents = ; + } + return ( } footer={