diff --git a/ikas-theme/public/locales/en/product-reviews.json b/ikas-theme/public/locales/en/product-reviews.json
new file mode 100644
index 0000000..19da6d1
--- /dev/null
+++ b/ikas-theme/public/locales/en/product-reviews.json
@@ -0,0 +1,24 @@
+{
+  "title": "Customer Reviews",
+  "writeAReview": "Write a review",
+  "closeReviewForm": "Close review form",
+  "emptyReview": "No reviews for this product",
+  "formTitle": "Write a review",
+  "basedOnXReviews": "Based on {{x}} reviews",
+  "xStar": "{{x}} star",
+  "purchased": "Purchased",
+  "noComment": "No comment",
+  "xReview": "{{x}} Review",
+  "form": {
+    "name": "Name",
+    "email": "Email",
+    "rating": "Rating",
+    "reviewStarts": "Raiting",
+    "reviewTitle": "Review Title",
+    "bodyOfReview": "Body of Review",
+    "requiredRule": "This field is required",
+    "submitReview": "Submit Review",
+    "successText": "Thank you for submitting a review!",
+    "errorText": "An error occurred on submiting. Please try again"
+  }
+}
diff --git a/ikas-theme/src/components/__generated__/editor.tsx b/ikas-theme/src/components/__generated__/editor.tsx
index d986f90..09ef20d 100644
--- a/ikas-theme/src/components/__generated__/editor.tsx
+++ b/ikas-theme/src/components/__generated__/editor.tsx
@@ -19,10 +19,11 @@ const Component13 = dynamic(() => import("../page-404"), { loading: () => <IkasE
 const Component14 = dynamic(() => import("../page-blogs"), { loading: () => <IkasEditorComponentLoader /> });
 const Component15 = dynamic(() => import("../page-blog"), { loading: () => <IkasEditorComponentLoader /> });
 const Component16 = dynamic(() => import("../page-blog-category"), { loading: () => <IkasEditorComponentLoader /> });
+const Component17 = dynamic(() => import("../product-reviews"), { loading: () => <IkasEditorComponentLoader /> });
 
 
 const Components = {
-  "8b5d6278-a490-4f0a-8308-00bf888b79b0": Component0,"ae2074dc-577e-40a1-a9aa-6104aaacdb40": Component1,"a1ea193f-50da-48a3-baa7-5fa8b9ec5b41": Component2,"4fd7e253-29f0-41d7-924f-cbfa1c85c74f": Component3,"58251b96-18ee-42bc-bf7a-75532385f30d": Component4,"2b6b4787-34f6-482e-a7ba-ba1401644295": Component5,"b382e9ea-6d5f-4e16-91de-1c5ba47bec02": Component6,"4018269a-2cae-44fb-8747-978ee92e1bdb": Component7,"c8853ae6-208e-4937-93a5-36a025cb44e3": Component8,"5dfdb8fe-de7b-4413-a00a-ad3af9f887ad": Component9,"9b971632-face-4723-bbdf-e3db79974eb2": Component10,"f2e59aaa-6e1c-4dba-9ae0-3d62d08ee2c0": Component11,"d1d2ba23-1e0d-4708-926b-bc3210bca6b1": Component12,"db6ef045-291c-4e06-92a8-61f6644d8f2c": Component13,"df5b16c2-f104-41f8-b1a2-7c4d7147b8e8": Component14,"0d74b684-3bbf-4521-be78-1ea152b66b3b": Component15,"743a6ac1-7598-4b7b-b695-d4a50a313bba": Component16
+  "8b5d6278-a490-4f0a-8308-00bf888b79b0": Component0,"ae2074dc-577e-40a1-a9aa-6104aaacdb40": Component1,"a1ea193f-50da-48a3-baa7-5fa8b9ec5b41": Component2,"4fd7e253-29f0-41d7-924f-cbfa1c85c74f": Component3,"58251b96-18ee-42bc-bf7a-75532385f30d": Component4,"2b6b4787-34f6-482e-a7ba-ba1401644295": Component5,"b382e9ea-6d5f-4e16-91de-1c5ba47bec02": Component6,"4018269a-2cae-44fb-8747-978ee92e1bdb": Component7,"c8853ae6-208e-4937-93a5-36a025cb44e3": Component8,"5dfdb8fe-de7b-4413-a00a-ad3af9f887ad": Component9,"9b971632-face-4723-bbdf-e3db79974eb2": Component10,"f2e59aaa-6e1c-4dba-9ae0-3d62d08ee2c0": Component11,"d1d2ba23-1e0d-4708-926b-bc3210bca6b1": Component12,"db6ef045-291c-4e06-92a8-61f6644d8f2c": Component13,"df5b16c2-f104-41f8-b1a2-7c4d7147b8e8": Component14,"0d74b684-3bbf-4521-be78-1ea152b66b3b": Component15,"743a6ac1-7598-4b7b-b695-d4a50a313bba": Component16,"4fb4f19d-5889-4ef3-84c3-a0871eab784d": Component17
 };
 
 export default Components;
\ No newline at end of file
diff --git a/ikas-theme/src/components/__generated__/pages/[slug]/index.ts b/ikas-theme/src/components/__generated__/pages/[slug]/index.ts
index 61ef45d..fa65a7d 100644
--- a/ikas-theme/src/components/__generated__/pages/[slug]/index.ts
+++ b/ikas-theme/src/components/__generated__/pages/[slug]/index.ts
@@ -3,9 +3,10 @@ import Component1 from "src/components/footer";
 import Component2 from "src/components/product-detail";
 import Component3 from "src/components/page-brand";
 import Component4 from "src/components/page-category";
+import Component5 from "src/components/product-reviews";
 
   const Components = {
-    "ae2074dc-577e-40a1-a9aa-6104aaacdb40": Component0,"a1ea193f-50da-48a3-baa7-5fa8b9ec5b41": Component1,"4fd7e253-29f0-41d7-924f-cbfa1c85c74f": Component2,"c8853ae6-208e-4937-93a5-36a025cb44e3": Component3,"5dfdb8fe-de7b-4413-a00a-ad3af9f887ad": Component4
+    "ae2074dc-577e-40a1-a9aa-6104aaacdb40": Component0,"a1ea193f-50da-48a3-baa7-5fa8b9ec5b41": Component1,"4fd7e253-29f0-41d7-924f-cbfa1c85c74f": Component2,"c8853ae6-208e-4937-93a5-36a025cb44e3": Component3,"5dfdb8fe-de7b-4413-a00a-ad3af9f887ad": Component4,"4fb4f19d-5889-4ef3-84c3-a0871eab784d": Component5
   };
   
 export default Components;
\ No newline at end of file
diff --git a/ikas-theme/src/components/__generated__/types.ts b/ikas-theme/src/components/__generated__/types.ts
index 6d201a4..f89c6a2 100644
--- a/ikas-theme/src/components/__generated__/types.ts
+++ b/ikas-theme/src/components/__generated__/types.ts
@@ -115,3 +115,7 @@ export type PageBlogCategoryProps = {
 	imageAspectRatio: ImageAspectRatio;
 };
 
+export type ProductReviewsProps = {
+	productDetail: IkasProduct;
+};
+
diff --git a/ikas-theme/src/components/components/alert/index.tsx b/ikas-theme/src/components/components/alert/index.tsx
index 6fc22d9..20d6363 100644
--- a/ikas-theme/src/components/components/alert/index.tsx
+++ b/ikas-theme/src/components/components/alert/index.tsx
@@ -11,6 +11,7 @@ export type FormAlertType = {
 type AlertComponentProps = FormAlertType & {
   closable?: boolean;
   onClose?: () => void;
+  style?: React.CSSProperties;
 };
 
 const AlertComponent = (props: AlertComponentProps) => {
@@ -24,7 +25,7 @@ const AlertComponent = (props: AlertComponentProps) => {
 
   if (!isVisible) return null;
   return (
-    <S.AlertWrapper $status={props.status}>
+    <S.AlertWrapper $status={props.status} style={props.style}>
       {props.title && <S.AlertTitle>{props.title}</S.AlertTitle>}
       <S.AlertText>{props.text}</S.AlertText>
       {props.closable && <S.CloseButton onClick={onClose}>x</S.CloseButton>}
diff --git a/ikas-theme/src/components/components/textarea/index.tsx b/ikas-theme/src/components/components/textarea/index.tsx
index b840007..b30a571 100644
--- a/ikas-theme/src/components/components/textarea/index.tsx
+++ b/ikas-theme/src/components/components/textarea/index.tsx
@@ -3,7 +3,7 @@ import { FormItemStatus } from "../form/form-item";
 import * as S from "./style";
 
 type Props = {
-  status: FormItemStatus;
+  status?: FormItemStatus;
 } & JSX.IntrinsicElements["textarea"];
 
 const Textarea = (props: Props) => {
diff --git a/ikas-theme/src/components/product-reviews/detail/index.tsx b/ikas-theme/src/components/product-reviews/detail/index.tsx
new file mode 100644
index 0000000..5bd180e
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/detail/index.tsx
@@ -0,0 +1,51 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+
+import { ProductReviewsProps } from "src/components/__generated__/types";
+
+import Reviews from "./reviews";
+import ReviewsSummary from "./review-summary";
+import Pagination from "src/components/components/pagination";
+
+import useProductReviews from "../useProductReviews";
+
+const Detail = (props: ProductReviewsProps) => {
+  const { productDetail } = props;
+
+  const {
+    isFormVisible,
+    customerReviewList,
+    onPageChange,
+    onWriteReviewButtonClick,
+    reviewsElementRef,
+  } = useProductReviews({ productDetail });
+
+  return (
+    <>
+      <ReviewsSummary
+        productDetail={productDetail}
+        customerReviewList={customerReviewList}
+        isFormVisible={isFormVisible}
+        onWriteReviewButtonClick={onWriteReviewButtonClick}
+      />
+
+      <div ref={reviewsElementRef}>
+        <Reviews customerReviewList={customerReviewList} />
+      </div>
+
+      {customerReviewList && (
+        <Pagination
+          pageCount={customerReviewList.pageCount}
+          page={customerReviewList.page}
+          loading={customerReviewList.isLoading}
+          hasPrev={customerReviewList.hasPrev}
+          hasNext={customerReviewList.hasNext}
+          getPage={onPageChange}
+          count={customerReviewList.count}
+        />
+      )}
+    </>
+  );
+};
+
+export default observer(Detail);
diff --git a/ikas-theme/src/components/product-reviews/detail/review-form/index.tsx b/ikas-theme/src/components/product-reviews/detail/review-form/index.tsx
new file mode 100644
index 0000000..546514c
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/detail/review-form/index.tsx
@@ -0,0 +1,153 @@
+import React, { useState, useEffect } from "react";
+import { observer } from "mobx-react-lite";
+import {
+  IkasProduct,
+  useTranslation,
+  CustomerReviewForm,
+} from "@ikas/storefront";
+
+import AlertComponent from "src/components/components/alert";
+import FormItem from "src/components/components/form/form-item";
+import Form from "src/components/components/form";
+import Input from "src/components/components/input";
+import TextArea from "src/components/components/textarea";
+import Button from "src/components/components/button";
+import Stars from "../stars";
+
+import { NS } from "src/components/product-reviews";
+
+import * as S from "./style";
+
+const REVIEW_TITLE_MAX_LENGTH = 64;
+const REVIEW_COMMENT_MAX_LENGTH = 256;
+
+type Props = {
+  product: IkasProduct;
+  onSubmitSuccess: () => void;
+  visible: boolean;
+};
+
+const ReviewForm = (props: Props) => {
+  const { product, onSubmitSuccess, visible } = props;
+  const { t } = useTranslation();
+
+  // States
+  const [responseStatus, setResponseStatus] = useState<
+    "success" | "error" | undefined
+  >();
+  const [isPending, setPending] = useState(false);
+  const [form, setForm] = useState<CustomerReviewForm>(
+    new CustomerReviewForm({
+      productId: product.id,
+      message: { starRule: t(`${NS}:form.requiredRule`) },
+    })
+  );
+
+  const onSubmit = async () => {
+    try {
+      setPending(true);
+      const result = await form.submit();
+
+      if (result.isFormError) return;
+
+      if (result.isSuccess) {
+        setResponseStatus("success");
+        onSubmitSuccess();
+        return;
+      }
+      if (!result.isSuccess) {
+        setResponseStatus("error");
+      }
+    } catch (error) {
+      setResponseStatus("error");
+    } finally {
+      setPending(false);
+    }
+  };
+
+  useEffect(() => {
+    if (visible) {
+      setPending(false);
+      setResponseStatus(undefined);
+      setForm(
+        new CustomerReviewForm({
+          productId: product.id,
+          message: { starRule: t(`${NS}:form.requiredRule`) },
+        })
+      );
+    }
+  }, [visible]);
+
+  if (!visible) return null;
+
+  return (
+    <S.ReviewForm>
+      <S.Wrapper>
+        <S.Title>{t(`${NS}:formTitle`)}</S.Title>
+
+        {responseStatus === "success" && (
+          <AlertComponent status="success" text={t(`${NS}:form.successText`)} />
+        )}
+
+        {responseStatus !== "success" && (
+          <>
+            {responseStatus === "error" && (
+              <AlertComponent
+                status="error"
+                text={t(`${NS}:form.errorText`)}
+                style={{
+                  marginBottom: "1rem",
+                }}
+              />
+            )}
+
+            <Form onSubmit={onSubmit}>
+              <FormItem
+                status={form.starErrorMessage ? "error" : undefined}
+                help={form.starErrorMessage}
+                label={t(`${NS}:form.reviewStarts`)}
+              >
+                <Stars
+                  star={form.star as 1 | 2 | 3 | 4 | 5}
+                  onClick={(star) => form.onStarChange(star)}
+                />
+              </FormItem>
+              <FormItem label={t(`${NS}:form.reviewTitle`)}>
+                <Input
+                  maxLength={REVIEW_TITLE_MAX_LENGTH}
+                  value={form.title}
+                  onChange={(event) => {
+                    if (event.target.value.length > REVIEW_TITLE_MAX_LENGTH)
+                      return;
+
+                    form.onTitleChange(event.target.value);
+                  }}
+                />
+              </FormItem>
+              <FormItem label={t(`${NS}:form.bodyOfReview`)}>
+                <TextArea
+                  maxLength={REVIEW_COMMENT_MAX_LENGTH}
+                  value={form.comment}
+                  onChange={(event) => {
+                    if (event.target.value.length > REVIEW_COMMENT_MAX_LENGTH)
+                      return;
+
+                    form.onCommentChange(event.target.value);
+                  }}
+                  style={{
+                    minHeight: "150px",
+                  }}
+                />
+              </FormItem>
+              <Button size="small" loading={isPending} disabled={isPending}>
+                {t(`${NS}:form.submitReview`)}
+              </Button>
+            </Form>
+          </>
+        )}
+      </S.Wrapper>
+    </S.ReviewForm>
+  );
+};
+
+export default observer(ReviewForm);
diff --git a/ikas-theme/src/components/product-reviews/detail/review-form/style.ts b/ikas-theme/src/components/product-reviews/detail/review-form/style.ts
new file mode 100644
index 0000000..3793b5b
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/detail/review-form/style.ts
@@ -0,0 +1,22 @@
+import styled from "styled-components";
+
+import breakpoints from "src/styles/breakpoints";
+
+export const ReviewForm = styled.div`
+  margin-top: 1rem;
+  padding-block: 2rem;
+  border-top: 1px solid ${(props) => props.theme.color.border};
+`;
+
+export const Wrapper = styled.div`
+  max-width: ${breakpoints.md};
+  margin-left: auto;
+  margin-right: auto;
+`;
+
+export const Title = styled.h3`
+  margin-bottom: 1.25rem;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+`;
diff --git a/ikas-theme/src/components/product-reviews/detail/review-summary/index.tsx b/ikas-theme/src/components/product-reviews/detail/review-summary/index.tsx
new file mode 100644
index 0000000..17556ae
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/detail/review-summary/index.tsx
@@ -0,0 +1,82 @@
+import React, { useState } from "react";
+import { observer } from "mobx-react-lite";
+import { useTranslation } from "@ikas/storefront";
+import { ProductReviewsProps } from "src/components/__generated__/types";
+
+import ReviewForm from "../review-form";
+import Stars, { type StarType } from "../stars";
+import Button from "src/components/components/button";
+
+import useProductReviews from "src/components/product-reviews/useProductReviews";
+
+import { NS } from "src/components/product-reviews";
+
+import * as S from "./style";
+
+// prettier-ignore
+type Props = ProductReviewsProps & {
+  isFormVisible: ReturnType<typeof useProductReviews>["isFormVisible"];
+  customerReviewList: ReturnType<typeof useProductReviews>["customerReviewList"];
+  onWriteReviewButtonClick: ReturnType<typeof useProductReviews>["onWriteReviewButtonClick"];
+};
+
+const ReviewsSummary = (props: Props) => {
+  const {
+    productDetail,
+    customerReviewList,
+    isFormVisible,
+    onWriteReviewButtonClick,
+  } = props;
+
+  const { t } = useTranslation();
+
+  const [isWriteReviewButtonHidden, setHiddenWriteReviewButton] =
+    useState(false);
+
+  const isWriteReviewButtonVisible =
+    !isWriteReviewButtonHidden && productDetail.isCustomerReviewEnabled;
+
+  const isPreviewVisible =
+    customerReviewList && customerReviewList.data?.length > 0;
+
+  return (
+    <S.ReviewsSummary>
+      <S.ReviewsHeader>
+        {isPreviewVisible ? (
+          <S.Preview>
+            <Stars
+              title={t(`${NS}:xStar`, {
+                x: productDetail.averageRating || "0" })}
+              editable={false}
+              size="24px"
+              star={(productDetail.averageRating as StarType) || 0}
+            />
+
+            <S.PreviewDesciption>
+              {t(`${NS}:basedOnXReviews`, {
+                x: productDetail.reviewCount || "0" })}
+            </S.PreviewDesciption>
+          </S.Preview>
+        ) : (
+          <S.PreviewEmpty>{t(`${NS}:emptyReview`)}</S.PreviewEmpty>
+        )}
+
+        {isWriteReviewButtonVisible && (
+          <Button onClick={onWriteReviewButtonClick}>
+            {isFormVisible
+              ? t(`${NS}:closeReviewForm`)
+              : t(`${NS}:writeAReview`)}
+          </Button>
+        )}
+      </S.ReviewsHeader>
+
+      <ReviewForm
+        product={productDetail}
+        onSubmitSuccess={() => setHiddenWriteReviewButton(true)}
+        visible={isFormVisible}
+      />
+    </S.ReviewsSummary>
+  );
+};
+
+export default observer(ReviewsSummary);
diff --git a/ikas-theme/src/components/product-reviews/detail/review-summary/style.ts b/ikas-theme/src/components/product-reviews/detail/review-summary/style.ts
new file mode 100644
index 0000000..284012c
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/detail/review-summary/style.ts
@@ -0,0 +1,36 @@
+import styled from "styled-components";
+
+import breakpoints from "src/styles/breakpoints";
+
+export const ReviewsSummary = styled.div``;
+
+export const ReviewsHeader = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+
+  @media (min-width: ${breakpoints.md}) {
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+  }
+`;
+
+export const Preview = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 1rem;
+`;
+
+export const PreviewDesciption = styled.div`
+  color: ${(props) => props.theme.color.secondaryText};
+  font-size: ${(props) => props.theme.fontSize.base};
+  line-height: 1.5rem;
+`;
+
+export const PreviewEmpty = styled.div`
+  color: ${(props) => props.theme.color.secondaryText};
+  font-size: ${(props) => props.theme.fontSize.base};
+  line-height: 1.5rem;
+`;
diff --git a/ikas-theme/src/components/product-reviews/detail/reviews/index.tsx b/ikas-theme/src/components/product-reviews/detail/reviews/index.tsx
new file mode 100644
index 0000000..33458a3
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/detail/reviews/index.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+
+import Review from "./review";
+
+import useProductReviews from "src/components/product-reviews/useProductReviews";
+
+import * as S from "./style";
+
+// prettier-ignore
+type ReviewProps = {
+  customerReviewList: ReturnType<typeof useProductReviews>["customerReviewList"];
+};
+
+const Reviews = (props: ReviewProps) => {
+  const { customerReviewList } = props;
+
+  const isVisible = customerReviewList && customerReviewList.data?.length > 0;
+
+  if (!isVisible) return null;
+
+  return (
+    <S.Reviews>
+      {customerReviewList.data.map((review, index) => (
+        <Review key={review.id + review.createdAt + index} review={review} />
+      ))}
+    </S.Reviews>
+  );
+};
+
+export default observer(Reviews);
diff --git a/ikas-theme/src/components/product-reviews/detail/reviews/review/index.tsx b/ikas-theme/src/components/product-reviews/detail/reviews/review/index.tsx
new file mode 100644
index 0000000..164c979
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/detail/reviews/review/index.tsx
@@ -0,0 +1,56 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+import { IkasCustomerReview, useTranslation } from "@ikas/storefront";
+
+import Stars from "src/components/product-reviews/detail/stars";
+
+import { NS } from "src/components/product-reviews";
+
+import getMonthName from "src/utils/getMonthName";
+
+import * as S from "./style";
+
+type Props = {
+  review: IkasCustomerReview;
+};
+
+const Review = (props: Props) => {
+  const { review } = props;
+  const { t } = useTranslation();
+
+  const createdAt = React.useMemo(() => {
+    const _date = new Date(review.createdAt);
+    const date = _date.getDate();
+    const month = getMonthName(_date, { month: "short" });
+    const year = _date.getFullYear();
+
+    return `${date} ${month}, ${year}`;
+  }, [review.createdAt]);
+
+  return (
+    <S.Review>
+      <S.Header>
+        <Stars
+          editable={false}
+          size="14px"
+          star={review.star as 1 | 2 | 3 | 4 | 5}
+        />
+        <S.Title>{review.title}</S.Title>
+        {!!review.orderId && (
+          <S.Description>{t(`${NS}:purchased`)}</S.Description>
+        )}
+        {!!review.firstName && !!review.lastName && (
+          <S.Description>
+            {review.firstName} {review.lastName}
+          </S.Description>
+        )}
+        <S.Description $bigger>{createdAt}</S.Description>
+      </S.Header>
+      <S.Comment aria-label="content" $noComment={!!!review.comment}>
+        {review.comment || t(`${NS}:noComment`)}
+      </S.Comment>
+    </S.Review>
+  );
+};
+
+export default observer(Review);
diff --git a/ikas-theme/src/components/product-reviews/detail/reviews/review/style.ts b/ikas-theme/src/components/product-reviews/detail/reviews/review/style.ts
new file mode 100644
index 0000000..74ede73
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/detail/reviews/review/style.ts
@@ -0,0 +1,55 @@
+import styled, { css } from "styled-components";
+
+import breakpoints from "src/styles/breakpoints";
+
+export const Review = styled.div`
+  padding-block: 1rem;
+  grid-column: span 12 / span 12;
+
+  @media (min-width: ${breakpoints.md}) {
+    grid-column: span 6 / span 6;
+  }
+
+  @media (min-width: ${breakpoints.lg}) {
+    grid-column: span 4 / span 4;
+  }
+`;
+
+export const Header = styled.header`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+`;
+
+export const Title = styled.h3`
+  font-size: ${(props) => props.theme.fontSize.lg};
+  line-height: 1.75rem;
+  font-weight: 700;
+
+  @media (min-width: ${breakpoints.md}) {
+    font-size: ${(props) => props.theme.fontSize.xl};
+  }
+`;
+
+export const Description = styled.div<{
+  $bigger?: boolean;
+}>`
+  color: ${(props) => props.theme.color.secondaryText};
+  font-size: ${(props) => (props.$bigger ? "15px" : "13px")};
+`;
+
+export const Comment = styled.div<{
+  $noComment?: boolean;
+}>`
+  margin-top: 0.5rem;
+  overflow-wrap: break-word;
+
+  ${(props) =>
+    props.$noComment &&
+    css`
+      font-style: italic;
+      font-weight: 300;
+      color: ${(props) => props.theme.color.secondaryText};
+    `}
+`;
diff --git a/ikas-theme/src/components/product-reviews/detail/reviews/style.ts b/ikas-theme/src/components/product-reviews/detail/reviews/style.ts
new file mode 100644
index 0000000..919e740
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/detail/reviews/style.ts
@@ -0,0 +1,14 @@
+import styled from "styled-components";
+
+import breakpoints from "src/styles/breakpoints";
+
+export const Reviews = styled.div`
+  border-top: 1px solid ${(props) => props.theme.color.border};
+  display: grid;
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+  padding-block: 1rem;
+
+  @media (min-width: ${breakpoints.md}) {
+    gap: 0.5rem 2rem;
+  }
+`;
diff --git a/ikas-theme/src/components/product-reviews/detail/stars/index.tsx b/ikas-theme/src/components/product-reviews/detail/stars/index.tsx
new file mode 100644
index 0000000..bd50e89
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/detail/stars/index.tsx
@@ -0,0 +1,117 @@
+import React, { useState } from "react";
+
+import ImStarEmpty from "src/components/svg/im-star-empty";
+import ImStarFull from "src/components/svg/im-star-full";
+
+import * as S from "./style";
+
+export type StarType = 0 | 1 | 2 | 3 | 4 | 5;
+
+type StarsProps = {
+  editable?: boolean;
+  star?: StarType;
+  size?: "24px" | "14px";
+  title?: string;
+  onClick?: (star: 1 | 2 | 3 | 4 | 5) => void;
+};
+
+const Stars = (props: StarsProps) => {
+  const { star = 0, size = "24px", editable = true } = props;
+  const [hoveredStar, setHoveredStar] = useState(0);
+
+  const onStarClick = (star: 1 | 2 | 3 | 4 | 5) => {
+    props.onClick && props.onClick(star);
+  };
+
+  const onMouseLeave = () => {
+    setHoveredStar(0);
+  };
+
+  const onMouseOver = (star: 1 | 2 | 3 | 4 | 5) => {
+    setHoveredStar(star);
+  };
+
+  return (
+    <S.StarsWrapper title={props.title}>
+      <Star
+        isHovered={hoveredStar > 0}
+        size={size}
+        type={star > 0 ? "full" : "empty"}
+        onMouseLeave={editable ? onMouseLeave : undefined}
+        onMouseOver={editable ? () => onMouseOver(1) : undefined}
+        onClick={editable ? () => onStarClick(1) : undefined}
+      />
+      <Star
+        isHovered={hoveredStar > 1}
+        size={size}
+        type={star > 1 ? "full" : "empty"}
+        onMouseLeave={editable ? onMouseLeave : undefined}
+        onMouseOver={editable ? () => onMouseOver(2) : undefined}
+        onClick={editable ? () => onStarClick(2) : undefined}
+      />
+      <Star
+        isHovered={hoveredStar > 2}
+        size={size}
+        type={star > 2 ? "full" : "empty"}
+        onMouseLeave={editable ? onMouseLeave : undefined}
+        onMouseOver={editable ? () => onMouseOver(3) : undefined}
+        onClick={editable ? () => onStarClick(3) : undefined}
+      />
+      <Star
+        isHovered={hoveredStar > 3}
+        size={size}
+        type={star > 3 ? "full" : "empty"}
+        onMouseLeave={editable ? onMouseLeave : undefined}
+        onMouseOver={editable ? () => onMouseOver(4) : undefined}
+        onClick={editable ? () => onStarClick(4) : undefined}
+      />
+      <Star
+        isHovered={hoveredStar > 4}
+        size={size}
+        type={star > 4 ? "full" : "empty"}
+        onMouseLeave={editable ? onMouseLeave : undefined}
+        onMouseOver={editable ? () => onMouseOver(5) : undefined}
+        onClick={editable ? () => onStarClick(5) : undefined}
+      />
+    </S.StarsWrapper>
+  );
+};
+
+export default Stars;
+
+type StarProps = {
+  isHovered?: boolean;
+  size: "24px" | "14px";
+  type: "full" | "empty";
+  onMouseOver?: () => void;
+  onMouseLeave?: () => void;
+  onClick?: () => void;
+};
+
+const Star = (props: StarProps) => {
+  const { size, type, isHovered, onClick, onMouseLeave, onMouseOver } = props;
+
+  return (
+    <S.Star
+      style={{
+        width: size,
+        height: size,
+      }}
+      onMouseOver={onMouseOver}
+      onMouseLeave={onMouseLeave}
+      onClick={onClick}
+      $isClickable={!!onClick}
+      $isHovered={type === "empty" && isHovered}
+    >
+      <S.Inner $isHovered={isHovered}>
+        {type === "empty" && <ImStarEmpty className="start-icon" />}
+        {type === "full" && <ImStarFull className="start-icon" />}
+      </S.Inner>
+      {isHovered && (
+        <S.Outher className="absolute inset-0">
+          <ImStarFull className="start-icon" />
+        </S.Outher>
+      )}
+    </S.Star>
+  );
+};
diff --git a/ikas-theme/src/components/product-reviews/detail/stars/style.ts b/ikas-theme/src/components/product-reviews/detail/stars/style.ts
new file mode 100644
index 0000000..481df3f
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/detail/stars/style.ts
@@ -0,0 +1,45 @@
+import styled from "styled-components";
+
+export const StarsWrapper = styled.div`
+  display: flex;
+`;
+
+export const Star = styled.span<{
+  $isHovered?: boolean;
+  $isClickable?: boolean;
+}>`
+  display: inline-block;
+  position: relative;
+  fill: ${(props) => props.theme.color.buttonBg};
+
+  &:hover {
+    color: ${(props) => props.theme.color.buttonBg};
+  }
+
+  opacity: ${(props) => (props.$isHovered ? "0.6" : "1")};
+  cursor: ${(props) => (props.$isClickable ? "pointer" : "default")};
+`;
+
+export const Inner = styled.span<{
+  $isHovered?: boolean;
+}>`
+  opacity: ${(props) => (props.$isHovered ? "0" : "1")};
+
+  .start-icon {
+    width: 100%;
+    height: 100%;
+  }
+`;
+
+export const Outher = styled.span`
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+
+  .start-icon {
+    width: 100%;
+    height: 100%;
+  }
+`;
diff --git a/ikas-theme/src/components/product-reviews/index.tsx b/ikas-theme/src/components/product-reviews/index.tsx
new file mode 100644
index 0000000..a401535
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/index.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+import { observer } from "mobx-react-lite";
+import { useTranslation } from "@ikas/storefront";
+import { ProductReviewsProps } from "../__generated__/types";
+
+import { Container } from "src/components/components/container";
+import Detail from "./detail";
+
+import * as S from "./style";
+
+export const NS = "product-reviews"; // for translation (i18n)
+
+const ProductReviews = (props: ProductReviewsProps) => {
+  const { t } = useTranslation();
+
+  return (
+    <S.ProductReviews>
+      <Container>
+        <S.Wrapper>
+          <S.Title>{t(`${NS}:title`)}</S.Title>
+          <Detail {...props} />
+        </S.Wrapper>
+      </Container>
+    </S.ProductReviews>
+  );
+};
+
+export default observer(ProductReviews);
diff --git a/ikas-theme/src/components/product-reviews/style.ts b/ikas-theme/src/components/product-reviews/style.ts
new file mode 100644
index 0000000..1239cde
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/style.ts
@@ -0,0 +1,25 @@
+import styled from "styled-components";
+
+import breakpoints from "src/styles/breakpoints";
+
+export const ProductReviews = styled.div`
+  padding-block: 2rem;
+`;
+
+export const Wrapper = styled.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+`;
+
+export const Title = styled.h2`
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+
+  @media (min-width: ${breakpoints.md}) {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+`;
diff --git a/ikas-theme/src/components/product-reviews/useProductReviews.ts b/ikas-theme/src/components/product-reviews/useProductReviews.ts
new file mode 100644
index 0000000..ec9f0fc
--- /dev/null
+++ b/ikas-theme/src/components/product-reviews/useProductReviews.ts
@@ -0,0 +1,69 @@
+import { useState, useRef, useEffect } from "react";
+import { useRouter } from "next/router";
+import {
+  IkasBaseStore,
+  IkasCustomerReviewList,
+  IkasProduct,
+  useTranslation,
+} from "@ikas/storefront";
+
+function useProductReviews({ productDetail }: { productDetail: IkasProduct }) {
+  const store = IkasBaseStore.getInstance();
+  const router = useRouter();
+
+  // States
+  const [isFormVisible, setFormVisible] = useState(false);
+  const [customerReviewList, setCustomerReviewList] =
+    useState<IkasCustomerReviewList | null>(null);
+
+  // Refs
+  const reviewsElementRef = useRef<HTMLDivElement>(null);
+
+  const onWriteReviewButtonClick = () => {
+    if (
+      productDetail.isCustomerReviewLoginRequired &&
+      !store.customerStore.customer
+    ) {
+      const route = decodeURIComponent(
+        "/account/login?redirect=" + productDetail.href
+      );
+
+      router.push(route);
+    } else {
+      setFormVisible((prev) => !prev);
+    }
+  };
+
+  const getCustomerReviews = async () => {
+    try {
+      const result = await productDetail.getCustomerReviews({ limit: 6 });
+      setCustomerReviewList(result);
+    } catch (error) {
+      console.log("error", error);
+    }
+  };
+
+  const onPageChange = async (page: number) => {
+    await customerReviewList?.getPage(page);
+
+    window.scrollTo({
+      top: reviewsElementRef.current?.offsetTop ?? 0,
+      behavior: "smooth",
+    });
+  };
+
+  useEffect(() => {
+    setFormVisible(false);
+    getCustomerReviews();
+  }, [productDetail]);
+
+  return {
+    isFormVisible,
+    customerReviewList,
+    reviewsElementRef,
+    onWriteReviewButtonClick,
+    onPageChange,
+  };
+}
+
+export default useProductReviews;
diff --git a/ikas-theme/src/components/svg/im-star-empty.tsx b/ikas-theme/src/components/svg/im-star-empty.tsx
new file mode 100644
index 0000000..d7ea380
--- /dev/null
+++ b/ikas-theme/src/components/svg/im-star-empty.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+const svg = ({ className }: { className?: string }) => (
+  <svg
+    stroke="currentColor"
+    fill="fill-current"
+    className={className}
+    strokeWidth="0"
+    version="1.1"
+    viewBox="0 0 16 16"
+    height="1em"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M16 6.204l-5.528-0.803-2.472-5.009-2.472 5.009-5.528 0.803 4 3.899-0.944 5.505 4.944-2.599 4.944 2.599-0.944-5.505 4-3.899zM8 11.773l-3.492 1.836 0.667-3.888-2.825-2.753 3.904-0.567 1.746-3.537 1.746 3.537 3.904 0.567-2.825 2.753 0.667 3.888-3.492-1.836z"></path>
+  </svg>
+);
+
+export default svg;
diff --git a/ikas-theme/src/components/svg/im-star-full.tsx b/ikas-theme/src/components/svg/im-star-full.tsx
new file mode 100644
index 0000000..5919d4d
--- /dev/null
+++ b/ikas-theme/src/components/svg/im-star-full.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+const svg = ({ className }: { className?: string }) => (
+  <svg
+    stroke="currentColor"
+    fill="fill-current"
+    className={className}
+    strokeWidth="0"
+    version="1.1"
+    viewBox="0 0 16 16"
+    height="1em"
+    width="1em"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M16 6.204l-5.528-0.803-2.472-5.009-2.472 5.009-5.528 0.803 4 3.899-0.944 5.505 4.944-2.599 4.944 2.599-0.944-5.505 4-3.899z"></path>
+  </svg>
+);
+
+export default svg;
diff --git a/ikas-theme/src/pages/api/getConfig.ts b/ikas-theme/src/pages/api/getConfig.ts
new file mode 100644
index 0000000..55b42c9
--- /dev/null
+++ b/ikas-theme/src/pages/api/getConfig.ts
@@ -0,0 +1,4 @@
+import { IkasLocalThemeAPI } from "@ikas/storefront-next";
+
+export default IkasLocalThemeAPI.GetConfig.getConfig;
+export const config = IkasLocalThemeAPI.GetConfig.config;
diff --git a/ikas-theme/src/theme.json b/ikas-theme/src/theme.json
index 08e164a..707987d 100644
--- a/ikas-theme/src/theme.json
+++ b/ikas-theme/src/theme.json
@@ -10,205 +10,329 @@
       "dir": "",
       "displayName": "",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [
         {
-          "id": "b22ef221-5248-4c65-832f-b7055e6384b2",
+          "id": "7c58acf8-f863-482f-a9d8-a99db53e2219",
+          "name": "logo",
+          "displayName": "",
+          "description": "",
+          "type": "IMAGE",
+          "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
+          "sliderData": {},
+          "translations": {},
+          "groupId": "",
+          "excludedFields": []
+        },
+        {
+          "id": "0b2b945d-157b-4278-b661-0554128ece37",
           "name": "showTax",
           "displayName": "",
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "bd6727b8-59e0-4545-abb2-39dd636754e1",
+          "id": "5a998057-50f1-4ca5-82e5-a8b970250374",
           "name": "buttonBgColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "61a74bed-b3a3-49dd-9675-c20a63bee55d",
+          "id": "c6af4314-84d7-45f6-a5b0-999c84f5acb0",
           "name": "buttonTextColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "5543bde0-1b2e-4225-88a9-b38e839b6bd2",
+          "id": "091599b5-4eb3-4a6e-8e3d-6e260b084bbb",
           "name": "buttonDisabledBgColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "3370ed7a-f04f-4817-ae7a-ea2add200433",
+          "id": "f1ed754c-40e8-4940-8262-3f7bde242294",
           "name": "buttonDisabledTextColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "bcdd87cd-da9b-456a-98f8-5c8c040d0f71",
+          "id": "143ad1a7-554a-4686-8932-c4c49c0c7066",
           "name": "primaryTextColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "f43b1f6e-3c2e-453f-969e-60270f93bee3",
+          "id": "37176146-cbd5-409a-b7a4-5ba22ff26d70",
           "name": "secondaryTextColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "4543916f-e3d5-4e06-ba16-6bd8318bde58",
+          "id": "802e93f2-c103-45ad-bed5-d9c00931cd3c",
           "name": "primaryBgColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "9dbb05d6-6618-4990-92c6-f7dc81c1732e",
+          "id": "f4217870-6de7-48a1-aa2f-a2c40e9cfdb8",
           "name": "secondaryBgColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "bfc9c026-a520-4531-a434-469ebc5c1025",
+          "id": "36be7f8a-c0b1-4a71-9b10-4b863f189976",
           "name": "borderColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "0bea5b8b-2f38-46b8-beea-178841e4394e",
+          "id": "59249eb9-723d-4a7d-b6d3-b176b23b772b",
           "name": "cardBgColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "8c64fd1f-e2d9-47bf-b91e-6c44b7160fd0",
+          "id": "755bf564-4e52-4964-8ff5-561d607ce53d",
           "name": "errorColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "321e30f7-57a9-4665-be07-6938800d4426",
+          "id": "82187044-1ec6-42d8-a10a-20a2ab599003",
           "name": "errorLightColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "c23a253c-294f-4afc-a702-e563609d219d",
+          "id": "0d93b094-8d19-406c-be3e-435e04dc61a8",
           "name": "warningColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "b3b7a50e-af80-4d30-a304-cc23e47f512e",
+          "id": "aa894033-9d16-4f4e-b322-3cae4a2f2dd7",
           "name": "warningLightColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "b0937228-1d25-423a-b0ef-4e63212d0c5f",
+          "id": "a7945ae7-348a-413e-8a22-c79b1a88f309",
           "name": "successColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
-          "id": "a9d4df60-e5b4-46d6-9625-29efdf6c71ad",
+          "id": "675bbdda-1432-457e-975e-fd02ef4d1ca5",
           "name": "successLightColor",
           "displayName": "",
           "description": "",
           "type": "COLOR",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         }
       ],
       "isHeader": false,
       "isFooter": false,
       "translations": {},
-      "defaultPropValuesTranslations": {}
+      "defaultPropValuesTranslations": {},
+      "defaultPropValues": null
     },
     {
       "id": "8b5d6278-a490-4f0a-8308-00bf888b79b0",
       "dir": "hero-banner",
       "displayName": "Hero Banner",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [
         {
           "id": "33c4121d-4043-4378-8318-c48f9f75fa8d",
@@ -217,9 +341,15 @@
           "description": "",
           "type": "IMAGE",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "989d63ec-3600-4ff2-a2f8-850280a85ec6",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "37f2cdad-9476-45de-82f3-f74ae0ef9275",
@@ -229,9 +359,14 @@
           "type": "CUSTOM",
           "isRequired": true,
           "customDataId": "9016510f-ff18-4938-b928-e3ead886291a",
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "989d63ec-3600-4ff2-a2f8-850280a85ec6",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "a446d01e-4c5e-46a3-bcbc-8267c757b8e9",
@@ -240,9 +375,15 @@
           "description": "",
           "type": "TEXT",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "5e0acaa4-c493-4a21-98af-6c2b5d6b31bc",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "bbc73d73-9441-4137-9021-750d1b97d516",
@@ -251,9 +392,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "5e0acaa4-c493-4a21-98af-6c2b5d6b31bc",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "79a83fb3-2a3e-45aa-8dab-d58d03e1037c",
@@ -262,10 +409,15 @@
           "description": "",
           "type": "LINK",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
           "requiredPropId": "bbc73d73-9441-4137-9021-750d1b97d516",
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "5e0acaa4-c493-4a21-98af-6c2b5d6b31bc",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "dbf99581-3a4f-485d-9200-5d1b0dea0eb7",
@@ -274,10 +426,15 @@
           "description": "",
           "type": "COLOR",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
           "requiredPropId": "bbc73d73-9441-4137-9021-750d1b97d516",
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "5e0acaa4-c493-4a21-98af-6c2b5d6b31bc",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "d97c1b1a-3bab-4ec8-a710-1a487fa29136",
@@ -286,10 +443,15 @@
           "description": "",
           "type": "COLOR",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
           "requiredPropId": "bbc73d73-9441-4137-9021-750d1b97d516",
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "5e0acaa4-c493-4a21-98af-6c2b5d6b31bc",
-          "translations": {}
+          "excludedFields": []
         }
       ],
       "isHeader": false,
@@ -307,6 +469,8 @@
       "dir": "header",
       "displayName": "Header",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [
         {
           "id": "6c470897-d079-4023-a0d3-f95ef23bb223",
@@ -315,9 +479,15 @@
           "description": "",
           "type": "IMAGE",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "2d2d6255-0047-48cd-ac43-6e8e96768765",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "766c9ac1-9ecc-4f1a-a406-d26630c07db3",
@@ -326,9 +496,15 @@
           "description": "",
           "type": "LIST_OF_LINK",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "23f250ee-0016-4ced-896a-6ad6cc5c3edc",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "a7fd1fbb-9797-4651-91c9-83f16a5d5529",
@@ -337,9 +513,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "dd9bc787-912f-4f75-beba-d1d57551500c",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "11eac07e-7c8f-43c9-be75-2fe716e16d8b",
@@ -349,10 +531,14 @@
           "type": "CUSTOM",
           "isRequired": true,
           "customDataId": "499f75b4-f6e6-40b0-9d28-2dd8944fac7c",
+          "attributeTypes": null,
           "requiredPropId": "a7fd1fbb-9797-4651-91c9-83f16a5d5529",
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "dd9bc787-912f-4f75-beba-d1d57551500c",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "5769823c-2c85-4265-920f-9b3409c53b91",
@@ -361,14 +547,20 @@
           "description": "Maximum Width should between 150~250px",
           "type": "SLIDER",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {
             "min": 150,
             "max": 250,
             "interval": 1,
             "unit": "px"
           },
+          "translations": {},
           "groupId": "2d2d6255-0047-48cd-ac43-6e8e96768765",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "1fcbbe63-98a0-45ae-be18-d615cf368f77",
@@ -377,14 +569,20 @@
           "description": "Maximum height should between 40~100px",
           "type": "SLIDER",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {
             "min": 40,
             "max": 100,
             "interval": 1,
             "unit": "px"
           },
+          "translations": {},
           "groupId": "2d2d6255-0047-48cd-ac43-6e8e96768765",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "d141aea4-8818-4f03-82ab-09c7e7897d86",
@@ -393,9 +591,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "2d2d6255-0047-48cd-ac43-6e8e96768765",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "2fdfd01e-5227-4ead-815c-b51c4442bec0",
@@ -404,15 +608,20 @@
           "description": "Maximum Width should between 150~250px",
           "type": "SLIDER",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
           "requiredPropId": "d141aea4-8818-4f03-82ab-09c7e7897d86",
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {
             "min": 150,
             "max": 250,
             "interval": 1,
             "unit": "px"
           },
+          "translations": {},
           "groupId": "2d2d6255-0047-48cd-ac43-6e8e96768765",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "7532bb3a-89b6-45bb-bbb3-0dc973dcc05d",
@@ -421,15 +630,20 @@
           "description": "",
           "type": "SLIDER",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
           "requiredPropId": "d141aea4-8818-4f03-82ab-09c7e7897d86",
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {
             "min": 40,
             "max": 100,
             "interval": 1,
             "unit": "px"
           },
+          "translations": {},
           "groupId": "2d2d6255-0047-48cd-ac43-6e8e96768765",
-          "translations": {}
+          "excludedFields": []
         }
       ],
       "isHeader": true,
@@ -584,6 +798,8 @@
       "dir": "footer",
       "displayName": "Footer",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [
         {
           "id": "4c3934c7-d501-4989-bbe2-54e8ed9e91b6",
@@ -592,9 +808,15 @@
           "description": "",
           "type": "IMAGE",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "2d2d6255-0047-48cd-ac43-6e8e96768765",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "733b5d16-44b2-40c6-bf5b-379a0929cfec",
@@ -603,9 +825,15 @@
           "description": "",
           "type": "LIST_OF_LINK",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "f7af64cf-d716-4df4-aa7a-01519d085807",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "b8c2f801-a258-4183-ab2b-3a36c241ab98",
@@ -615,9 +843,14 @@
           "type": "CUSTOM",
           "isRequired": false,
           "customDataId": "80586315-470d-4da7-8b4a-5c4422139bb5",
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "0b1bf933-70fc-4f70-a412-392795de2aae",
-          "translations": {}
+          "excludedFields": []
         }
       ],
       "isHeader": false,
@@ -734,6 +967,8 @@
       "dir": "product-detail",
       "displayName": "Product Detail",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [
         {
           "id": "7fd32997-6354-4a6d-9cde-59aa183df41d",
@@ -742,9 +977,15 @@
           "description": "",
           "type": "PRODUCT_DETAIL",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "d89e1f5b-8edb-48af-ade5-e931cb8ccd04",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "1818e62e-8a02-4e39-a67c-9470bb5d819b",
@@ -754,9 +995,14 @@
           "type": "CUSTOM",
           "isRequired": true,
           "customDataId": "9016510f-ff18-4938-b928-e3ead886291a",
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         }
       ],
       "isHeader": false,
@@ -778,17 +1024,22 @@
       "dir": "login",
       "displayName": "Login",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [],
       "isHeader": false,
       "isFooter": false,
       "translations": {},
-      "defaultPropValuesTranslations": {}
+      "defaultPropValuesTranslations": {},
+      "defaultPropValues": null
     },
     {
       "id": "2b6b4787-34f6-482e-a7ba-ba1401644295",
       "dir": "register",
       "displayName": "Register",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [
         {
           "id": "1f9def6b-4fc7-490b-9f6d-187d9ec5f3b0",
@@ -797,9 +1048,15 @@
           "description": "The customer selects the marketing emails preference.",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "579279ca-1202-4dac-9e54-5ef321f3829e",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "c3c36a93-00f6-4969-9570-c04b587604a5",
@@ -808,10 +1065,15 @@
           "description": "",
           "type": "TEXT",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
           "requiredPropId": "1f9def6b-4fc7-490b-9f6d-187d9ec5f3b0",
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "579279ca-1202-4dac-9e54-5ef321f3829e",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "9cc31938-848c-4646-9a4b-229022e436c1",
@@ -820,10 +1082,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
           "requiredPropId": "1f9def6b-4fc7-490b-9f6d-187d9ec5f3b0",
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "579279ca-1202-4dac-9e54-5ef321f3829e",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "fa95ce69-43cb-4900-b4f1-a5851dfc772e",
@@ -832,10 +1099,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
           "requiredPropId": "1f9def6b-4fc7-490b-9f6d-187d9ec5f3b0",
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "579279ca-1202-4dac-9e54-5ef321f3829e",
-          "translations": {}
+          "excludedFields": []
         }
       ],
       "isHeader": false,
@@ -851,28 +1123,36 @@
       "dir": "forgot-password",
       "displayName": "Forgot Password",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [],
       "isHeader": false,
       "isFooter": false,
       "translations": {},
-      "defaultPropValuesTranslations": {}
+      "defaultPropValuesTranslations": {},
+      "defaultPropValues": null
     },
     {
       "id": "4018269a-2cae-44fb-8747-978ee92e1bdb",
       "dir": "recover-password",
       "displayName": "Recover Password",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [],
       "isHeader": false,
       "isFooter": false,
       "translations": {},
-      "defaultPropValuesTranslations": {}
+      "defaultPropValuesTranslations": {},
+      "defaultPropValues": null
     },
     {
       "id": "c8853ae6-208e-4937-93a5-36a025cb44e3",
       "dir": "page-brand",
       "displayName": "Brand",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [
         {
           "id": "6d99ca71-d1b4-4be6-ac9f-25c33113f11a",
@@ -881,9 +1161,15 @@
           "description": "",
           "type": "BRAND",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "45be3b02-b48e-4987-bd87-c9de2f1c28b3",
@@ -892,9 +1178,15 @@
           "description": "",
           "type": "PRODUCT_LIST",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         }
       ],
       "isHeader": false,
@@ -919,6 +1211,8 @@
       "dir": "page-category",
       "displayName": "Category",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [
         {
           "id": "a0c4b705-ea8e-4325-935e-2936e965f5ae",
@@ -927,9 +1221,15 @@
           "description": "",
           "type": "CATEGORY",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "3bf0a257-e2a4-4872-9f2d-ccef8d690c9c",
@@ -938,9 +1238,15 @@
           "description": "",
           "type": "PRODUCT_LIST",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         }
       ],
       "isHeader": false,
@@ -965,6 +1271,8 @@
       "dir": "page-search",
       "displayName": "Search",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [
         {
           "id": "365857e8-0e48-4837-86d8-477dcf5ce921",
@@ -973,9 +1281,15 @@
           "description": "",
           "type": "PRODUCT_LIST",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         }
       ],
       "isHeader": false,
@@ -997,17 +1311,22 @@
       "dir": "account",
       "displayName": "Account",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [],
       "isHeader": false,
       "isFooter": false,
       "translations": {},
-      "defaultPropValuesTranslations": {}
+      "defaultPropValuesTranslations": {},
+      "defaultPropValues": null
     },
     {
       "id": "d1d2ba23-1e0d-4708-926b-bc3210bca6b1",
       "dir": "cart",
       "displayName": "Cart",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [
         {
           "id": "0639dc46-0d4a-4855-b916-0d1b3380a50b",
@@ -1016,32 +1335,44 @@
           "description": "e.g. Free shipping for $100 or more",
           "type": "TEXT",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         }
       ],
       "isHeader": false,
       "isFooter": false,
       "translations": {},
-      "defaultPropValuesTranslations": {}
+      "defaultPropValuesTranslations": {},
+      "defaultPropValues": null
     },
     {
       "id": "db6ef045-291c-4e06-92a8-61f6644d8f2c",
       "dir": "page-404",
       "displayName": "404 Page",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [],
       "isHeader": false,
       "isFooter": false,
       "translations": {},
-      "defaultPropValuesTranslations": {}
+      "defaultPropValuesTranslations": {},
+      "defaultPropValues": null
     },
     {
       "id": "df5b16c2-f104-41f8-b1a2-7c4d7147b8e8",
       "dir": "page-blogs",
       "displayName": "Blogs",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [
         {
           "id": "2e249b65-aafd-471a-9584-ef22900123dd",
@@ -1050,9 +1381,15 @@
           "description": "",
           "type": "TEXT",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "56a67693-295c-4f20-80af-3d09246edd67",
@@ -1061,9 +1398,15 @@
           "description": "",
           "type": "BLOG_LIST",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "319a5e94-e56c-452e-85e0-40a66a0cced1",
@@ -1072,9 +1415,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "cafa7630-e6ff-4b13-a48e-c6992a930ca7",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "e15dc3ee-b37f-4b65-b69d-d871475da9ed",
@@ -1083,9 +1432,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "cafa7630-e6ff-4b13-a48e-c6992a930ca7",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "8a39dc09-f560-4644-a2a4-592b6dc540ba",
@@ -1094,9 +1449,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "cafa7630-e6ff-4b13-a48e-c6992a930ca7",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "5d0a84f3-8d4d-471c-a9d6-81d45e651544",
@@ -1105,9 +1466,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "cafa7630-e6ff-4b13-a48e-c6992a930ca7",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "d665c366-3578-497b-8de6-d3a2ea07c445",
@@ -1117,9 +1484,14 @@
           "type": "CUSTOM",
           "isRequired": true,
           "customDataId": "9016510f-ff18-4938-b928-e3ead886291a",
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "cafa7630-e6ff-4b13-a48e-c6992a930ca7",
-          "translations": {}
+          "excludedFields": []
         }
       ],
       "isHeader": false,
@@ -1151,6 +1523,8 @@
       "dir": "page-blog",
       "displayName": "Blog",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [
         {
           "id": "9bf8bd81-984a-47c6-afe8-bc80d069cfcc",
@@ -1159,9 +1533,15 @@
           "description": "",
           "type": "BLOG",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "4dacd6b8-b7b5-4a57-8fe6-6a5dc6348583",
@@ -1170,9 +1550,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "989d63ec-3600-4ff2-a2f8-850280a85ec6",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "0aa5870d-acde-4e43-8b2f-88d11fbd1aa1",
@@ -1182,10 +1568,14 @@
           "type": "CUSTOM",
           "isRequired": true,
           "customDataId": "9016510f-ff18-4938-b928-e3ead886291a",
+          "attributeTypes": null,
           "requiredPropId": "4dacd6b8-b7b5-4a57-8fe6-6a5dc6348583",
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "989d63ec-3600-4ff2-a2f8-850280a85ec6",
-          "translations": {}
+          "excludedFields": []
         }
       ],
       "isHeader": false,
@@ -1213,6 +1603,8 @@
       "dir": "page-blog-category",
       "displayName": "Blog Category",
       "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
       "props": [
         {
           "id": "0d7ab8ea-4b0a-4d7a-92f2-996e0907d1ba",
@@ -1221,9 +1613,15 @@
           "description": "",
           "type": "BLOG_LIST",
           "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "82ba8f21-f495-4452-9861-486574234b28",
@@ -1232,9 +1630,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "cafa7630-e6ff-4b13-a48e-c6992a930ca7",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "ec09837d-2f53-4236-adb8-d6ab6a9292e7",
@@ -1243,9 +1647,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "cafa7630-e6ff-4b13-a48e-c6992a930ca7",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "4d2ebaf5-a204-44e3-87ad-59fcf122c9c9",
@@ -1254,9 +1664,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "cafa7630-e6ff-4b13-a48e-c6992a930ca7",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "5252d3da-3007-4b15-9e5e-c81c363e5551",
@@ -1265,9 +1681,15 @@
           "description": "",
           "type": "BOOLEAN",
           "isRequired": false,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "cafa7630-e6ff-4b13-a48e-c6992a930ca7",
-          "translations": {}
+          "excludedFields": []
         },
         {
           "id": "6b69d809-1058-496f-b256-b781b413c183",
@@ -1277,9 +1699,14 @@
           "type": "CUSTOM",
           "isRequired": true,
           "customDataId": "9016510f-ff18-4938-b928-e3ead886291a",
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
           "sliderData": {},
+          "translations": {},
           "groupId": "cafa7630-e6ff-4b13-a48e-c6992a930ca7",
-          "translations": {}
+          "excludedFields": []
         }
       ],
       "isHeader": false,
@@ -1299,6 +1726,44 @@
         "showPublishedDate": true,
         "imageAspectRatio": "16_9"
       }
+    },
+    {
+      "id": "4fb4f19d-5889-4ef3-84c3-a0871eab784d",
+      "dir": "product-reviews",
+      "displayName": "Product Reviews",
+      "description": "",
+      "type": "COMPONENT",
+      "componentJson": null,
+      "props": [
+        {
+          "id": "555e748f-1b5c-4c4a-adf2-3d25e438fbf9",
+          "name": "productDetail",
+          "displayName": "Product Detail",
+          "description": "",
+          "type": "PRODUCT_DETAIL",
+          "isRequired": true,
+          "customDataId": null,
+          "attributeTypes": null,
+          "requiredPropId": null,
+          "requiredEnumOptionId": null,
+          "requiredEnumOptionValue": null,
+          "sliderData": {},
+          "translations": {},
+          "groupId": "",
+          "excludedFields": []
+        }
+      ],
+      "isHeader": false,
+      "isFooter": false,
+      "translations": {},
+      "defaultPropValuesTranslations": {},
+      "defaultPropValues": {
+        "productDetail": {
+          "productId": null,
+          "variantId": null,
+          "usePageData": true
+        }
+      }
     }
   ],
   "pages": [
@@ -4319,6 +4784,17 @@
             },
             "imageAspectRatio": "1_1"
           }
+        },
+        {
+          "id": "0820450e-c43d-4f1b-b349-9f0da23b6442",
+          "componentId": "4fb4f19d-5889-4ef3-84c3-a0871eab784d",
+          "propValues": {
+            "productDetail": {
+              "productId": null,
+              "variantId": null,
+              "usePageData": true
+            }
+          }
         }
       ],
       "slug": null,
@@ -4337,6 +4813,7 @@
           "id": "67673ce6-f309-4e2b-8d42-9eff9afa8029",
           "componentId": "checkout",
           "propValues": {
+            "logo": null,
             "showTax": true,
             "buttonBgColor": "#272727",
             "buttonTextColor": "#FFFFFF",
@@ -12790,6 +13267,8 @@
       "isRequired": true,
       "key": null,
       "nestedData": null,
+      "itemCount": null,
+      "attributeTypes": null,
       "enumOptions": [
         {
           "id": "1db4ca2d-9ac8-4047-88e1-cb333b4fed77",
@@ -12822,6 +13301,7 @@
           "translations": {}
         }
       ],
+      "customDataId": null,
       "sliderData": {},
       "groupId": "",
       "isRoot": true,
@@ -12847,6 +13327,10 @@
           "isRequired": false,
           "key": "facebook",
           "nestedData": null,
+          "itemCount": null,
+          "attributeTypes": null,
+          "enumOptions": null,
+          "customDataId": null,
           "sliderData": {},
           "groupId": "407799b2-ff7e-4c67-ba26-b4ed480a2255",
           "isRoot": false,
@@ -12862,6 +13346,10 @@
           "isRequired": false,
           "key": "instagram",
           "nestedData": null,
+          "itemCount": null,
+          "attributeTypes": null,
+          "enumOptions": null,
+          "customDataId": null,
           "sliderData": {},
           "groupId": "aec8e1e1-9745-4634-a7fe-b14f58ab4a1c",
           "isRoot": false,
@@ -12877,6 +13365,10 @@
           "isRequired": false,
           "key": "twitter",
           "nestedData": null,
+          "itemCount": null,
+          "attributeTypes": null,
+          "enumOptions": null,
+          "customDataId": null,
           "sliderData": {},
           "groupId": "af962b85-00e3-4e1c-8a02-0a6092b6cee2",
           "isRoot": false,
@@ -12892,12 +13384,20 @@
           "isRequired": false,
           "key": "pinterest",
           "nestedData": null,
+          "itemCount": null,
+          "attributeTypes": null,
+          "enumOptions": null,
+          "customDataId": null,
           "sliderData": {},
           "groupId": "b7ce8c27-93e5-4f0b-afec-5f9b18bbad4c",
           "isRoot": false,
           "level": 1
         }
       ],
+      "itemCount": null,
+      "attributeTypes": null,
+      "enumOptions": null,
+      "customDataId": null,
       "sliderData": {},
       "groupId": "",
       "isRoot": true,
@@ -12923,6 +13423,10 @@
           "isRequired": true,
           "key": "text",
           "nestedData": null,
+          "itemCount": null,
+          "attributeTypes": null,
+          "enumOptions": null,
+          "customDataId": null,
           "sliderData": {},
           "groupId": "",
           "isRoot": false,
@@ -12938,6 +13442,10 @@
           "isRequired": true,
           "key": "buttonText",
           "nestedData": null,
+          "itemCount": null,
+          "attributeTypes": null,
+          "enumOptions": null,
+          "customDataId": null,
           "sliderData": {},
           "groupId": "",
           "isRoot": false,
@@ -12953,6 +13461,10 @@
           "isRequired": true,
           "key": "backgroundColor",
           "nestedData": null,
+          "itemCount": null,
+          "attributeTypes": null,
+          "enumOptions": null,
+          "customDataId": null,
           "sliderData": {},
           "groupId": "",
           "isRoot": false,
@@ -12968,12 +13480,20 @@
           "isRequired": true,
           "key": "color",
           "nestedData": null,
+          "itemCount": null,
+          "attributeTypes": null,
+          "enumOptions": null,
+          "customDataId": null,
           "sliderData": {},
           "groupId": "",
           "isRoot": false,
           "level": 1
         }
       ],
+      "itemCount": null,
+      "attributeTypes": null,
+      "enumOptions": null,
+      "customDataId": null,
       "sliderData": {},
       "groupId": "",
       "isRoot": true,