Davron/ignum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

text font fixed

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2026-01-28 12:10:55 +05:00
parent 196f99d8dd
commit 29e06be337
20 changed files with 153 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
components/pages/contact/form.tsx
View File

@@ -129,12 +129,13 @@ export default function Form() {
placeholder={t("contact.form.placeholders.firstName")}
value={formData.firstName}
onChange={handleChange}
className={`w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
className={`font-almarai w-full rounded-3xl border bg-white px-4 py-3 text-sm
text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
errors.firstName ? "border-red-500" : "border-transparent"
}`}
/>
{errors.firstName && (
<p className="mt-1 text-xs text-red-500">{errors.firstName}</p>
<p className="font-almarai mt-1 text-xs text-red-500">{errors.firstName}</p>
)}
</div>
<div>
@@ -144,12 +145,12 @@ export default function Form() {
placeholder={t("contact.form.placeholders.lastName")}
value={formData.lastName}
onChange={handleChange}
className={`w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
className={`font-almarai w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
errors.lastName ? "border-red-500" : "border-transparent"
}`}
/>
{errors.lastName && (
<p className="mt-1 text-xs text-red-500">{errors.lastName}</p>
<p className="font-almarai mt-1 text-xs text-red-500">{errors.lastName}</p>
)}
</div>
</div>
@@ -163,12 +164,12 @@ export default function Form() {
placeholder={t("contact.form.placeholders.email")}
value={formData.email}
onChange={handleChange}
className={`w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
className={`font-almarai w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
errors.email ? "border-red-500" : "border-transparent"
}`}
/>
{errors.email && (
<p className="mt-1 text-xs text-red-500">{errors.email}</p>
<p className="font-almarai mt-1 text-xs text-red-500">{errors.email}</p>
)}
</div>
<div>
@@ -178,12 +179,12 @@ export default function Form() {
placeholder={t("contact.form.placeholders.subject")}
value={formData.subject}
onChange={handleChange}
className={`w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
className={`font-almarai w-full rounded-3xl border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
errors.subject ? "border-red-500" : "border-transparent"
}`}
/>
{errors.subject && (
<p className="mt-1 text-xs text-red-500">{errors.subject}</p>
<p className="font-almarai mt-1 text-xs text-red-500">{errors.subject}</p>
)}
</div>
</div>
@@ -196,12 +197,12 @@ export default function Form() {
rows={8}
value={formData.message}
onChange={handleChange}
className={`w-full resize-none rounded-md border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
className={`font-almarai w-full resize-none rounded-md border bg-white px-4 py-3 text-sm text-gray-700 placeholder-gray-400 outline-none transition focus:ring-2 focus:ring-red-500 ${
errors.message ? "border-red-500" : "border-transparent"
}`}
/>
{errors.message && (
<p className="mt-1 text-xs text-red-500">{errors.message}</p>
<p className="font-almarai mt-1 text-xs text-red-500">{errors.message}</p>
)}
</div>
@@ -222,30 +223,30 @@ export default function Form() {
<Check className="h-3 w-3 text-white" strokeWidth={3} />
)}
</button>
<span className="text-sm text-gray-300">
<span className="font-almarai text-sm text-gray-300">
{t("contact.form.privacy")}
</span>
</div>
<button
type="submit"
disabled={isSubmitting}
className="shadow-[0px_0px_2px_8px_#ff01015c] rounded-full bg-red-600 px-8 py-3 text-sm font-semibold uppercase tracking-wider text-white transition hover:cursor-pointer hover:scale-90 disabled:cursor-not-allowed disabled:opacity-50"
className="font-almarai shadow-[0px_0px_2px_8px_#ff01015c] rounded-full bg-red-600 px-8 py-3 text-sm font-semibold uppercase tracking-wider text-white transition hover:cursor-pointer hover:scale-90 disabled:cursor-not-allowed disabled:opacity-50"
>
{isSubmitting ? "Sending..." : t("contact.form.send")}
</button>
</div>
{errors.agreeToPolicy && (
<p className="text-xs text-red-500">{errors.agreeToPolicy}</p>
<p className="font-almarai text-xs text-red-500">{errors.agreeToPolicy}</p>
)}
{/* Status Messages */}
{submitStatus === "success" && (
<p className="text-center text-sm text-green-400">
<p className="font-almarai text-center text-sm text-green-400">
Message sent successfully!
</p>
)}
{submitStatus === "error" && (
<p className="text-center text-sm text-red-400">
<p className="font-almarai text-center text-sm text-red-400">
Failed to send message. Please try again.
</p>
)}