Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="SparkleClean"
     />
@@ -56,41 +48,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="A Spotless Home, Every Single Time."
       description="Professional cleaning services tailored to your lifestyle. We bring shine to every corner."
       buttons={[
         {
-          text: "Get a Free Quote",
+          text: "Get a Free Quote",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg?_wi=1",          imageAlt: "Professional service"},
-          imageAlt: "Professional service",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131216.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131216.jpg?_wi=1",          imageAlt: "Cleaning supplies"},
-          imageAlt: "Cleaning supplies",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-housekeeper-wiping-floor-with-mop-home_23-2148222237.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-housekeeper-wiping-floor-with-mop-home_23-2148222237.jpg",          imageAlt: "Mopping floor"},
-          imageAlt: "Mopping floor",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-donation-facility_23-2148687355.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-donation-facility_23-2148687355.jpg",          imageAlt: "Tidy team"},
-          imageAlt: "Tidy team",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-with-brush_23-2148520995.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-with-brush_23-2148520995.jpg",          imageAlt: "Clean kitchen"},
-          imageAlt: "Clean kitchen",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-wrapping-sofa-plastic-foil-protection-while-they-are-renovate-living-room-home-renovation-construction-painting-work_482257-14132.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-wrapping-sofa-plastic-foil-protection-while-they-are-renovate-living-room-home-renovation-construction-painting-work_482257-14132.jpg",          imageAlt: "Organized room"},
-          imageAlt: "Organized room",
-        },
       ]}
     />
   </div>
@@ -113,26 +90,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Kitchen Deep Clean",
+          title: "Kitchen Deep Clean",          description: "Complete sanitization of all surfaces and appliances.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-kitchen-cutting-potatoes_23-2147810090.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-male-hands-rubber-gloves-cleaning-extractor-hood_1163-2424.jpg",          buttonText: "View Details"},
-          description: "Complete sanitization of all surfaces and appliances.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-kitchen-cutting-potatoes_23-2147810090.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/closeup-male-hands-rubber-gloves-cleaning-extractor-hood_1163-2424.jpg",
-          buttonText: "View Details",
-        },
         {
-          title: "Bedroom Refresh",
+          title: "Bedroom Refresh",          description: "Detailed dusting and linen replacement service.",          imageSrc: "http://img.b2bpic.net/free-photo/lady-hands-set-up-white-bed-sheet-hotel-room_1150-6436.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/trans-couple-spending-time-together_23-2149284257.jpg",          buttonText: "View Details"},
-          description: "Detailed dusting and linen replacement service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lady-hands-set-up-white-bed-sheet-hotel-room_1150-6436.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/trans-couple-spending-time-together_23-2149284257.jpg",
-          buttonText: "View Details",
-        },
         {
-          title: "Bathroom Sanitation",
+          title: "Bathroom Sanitation",          description: "Deep scrub and polish for all fixtures.",          imageSrc: "http://img.b2bpic.net/free-photo/housewife-woking-home-lady-blue-shirt-woman-bathroom_1157-45526.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-bathtub_23-2148465059.jpg",          buttonText: "View Details"},
-          description: "Deep scrub and polish for all fixtures.",
-          imageSrc: "http://img.b2bpic.net/free-photo/housewife-woking-home-lady-blue-shirt-woman-bathroom_1157-45526.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-bathtub_23-2148465059.jpg",
-          buttonText: "View Details",
-        },
       ]}
       title="Our Professional Services"
       description="Customized plans for every space."
