Merge version_3 into main

Merge version_3 into main

src/app/blog/page.tsx

@@ -27,33 +27,21 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "/services"},
-          id: "/services",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "/faq"},
-          id: "/faq",
-        },
         {
-          name: "Blog",
+          name: "Blog",          id: "/blog"},
-          id: "/blog",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/flat-design-mechanical-engineering-logo_23-2150028712.jpg"
       logoAlt="Tech Guru Logo"
       brandName="Tech Guru Technical Services Co"
       button={{
-        text: "Book a Repair",
+        text: "Book a Repair",        href: "/contact#appointment-form"}}
-        href: "/contact#appointment-form",
-      }}
     />
   </div>
 
@@ -69,38 +57,11 @@ export default function LandingPage() {
       tagIcon={Sparkles}
       blogs={[
         {
-          id: "blog-1",
+          id: "blog-1",          category: "Maintenance",          title: "How to Maintain Your Washing Machine for Longer Life",          excerpt: "Discover essential tips and tricks to keep your washing machine running efficiently and avoid common breakdowns.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-organized-laundry-room-with-white-cabinets-shelving_23-2151983211.jpg",          imageAlt: "Washing machine maintenance",          authorName: "Tech Guru Team",          authorAvatar: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-16454.jpg",          date: "July 15, 2024"},
-          category: "Maintenance",
-          title: "How to Maintain Your Washing Machine for Longer Life",
-          excerpt: "Discover essential tips and tricks to keep your washing machine running efficiently and avoid common breakdowns.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-organized-laundry-room-with-white-cabinets-shelving_23-2151983211.jpg",
-          imageAlt: "Washing machine maintenance",
-          authorName: "Tech Guru Team",
-          authorAvatar: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-16454.jpg",
-          date: "July 15, 2024",
-        },
         {
-          id: "blog-2",
+          id: "blog-2",          category: "Troubleshooting",          title: "Why Your Refrigerator Isn't Cooling: Common Causes & Fixes",          excerpt: "Learn about the most frequent reasons why your fridge might not be cooling properly and what steps you can take.",          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-facilities-picture-fridge-with-food-inside_259150-58057.jpg",          imageAlt: "Refrigerator not cooling",          authorName: "Tech Guru Experts",          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg",          date: "July 10, 2024"},
-          category: "Troubleshooting",
-          title: "Why Your Refrigerator Isn't Cooling: Common Causes & Fixes",
-          excerpt: "Learn about the most frequent reasons why your fridge might not be cooling properly and what steps you can take.",
-          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-facilities-picture-fridge-with-food-inside_259150-58057.jpg",
-          imageAlt: "Refrigerator not cooling",
-          authorName: "Tech Guru Experts",
-          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg",
-          date: "July 10, 2024",
-        },
         {
-          id: "blog-3",
+          id: "blog-3",          category: "Repair Guides",          title: "Signs Your Oven Needs Repair: Don't Ignore These Warning Signals",          excerpt: "Identify the critical indicators that suggest your oven might need professional repair before it completely breaks down.",          imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176715.jpg",          imageAlt: "Oven needing repair",          authorName: "Tech Guru Insights",          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg",          date: "July 5, 2024"},
-          category: "Repair Guides",
-          title: "Signs Your Oven Needs Repair: Don't Ignore These Warning Signals",
-          excerpt: "Identify the critical indicators that suggest your oven might need professional repair before it completely breaks down.",
-          imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176715.jpg",
-          imageAlt: "Oven needing repair",
-          authorName: "Tech Guru Insights",
-          authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg",
-          date: "July 5, 2024",
-        },
       ]}
     />
   </div>
@@ -109,14 +70,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "downward-rays-static",
+        variant: "downward-rays-static"}}
-      }}
       text="Subscribe to Our Newsletter for Exclusive Tips & Offers. Get expert appliance maintenance advice directly in your inbox."
       buttons={[
         {
-          text: "Subscribe Now",
+          text: "Subscribe Now",          href: "/contact#appointment-form"},
-          href: "/contact",
-        },
       ]}
     />
   </div>
