From 75d5d80960f8b5f3209ca6428500c9d9dbd9c58d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 12 Mar 2026 20:59:33 +0000
Subject: [PATCH] Add src/app/quote/page.tsx

---
 src/app/quote/page.tsx | 100 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 100 insertions(+)
 create mode 100644 src/app/quote/page.tsx

diff --git a/src/app/quote/page.tsx b/src/app/quote/page.tsx
new file mode 100644
index 0000000..ee2276d
--- /dev/null
+++ b/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"
+          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>
+  );
+}
\ No newline at end of file