src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
@@ -34,6 +34,7 @@ export default function LandingPage() {
         { name: "About", id: "about" },
         { name: "Services", id: "features" },
         { name: "Pricing", id: "pricing" },
+        { name: "FAQ", id: "faq" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Monarca Tax"
@@ -118,48 +119,42 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="inline-image"
-      useInvertedBackground={false}
-      titleSegments={[{ type: 'text', content: 'Frequently Asked ' }, { type: 'image', src: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777149416786-dntns5hk.jpg', alt: 'FAQ Icon' }]}
-      faqs={[
-        { id: "f1", title: "When is the deadline?", content: "April 15th is our standard filing date." },
-        { id: "f2", title: "Do you offer auditing?", content: "Yes, we provide full audit assistance." },
-        { id: "f3", title: "Is my data secure?", content: "We use bank-grade security protocols." }
-      ]}
-      title="Frequently Asked"
-      description="Get quick answers to common questions."
+      <FaqBase
       faqsAnimation="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Frequently Asked Questions"
+      description="Common tax inquiries answered."
+      faqs={[
+        { id: "f1", title: "What documents do I need for personal tax filing?", content: "You generally need W-2 forms, 1099 statements, records of deductible expenses, and any relevant investment reports." },
+        { id: "f2", title: "Are there tax credits available for my business?", content: "Yes, various credits exist for research, energy efficiency, and hiring. Our experts can perform a comprehensive analysis to find applicable credits." },
+        { id: "f3", title: "How often should I review my tax strategy?", content: "We recommend a quarterly review, especially if there have been significant changes in your business operations or personal income."},
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      text="Ready to get started? Our experts are here to help. Find us at 1920 W 47th St, Chicago, IL 60609."
-      buttons={[{ text: "Contact Us Now", href: "mailto:hello@monarcatax.com" }]
-      }
+      <ContactSplitForm
+      title="Get in Touch"
+      description="Fill out the form below to inquire about our services or schedule a consultation."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true }
+      ]}
+      multiSelect={{ name: "service", label: "Select Service", options: ["Individual Tax", "Corporate Audit", "Financial Planning"] }}
+      textarea={{ name: "message", placeholder: "Tell us about your needs", rows: 4 }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterSimple
       columns={[
-        {
-          items: [
-            { label: "Services", href: "#features" },
-            { label: "Pricing", href: "#pricing" }
-          ]
-        },
-        {
-          items: [
-            { label: "Privacy Policy", href: "#" },
-            { label: "Legal", href: "#" }
-          ]
-        }
+        { title: "Company", items: [{ label: "About Us" }, { label: "Careers" }, { label: "Contact" }] },
+        { title: "Services", items: [{ label: "Tax Filing" }, { label: "Audits" }, { label: "Strategy" }] },
+        { title: "Legal", items: [{ label: "Privacy" }, { label: "Terms" }] },
       ]}
-      logoText="Monarca Tax Professional"
+      bottomLeftText="© 2024 Monarca Tax Professional. All rights reserved."
+      bottomRightText="1920 W 47th St, Chicago, IL 60609"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #4a0404;
-  --card: #7f1d1d;
-  --foreground: #fef2f2;
-  --primary-cta: #f87171;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #991b1b;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000612e6;
-  --accent: #ef4444;
-  --background-accent: #5e0707;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);