@@ -130,75 +88,45 @@ export default function LandingPage() {
       logoText="Tech Guru Technical Services Co"
       columns={[
         {
-          title: "Quick Links",
+          title: "Quick Links",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "/"},
-              href: "/",
-            },
             {
-              label: "About Us",
+              label: "About Us",              href: "/#about"},
-              href: "/#about",
-            },
             {
-              label: "FAQs",
+              label: "FAQs",              href: "/faq"},
-              href: "/faq",
-            },
             {
-              label: "Blog",
+              label: "Blog",              href: "/blog"},
-              href: "/blog",
-            },
           ],
         },
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Washing Machine Repair",
+              label: "Washing Machine Repair",              href: "/services/washing-machine"},
-              href: "/services/washing-machine",
-            },
             {
-              label: "Refrigerator Repair",
+              label: "Refrigerator Repair",              href: "/services/refrigerator"},
-              href: "/services/refrigerator",
-            },
             {
-              label: "Dishwasher Repair",
+              label: "Dishwasher Repair",              href: "/services/dishwasher"},
-              href: "/services/dishwasher",
-            },
             {
-              label: "View All Services",
+              label: "View All Services",              href: "/services"},
-              href: "/services",
-            },
           ],
         },
         {
-          title: "Contact Information",
+          title: "Contact Information",          items: [
-          items: [
             {
-              label: "+971 58 931 5357",
+              label: "+971 58 931 5357",              href: "tel:+971589315357"},
-              href: "tel:+971589315357",
-            },
             {
-              label: "info@techguruuae.com",
+              label: "info@techguruuae.com",              href: "mailto:info@techguruuae.com"},
-              href: "mailto:info@techguruuae.com",
-            },
             {
-              label: "Al Moosa Tower 2, Dubai",
+              label: "Al Moosa Tower 2, Dubai",              href: "https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai"},
-              href: "https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai",
-            },
           ],
         },
         {
-          title: "Business Hours",
+          title: "Business Hours",          items: [
-          items: [
             {
-              label: "Open Daily",
+              label: "Open Daily",              href: "#"},
-              href: "#",
-            },
             {
-              label: "8:00 AM – 10:00 PM",
+              label: "8:00 AM – 10:00 PM",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -208,4 +136,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -2,131 +2,322 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import { useState } from 'react';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import Textarea from '@/components/form/Textarea';
+import ButtonExpandHover from '@/components/button/ButtonExpandHover';
+import { Phone, Mail, MapPin, Clock } from "lucide-react";
+
+export default function ContactPage() {
+  const [fullName, setFullName] = useState('');
+  const [phoneNumber, setPhoneNumber] = useState('');
+  const [emailAddress, setEmailAddress] = useState('');
+  const [propertyLocation, setPropertyLocation] = useState('');
+  const [serviceRequired, setServiceRequired] = useState('');
+  const [preferredDate, setPreferredDate] = useState('');
+  const [preferredTime, setPreferredTime] = useState('');
+  const [additionalDetails, setAdditionalDetails] = useState('');
+  const [submissionSuccess, setSubmissionSuccess] = useState(false);
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    // Here you would typically send the form data to a backend.
+    // For this example, we'll just simulate a successful submission.
+    console.log({
+      fullName,
+      phoneNumber,
+      emailAddress,
+      propertyLocation,
+      serviceRequired,
+      preferredDate,
+      preferredTime,
+      additionalDetails,
+    });
+    setSubmissionSuccess(true);
+    // Optionally reset form fields
+    setFullName('');
+    setPhoneNumber('');
+    setEmailAddress('');
+    setPropertyLocation('');
+    setServiceRequired('');
+    setPreferredDate('');
+    setPreferredTime('');
+    setAdditionalDetails('');
+  };
+
+  const contactInfo = [
+    {
+      icon: Phone,
+      label: "Call Us",      value: "+971 58 931 5357",      href: "tel:+971589315357"},
+    {
+      icon: Mail,
+      label: "Email",      value: "info@techguruuae.com",      href: "mailto:info@techguruuae.com"},
+    {
+      icon: MapPin,
+      label: "Office Address",      value: "Al Moosa Tower 2, Near Emirates Tower Metro Station, Sheikh Zayed Road, Trade Center First, Dubai, United Arab Emirates",      href: "https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai"},
+    {
+      icon: Clock,
+      label: "Working Hours",      value: "Monday – Sunday, 8:00 AM – 10:00 PM",      href: "#"},
+  ];
 
-export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
+      defaultButtonVariant="text-stagger"
-        defaultTextAnimation="background-highlight"
+      defaultTextAnimation="background-highlight"
-        borderRadius="soft"
+      borderRadius="soft"
-        contentWidth="mediumSmall"
+      contentWidth="mediumSmall"
-        sizing="mediumLargeSizeMediumTitles"
+      sizing="mediumLargeSizeMediumTitles"
-        background="floatingGradient"
+      background="floatingGradient"
-        cardStyle="layered-gradient"
+      cardStyle="layered-gradient"
-        primaryButtonStyle="radial-glow"
+      primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
+      secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+          <NavbarStyleFullscreen
-      navItems={[
+            navItems={[
-        {
+              {
-          name: "Home",          id: "/"},
+                name: "Home",                id: "/"},
-        {
+              {
-          name: "Services",          id: "/services"},
+                name: "Services",                id: "/services"},
-        {
+              {
-          name: "FAQ",          id: "/faq"},
+                name: "FAQ",                id: "/faq"},
-        {
+              {
-          name: "Blog",          id: "/blog"},
+                name: "Blog",                id: "/blog"},
-        {
+              {
-          name: "Contact",          id: "/contact"},
+                name: "Contact",                id: "/contact"},
-      ]}
+            ]}
-      logoSrc="http://img.b2bpic.net/free-vector/flat-design-mechanical-engineering-logo_23-2150028712.jpg"
+            logoSrc="http://img.b2bpic.net/free-vector/flat-design-mechanical-engineering-logo_23-2150028712.jpg"
-      logoAlt="Tech Guru Logo"
+            logoAlt="Tech Guru Logo"
-      brandName="Tech Guru Technical Services Co"
+            brandName="Tech Guru Technical Services Co"
-      button={{
+            button={{
-        text: "Book a Repair",        href: "/contact#appointment-form"}}
+              text: "Book a Repair",              href: "/contact#appointment-form"}}
-    />
+          />
-  </div>
+        </div>
 
-  <div id="contact-form" data-section="contact-form">
+        <div id="contact-booking" data-section="contact-booking" className="relative w-full overflow-hidden py-16 md:py-24 bg-background text-foreground animate-fade-in">
-      <ContactText
+          <div className="container mx-auto px-4 md:px-6">
-      useInvertedBackground={false}
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 lg:gap-16 items-start">
-      background={{
+              {/* Left Column: Booking Form */}
-        variant: "plain"}}
+              <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' }}>
-      text="Get in Touch with Tech Guru Technical Services Co. \n\nFill out the form below to book a repair or inquire about our services. Our team will contact you shortly to confirm your appointment. \n\n**Name:** [Input Field]\n**Phone:** [Input Field]\n**Email:** [Input Field]\n**Location:** [Input Field]\n**Service Required:** [Dropdown/Input]\n**Preferred Date:** [Date Picker]\n**Preferred Time:** [Time Picker]\n**Message:** [Textarea]\n\n**Thank you. Our technician will contact you shortly.**"
+                <div>
-      buttons={[
+                  <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>
-          text: "Submit Booking",          onClick: () => console.log('Form submission simulated'),
-        },
-      ]}
-    />
-  </div>
 
-  <div id="contact-details-map" data-section="contact-details-map">
+                  {submissionSuccess ? (
-      <ContactText
+                    <div className="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded-md" role="alert">
-      useInvertedBackground={true}
+                      <strong className="font-bold">Thank you!</strong>
-      background={{
+                      <span className="block sm:inline"> Your booking has been received. Our technician will contact you shortly to confirm your appointment.</span>
-        variant: "animated-grid"}}
+                    </div>
-      text="Reach Us Anytime:\n\n**Phone:** +971 58 931 5357\n**Email:** info@techguruuae.com\n**Address:** Al Moosa Tower 2, Sheikh Zayed Road, Trade Center First, Dubai, UAE\n**Working Hours:** Open Daily, 8:00 AM – 10:00 PM\n\n\n**Google Map Location:** [Embedded Map Placeholder]"
+                  ) : (
-      buttons={[
+                    <form onSubmit={handleSubmit} className="space-y-6">
-        {
+                      <div>
-          text: "Get Directions",          href: "https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai"},
+                        <label htmlFor="fullName" className="block text-sm font-medium text-foreground-darker mb-2">Full Name</label>
-        {
+                        <input
-          text: "Call Us Directly",          href: "tel:+971589315357"},
+                          type="text"
-      ]}
+                          id="fullName"
-    />
+                          value={fullName}
-  </div>
+                          onChange={(e) => setFullName(e.target.value)}
+                          placeholder="Your full name"
+                          required
+                          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>
+                        <label htmlFor="phoneNumber" className="block text-sm font-medium text-foreground-darker mb-2">Phone Number</label>
+                        <input
+                          type="tel"
+                          id="phoneNumber"
+                          value={phoneNumber}
+                          onChange={(e) => setPhoneNumber(e.target.value)}
+                          placeholder="+971 5X XXX XXXX"
+                          pattern="^\+?[0-9\s\-()]{7,25}$"
+                          required
+                          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>
+                        <label htmlFor="emailAddress" className="block text-sm font-medium text-foreground-darker mb-2">Email Address</label>
+                        <input
+                          type="email"
+                          id="emailAddress"
+                          value={emailAddress}
+                          onChange={(e) => setEmailAddress(e.target.value)}
+                          placeholder="you@example.com"
+                          required
+                          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>
+                        <label htmlFor="propertyLocation" className="block text-sm font-medium text-foreground-darker mb-2">Property Location</label>
+                        <input
+                          type="text"
+                          id="propertyLocation"
+                          value={propertyLocation}
+                          onChange={(e) => setPropertyLocation(e.target.value)}
+                          placeholder="Apartment/Villa No., Street Name, Area"
+                          required
+                          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>
+                        <label htmlFor="serviceRequired" className="block text-sm font-medium text-foreground-darker mb-2">Service Required</label>
+                        <select
+                          id="serviceRequired"
+                          value={serviceRequired}
+                          onChange={(e) => setServiceRequired(e.target.value)}
+                          required
+                          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>
+                          <option value="refrigerator">Refrigerator Repair</option>
+                          <option value="dishwasher">Dishwasher Repair</option>
+                          <option value="dryer">Dryer Repair</option>
+                          <option value="oven">Oven Repair</option>
+                          <option value="microwave">Microwave Repair</option>
+                          <option value="other">Other Appliance Repair</option>
+                        </select>
+                      </div>
+                      <div className="grid grid-cols-1 sm:grid-cols-2 gap-6">
+                        <div>
+                          <label htmlFor="preferredDate" className="block text-sm font-medium text-foreground-darker mb-2">Preferred Date</label>
+                          <input
+                            type="date"
+                            id="preferredDate"
+                            value={preferredDate}
+                            onChange={(e) => setPreferredDate(e.target.value)}
+                            required
+                            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>
+                          <label htmlFor="preferredTime" className="block text-sm font-medium text-foreground-darker mb-2">Preferred Time</label>
+                          <input
+                            type="time"
+                            id="preferredTime"
+                            value={preferredTime}
+                            onChange={(e) => setPreferredTime(e.target.value)}
+                            required
+                            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>
+                      <div>
+                        <label htmlFor="additionalDetails" className="block text-sm font-medium text-foreground-darker mb-2">Additional Details</label>
+                        <Textarea
+                          id="additionalDetails"
+                          value={additionalDetails}
+                          onChange={setAdditionalDetails}
+                          placeholder="Any specific issues or requests?"
+                          rows={4}
+                          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" />
+                    </form>
+                  )}
+                </div>
+              </div>
 
-  <div id="footer" data-section="footer">
+              {/* Right Column: Contact Info & Map */}
-      <FooterMedia
+              <div className="flex flex-col gap-8 h-full">
-      imageSrc="http://img.b2bpic.net/free-photo/holiday-shanghai-street-water-landmark-famous_1417-1178.jpg?_wi=2"
+                <div className="grid grid-cols-1 sm:grid-cols-2 gap-6 flex-grow">
-      imageAlt="Dubai City Skyline"
+                  {contactInfo.map((item, index) => (
-      logoSrc="http://img.b2bpic.net/free-vector/gradient-cleaning-service-logo-template_23-2149221053.jpg"
+                    <a
-      logoAlt="Tech Guru Logo"
+                      key={index}
-      logoText="Tech Guru Technical Services Co"
+                      href={item.href}
-      columns={[
+                      target={item.href.startsWith('http') || item.href.startsWith('tel') || item.href.startsWith('mailto') ? '_blank' : '_self'}
-        {
+                      rel={item.href.startsWith('http') ? 'noopener noreferrer' : undefined}
-          title: "Quick Links",          items: [
+                      className="flex flex-col items-start p-6 rounded-[16px] shadow-soft-shadow bg-card text-foreground hover:bg-card-hover transition-all duration-300 group animate-slide-up-initial" style={{ animationDelay: `${0.3 + index * 0.1}s` }}
-            {
+                    >
-              label: "Home",              href: "/"},
+                      <item.icon className="w-8 h-8 text-primary-cta mb-4 group-hover:scale-110 transition-transform duration-300" />
-            {
+                      <h3 className="text-lg font-semibold mb-1 text-foreground-darker group-hover:text-primary-cta transition-colors duration-300">{item.label}</h3>
-              label: "About Us",              href: "/#about"},
+                      <p className="text-sm text-foreground-lighter group-hover:text-primary-cta-text-hover transition-colors duration-300">{item.value}</p>
-            {
+                    </a>
-              label: "FAQs",              href: "/faq"},
+                  ))}
-            {
+                </div>
-              label: "Blog",              href: "/blog"},
+
-          ],
+                <div className="relative w-full rounded-[16px] overflow-hidden shadow-soft-shadow animate-slide-up-initial" style={{ animationDelay: '0.7s' }}>
-        },
+                  <iframe
-        {
+                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3609.434522923758!2d55.27634358485596!3d25.20379418386408!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f4316d8042571%3A0x6a160d5b5b9f7a55!2sAl%20Moosa%20Tower%202%20-%20Sheikh%20Zayed%20Rd%20-%20Trade%20Centre%20First%20-%20Dubai%20-%20United%20Arab%20Emirates!5e0!3m2!1sen!2sus!4v1700000000000!5m2!1sen!2sus"
-          title: "Services",          items: [
+                    width="100%"
-            {
+                    height="400"
-              label: "Washing Machine Repair",              href: "/services/washing-machine"},
+                    style={{ border: 0 }}
-            {
+                    allowFullScreen={false}
-              label: "Refrigerator Repair",              href: "/services/refrigerator"},
+                    loading="lazy"
-            {
+                    referrerPolicy="no-referrer-when-downgrade"
-              label: "Dishwasher Repair",              href: "/services/dishwasher"},
+                    aria-label="Google Map showing office location"
-            {
+                    className="rounded-[16px]"
-              label: "View All Services",              href: "/services"},
+                  ></iframe>
-          ],
+                </div>
-        },
+
-        {
+                <div className="flex flex-col sm:flex-row gap-4 mt-4 animate-slide-up-initial" style={{ animationDelay: '0.9s' }}>
-          title: "Contact Information",          items: [
+                  <ButtonExpandHover text="Get Directions" href="https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai" className="flex-1" />
-            {
+                  <ButtonExpandHover text="Call Now" href="tel:+971589315357" className="flex-1" />
-              label: "+971 58 931 5357",              href: "tel:+971589315357"},
+                </div>
-            {
+              </div>
-              label: "info@techguruuae.com",              href: "mailto:info@techguruuae.com"},
+            </div>
-            {
+          </div>
-              label: "Al Moosa Tower 2, Dubai",              href: "https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai"},
+        </div>
-          ],
+
-        },
+        <div id="footer" data-section="footer">
-        {
+          <FooterMedia
-          title: "Business Hours",          items: [
+            imageSrc="http://img.b2bpic.net/free-photo/holiday-shanghai-street-water-landmark-famous_1417-1178.jpg?_wi=2"
-            {
+            imageAlt="Dubai City Skyline"
-              label: "Open Daily",              href: "#"},
+            logoSrc="http://img.b2bpic.net/free-vector/gradient-cleaning-service-logo-template_23-2149221053.jpg"
-            {
+            logoAlt="Tech Guru Logo"
-              label: "8:00 AM – 10:00 PM",              href: "#"},
+            logoText="Tech Guru Technical Services Co"
-          ],
+            columns={[
-        },
+              {
-      ]}
+                title: "Quick Links",                items: [
-      copyrightText="© 2024 Tech Guru Technical Services Co. All rights reserved."
+                  {
-    />
+                    label: "Home",                    href: "/"},
-  </div>
+                  {
+                    label: "About Us",                    href: "/#about"},
+                  {
+                    label: "FAQs",                    href: "/faq"},
+                  {
+                    label: "Blog",                    href: "/blog"},
+                ],
+              },
+              {
+                title: "Services",                items: [
+                  {
+                    label: "Washing Machine Repair",                    href: "/services/washing-machine"},
+                  {
+                    label: "Refrigerator Repair",                    href: "/services/refrigerator"},
+                  {
+                    label: "Dishwasher Repair",                    href: "/services/dishwasher"},
+                  {
+                    label: "View All Services",                    href: "/services"},
+                ],
+              },
+              {
+                title: "Contact Information",                items: [
+                  {
+                    label: "+971 58 931 5357",                    href: "tel:+971589315357"},
+                  {
+                    label: "info@techguruuae.com",                    href: "mailto:info@techguruuae.com"},
+                  {
+                    label: "Al Moosa Tower 2, Dubai",                    href: "https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai"},
+                ],
+              },
+              {
+                title: "Business Hours",                items: [
+                  {
+                    label: "Open Daily",                    href: "#"},
+                  {
+                    label: "8:00 AM – 10:00 PM",                    href: "#"},
+                ],
+              },
+            ]}
+            copyrightText="© 2024 Tech Guru Technical Services Co. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/faq/page.tsx

@@ -27,33 +27,21 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "/services"},
-          id: "/services",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "/faq"},
-          id: "/faq",
-        },
         {
-          name: "Blog",
+          name: "Blog",          id: "/blog"},
-          id: "/blog",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/flat-design-mechanical-engineering-logo_23-2150028712.jpg"
       logoAlt="Tech Guru Logo"
       brandName="Tech Guru Technical Services Co"
       button={{
-        text: "Book a Repair",
+        text: "Book a Repair",        href: "/contact"}}
-        href: "/contact#appointment-form",
-      }}
     />
   </div>
 
