src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -218,7 +218,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
       useInvertedBackground={true}
       faqs={[
         {
@@ -232,33 +232,45 @@ export default function LandingPage() {
         {
           id: "faq5",          title: "Can HaulRate handle international shipments?",          content: "While our primary focus is national coverage across 50 states, we do offer solutions for cross-border logistics through our network of trusted partners. Please contact us for specific international shipping inquiries."},
       ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Find answers to common questions about our freight services, pricing, tracking, and more."
+      title="Frequently Asked Questions"
+      description="Find answers to common questions about our freight services, pricing, tracking, and more."
       faqsAnimation="slide-up"
-      textPosition="left"
+      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-looking-monitor_23-2148858348.jpg"
+      imageAlt="Person working at a computer with data visualizations"
+      mediaAnimation="opacity"
+      mediaPosition="left"
+      textboxLayout="default"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Get Your Custom Rate"
       title="Request a Free Quote Today!"
       description="Let HaulRate simplify your logistics. Fill out the form below to get a personalized quote for your freight needs. Our team will get back to you promptly."
+      inputs={[
+        {
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true},
+        {
+          name: "email",          type: "email",          placeholder: "Your Email Address",          required: true},
+        {
+          name: "phone",          type: "tel",          placeholder: "Phone Number"},
+        {
+          name: "company",          type: "text",          placeholder: "Company Name"},
+      ]}
+      textarea={{
+        name: "message",        placeholder: "Your Message / Freight Details",        rows: 5}}
+      buttonText="Get My Quote"
       imageSrc="http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229205.jpg"
       imageAlt="Truck driving on a highway at sunrise, symbolizing smooth logistics"
       mediaAnimation="opacity"
       mediaPosition="right"
-      inputPlaceholder="Your Email Address"
-      buttonText="Get My Quote"
-      termsText="By clicking Get My Quote, you're confirming that you agree with our Terms and Conditions and Privacy Policy."
+      onSubmit={(data) => console.log("Form submitted:", data)}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
       logoText="HaulRate"
       columns={[
         {
@@ -302,4 +314,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}