diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..7431aa7
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,10 @@
+node_modules
+dist
+.vite
+.DS_Store
+*.local
+
+# Env (keep .env.example)
+.env
+.env.*
+!.env.example
diff --git a/src/components/DynamicFeedbackForm.tsx b/src/components/DynamicFeedbackForm.tsx
index 847fbe4..e07d986 100644
--- a/src/components/DynamicFeedbackForm.tsx
+++ b/src/components/DynamicFeedbackForm.tsx
@@ -110,7 +110,10 @@ export function DynamicFeedbackForm({
       ) : null}
       <div className="flex flex-col gap-4">
         {fields.map((f) => (
-          <FieldInput key={String(f.label)} f={f} value={values[String(f.label).trim()]} onChange={setVal} />
+          <div key={String(f.label)} className="flex flex-col">
+            <FieldInput f={f} value={values[String(f.label).trim()]} onChange={setVal} />
+            <FieldRemarks text={f.remarks} />
+          </div>
         ))}
       </div>
       {err ? <p className="mt-3 text-sm text-red-600">{err}</p> : null}
@@ -130,6 +133,12 @@ function stripHtml(s: string): string {
   return s.replace(/<[^>]*>/g, "").trim() || s;
 }
 
+function FieldRemarks({ text }: { text?: string }) {
+  const trimmed = text?.trim();
+  if (!trimmed) return null;
+  return <p className="mt-1.5 text-xs leading-snug text-[rgba(36,40,47,0.55)]">{trimmed}</p>;
+}
+
 function FieldInput({
   f,
   value,
diff --git a/src/lib/api.ts b/src/lib/api.ts
index 7feb058..bcd5041 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -257,6 +257,7 @@ export type VisitorPublicFeedbackFormField = {
   required?: boolean;
   options?: string[];
   placeholder?: string;
+  remarks?: string;
 };
 
 export type VisitorPublicFeedbackForm = {