diff --git a/apps/web/src/app/user/register-coffee/page.tsx b/apps/web/src/app/user/register-coffee/page.tsx
index 88efa5f..dc2184e 100644
--- a/apps/web/src/app/user/register-coffee/page.tsx
+++ b/apps/web/src/app/user/register-coffee/page.tsx
@@ -4,296 +4,181 @@ import {
 	ArrowPathRoundedSquareIcon,
 	CameraIcon,
 } from "@heroicons/react/24/outline";
-import { ClockIcon } from "@heroicons/react/24/solid";
 import { zodResolver } from "@hookform/resolvers/zod";
 import Button from "@repo/ui/button";
-import RadioButton from "@repo/ui/form/radioButton";
+import { useContract } from "@starknet-react/core";
 import Image from "next/image";
+import { useState } from "react";
 import { useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
 import { z } from "zod";
 import { ProfileOptionLayout } from "~/app/_components/features/ProfileOptionLayout";
+import {
+	abiMarketPlace,
+	marketplaceAddress,
+} from "~/contracts/abi/MarketPlace";
 import { RoastLevel } from "~/types";
 
 const schema = z.object({
 	roast: z.string().min(1, "Roast level is required"),
-	price: z.string().min(1, "Price is required"),
-	bagsAvailable: z.number().min(0, "Available bags must be a positive number"),
+	price: z
+		.string()
+		.regex(/^\d+(\.\d{1,2})?$/, "Invalid price format")
+		.min(1, "Price is required"),
+	bagsAvailable: z.number().min(1, "Available bags must be at least 1"),
 	description: z.string().min(1, "Description is required"),
 	variety: z.string().min(1, "Variety is required"),
-	coffeeScore: z
-		.number()
-		.min(0, "Coffee score must be a positive number")
-		.max(100, "Coffee score must be at most 100")
-		.optional(),
-	image: z.string().optional(),
 });
 
 type FormData = z.infer<typeof schema>;
 
+
 export default function RegisterCoffee() {
-	const { t } = useTranslation();
+	const [isLoading, setIsLoading] = useState(false);
+	const [transactionHash, setTransactionHash] = useState<string | null>(null);
+	const [error, setError] = useState<string | null>(null);
+
+	const { contract } = useContract({
+		abi: abiMarketPlace,
+		address: marketplaceAddress,
+	});
+
+	const { register, handleSubmit } = useForm<FormData>({
+		resolver: zodResolver(schema),
+		defaultValues: {
+			roast: RoastLevel.LIGHT,
+			bagsAvailable: 1,
+		},
+	});
+
 	const handleImageUpload = () => {
-		alert(t("implement_image_upload"));
+		alert("Implement image upload");
 	};
 
-	const { register, handleSubmit, control, getValues, setValue } =
-		useForm<FormData>({
-			resolver: zodResolver(schema),
-			defaultValues: {
-				roast: RoastLevel.LIGHT,
-				bagsAvailable: 1,
-			},
-		});
-
 	const onSubmit = async (data: FormData) => {
-		const submissionData = {
-			...data,
-			price: Number.parseFloat(data.price),
-		};
-		// TODO: Implement coffee registration logic
-		console.log(submissionData);
-	};
+		if (!contract) {
+			setError("Error with the contract connection");
+			return;
+		}
 
-	return (
-		<ProfileOptionLayout
-			title={t("register_coffee")}
-			backLink="/user/my-coffee"
-		>
-			<div className="p-6 bg-white rounded-lg">
-				<form onSubmit={handleSubmit(onSubmit)}>
-					<div className="flex flex-col items-center my-6">
-						<Image
-							src="/images/cafe1.webp"
-							alt="Coffee"
-							width={80}
-							height={80}
-							className="rounded-full mb-2"
-						/>
-						<Button
-							className="mx-auto mt-4 w-46 h-10 px-2"
-							onClick={handleImageUpload}
-							variant="secondary"
-							type="button"
-						>
-							<CameraIcon className="w-6 h-6 mr-2" />
-							{t("choose_coffee_photo")}
-						</Button>
-					</div>
-					<div className="my-4">
-						<label className="text-content-body-default block mb-1">
-							{t("coffee_variety")}
-						</label>
-						<input
-							{...register("variety")}
-							type="text"
-							className="w-full border border-surface-border rounded p-2"
-							placeholder={t("type_here")}
-						/>
-					</div>
-					<div className="my-2">
-						<label className="text-content-body-default block mb-1">
-							{t("coffee_description")}
-						</label>
-						<textarea
-							{...register("description")}
-							className="w-full border border-surface-border rounded p-2"
-							placeholder={t("type_here")}
-						/>
-					</div>
-					<div className="mb-2">
-						<label className="text-content-body-default block mb-1">
-							{t("coffee_score")}{" "}
-							<span className="text-content-body-soft">
-								({t("not_mandatory")})
-							</span>
-						</label>
-						<input
-							{...register("coffeeScore", {
-								valueAsNumber: true,
-								min: { value: 0, message: "Score must be at least 0" },
-								max: { value: 100, message: "Score must be at most 100" },
-							})}
-							type="text"
-							min="0"
-							max="100"
-							step="1"
-							onKeyDown={(e) => {
-								if (
-									!/[0-9]/.test(e.key) &&
-									e.key !== "Backspace" &&
-									e.key !== "Delete" &&
-									e.key !== "ArrowLeft" &&
-									e.key !== "ArrowRight"
-								) {
-									e.preventDefault();
-								}
-							}}
-							onChange={(e) => {
-								let value = e.target.value.replace(/\D/g, "");
-								if (value.length > 3) {
-									value = value.slice(0, 3);
-								}
-								if (Number.parseInt(value) > 100) {
-									value = value.slice(0, 3);
-								}
-								e.target.value = value;
-								setValue(
-									"coffeeScore",
-									value ? Number.parseInt(value) : undefined,
-								);
-							}}
-							className="w-full border border-surface-border rounded p-2"
-							placeholder={t("score_placeholder")}
-						/>
-					</div>
-					<div className="my-6">
-						<label className="text-content-body-default block mb-2">
-							{t("roast_level")}
-						</label>
-						<div className="flex flex-col space-y-2">
-							{Object.values(RoastLevel).map((level) => (
-								<div
-									key={level}
-									className="flex items-center justify-between p-3 bg-surface-primary-soft rounded-lg cursor-pointer"
-									onClick={() => {
-										setValue("roast", level);
-									}}
-									onKeyDown={(e) => {
-										if (e.key === "Enter" || e.key === " ") {
-											e.preventDefault();
-											setValue("roast", level);
-										}
-									}}
-								>
-									<div className="flex items-center">
-										<ClockIcon
-											className="w-5 h-5 mr-3"
-											color="bg-surface-primary-default"
-										/>
-										<span
-											className={`text-sm font-bold ${(getValues("roast") as RoastLevel) === level ? "text-content-title" : "text-content-body-default"}`}
-										>
-											{t(`strength.${level}`)}
-										</span>
-									</div>
-									<RadioButton
-										name="roast"
-										label=""
-										value={level}
-										control={control}
-									/>
-								</div>
-							))}
-						</div>
-					</div>
-					<div className="my-8 flex justify-between items-center">
-						<div className="flex items-center font-medium">
-							<ArrowPathRoundedSquareIcon className="w-6 h-6 mr-2" />
-							<label className="text-content-body-default">
-								{t("operating_fee")}
-							</label>
-						</div>
-						<p className="text-content-body-default">$20.00</p>
-					</div>
-					<div className="my-4">
-						<label className="text-content-body-default block mb-1">
-							{t("price_per_bag")} (USD)
-						</label>
-						<input
-							{...register("price")}
-							type="text"
-							className="w-full border border-surface-border rounded p-2"
-							placeholder={t("enter_price_placeholder")}
-							onKeyPress={(event) => {
-								if (!/[0-9.]/.test(event.key)) {
-									event.preventDefault();
-								}
-							}}
-							onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
-								const value = event.target.value;
-								const parts = value.split(".");
-								if (parts[1] && parts[1].length > 2) {
-									const price = `${parts[0]}.${parts[1].slice(0, 2)}`;
-									event.target.value = price;
-									setValue("price", price);
-								} else {
-									setValue("price", value);
-								}
-							}}
-							onBlur={(event: React.FocusEvent<HTMLInputElement>) => {
-								const value = Number.parseFloat(event.target.value);
-								if (!Number.isNaN(value)) {
-									const formattedValue = value.toFixed(2);
-									event.target.value = formattedValue;
-									setValue("price", formattedValue);
-								}
-							}}
-						/>
-					</div>
-					<div className="my-6 p-6 rounded bg-surface-primary-soft">
-						<p className="text-[0.875rem] text-content-body-default">
-							{t("total_sales_value_per_bag")}
-						</p>
-						<p className="font-medium text-[0.875rem]">30 USD</p>
-						<p className="mt-2 text-[0.875rem] text-content-body-default">
-							{t("producer_value_per_bag")}
-						</p>
-						<p className="font-medium text-[0.875rem]">25 USD</p>
-					</div>
-					<div className="my-6">
-						<label className="text-content-body-default block mb-1">
-							{t("bags_available")} (340g)
-						</label>
-						<div className="flex items-center justify-between rounded-lg p-2 border border-surface-border">
+		try {
+			setIsLoading(true);
+			setError(null);
+
+			const initialStock = BigInt(data.bagsAvailable);
+			const price = BigInt(Math.round(Number(data.price) * 10 ** 18));
+			const metadata = [
+				BigInt(`0x${Buffer.from(data.variety).toString("hex")}`),
+				BigInt(`0x${Buffer.from(data.description).toString("hex")}`),
+			];
+
+			const tx = await contract.create_product(initialStock, price, metadata);
+
+			setTransactionHash(tx.transaction_hash);
+			console.log("Transaction hash:", tx.transaction_hash);
+		} catch (err: unknown) {
+			if (err instanceof Error) {
+				console.error("Error:", err);
+				setError(err.message);
+			} else {
+				console.error("Unexpected error:", err);
+				setError("An unexpected error occurred");
+			}
+		}
+
+		return (
+			<ProfileOptionLayout
+				title="Register my coffee"
+				backLink="/user/my-coffee"
+			>
+				<div className="p-6 bg-white rounded-lg">
+					<form onSubmit={handleSubmit(onSubmit)}>
+						<div className="flex flex-col items-center my-6">
+							<Image
+								src="/images/cafe1.webp"
+								alt="Coffee"
+								width={80}
+								height={80}
+								className="rounded-full mb-2"
+							/>
 							<Button
-								className="!p-0 w-5 h-5 rounded-md text-white"
-								onClick={() => {
-									const currentValue = Number.parseInt(
-										getValues("bagsAvailable").toString(),
-									);
-									if (currentValue > 0) {
-										setValue("bagsAvailable", currentValue - 1);
-									}
-								}}
+								className="mx-auto mt-4 w-46 h-10 px-2"
+								onClick={handleImageUpload}
+								variant="secondary"
 								type="button"
 							>
-								-
+								<CameraIcon className="w-6 h-6 mr-2" />
+								Choose coffee photo
 							</Button>
+						</div>
+
+						<div className="my-4">
+							<label className="text-content-body-default block mb-1">
+								Coffee variety
+							</label>
 							<input
+								{...register("variety")}
 								type="text"
-								className="w-16 text-center bg-transparent text-content-body-default text-lg"
-								{...register("bagsAvailable", {
-									onChange: (e: React.ChangeEvent<HTMLInputElement>) => {
-										const value =
-											e.target.value === ""
-												? 0
-												: Number.parseInt(e.target.value);
-										if (!Number.isNaN(value) && value >= 0) {
-											setValue("bagsAvailable", value);
-										}
-									},
-								})}
+								className="w-full border border-surface-border rounded p-2"
+								placeholder="Type here"
+							/>
+						</div>
+
+						<div className="my-2">
+							<label className="text-content-body-default block mb-1">
+								Coffee description
+							</label>
+							<textarea
+								{...register("description")}
+								className="w-full border border-surface-border rounded p-2"
+								placeholder="Type here"
+							/>
+						</div>
+
+						<div className="my-4">
+							<label className="text-content-body-default block mb-1">
+								Price per bag (USD)
+							</label>
+							<input
+								{...register("price")}
+								type="text"
+								className="w-full border border-surface-border rounded p-2"
+								placeholder="Enter price (e.g. 25.99)"
+							/>
+						</div>
+
+						<div className="my-4">
+							<label className="text-content-body-default block mb-1">
+								Bags available
+							</label>
+							<input
+								{...register("bagsAvailable")}
+								type="number"
+								className="w-full border border-surface-border rounded p-2"
+								placeholder="Number of bags"
 							/>
-							<Button
-								className="!p-0 w-5 h-5 rounded-md text-white"
-								onClick={() => {
-									const currentValue = Number.parseInt(
-										getValues("bagsAvailable").toString(),
-									);
-									setValue("bagsAvailable", currentValue + 1);
-								}}
-								type="button"
-							>
-								+
-							</Button>
 						</div>
-					</div>
-					<Button type="submit" className="py-6 rounded w-full">
-						{t("save_and_publish")}
-					</Button>
-				</form>
-			</div>
-		</ProfileOptionLayout>
-	);
+
+						<Button type="submit" className="py-6 rounded w-full">
+							{isLoading ? "Minting..." : "Save and publish"}
+						</Button>
+
+						{transactionHash && (
+							<p className="mt-4">
+								Transaction submitted:{" "}
+								<a
+									href={`https://goerli.voyager.online/tx/${transactionHash}`}
+									target="_blank"
+									rel="noopener noreferrer"
+									className="text-blue-600 underline"
+								>
+									{transactionHash}
+								</a>
+							</p>
+						)}
+						{error && <p className="text-red-500 mt-4">Error: {error}</p>}
+					</form>
+				</div>
+			</ProfileOptionLayout>
+		);
+	};
 }
diff --git a/apps/web/src/contracts/abi/MarketPlace.ts b/apps/web/src/contracts/abi/MarketPlace.ts
new file mode 100644
index 0000000..b7193ed
--- /dev/null
+++ b/apps/web/src/contracts/abi/MarketPlace.ts
@@ -0,0 +1,3 @@
+export const marketplaceAddress = "0xcofiblocks"
+
+export const abiMarketPlace = [{}]
\ No newline at end of file