Update src/app/page.tsx

Merge version_12 into main

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"
@@ -45,7 +46,7 @@ export default function LandingPage() {
       logoText="Monarca Tax Professional"
       description="Expert tax services tailored for your growth and peace of mind."
       buttons={[{ text: "Book Consultation", href: "#contact" }]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777149642532-lmfpa7jd.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777149642532-lmfpa7jd.jpg?_wi=1"
       imageAlt="Professional Tax Consulting"
     />
   </div>
@@ -67,13 +68,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",          title: "Individual Tax",          description: "Seamless filing for personal taxes.",          tag: "Expertise",          imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg"
+          id: "1",          title: "Individual Tax",          description: "Seamless filing for personal taxes.",          tag: "Expertise",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777152057517-royzxrd7.jpg"
         },
         {
-          id: "2",          title: "Corporate Audit",          description: "Professional support through audits.",          tag: "Security",          imageSrc: "http://img.b2bpic.net/free-photo/different-gadgets-table_1161-103.jpg"
+          id: "2",          title: "Corporate Audit",          description: "Professional support through audits.",          tag: "Security",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777152057518-lph60jnw.jpg"
         },
         {
-          id: "3",          title: "Financial Strategy",          description: "Strategic planning for future growth.",          tag: "Growth",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-senior-man-sitting-modern-cafe-shop-lunch-time-reading-diagram_496169-338.jpg"
+          id: "3",          title: "Financial Strategy",          description: "Strategic planning for future growth.",          tag: "Growth",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777152057518-uvzoj6s4.jpg"
         }
       ]}
       title="Comprehensive Tax Solutions"
@@ -108,11 +109,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        { id: "1", name: "Alex R.", handle: "@alex_business", testimonial: "Monarca changed how we approach our taxes.", imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg" },
-        { id: "2", name: "Maria S.", handle: "@maria_s", testimonial: "Exceptionally professional and quick.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg" },
-        { id: "3", name: "James L.", handle: "@j_law", testimonial: "Best tax experience I've ever had.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg" },
-        { id: "4", name: "Elena P.", handle: "@elena_p", testimonial: "Clear, concise, and professional.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601534.jpg" },
-        { id: "5", name: "David W.", handle: "@d_will", testimonial: "Highly recommended for corporate services.", imageSrc: "http://img.b2bpic.net/happy-young-professional-posing-office_1262-21170.jpg" }
+        { id: "1", name: "Alex R.", handle: "@alex_business", testimonial: "Monarca changed how we approach our taxes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777152057518-w33tdpi7.jpg" },
+        { id: "2", name: "Maria S.", handle: "@maria_s", testimonial: "Exceptionally professional and quick.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777152057518-y7j1bjiu.jpg" },
+        { id: "3", name: "James L.", handle: "@j_law", testimonial: "Best tax experience I've ever had.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777149416786-1l0bfjxh.jpg?_wi=2" }
       ]}
       title="Client Success"
       description="What our clients say about Monarca."
@@ -120,52 +119,46 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="inline-image"
-      useInvertedBackground={false}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777149416786-1l0bfjxh.jpg"
-      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
+      <ContactSplitForm
       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" }]
-      }
+      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>
     </ThemeProvider>
   );
-}
+}

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