@@ -63,80 +51,35 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq-general-1",
+          id: "faq-general-1",          title: "Do you offer same-day repairs?",          content: "Yes, for most urgent requests, we provide same-day repair services across all areas of Dubai to get your appliances running quickly."},
-          title: "Do you offer same-day repairs?",
-          content: "Yes, for most urgent requests, we provide same-day repair services across all areas of Dubai to get your appliances running quickly.",
-        },
         {
-          id: "faq-general-2",
+          id: "faq-general-2",          title: "Do you provide warranty?",          content: "Yes, we offer a comprehensive warranty on all our repairs and replacement parts. Specific warranty terms will be provided with your service."},
-          title: "Do you provide warranty?",
-          content: "Yes, we offer a comprehensive warranty on all our repairs and replacement parts. Specific warranty terms will be provided with your service.",
-        },
         {
-          id: "faq-general-3",
+          id: "faq-general-3",          title: "Do you repair all appliance brands?",          content: "Our certified technicians are trained to repair almost all major appliance brands available in the UAE market, including Samsung, LG, Bosch, and more."},
-          title: "Do you repair all appliance brands?",
-          content: "Our certified technicians are trained to repair almost all major appliance brands available in the UAE market, including Samsung, LG, Bosch, and more.",
-        },
         {
-          id: "faq-general-4",
+          id: "faq-general-4",          title: "What payment methods do you accept?",          content: "We accept various payment methods, including cash, major credit/debit cards, and online transfers for your convenience."},
-          title: "What payment methods do you accept?",
-          content: "We accept various payment methods, including cash, major credit/debit cards, and online transfers for your convenience.",
-        },
         {
-          id: "faq-general-5",
+          id: "faq-general-5",          title: "How long does repair take?",          content: "Most common repairs are completed within 1-2 hours. More complex issues might require ordering parts, which can extend the repair time."},
-          title: "How long does repair take?",
-          content: "Most common repairs are completed within 1-2 hours. More complex issues might require ordering parts, which can extend the repair time.",
-        },
         {
-          id: "faq-general-6",
+          id: "faq-general-6",          title: "Do you provide emergency services?",          content: "Yes, we offer emergency repair services for critical appliance breakdowns. Contact us immediately for urgent assistance."},
-          title: "Do you provide emergency services?",
-          content: "Yes, we offer emergency repair services for critical appliance breakdowns. Contact us immediately for urgent assistance.",
-        },
         {
-          id: "faq-general-7",
+          id: "faq-general-7",          title: "Are your technicians certified?",          content: "All our technicians are highly experienced, certified, and regularly trained to stay updated with the latest appliance technologies and repair techniques."},
-          title: "Are your technicians certified?",
-          content: "All our technicians are highly experienced, certified, and regularly trained to stay updated with the latest appliance technologies and repair techniques.",
-        },
         {
-          id: "faq-general-8",
+          id: "faq-general-8",          title: "What areas do you cover in Dubai?",          content: "We cover all residential and commercial areas across Dubai, from Downtown Dubai to Palm Jumeirah and beyond."},
-          title: "What areas do you cover in Dubai?",
-          content: "We cover all residential and commercial areas across Dubai, from Downtown Dubai to Palm Jumeirah and beyond.",
-        },
         {
-          id: "faq-general-9",
+          id: "faq-general-9",          title: "Can I book an appointment online?",          content: "Yes, you can easily book a repair appointment through our website or by calling our customer service hotline."},
-          title: "Can I book an appointment online?",
-          content: "Yes, you can easily book a repair appointment through our website or by calling our customer service hotline.",
-        },
         {
-          id: "faq-general-10",
+          id: "faq-general-10",          title: "What is your pricing structure?",          content: "We offer transparent and competitive pricing. You will receive a detailed quote before any work begins, with no hidden charges."},
-          title: "What is your pricing structure?",
-          content: "We offer transparent and competitive pricing. You will receive a detailed quote before any work begins, with no hidden charges.",
-        },
         {
-          id: "faq-general-11",
+          id: "faq-general-11",          title: "Do you offer preventive maintenance plans?",          content: "Yes, we provide customizable preventive maintenance plans to keep your appliances running smoothly and prevent future breakdowns."},
-          title: "Do you offer preventive maintenance plans?",
-          content: "Yes, we provide customizable preventive maintenance plans to keep your appliances running smoothly and prevent future breakdowns.",
-        },
         {
-          id: "faq-general-12",
+          id: "faq-general-12",          title: "What if the appliance breaks down again after repair?",          content: "In the rare event that the same issue recurs within the warranty period, we will re-repair it at no additional charge."},
-          title: "What if the appliance breaks down again after repair?",
-          content: "In the rare event that the same issue recurs within the warranty period, we will re-repair it at no additional charge.",
-        },
         {
-          id: "faq-general-13",
+          id: "faq-general-13",          title: "How can I contact customer support?",          content: "You can reach our customer support team via phone, WhatsApp, or by filling out the contact form on our website."},
-          title: "How can I contact customer support?",
-          content: "You can reach our customer support team via phone, WhatsApp, or by filling out the contact form on our website.",
-        },
         {
-          id: "faq-general-14",
+          id: "faq-general-14",          title: "Do you dispose of old parts?",          content: "Yes, we handle the proper disposal of all replaced parts, ensuring environmentally friendly practices."},
-          title: "Do you dispose of old parts?",
-          content: "Yes, we handle the proper disposal of all replaced parts, ensuring environmentally friendly practices.",
-        },
         {
-          id: "faq-general-15",
+          id: "faq-general-15",          title: "Is there a diagnostic fee?",          content: "A nominal diagnostic fee may apply, which is often waived if you proceed with our repair service."},
-          title: "Is there a diagnostic fee?",
-          content: "A nominal diagnostic fee may apply, which is often waived if you proceed with our repair service.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to your most common questions about Tech Guru Technical Services Co, our services, pricing, and booking process."
@@ -150,18 +93,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       text="Still Have Questions? Our Expert Team is Here to Provide Quick Answers."
       buttons={[
         {
-          text: "Contact Support",
+          text: "Contact Support",          href: "/contact"},
-          href: "/contact",
-        },
         {
-          text: "Call Now",
+          text: "Call Now",          href: "tel:+971589315357"},
-          href: "tel:+971589315357",
-        },
       ]}
     />
   </div>