@@ -146,53 +108,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic",
+          id: "basic",          title: "Essential Clean",          price: "$120",          period: "per session",          features: [
-          title: "Essential Clean",
+            "Dusting",            "Vacuuming",            "Bathrooms"],
-          price: "$120",
-          period: "per session",
-          features: [
-            "Dusting",
-            "Vacuuming",
-            "Bathrooms",
-          ],
           button: {
-            text: "Select Plan",
+            text: "Select Plan"},
-          },
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cleaning_23-2148480353.jpg",          imageAlt: "Side view woman cleaning"},
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cleaning_23-2148480353.jpg",
-          imageAlt: "Side view woman cleaning",
-        },
         {
-          id: "standard",
+          id: "standard",          title: "Deep Clean",          price: "$250",          period: "per session",          features: [
-          title: "Deep Clean",
+            "Everything Essential",            "Kitchen Interior",            "Windows"],
-          price: "$250",
-          period: "per session",
-          features: [
-            "Everything Essential",
-            "Kitchen Interior",
-            "Windows",
-          ],
           button: {
-            text: "Select Plan",
+            text: "Select Plan"},
-          },
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg?_wi=2",          imageAlt: "Side view woman cleaning"},
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-cleaning_23-2148480344.jpg?_wi=2",
-          imageAlt: "Side view woman cleaning",
-        },
         {
-          id: "premium",
+          id: "premium",          title: "Move-In/Out",          price: "$450",          period: "one-time",          features: [
-          title: "Move-In/Out",
+            "Deep Clean Package",            "Inside Cabinets",            "Baseboards"],
-          price: "$450",
-          period: "one-time",
-          features: [
-            "Deep Clean Package",
-            "Inside Cabinets",
-            "Baseboards",
-          ],
           button: {
-            text: "Select Plan",
+            text: "Select Plan"},
-          },
+          imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131216.jpg?_wi=2",          imageAlt: "Side view woman cleaning"},
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131216.jpg?_wi=2",
-          imageAlt: "Side view woman cleaning",
-        },
       ]}
       title="Transparent Pricing"
       description="Choose the perfect package for your home."
@@ -206,26 +138,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "500+",          title: "Homes Cleaned",          description: "Trusted by local families.",          imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148118526.jpg"},
-          value: "500+",
-          title: "Homes Cleaned",
-          description: "Trusted by local families.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148118526.jpg",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "99%",          title: "Satisfaction Rate",          description: "We ensure complete happiness.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-making-bed_23-2148227401.jpg"},
-          value: "99%",
-          title: "Satisfaction Rate",
-          description: "We ensure complete happiness.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-making-bed_23-2148227401.jpg",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "12",          title: "Years Experience",          description: "Expert knowledge.",          imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-cleaning-bathroom_329181-1545.jpg"},
-          value: "12",
-          title: "Years Experience",
-          description: "Expert knowledge.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-cleaning-bathroom_329181-1545.jpg",
-        },
       ]}
       title="Our Impact"
       description="Proven results for every client."
@@ -240,33 +157,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       members={[
         {
-          id: "tm1",
+          id: "tm1",          name: "Alice Green",          role: "Head Supervisor",          description: "Ensuring quality control.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg"},
-          name: "Alice Green",
-          role: "Head Supervisor",
-          description: "Ensuring quality control.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",
-        },
         {
-          id: "tm2",
+          id: "tm2",          name: "Bob Smith",          role: "Senior Tech",          description: "Expert in deep cleaning.",          imageSrc: "http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-rubber-gloves-holding-plate-sponge-washing-looking-smiling-confident-standing-orange-wall_141793-60734.jpg"},
-          name: "Bob Smith",
-          role: "Senior Tech",
-          description: "Expert in deep cleaning.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-cleaning-man-wearing-casual-clothes-cap-rubber-gloves-holding-plate-sponge-washing-looking-smiling-confident-standing-orange-wall_141793-60734.jpg",
-        },
         {
-          id: "tm3",
+          id: "tm3",          name: "Charlie Rose",          role: "Lead Cleaner",          description: "Efficient and thorough.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-teen-cook-keeping-hands-crossed-t-shirt-apron-looking-confident-front-view_176474-109059.jpg"},
-          name: "Charlie Rose",
-          role: "Lead Cleaner",
-          description: "Efficient and thorough.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-teen-cook-keeping-hands-crossed-t-shirt-apron-looking-confident-front-view_176474-109059.jpg",
-        },
         {
-          id: "tm4",
+          id: "tm4",          name: "Diana Prince",          role: "Operations",          description: "Making everything smooth.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-chambermaid-holding-her-collar-standing-hotel-room_23-2148033204.jpg"},
-          name: "Diana Prince",
-          role: "Operations",
-          description: "Making everything smooth.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-chambermaid-holding-her-collar-standing-hotel-room_23-2148033204.jpg",
-        },
       ]}
       title="Meet Our Expert Team"
       description="Professional, friendly, and reliable staff."
