Update theme colors

Merge version_4 into main

src/app/page.tsx

@@ -8,7 +8,7 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Heart, Phone, Sparkles } from 'lucide-react';
+import { Heart, Phone, Sparkles, Mail } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -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"
@@ -71,15 +72,15 @@ export default function LandingPage() {
           description="We offer comprehensive cleaning solutions tailored to meet your specific needs, whether residential or commercial."
           features={[
             {
-              id: "1",              title: "Residential Cleaning",              author: "Weekly & Monthly Plans",              description: "Keep your home spotless with our reliable residential cleaning services. We handle everything from bedrooms to kitchens, ensuring every room is immaculate.",              tags: ["Homes", "Apartments", "Condos"],
+              id: "1",              title: "Residential Cleaning",              author: "Weekly & Monthly Plans",              description: "Keep your home spotless with our reliable residential cleaning services—guaranteed satisfaction or we'll re-clean for free. We handle everything from bedrooms to kitchens, ensuring every room is immaculate.",              tags: ["Homes", "Apartments", "Condos"],
               imageSrc: "http://img.b2bpic.net/free-photo/closeup-businesswoman-cleaning-her-computer-while-working-office_637285-5420.jpg",              imageAlt: "residential home cleaning organized clutter-free"
             },
             {
-              id: "2",              title: "Commercial Cleaning",              author: "Offices & Facilities",              description: "Professional cleaning for businesses of all sizes. We maintain clean, healthy work environments that impress clients and boost employee productivity.",              tags: ["Offices", "Retail", "Facilities"],
+              id: "2",              title: "Commercial Cleaning",              author: "Offices & Facilities",              description: "Professional cleaning for businesses of all sizes—we maintain clean, healthy work environments that impress clients and boost employee productivity with our quality guarantee. Every detail matters to us.",              tags: ["Offices", "Retail", "Facilities"],
               imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138819.jpg",              imageAlt: "commercial office building cleaning professional"
             },
             {
-              id: "3",              title: "Deep Cleaning",              author: "Specialized Services",              description: "Thorough, detailed cleaning that reaches every corner. Perfect for seasonal refresh, move-ins, or special occasions.",              tags: ["Spring Cleaning", "Move-in Ready", "Post-Event"],
+              id: "3",              title: "Deep Cleaning",              author: "Specialized Services",              description: "Thorough, detailed cleaning that reaches every corner with results you can see and feel—perfect for seasonal refresh, move-ins, or special occasions. We take pride in transforming your space completely.",              tags: ["Spring Cleaning", "Move-in Ready", "Post-Event"],
               imageSrc: "http://img.b2bpic.net/free-photo/cropped-rearview-female-housemaid-cleaning-floor-living-room-with-vacuum-cleaner-being-busy-hurry-finish-before-owner-will-come-home-trying-remove-all-dirt-make-apartment-neat_176420-14593.jpg",              imageAlt: "deep cleaning service thorough detailed work"
             }
           ]}
@@ -132,6 +133,41 @@ export default function LandingPage() {
           avatarsAnimation="blur-reveal"
           useInvertedBackground={false}
         />
+        <TestimonialCardFifteen
+          testimonial="Our office has never looked better! Magaly's team is professional, punctual, and thorough. They handle our weekly commercial cleaning perfectly and our clients notice the pristine environment."
+          rating={5}
+          author="James Chen, Commercial Manager"
+          avatars={[
+            {
+              src: "http://img.b2bpic.net/free-photo/handsome-asian-businessman-confident_1262-3091.jpg",              alt: "James Chen"
+            },
+            {
+              src: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-camera_1262-12506.jpg",              alt: "Client 2"
+            },
+            {
+              src: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-suit_1262-3062.jpg",              alt: "Client 3"
+            }
+          ]}
+          ratingAnimation="slide-up"
+          avatarsAnimation="blur-reveal"
+          useInvertedBackground={false}
+        />
+        <TestimonialCardFifteen
+          testimonial="We needed a deep clean before selling our home and Magaly exceeded expectations. The quality and care she put into every detail made all the difference. Highly recommend!"
+          rating={5}
+          author="Patricia Rodriguez, Homeowner"
+          avatars={[
+            {
+              src: "http://img.b2bpic.net/free-photo/smiling-woman-with-natural-makeup_1262-15097.jpg",              alt: "Patricia Rodriguez"
+            },
+            {
+              src: "http://img.b2bpic.net/free-photo/young-happy-woman-success-posing_1262-17140.jpg",              alt: "Client 2"
+            }
+          ]}
+          ratingAnimation="slide-up"
+          avatarsAnimation="blur-reveal"
+          useInvertedBackground={false}
+        />
       </div>
 
       <div id="contact" data-section="contact">

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>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #E34400;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
-  --background-accent: #E34400;
+  --background: #efebe5;
+  --card: #f7f2ea;
+  --foreground: #000000;
+  --primary-cta: #000000;
+  --primary-cta-text: #efebe5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #000000;
+  --accent: #ffffff;
+  --background-accent: #e1b875;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);