Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -41,7 +41,7 @@ export default function LandingPage() {
           name: "Contact",          id: "contact"},
       ]}
       button={{
-        text: "Get Quote",        href: "#contact"}}
+        text: "Enroll Now",        href: "#contact"}}
       brandName="JM Roofing"
     />
   </div>
@@ -139,14 +139,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",          title: "Do you offer free estimates?",          content: "Yes, Jose provides prompt, free estimates for all residential roofing projects."},
+          id: "1",          title: "How do I enroll in the $1,000 course?",          content: "You can enroll directly through our website by filling out the contact form below with your details."},
         {
-          id: "2",          title: "What roofing materials do you use?",          content: "We use only premium quality materials that meet local safety and aesthetic standards."},
+          id: "2",          title: "What is included in the $1,000 curriculum?",          content: "The course covers advanced roofing techniques, business management for contractors, and safety protocols."},
         {
-          id: "3",          title: "How long does a replacement take?",          content: "Most projects are completed efficiently within a few days, depending on roof size and complexity."},
+          id: "3",          title: "Can I pay in installments?",          content: "We offer flexible payment plans for the $1,000 course to help you manage your investment effectively."},
       ]}
-      title="Roofing FAQ"
-      description="Have questions about our process? We're here to help."
+      title="Course FAQ"
+      description="Learn more about our professional roofing certification course."
       faqsAnimation="slide-up"
     />
   </div>
@@ -154,22 +154,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
-      title="Request Your Free Quote"
-      description="Ready to transform your home? Reach out to JM Roofing today for a professional consultation or call us at (555) 012-3456."
+      title="Enroll in Our Roofing Course"
+      description="Start your journey to becoming a professional roofing expert. Sign up for our $1,000 course today."
       inputs={[
           { name: "name", 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 }
       ]}
-      buttonText="Request Quote"
+      buttonText="Register Now"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="JM Roofing"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "(555) 012-3456", href: "tel:5550123456" }}
+      leftLink={{ text: "Course Syllabus", href: "#features" }}
+      rightLink={{ text: "Contact Us", href: "#contact" }}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #1f7cff;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #010101;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #1f7cff;
+  --background-accent: #f96b2f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);