Update src/app/styles/variables.css

src/app/page.tsx

@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          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="PurelyPristine"
     />
@@ -54,19 +46,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       logoText="PurelyPristine"
       description="Redefining cleanliness with unmatched attention to detail and a commitment to excellence."
       buttons={[
         {
-          text: "Book Now",
+          text: "Book Now",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "View Services",
+          text: "View Services",          href: "#services"},
-          href: "#services",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg"
       mediaAnimation="opacity"
@@ -87,22 +74,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Deep Clean",
+          title: "Deep Clean",          description: "Total rejuvenation of your space.",          bentoComponent: "reveal-icon",          icon: Sparkles,
-          description: "Total rejuvenation of your space.",
-          bentoComponent: "reveal-icon",
-          icon: Sparkles,
         },
         {
-          title: "Routine Maintenance",
+          title: "Routine Maintenance",          description: "Keeping your home consistent.",          bentoComponent: "reveal-icon",          icon: Zap,
-          description: "Keeping your home consistent.",
-          bentoComponent: "reveal-icon",
-          icon: Zap,
         },
         {
-          title: "Post-Construction",
+          title: "Post-Construction",          description: "Heavy-duty cleaning and debris removal.",          bentoComponent: "reveal-icon",          icon: Shield,
-          description: "Heavy-duty cleaning and debris removal.",
-          bentoComponent: "reveal-icon",
-          icon: Shield,
         },
       ]}
       title="Our Specialized Services"
@@ -117,52 +95,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "standard",
+          id: "standard",          tag: "Essential",          price: "$150",          period: "/visit",          description: "Basic cleaning of all rooms.",          button: {
-          tag: "Essential",
+            text: "Select"},
-          price: "$150",
+          featuresTitle: "Included",          features: [
-          period: "/visit",
+            "Kitchen",            "Bathrooms",            "Living Area"],
-          description: "Basic cleaning of all rooms.",
-          button: {
-            text: "Select",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Kitchen",
-            "Bathrooms",
-            "Living Area",
-          ],
         },
         {
-          id: "deluxe",
+          id: "deluxe",          tag: "Popular",          price: "$250",          period: "/visit",          description: "Complete top-to-bottom detail.",          button: {
-          tag: "Popular",
+            text: "Select"},
-          price: "$250",
+          featuresTitle: "Includes Essential Plus",          features: [
-          period: "/visit",
+            "Deep Clean",            "Appliances",            "Windows"],
-          description: "Complete top-to-bottom detail.",
-          button: {
-            text: "Select",
-          },
-          featuresTitle: "Includes Essential Plus",
-          features: [
-            "Deep Clean",
-            "Appliances",
-            "Windows",
-          ],
         },
         {
-          id: "elite",
+          id: "elite",          tag: "Premium",          price: "$400",          period: "/visit",          description: "Full service including organizing.",          button: {
-          tag: "Premium",
+            text: "Select"},
-          price: "$400",
+          featuresTitle: "Includes Deluxe Plus",          features: [
-          period: "/visit",
+            "Organization",            "Carpet Steam",            "Fabric Care"],
-          description: "Full service including organizing.",
-          button: {
-            text: "Select",
-          },
-          featuresTitle: "Includes Deluxe Plus",
-          features: [
-            "Organization",
-            "Carpet Steam",
-            "Fabric Care",
-          ],
         },
       ]}
       title="Pricing Options"
@@ -177,33 +125,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Elizabeth Reed",          handle: "@elizreed",          testimonial: "The attention to detail is truly unparalleled.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-arrangement_23-2149591636.jpg"},
-          name: "Elizabeth Reed",
-          handle: "@elizreed",
-          testimonial: "The attention to detail is truly unparalleled.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-arrangement_23-2149591636.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Jonathan Vane",          handle: "@jvane",          testimonial: "Pristine is the only way to describe our home now.",          imageSrc: "http://img.b2bpic.net/free-photo/blurred-view-tidy-bathroom_1203-1464.jpg"},
-          name: "Jonathan Vane",
-          handle: "@jvane",
-          testimonial: "Pristine is the only way to describe our home now.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-view-tidy-bathroom_1203-1464.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Sarah Jenkins",          handle: "@sjenkins",          testimonial: "I trust them implicitly with my property.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-relax-lying-couch_231208-698.jpg"},
-          name: "Sarah Jenkins",
-          handle: "@sjenkins",
-          testimonial: "I trust them implicitly with my property.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-relax-lying-couch_231208-698.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Marcus Thorne",          handle: "@mthorne",          testimonial: "Exceptional service, every single time.",          imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg"},
-          name: "Marcus Thorne",
-          handle: "@mthorne",
-          testimonial: "Exceptional service, every single time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg",
-        },
       ]}
       title="Client Experiences"
       description="Hear what our premium clients have to say about our meticulous work."
@@ -215,22 +143,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Do you bring your own supplies?",          content: "Yes, we use professional, eco-friendly supplies for every visit."},
-          title: "Do you bring your own supplies?",
-          content: "Yes, we use eco-friendly, premium products.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "How do I schedule a service?",          content: "You can book directly via our website or give us a call for a consultation."},
-          title: "Are you insured?",
-          content: "Absolutely, fully bonded and insured.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Are your cleaners vetted?",          content: "All of our staff members undergo rigorous background checks and training."},
-          title: "Can I request specific cleaners?",
+        {
-          content: "We do our best to honor all requests.",
+          id: "f4",          title: "Is there a cancellation fee?",          content: "Cancellations made within 24 hours of the appointment may incur a small fee."},
-        },
       ]}
-      sideTitle="Questions"
+      sideTitle="Frequently Asked Questions"
+      sideDescription="Answers to the most common questions about our cleaning processes and policies."
       faqsAnimation="slide-up"
     />
   </div>
@@ -240,26 +162,16 @@ export default function LandingPage() {
       columns={[
         {
           items: [
-            {
+            { label: "About", href: "#about" },
-              label: "About",
+            { label: "Services", href: "#services" },
-              href: "#about",
+            { label: "Pricing", href: "#pricing" },
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
           ],
         },
         {
           items: [
-            {
+            { label: "Contact Us", href: "mailto:hello@purelypristine.com" },
-              label: "Contact",
+            { label: "(555) 123-4567", href: "tel:+15551234567" },
-              href: "#contact",
+            { label: "Terms of Service", href: "#" },
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #fdfbf8;
-  --card: #dad6cd;
+  --card: #f5f2ed;
-  --foreground: #2a2928;
+  --foreground: #1a1a1a;
-  --primary-cta: #2a2928;
+  --primary-cta: #c6b180;
-  --primary-cta-text: #f5f4ef;
+  --primary-cta-text: #1a1a1a;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #e8e5e0;
-  --secondary-cta-text: #2a2928;
+  --secondary-cta-text: #1a1a1a;
-  --accent: #ffffff;
+  --accent: #c6b180;
-  --background-accent: #c6b180;
+  --background-accent: #f5f2ed;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);