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';
@@ -20,7 +20,7 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="compact"
         sizing="mediumLargeSizeMediumTitles"
-        background="floatingGradient"
+        background="noiseDiagonalGradient"
         cardStyle="glass-depth"
         primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="glass"
@@ -30,16 +30,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "features"},
-        {
-          name: "Pricing",          id: "pricing"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Monarca Tax"
     />
@@ -49,11 +45,8 @@ export default function LandingPage() {
       <HeroLogo
       logoText="Monarca Tax Professional"
       description="Expert tax services tailored for your growth and peace of mind."
-      buttons={[
-        {
-          text: "Book Consultation",          href: "#contact"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/cheerful-business-ladies-looking-laptop-display-talking-smiling-while-sitting-table-with-cups-coffee-office-teamwork-communication-concept_74855-11582.jpg"
+      buttons={[{ text: "Book Consultation", href: "#contact" }]}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777149642532-lmfpa7jd.jpg?_wi=1"
       imageAlt="Professional Tax Consulting"
     />
   </div>
@@ -63,7 +56,8 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Your Trusted Tax Partner"
       description={[
-        "At Monarca, we bridge the gap between complexity and compliance.",        "Our dedicated team of tax professionals ensures every detail is optimized for your financial success."]}
+        "At Monarca, we bridge the gap between complexity and compliance.",        "Our dedicated team of tax professionals ensures every detail is optimized for your financial success."
+      ]}
     />
   </div>
 
@@ -74,11 +68,14 @@ 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"
       description="Expert advice to optimize your financial standing."
@@ -93,15 +90,13 @@ export default function LandingPage() {
       titleSegments={[{ type: 'text', content: 'Simple Pricing ' }, { type: 'image', src: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777149416786-717eojt3.jpg', alt: 'Pricing Icon' }]}
       plans={[
         {
-          id: "basic",          badge: "Entry",          price: "$150",          name: "Basic",          features: [
-            "Federal Filing",            "Basic Review"],
+          id: "basic",          badge: "Entry",          price: "$150",          name: "Basic",          features: ["Federal Filing", "Basic Review"],
           buttons: [{ text: "Select Plan" }]
         },
         {
-          id: "pro",          badge: "Recommended",          price: "$350",          name: "Professional",          features: [
-            "Everything in Basic",            "Auditing Support",            "Strategic Planning"],
+          id: "pro",          badge: "Recommended",          price: "$350",          name: "Professional",          features: ["Everything in Basic", "Auditing Support", "Strategic Planning"],
           buttons: [{ text: "Select Plan" }]
-        },
+        }
       ]}
       title="Simple Pricing"
       description="Transparent plans for your professional needs."
@@ -114,16 +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/free-photo/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."
@@ -131,62 +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."
-      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: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
   --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);