From c84f126d6fe6adbc0add9f4c96936cf55f04911a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 15:14:12 +0000
Subject: [PATCH 1/2] Update src/app/blog/page.tsx

---
 src/app/blog/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index c315e7d..12f51a0 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -41,7 +41,7 @@ export default function LandingPage() {
       logoAlt="Tech Guru Logo"
       brandName="Tech Guru Technical Services Co"
       button={{
-        text: "Book a Repair",        href: "/contact"}}
+        text: "Book a Repair",        href: "/contact#appointment-form"}}
     />
   </div>
 
@@ -74,7 +74,7 @@ export default function LandingPage() {
       text="Subscribe to Our Newsletter for Exclusive Tips & Offers. Get expert appliance maintenance advice directly in your inbox."
       buttons={[
         {
-          text: "Subscribe Now",          href: "/contact"},
+          text: "Subscribe Now",          href: "/contact#appointment-form"},
       ]}
     />
   </div>

From 602d6a7d01f35fb6d6a739488387c3bffbe26dd2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 10 Jun 2026 15:14:12 +0000
Subject: [PATCH 2/2] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index d9d2450..30efeb7 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -93,7 +93,7 @@ export default function ContactPage() {
             logoAlt="Tech Guru Logo"
             brandName="Tech Guru Technical Services Co"
             button={{
-              text: "Book a Repair",              href: "/contact"}}
+              text: "Book a Repair",              href: "/contact#appointment-form"}}
           />
         </div>
 
@@ -101,7 +101,7 @@ export default function ContactPage() {
           <div className="container mx-auto px-4 md:px-6">
             <div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 lg:gap-16 items-start">
               {/* Left Column: Booking Form */}
-              <div id="appointment-form" className="relative p-6 md:p-10 rounded-[16px] shadow-soft-shadow bg-card h-full flex flex-col justify-between animate-slide-up-initial" style={{ animationDelay: '0.1s' }}>
+              <div id="appointment-form" className="relative p-6 md:p-10 rounded-[16px] shadow-soft-shadow bg-card h-full flex flex-col justify-between animate-slide-up-initial min-h-[500px]" style={{ animationDelay: '0.1s' }}>
                 <div>
                   <h2 className="text-3xl font-semibold mb-2 text-foreground">Book an Appliance Repair</h2>
                   <p className="text-lg text-foreground-lighter mb-8">Fill out the form below and our technician will contact you shortly to confirm your appointment.</p>
@@ -122,7 +122,7 @@ export default function ContactPage() {
                           onChange={(e) => setFullName(e.target.value)}
                           placeholder="Your full name"
                           required
-                          className="w-full p-3 rounded-md border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
+                          className="w-full p-3 rounded-[16px] border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
                         />
                       </div>
                       <div>
@@ -135,7 +135,7 @@ export default function ContactPage() {
                           placeholder="+971 5X XXX XXXX"
                           pattern="^\+?[0-9\s\-()]{7,25}$"
                           required
-                          className="w-full p-3 rounded-md border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
+                          className="w-full p-3 rounded-[16px] border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
                         />
                       </div>
                       <div>
@@ -147,7 +147,7 @@ export default function ContactPage() {
                           onChange={(e) => setEmailAddress(e.target.value)}
                           placeholder="you@example.com"
                           required
-                          className="w-full p-3 rounded-md border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
+                          className="w-full p-3 rounded-[16px] border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
                         />
                       </div>
                       <div>
@@ -159,7 +159,7 @@ export default function ContactPage() {
                           onChange={(e) => setPropertyLocation(e.target.value)}
                           placeholder="Apartment/Villa No., Street Name, Area"
                           required
-                          className="w-full p-3 rounded-md border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
+                          className="w-full p-3 rounded-[16px] border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
                         />
                       </div>
                       <div>
@@ -169,7 +169,7 @@ export default function ContactPage() {
                           value={serviceRequired}
                           onChange={(e) => setServiceRequired(e.target.value)}
                           required
-                          className="w-full p-3 rounded-md border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
+                          className="w-full p-3 rounded-[16px] border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
                         >
                           <option value="" disabled>Select a service</option>
                           <option value="washing-machine">Washing Machine Repair</option>
@@ -190,7 +190,7 @@ export default function ContactPage() {
                             value={preferredDate}
                             onChange={(e) => setPreferredDate(e.target.value)}
                             required
-                            className="w-full p-3 rounded-md border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
+                            className="w-full p-3 rounded-[16px] border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
                           />
                         </div>
                         <div>
@@ -201,7 +201,7 @@ export default function ContactPage() {
                             value={preferredTime}
                             onChange={(e) => setPreferredTime(e.target.value)}
                             required
-                            className="w-full p-3 rounded-md border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
+                            className="w-full p-3 rounded-[16px] border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
                           />
                         </div>
                       </div>
@@ -213,7 +213,7 @@ export default function ContactPage() {
                           onChange={setAdditionalDetails}
                           placeholder="Any specific issues or requests?"
                           rows={4}
-                          className="w-full p-3 rounded-md border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
+                          className="w-full p-3 rounded-[16px] border border-accent bg-background-light text-foreground focus:ring-primary-cta focus:border-primary-cta transition-colors duration-200"
                         />
                       </div>
                       <ButtonExpandHover text="Book Appointment" type="submit" className="w-full mt-4" />