Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -209,7 +209,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
@@ -228,6 +228,14 @@ export default function LandingPage() {
       description="Have questions about our process, services, or how we can help your business? Find answers to the most common inquiries here."
       tag="Need Answers?"
       faqsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/diverse-group-employees-working-together_23-2149547844.jpg"
+      imageAlt="Team working on solutions"
+      mediaAnimation="slide-up"
+      mediaPosition="right"
+      buttons={[
+        {
+          text: "Still have questions? Contact us!",          href: "#contact"}
+      ]}
     />
   </div>
 
@@ -246,66 +254,34 @@ export default function LandingPage() {
         {
           name: "company",          type: "text",          placeholder: "Company (Optional)"},
       ]}
+      multiSelect={{
+        name: "service",        label: "What service are you interested in?",        options: ["Web Development", "E-commerce", "Mobile Apps", "UI/UX Design", "SEO & Marketing", "Cloud & Hosting", "Other"]
+      }}
       textarea={{
-        name: "message",        placeholder: "Tell us about your project...",        rows: 5,
+        name: "message",        placeholder: "Tell us about your project, goals, and any specific requirements...",        rows: 5,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/3d-realistic-globe-with-musical-elements_23-2151500696.jpg"
       imageAlt="Abstract image of global digital communication and interconnected nodes"
       mediaAnimation="slide-up"
       mediaPosition="right"
-      buttonText="Send Message"
+      buttonText="Send Your Inquiry"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",          items: [
-            {
-              label: "Web Development",              href: "#features"},
-            {
-              label: "E-commerce",              href: "#features"},
-            {
-              label: "UI/UX Design",              href: "#features"},
-            {
-              label: "Mobile Apps",              href: "#features"},
-            {
-              label: "SEO & Marketing",              href: "#features"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Portfolio",              href: "#products"},
-            {
-              label: "Testimonials",              href: "#testimonials"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Resources",          items: [
-            {
-              label: "FAQ",              href: "#faq"},
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
-      ]}
+      <FooterLogoReveal
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vd4nr3"
       logoAlt="VertexIT logo"
       logoText="VertexIT"
-      copyrightText="© 2025 VertexIT. All rights reserved. Powered by Onel."
+      leftLink={{
+        text: "Privacy Policy",        href: "#"}}
+      rightLink={{
+        text: "Terms of Service",        href: "#"}}
       ariaLabel="Site footer navigation"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}