src/app/page.tsx

@@ -3,14 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import { BarChart, ShieldCheck, Target, TrendingUp, Users, Zap } from "lucide-react";
 
@@ -111,14 +111,14 @@ export default function LandingPage() {
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardOne
+      <PricingCardThree
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        { id: "p1", badge: "Growth", price: "$3,000/mo", subtitle: "For early-stage scaling", features: ["Ad management", "Funnel review", "Weekly updates"] },
-        { id: "p2", badge: "Elite", price: "$7,500/mo", subtitle: "Full Agency Service", features: ["Full scale media", "Dedicated manager", "Daily reporting", "Creative strategy"] },
-        { id: "p3", badge: "Custom", price: "Custom", subtitle: "Tailored for enterprises", features: ["Enterprise strategy", "Custom infrastructure", "Priority support"] },
+        { id: "p1", price: "$3,000/mo", name: "Growth", buttons: [{text: "Select"}], features: ["Ad management", "Funnel review", "Weekly updates"] },
+        { id: "p2", price: "$7,500/mo", name: "Elite", buttons: [{text: "Select"}], features: ["Full scale media", "Dedicated manager", "Daily reporting", "Creative strategy"] },
+        { id: "p3", price: "Custom", name: "Enterprise", buttons: [{text: "Get Quote"}], features: ["Enterprise strategy", "Custom infrastructure", "Priority support"] },
       ]}
       title="Pricing Packages"
       description="Flexible plans for brands ready to reach the next level."
@@ -142,55 +142,35 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqBase
       useInvertedBackground={false}
       faqs={[
         { id: "f1", title: "What's the onboarding time?", content: "Typically 3-5 days to audit and deploy campaigns." },
         { id: "f2", title: "Do you work with startups?", content: "Yes, we focus on brands with proven market product fit." },
         { id: "f3", title: "Can I cancel anytime?", content: "Yes, our contracts are month-to-month based on performance." },
       ]}
-      sideTitle="Frequently Asked"
+      title="Frequently Asked"
       faqsAnimation="slide-up"
+      textboxLayout="default"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactSplit
       useInvertedBackground={false}
       title="Start Scaling Now"
       description="Ready to work with Lig Media? Let's talk strategy."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Your Name", required: true },
-        { name: "email", type: "email", placeholder: "Your Email", required: true },
-      ]}
-      textarea={{ name: "message", placeholder: "Tell us about your brand", required: true }}
+      background={{ variant: 'sparkles-gradient' }}
+      tag="Contact"
       imageSrc="http://img.b2bpic.net/free-photo/grey-concrete-spiral-stairs-with-railing_250224-265.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            { label: "Services", href: "#services" },
-            { label: "Results", href: "#results" },
-          ],
-        },
-        {
-          items: [
-            { label: "Pricing", href: "#pricing" },
-            { label: "Contact", href: "#contact" },
-          ],
-        },
-        {
-          items: [
-            { label: "Privacy Policy", href: "#" },
-            { label: "Terms of Service", href: "#" },
-          ],
-        },
-      ]}
+      <FooterLogoReveal
       logoText="LIG MEDIA"
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>