Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -11,8 +11,26 @@ import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCar
 import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 import { Hammer, CheckCircle, Wrench, Droplet, Lightbulb, Drill, PaintBucket, Home, Image, Star, Phone } from "lucide-react";
+import { useState } from "react";
 
 export default function LandingPage() {
+  const [showContactForm, setShowContactForm] = useState(false);
+  const [formData, setFormData] = useState({
+    phone: "",    email: "",    address: ""
+  });
+
+  const handleFormSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    // Handle form submission here
+    console.log("Form submitted:", formData);
+    setShowContactForm(false);
+    setFormData({ phone: "", email: "", address: "" });
+  };
+
+  const handleHeroButtonClick = () => {
+    setShowContactForm(true);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -28,7 +46,6 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
-          brandName="Busy Bs Handyman"
           navItems={[
             { name: "Home", id: "home" },
             { name: "Services", id: "services" },
@@ -36,12 +53,74 @@ export default function LandingPage() {
             { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
-          button={{
-            text: "Get a Free Quote",            href: "#contact"
-          }}
+          button={{ text: "Get a Free Quote", href: "#contact" }}
         />
       </div>
 
+      {showContactForm && (
+        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
+          <div className="bg-white rounded-lg shadow-lg max-w-md w-full p-8">
+            <h2 className="text-2xl font-bold mb-4 text-foreground">Get Your Free Quote</h2>
+            <form onSubmit={handleFormSubmit} className="space-y-4">
+              <div>
+                <label className="block text-sm font-medium text-foreground mb-2">
+                  Phone Number
+                </label>
+                <input
+                  type="tel"
+                  required
+                  value={formData.phone}
+                  onChange={(e) => setFormData({ ...formData, phone: e.target.value })}
+                  className="w-full px-4 py-2 border border-accent rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                  placeholder="(123) 456-7890"
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium text-foreground mb-2">
+                  Email Address
+                </label>
+                <input
+                  type="email"
+                  required
+                  value={formData.email}
+                  onChange={(e) => setFormData({ ...formData, email: e.target.value })}
+                  className="w-full px-4 py-2 border border-accent rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                  placeholder="you@example.com"
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium text-foreground mb-2">
+                  Address
+                </label>
+                <input
+                  type="text"
+                  required
+                  value={formData.address}
+                  onChange={(e) => setFormData({ ...formData, address: e.target.value })}
+                  className="w-full px-4 py-2 border border-accent rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta"
+                  placeholder="123 Main Street, Nampa, ID"
+                />
+              </div>
+              <div className="flex gap-3 pt-4">
+                <button
+                  type="submit"
+                  className="flex-1 bg-primary-cta text-white py-2 rounded-lg font-medium hover:opacity-90 transition"
+                >
+                  Submit
+                </button>
+                <button
+                  type="button"
+                  onClick={() => setShowContactForm(false)}
+                  className="flex-1 bg-secondary-cta text-foreground py-2 rounded-lg font-medium hover:opacity-90 transition border border-accent"
+                >
+                  Cancel
+                </button>
+              </div>
+            </form>
+          </div>
+        </div>
+      )}
+
       <div id="hero" data-section="hero">
         <HeroBillboardCarousel
           title="Reliable Handyman Services You Can Trust"
@@ -50,7 +129,7 @@ export default function LandingPage() {
           tagIcon={Hammer}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Get a Free Quote", href: "#contact" },
+            { text: "Get a Free Quote", onClick: handleHeroButtonClick },
             { text: "View Our Work", href: "#gallery" }
           ]}
           buttonAnimation="slide-up"
@@ -187,22 +266,22 @@ export default function LandingPage() {
           ]}
           testimonials={[
             {
-              id: "testimonial-1",              name: "Jennifer Martinez",              role: "Homeowner",              testimonial: "Busy B Handyman fixed our bathroom plumbing issue quickly and professionally. The attention to detail was incredible, and they cleaned up after themselves. Highly recommend!",              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-green-shirt-smilin-with-happy-face-showing-thumbs-up-making-call-me-gesture_141793-54515.jpg",              imageAlt: "Jennifer Martinez"
+              id: "testimonial-1",              name: "Jennifer Martinez",              role: "Homeowner",              testimonial: "Busy B Handyman fixed our bathroom plumbing issue quickly and professionally. The attention to detail was incredible, and they cleaned up after themselves. Highly recommend!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiAZWDji79X7atOCtPSK4CpOon/uploaded-1774122108221-fzz1340l.jpg",              imageAlt: "Jennifer Martinez"
             },
             {
-              id: "testimonial-2",              name: "Robert Chen",              role: "Property Owner",              testimonial: "We've used their services for multiple properties in Nampa. Their reliability and quality work have saved us countless headaches. They're our go-to handyman team.",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg",              imageAlt: "Robert Chen"
+              id: "testimonial-2",              name: "Rose Chen",              role: "Property Owner",              testimonial: "We've used their services for multiple properties in Nampa. Their reliability and quality work have saved us countless headaches. They're our go-to handyman team.",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg",              imageAlt: "Rose Chen"
             },
             {
-              id: "testimonial-3",              name: "Sarah Thompson",              role: "Homeowner",              testimonial: "The kitchen renovation turned out even better than we imagined. The team was professional, courteous, and finished on schedule. Worth every penny!",              imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-hand-reaching-out_23-2148308600.jpg",              imageAlt: "Sarah Thompson"
+              id: "testimonial-3",              name: "Jack Thompson",              role: "Homeowner",              testimonial: "The kitchen renovation turned out even better than we imagined. The team was professional, courteous, and finished on schedule. Worth every penny!",              imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-hand-reaching-out_23-2148308600.jpg",              imageAlt: "Jack Thompson"
             },
             {
-              id: "testimonial-4",              name: "Michael Johnson",              role: "Property Manager",              testimonial: "Quick response time, fair pricing, and exceptional workmanship. Busy B Handyman has become our trusted contractor for all our rental property maintenance needs.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-female-with-glad-expression-phone-outdoor-terrace-cafe_273609-2836.jpg",              imageAlt: "Michael Johnson"
+              id: "testimonial-4",              name: "Michelle Johnson",              role: "Property Manager",              testimonial: "Quick response time, fair pricing, and exceptional workmanship. Busy B Handyman has become our trusted contractor for all our rental property maintenance needs.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-female-with-glad-expression-phone-outdoor-terrace-cafe_273609-2836.jpg",              imageAlt: "Michelle Johnson"
             },
             {
               id: "testimonial-5",              name: "Patricia Gonzalez",              role: "Homeowner",              testimonial: "From deck building to interior repairs, they handle it all with precision. Their professionalism and friendly demeanor made the whole experience stress-free.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-photogenic-blonde-woman-wearing-headphones_23-2148397120.jpg",              imageAlt: "Patricia Gonzalez"
             },
             {
-              id: "testimonial-6",              name: "David Wilson",              role: "Homeowner",              testimonial: "Best handyman service in Nampa! They diagnosed our electrical issue immediately and fixed it properly. I trust them with my home completely.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-bed-showing-ok-gesture_23-2147767529.jpg",              imageAlt: "David Wilson"
+              id: "testimonial-6",              name: "Andrea Wilson",              role: "Homeowner",              testimonial: "Best handyman service in Nampa! They diagnosed our electrical issue immediately and fixed it properly. I trust them with my home completely.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-bed-showing-ok-gesture_23-2147767529.jpg",              imageAlt: "Andrea Wilson"
             }
           ]}
           ariaLabel="Testimonials section featuring five-star client reviews"