first commit

2023-01-16 13:09:45 -05:00
commit a6ebce376c
271 changed files with 39454 additions and 0 deletions
@@ -0,0 +1,23 @@
+import React from "react";
+import ProductCardStyleOne from "../../Cards/ProductCardStyleOne";
+import DataIteration from "../../Helpers/DataIteration";
+
+export default function MainSection({ collectionData, className }) {
+  return (
+    <>
+      <div className={`w-full ${className || ""}`}>
+        <div className="grid xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2 2xl:gap-8 xl:gap-5 gap-5 mb-10">
+          <DataIteration
+            datas={collectionData}
+            startLength={0}
+            endLength={collectionData.length}
+          >
+            {({ datas }) => (
+              <ProductCardStyleOne key={datas.uniqKey} datas={datas} />
+            )}
+          </DataIteration>
+        </div>
+      </div>
+    </>
+  );
+}
@@ -0,0 +1,24 @@
+import React from "react";
+import datas from "../../../data/product_data.json";
+import Layout from "../../Partials/Layout";
+import MainSection from "./MainSection";
+
+export default function CollectionItem() {
+  return (
+    <Layout>
+      <div className="mycollection-wrapper">
+        <div className="main-wrapper">
+          {/* heading */}
+          <div className="flex justify-between items-center mb-6">
+            <div>
+              <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
+                <span>Seo Planes</span>
+              </h1>
+            </div>
+          </div>
+          <MainSection className="mb-10" collectionData={datas.datas} />
+        </div>
+      </div>
+    </Layout>
+  );
+}
@@ -0,0 +1,23 @@
+import React from "react";
+import CollectionCard from "../Cards/CollectionCard";
+import DataIteration from "../Helpers/DataIteration";
+
+function MainSection({ collectionData, className }) {
+  return (
+    <div className={`w-full ${className || ""}`}>
+      <div className="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-[30px]">
+        <DataIteration
+          datas={collectionData}
+          startLength={0}
+          endLength={collectionData.length}
+        >
+          {({ datas }) => (
+            <CollectionCard key={datas.uniqKey} collectionData={datas} />
+          )}
+        </DataIteration>
+      </div>
+    </div>
+  );
+}
+
+export default MainSection;
@@ -0,0 +1,29 @@
+import React from "react";
+import collectionData from "../../data/collectionplan_data.json";
+import Layout from "../Partials/Layout";
+import MainSection from "./MainSection";
+
+export default function MyCollection() {
+  return (
+    <>
+      <Layout>
+        <div className="mycollection-wrapper">
+          <div className="main-wrapper">
+            {/* heading */}
+            <div className="flex justify-between items-center mb-6">
+              <div>
+                <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
+                  <span>My Collection</span>
+                </h1>
+              </div>
+            </div>
+            <MainSection
+              className="mb-10"
+              collectionData={collectionData.data}
+            />
+          </div>
+        </div>
+      </Layout>
+    </>
+  );
+}