Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -3,12 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
@@ -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,26 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Services", id: "features" },
-        },
+        { name: "Pricing", id: "pricing" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Monarca Tax"
     />
@@ -59,13 +44,8 @@ export default function LandingPage() {
       <HeroLogo
       logoText="Monarca Tax Professional"
       description="Expert tax services tailored for your growth and peace of mind."
-      buttons={[
+      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"
-          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"
       imageAlt="Professional Tax Consulting"
     />
   </div>
@@ -75,8 +55,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Your Trusted Tax Partner"
       description={[
-        "At Monarca, we bridge the gap between complexity and compliance.",
+        "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."
-        "Our dedicated team of tax professionals ensures every detail is optimized for your financial success.",
       ]}
     />
   </div>
@@ -88,26 +67,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
+          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"
-          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: "2",
+          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"
-          title: "Corporate Audit",
-          description: "Professional support through audits.",
-          tag: "Security",
-          imageSrc: "http://img.b2bpic.net/free-photo/different-gadgets-table_1161-103.jpg",
         },
         {
-          id: "3",
+          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: "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",
-        },
       ]}
       title="Comprehensive Tax Solutions"
       description="Expert advice to optimize your financial standing."
@@ -115,32 +82,20 @@ export default function LandingPage() {
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardOne
+      <PricingCardThree
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="inline-image"
       useInvertedBackground={false}
+      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",
+          id: "basic",          badge: "Entry",          price: "$150",          name: "Basic",          features: ["Federal Filing", "Basic Review"],
-          badge: "Entry",
+          buttons: [{ text: "Select Plan" }]
-          price: "$150",
-          subtitle: "Basic tax preparation",
-          features: [
-            "Federal Filing",
-            "Basic Review",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          badge: "Recommended",          price: "$350",          name: "Professional",          features: ["Everything in Basic", "Auditing Support", "Strategic Planning"],
-          badge: "Recommended",
+          buttons: [{ text: "Select Plan" }]
-          price: "$350",
+        }
-          subtitle: "Full corporate support",
-          features: [
-            "Everything in Basic",
-            "Auditing Support",
-            "Strategic Planning",
-          ],
-        },
       ]}
       title="Simple Pricing"
       description="Transparent plans for your professional needs."
@@ -153,41 +108,11 @@ 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777152057518-w33tdpi7.jpg" },
-          id: "1",
+        { 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" },
-          name: "Alex R.",
+        { 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" },
-          handle: "@alex_business",
+        { id: "4", name: "Elena P.", handle: "@elena_p", testimonial: "Clear, concise, and professional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777149416786-dntns5hk.jpg" },
-          testimonial: "Monarca changed how we approach our taxes.",
+        { id: "5", name: "David W.", handle: "@d_will", testimonial: "Highly recommended for corporate services.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777149642532-lmfpa7jd.jpg?_wi=4" }
-          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",
-        },
       ]}
       title="Client Success"
       description="What our clients say about Monarca."
@@ -195,25 +120,15 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitMedia
-      textboxLayout="default"
+      textboxLayout="inline-image"
       useInvertedBackground={false}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CpAX2ydgkMKC2Xolnhe7DiQwWq/uploaded-1777149416786-1l0bfjxh.jpg?_wi=3"
+      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: "f1",
+        { id: "f2", title: "Do you offer auditing?", content: "Yes, we provide full audit assistance." },
-          title: "When is the deadline?",
+        { id: "f3", title: "Is my data secure?", content: "We use bank-grade security protocols." }
-          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."
@@ -224,16 +139,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        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" }]}
-      text="Ready to get started? Our experts are here to help."
-      buttons={[
-        {
-          text: "Contact Us Now",
-          href: "mailto:hello@monarcatax.com",
-        },
-      ]}
     />
   </div>
 
@@ -242,28 +150,16 @@ export default function LandingPage() {
       columns={[
         {
           items: [
-            {
+            { label: "Services", href: "#features" },
-              label: "Services",
+            { label: "Pricing", href: "#pricing" }
-              href: "#features",
+          ]
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
         },
         {
           items: [
-            {
+            { label: "Privacy Policy", href: "#" },
-              label: "Privacy Policy",
+            { label: "Legal", href: "#" }
-              href: "#",
+          ]
-            },
+        }
-            {
-              label: "Legal",
-              href: "#",
-            },
-          ],
-        },
       ]}
       logoText="Monarca Tax Professional"
     />
@@ -271,4 +167,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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