Update src/app/quote/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -31,6 +31,7 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
             { name: "Testimonials", id: "testimonials" },
+            { name: "Get Quote", id: "quote" },
             { name: "Contact", id: "contact" }
           ]}
           brandName="Magaly Reyes"
@@ -51,14 +52,14 @@ export default function LandingPage() {
               imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-bikini-male-shirt-posing-with-glass-water-kitchen_627829-11342.jpg",              imageAlt: "professional residential cleaning service sparkle"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-woman-cleaning_23-2148394869.jpg",              imageAlt: "cleaning team professional uniforms ready"
+              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-woman-cleaning_23-2148394869.jpg?_wi=1",              imageAlt: "cleaning team professional uniforms ready"
             },
             {
               imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-decorating-front-door_23-2150562119.jpg",              imageAlt: "house cleaning service detailed attention"
             }
           ]}
           buttons={[
-            { text: "Book a Service", href: "contact" },
+            { text: "Book a Service", href: "/quote" },
             { text: "Learn More", href: "services" }
           ]}
           mediaAnimation="slide-up"

src/app/quote/page.tsx

@@ -0,0 +1,100 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function QuotePage() {
+  const handleQuoteSubmit = (data: Record<string, string>) => {
+    console.log('Quote request submitted:', data);
+    // Send email or store in database
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="largeSmallSizeLargeTitles"
+      background="grid"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "hero" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Get Quote", id: "quote" },
+            { name: "Contact", id: "contact" }
+          ]}
+          brandName="Magaly Reyes"
+          bottomLeftText="Professional Cleaning Services"
+          bottomRightText="reyeslopezmagalys@gmail.com"
+        />
+      </div>
+
+      <div id="quote" data-section="quote">
+        <ContactSplitForm
+          title="Request Your Free Quote"
+          description="Tell us about your cleaning needs and we'll provide a personalized quote. Fill out the form below with your property details and preferred service type."
+          inputs={[
+            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Email Address", required: true },
+            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+            { name: "serviceType", type: "text", placeholder: "Service Type (Residential/Commercial/Deep Cleaning)", required: true },
+            { name: "propertySize", type: "text", placeholder: "Property Size (e.g., 2BR/1BA or 5000 sq ft)", required: true },
+            { name: "frequency", type: "text", placeholder: "Desired Frequency (Weekly/Bi-weekly/Monthly/One-time)", required: true }
+          ]}
+          textarea={{
+            name: "additionalDetails",            placeholder: "Tell us more about your cleaning needs, specific areas, or any special requests...",            rows: 6,
+            required: false
+          }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/high-angle-young-woman-cleaning_23-2148394869.jpg?_wi=2"
+          imageAlt="Professional cleaning service"
+          mediaAnimation="blur-reveal"
+          mediaPosition="right"
+          buttonText="Get Quote"
+          onSubmit={handleQuoteSubmit}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Magaly Reyes Cleaning"
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Residential Cleaning", href: "/#services" },
+                { label: "Commercial Cleaning", href: "/#services" },
+                { label: "Deep Cleaning", href: "/#services" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/#about" },
+                { label: "Testimonials", href: "/#testimonials" },
+                { label: "Get Quote", href: "/quote" }
+              ]
+            },
+            {
+              title: "Contact Info",              items: [
+                { label: "Phone: 856-777-6413", href: "tel:8567776413" },
+                { label: "Phone: 351-244-7819", href: "tel:3512447819" },
+                { label: "Email: reyeslopezmagalys@gmail.com", href: "mailto:reyeslopezmagalys@gmail.com" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Magaly Reyes Cleaning Services. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}