Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="CA Office"
     />
@@ -59,39 +51,23 @@ export default function LandingPage() {
       description="Streamlining administrative excellence through modern digital solutions for local operations."
       buttons={[
         {
-          text: "Get Started",
+          text: "Get Started",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#about"},
-          href: "#about",
-        },
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780759.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780759.jpg",          imageAlt: "Reception"},
-          imageAlt: "Reception",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899443.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899443.jpg",          imageAlt: "Workspace"},
-          imageAlt: "Workspace",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-smartphone_23-2148017127.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-smartphone_23-2148017127.jpg",          imageAlt: "Boardroom"},
-          imageAlt: "Boardroom",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-copy-space-office-desk-table-with-pen-focus-analysis-chart-computer-notebook-cup-coffee-desk-vintage-tone-retro-filter-selective-focus_1418-670.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-copy-space-office-desk-table-with-pen-focus-analysis-chart-computer-notebook-cup-coffee-desk-vintage-tone-retro-filter-selective-focus_1418-670.jpg",          imageAlt: "Detail"},
-          imageAlt: "Detail",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/group-business-people-talking-each-other-while-working_171337-5886.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/group-business-people-talking-each-other-while-working_171337-5886.jpg",          imageAlt: "Workstation"},
-          imageAlt: "Workstation",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg",          imageAlt: "Lounge"},
-          imageAlt: "Lounge",
-        },
       ]}
     />
   </div>
@@ -117,35 +93,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Document Digitization",          descriptions: [
-          title: "Document Digitization",
+            "High-accuracy OCR",            "Cloud storage",            "Encryption"],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/global-business-strategy-planning-icon-concept_53876-120444.jpg"},
-            "High-accuracy OCR",
-            "Cloud storage",
-            "Encryption",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/global-business-strategy-planning-icon-concept_53876-120444.jpg",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Data Management",          descriptions: [
-          title: "Data Management",
+            "Structured records",            "Compliance checks",            "Data auditing"],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/digital-filing-storage_1048-12068.jpg"},
-            "Structured records",
-            "Compliance checks",
-            "Data auditing",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-filing-storage_1048-12068.jpg",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Workflow Automation",          descriptions: [
-          title: "Workflow Automation",
+            "Task routing",            "Custom triggers",            "Reporting"],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-data-center-computer-scientist-using-tablet-deploying-servers-network-hardware-it_482257-135612.jpg"},
-            "Task routing",
-            "Custom triggers",
-            "Reporting",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-data-center-computer-scientist-using-tablet-deploying-servers-network-hardware-it_482257-135612.jpg",
-        },
       ]}
       title="Core Service Capabilities"
       description="We provide robust administrative services designed to keep operations running smoothly, secure, and compliant."
@@ -160,20 +118,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "99.9%",          description: "Uptime on processing"},
-          value: "99.9%",
-          description: "Uptime on processing",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "45%",          description: "Faster retrieval"},
-          value: "45%",
-          description: "Faster retrieval",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "200+",          description: "Managed accounts"},
-          value: "200+",
-          description: "Managed accounts",
-        },
       ]}
       title="Performance Highlights"
       description="Proven results for the local office environment."
@@ -188,29 +137,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       members={[
         {
-          id: "t1",
+          id: "t1",          name: "Alice Johnson",          role: "Office Manager",          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg"},
-          name: "Alice Johnson",
-          role: "Office Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Bob Smith",          role: "Operations Lead",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-manager-talking-coworker-office-sitting-with-laptop_1258-194648.jpg"},
-          name: "Bob Smith",
-          role: "Operations Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-manager-talking-coworker-office-sitting-with-laptop_1258-194648.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Charlie Davis",          role: "Tech Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg"},
-          name: "Charlie Davis",
-          role: "Tech Specialist",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Diana Prince",          role: "Support Coordinator",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-conference-room_23-2148911825.jpg"},
-          name: "Diana Prince",
-          role: "Support Coordinator",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-conference-room_23-2148911825.jpg",
-        },
       ]}
       title="Meet Our Dedicated Team"
       description="Local experts committed to your administrative success."
@@ -225,45 +158,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "test1",
+          id: "test1",          name: "Sarah Miller",          role: "Manager",          company: "Regional Log",          rating: 5,
-          name: "Sarah Miller",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"},
-          role: "Manager",
-          company: "Regional Log",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
-        },
         {
-          id: "test2",
+          id: "test2",          name: "Jane Doe",          role: "Director",          company: "Growth Inc",          rating: 5,
-          name: "Jane Doe",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg"},
-          role: "Director",
-          company: "Growth Inc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",
-        },
         {
-          id: "test3",
+          id: "test3",          name: "Mark Wilson",          role: "Partner",          company: "Tech Sol",          rating: 5,
-          name: "Mark Wilson",
+          imageSrc: "http://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg"},
-          role: "Partner",
-          company: "Tech Sol",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg",
-        },
         {
-          id: "test4",
+          id: "test4",          name: "Laura Scott",          role: "Consultant",          company: "Consult Ltd",          rating: 5,
-          name: "Laura Scott",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-female-colleague-cafe_1262-1973.jpg"},
-          role: "Consultant",
-          company: "Consult Ltd",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-female-colleague-cafe_1262-1973.jpg",
-        },
         {
-          id: "test5",
+          id: "test5",          name: "David Brown",          role: "Lead",          company: "Solutions A",          rating: 5,
-          name: "David Brown",
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg"},
-          role: "Lead",
-          company: "Solutions A",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
-        },
       ]}
       title="Client Success Stories"
       description="Trusted by hundreds of local partners."
@@ -271,51 +179,39 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqBase
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "What services do you offer?",          content: "We specialize in document digitization, data management, and workflow automation for local offices."},
-          title: "How do we start?",
-          content: "Simply reach out via our contact form.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "How is my data protected?",          content: "We implement multi-layered encryption, regular audits, and strict compliance controls to ensure your data remains private and secure."},
-          title: "Is my data secure?",
-          content: "We utilize industry-standard encryption protocols.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "How can I request a quote?",          content: "Simply fill out our contact form, and our representative will reach out to discuss your specific needs."},
-          title: "Can you scale?",
-          content: "Yes, our services scale with your needs.",
-        },
       ]}
-      sideTitle="Common Questions"
+      title="Frequently Asked Questions"
-      sideDescription="Find quick answers about our administrative office services."
+      description="Find answers to our most common administrative service inquiries."
       faqsAnimation="slide-up"
+      textboxLayout="split"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
-      title="Get In Touch"
+      title="Submit an Inquiry"
-      description="Start a conversation about streamlining your operations today."
+      description="Fill out the form below to speak with our experts about your administrative goals."
       inputs={[
         {
-          name: "Name",
+          name: "FullName",          type: "text",          placeholder: "Full Name",          required: true,
-          type: "text",
-          placeholder: "Enter your name",
         },
         {
-          name: "Email",
+          name: "EmailAddress",          type: "email",          placeholder: "Email Address",          required: true,
-          type: "email",
-          placeholder: "Enter your email",
         },
       ]}
       textarea={{
-        name: "Message",
+        name: "ProjectDetails",        placeholder: "Describe your project or inquiry details...",        rows: 5,
-        placeholder: "Describe your request",
+        required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/female-architect-with-level_23-2147702503.jpg"
       mediaPosition="left"
@@ -327,13 +223,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="CA Office"
       leftLink={{
-        text: "Privacy Policy",
+        text: "Privacy Policy",        href: "#"}}
-        href: "#",
-      }}
       rightLink={{
-        text: "Terms of Use",
+        text: "Terms of Use",        href: "#"}}
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>