Initial

components/productscontainer.jsx

@@ -0,0 +1,25 @@
+import Image from "next/image";
+
+export default function ProductContainer(props) {
+  return (
+    <div className="col-12 col-lg-4 text-center h-100">
+      <div className="content">
+        <div className="bg-white">
+          <Image
+            src={props.imgurl}
+            alt={props.imgalt}
+            className="p-3"
+            layout="intrinsic"
+            width={300}
+            height={300}
+          />
+        </div>
+        <div className="">
+          <h3 className="text-center">{props.title}</h3>
+          <p>{props.text}</p>
+          {props.children}
+        </div>
+      </div>
+    </div>
+  );
+}