@@ -280,59 +177,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah J.",          role: "Owner",          company: "Home",          rating: 5,
-          name: "Sarah J.",
+          imageSrc: "http://img.b2bpic.net/free-photo/husband-wife-singing-together-while-cleaning-apartment_482257-71.jpg"},
-          role: "Owner",
-          company: "Home",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/husband-wife-singing-together-while-cleaning-apartment_482257-71.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Mike P.",          role: "Homeowner",          company: "Home",          rating: 5,
-          name: "Mike P.",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832986.jpg"},
-          role: "Homeowner",
-          company: "Home",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832986.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Emily R.",          role: "Business Owner",          company: "Studio",          rating: 5,
-          name: "Emily R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg"},
-          role: "Business Owner",
-          company: "Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "David K.",          role: "Homeowner",          company: "Home",          rating: 5,
-          name: "David K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-table-side-view_23-2149720808.jpg"},
-          role: "Homeowner",
-          company: "Home",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-table-side-view_23-2149720808.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Lisa B.",          role: "Homeowner",          company: "Home",          rating: 5,
-          name: "Lisa B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-embracing-cleaning_23-2147766998.jpg"},
-          role: "Homeowner",
-          company: "Home",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-embracing-cleaning_23-2147766998.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "4.9/5",
+          value: "4.9/5",          label: "Google Rating"},
-          label: "Google Rating",
-        },
         {
-          value: "100%",
+          value: "100%",          label: "On-Time Arrival"},
-          label: "On-Time Arrival",
-        },
         {
-          value: "200+",
+          value: "200+",          label: "Returning Clients"},
-          label: "Returning Clients",
-        },
       ]}
       title="Happy Clients"
       description="Hear what our customers say about us."
@@ -345,20 +211,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Are your cleaners insured?",          content: "Yes, we are fully bonded and insured."},
-          title: "Are your cleaners insured?",
-          content: "Yes, we are fully bonded and insured.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Do I need to be at home?",          content: "You don't have to; many clients provide keys."},
-          title: "Do I need to be at home?",
-          content: "You don't have to; many clients provide keys.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "What products do you use?",          content: "We use eco-friendly, non-toxic products."},
-          title: "What products do you use?",
-          content: "We use eco-friendly, non-toxic products.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/excited-asian-housekeeper-wearing-yellow-rubber-gloves-giving-thumbs-up-smiling-confidently-against_482257-134755.jpg"
       mediaAnimation="slide-up"
@@ -372,8 +229,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Contact Us"
       title="Get a Sparkling Clean Home Today"
       description="Reach out to schedule your professional cleaning consultation."
@@ -387,42 +243,27 @@ export default function LandingPage() {
       logoText="SparkleClean"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Team",
+              label: "Team",              href: "#team"},
-              href: "#team",
-            },
           ],
         },
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Standard Clean",
+              label: "Standard Clean",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Deep Clean",
+              label: "Deep Clean",              href: "#pricing"},
-              href: "#pricing",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffefe;
+  --background: #fbfbfb;
-  --card: #f6f7f4;
+  --card: #f0f0f0;
-  --foreground: #080908;
+  --foreground: #333333;
-  --primary-cta: #0e3a29;
+  --primary-cta: #a8c8c8;
   --primary-cta-text: #fffefe;
-  --secondary-cta: #e7eecd;
+  --secondary-cta: #f0f0f0;
   --secondary-cta-text: #080908;
-  --accent: #35c18b;
+  --accent: #d8e8e8;
-  --background-accent: #ecebe4;
+  --background-accent: #e8e8d8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);