build error solved

components/Brands/InnerDetailsBrands.js

@@ -20,17 +20,16 @@ const InnerDetailsBrands = ({ subCategories }) => {
   if (!subCategories || !category) return null;
   // Optional sorting
  const sortedProducts = [...subCategories].sort((a, b) => {
-  if (sort === "name-asc") {
+  if (sort === "name-asc")
     return a.subCategoryName.localeCompare(b.subCategoryName);
-  }
 
-  if (sort === "name-desc") {
+  if (sort === "name-desc")
     return b.subCategoryName.localeCompare(a.subCategoryName);
-  }
 
   return 0;
 });
 
+
   return (
     <section className="collection-m-section sec_padd">
       <div className="custom_container">
@@ -62,14 +61,15 @@ const InnerDetailsBrands = ({ subCategories }) => {
                 )} */}
               </>
              <select
-              className="sortby-select"
-              value={sort}
-              onChange={handleChange}
-            >
-              <option value="">Sort By</option>
-              <option value="name-asc">Name: A–Z</option>
-              <option value="name-desc">Name: Z–A</option>
-            </select>
+  className="sortby-select"
+  value={sort}
+  onChange={handleChange}
+>
+  <option value="">Sort By</option>
+  <option value="name-asc">Name: A–Z</option>
+  <option value="name-desc">Name: Z–A</option>
+</select>
+
           </Col>
         </Row>
 

components/Layout/Header.js

@@ -17,8 +17,8 @@ import Image from "next/image";
 import { SubMenu } from "./SubMenu";
 import { useDispatch, useSelector } from "react-redux";
 import { fetchHeader } from "@/redux/slices/headerSlice";
-import { collectionsData } from "@/pages/data/collectionsData";
-import { brandsData } from "@/pages/data/brandsData";
+import { collectionsData } from "@/components/data/collectionsData";
+import { brandsData } from "@/components/data/brandsData";
 // const collectionsMenu = [
 //   {
 //     key: "kitchens",

pages/brands/[category]/[slug].js

 import { useRouter } from "next/router";
 import Breadcrumb from "@/components/Common/Breadcrumb";
-import { brandsData } from "@/pages/data/brandsData";
+import { brandsData } from "@/components/data/brandsData";
 import InnerBannerBrands from "@/components/Brands/InnerBannerBrands";
 import AboutInfoBrands from "@/components/Brands/AboutInfoBrands";
 import Video from "@/components/Brands/Video";

pages/brands/[category]/index.js

@@ -2,7 +2,7 @@ import { useRouter } from "next/router";
 import Breadcrumb from "@/components/Common/Breadcrumb";
 import HeadTitle from "@/components/Common/HeadTitle";
 import InnerDetailsBrands from "@/components/Brands/InnerDetailsBrands";
-import { brandsData } from "@/pages/data/brandsData";
+import { brandsData } from "@/components/data/brandsData";
 
 const BrandCategoryPage = () => {
   const router = useRouter();

pages/collections/[category]/[subCategory]/[productSlug].js

 import { useRouter } from "next/router";
 import Breadcrumb from "@/components/Common/Breadcrumb";
-import { collectionsData } from "@/pages/data/collectionsData";
+import { collectionsData } from "@/components/data/collectionsData";
 import InnerBanner from "@/components/Common/InnerBanner";
 import InnerBannerproduct from "@/components/Collection/InnerBannerproduct";
 import AboutInfo from "@/components/Collection/AboutInfo";

pages/collections/[category]/[subCategory]/index.js

@@ -2,7 +2,7 @@ import { useRouter } from "next/router";
 import Breadcrumb from "@/components/Common/Breadcrumb";
 import HeadTitle from "@/components/Common/HeadTitle";
 import InnerDetailsSubCategory from "@/components/Collection/InnerDetailsSubCategory";
-import { collectionsData } from "@/pages/data/collectionsData";
+import { collectionsData } from "@/components/data/collectionsData";
 
 const SubCategoryPage = () => {
   const router = useRouter();

pages/collections/[category]/index.js

 import InnerDetails from "@/components/Collection/InnerDetails";
 import Breadcrumb from "@/components/Common/Breadcrumb";
 import HeadTitle from "@/components/Common/HeadTitle";
-import { collectionsData } from "@/pages/data/collectionsData";
+import { collectionsData } from "@/components/data/collectionsData";
 import { useRouter } from "next/router";
 const breadcrumbData = [
   {