diff --git a/LICENSE b/LICENSE
new file mode 100644
index 00000000..e5fc96f6
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 washpedia
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/src/app/car-wash-details/hydrated-page.tsx b/src/app/car-wash-details/hydrated-page.tsx
new file mode 100644
index 00000000..537ca61d
--- /dev/null
+++ b/src/app/car-wash-details/hydrated-page.tsx
@@ -0,0 +1,94 @@
+/* eslint-disable @typescript-eslint/no-misused-promises */
+
+'use client';
+
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+
+import CarDetails from '@components/additional-info/car-details/CarDetails';
+import DetailsLoading from '@components/additional-info/details-loading/DetailsLoading';
+import useCarWashCost from '@remote/queries/additional-info/car-wash-details/useCarWashCost';
+import useCarWashFrequency from '@remote/queries/additional-info/car-wash-details/useCarWashFrequency';
+import useCarWashInterest from '@remote/queries/additional-info/car-wash-details/useCarWashInterest';
+import Header from '@shared/header/Header';
+import ProgressBar from '@shared/progress-bar/ProgressBar';
+import Spacing from '@shared/spacing/Spacing';
+
+function CarWashDetailsPage() {
+ const { data: carWashFrequencyData } = useCarWashFrequency();
+ const { data: carWashCostData } = useCarWashCost();
+ const { data: carWashInterestData } = useCarWashInterest();
+
+ const [step, setStep] = useState(1);
+
+ const {
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ register, getValues, formState: { dirtyFields },
+ } = useForm();
+
+ const onNext = () => {
+ setStep((currentStep) => { return currentStep + 1; });
+ };
+
+ // eslint-disable-next-line @typescript-eslint/require-await
+ const onSubmit = async () => {
+ onNext();
+ // TODO: 쿼리훅 제작
+ // console.log(getValues());
+ };
+
+ // TODO: Loader 컴포넌트 제작
+ if (carWashFrequencyData == null
+ || carWashCostData == null
+ || carWashInterestData == null
+ ) {
+ return