@@ -175,75 +113,45 @@ export default function LandingPage() {
       logoText="Tech Guru Technical Services Co"
       columns={[
         {
-          title: "Quick Links",
+          title: "Quick Links",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "/"},
-              href: "/",
-            },
             {
-              label: "About Us",
+              label: "About Us",              href: "/#about"},
-              href: "/#about",
-            },
             {
-              label: "FAQs",
+              label: "FAQs",              href: "/faq"},
-              href: "/faq",
-            },
             {
-              label: "Blog",
+              label: "Blog",              href: "/blog"},
-              href: "/blog",
-            },
           ],
         },
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Washing Machine Repair",
+              label: "Washing Machine Repair",              href: "/services/washing-machine"},
-              href: "/services/washing-machine",
-            },
             {
-              label: "Refrigerator Repair",
+              label: "Refrigerator Repair",              href: "/services/refrigerator"},
-              href: "/services/refrigerator",
-            },
             {
-              label: "Dishwasher Repair",
+              label: "Dishwasher Repair",              href: "/services/dishwasher"},
-              href: "/services/dishwasher",
-            },
             {
-              label: "View All Services",
+              label: "View All Services",              href: "/services"},
-              href: "/services",
-            },
           ],
         },
         {
-          title: "Contact Information",
+          title: "Contact Information",          items: [
-          items: [
             {
-              label: "+971 58 931 5357",
+              label: "+971 58 931 5357",              href: "tel:+971589315357"},
-              href: "tel:+971589315357",
-            },
             {
-              label: "info@techguruuae.com",
+              label: "info@techguruuae.com",              href: "mailto:info@techguruuae.com"},
-              href: "mailto:info@techguruuae.com",
-            },
             {
-              label: "Al Moosa Tower 2, Dubai",
+              label: "Al Moosa Tower 2, Dubai",              href: "https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai"},
-              href: "https://www.google.com/maps/search/Al+Moosa+Tower+2,+Sheikh+Zayed+Road,+Dubai",
-            },
           ],
         },
         {
-          title: "Business Hours",
+          title: "Business Hours",          items: [
-          items: [
             {
-              label: "Open Daily",
+              label: "Open Daily",              href: "#"},
-              href: "#",
-            },
             {
-              label: "8:00 AM – 10:00 PM",
+              label: "8:00 AM – 10:00 PM",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -253,4 +161,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}