Switch to version 2: modified src/app/page.tsx

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 ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -15,15 +15,17 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 
 export default function LandingPage() {
   const handleChatRequest = () => {
+    // Implementation for customer chat system
     console.log("Opening support chat interface...");
     alert("Support chat system initialized. Redirecting to chat portal.");
   };
 
   const handleWebhookNotification = async (data: any) => {
+    // Discord Webhook integration
     const WEBHOOK_URL = "https://discord.com/api/webhooks/1501990676101992549/KTYDeCDxTmzJdeglF31rvThzpzsHGFD9X_Mq975shfayGmVGG6hyiO6OvOzL0EN9_29W";
     try {
       await fetch(WEBHOOK_URL, {
-        method: "POST", headers: { "Content-Type": "application/json" },
+        method: "POST",        headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ content: `New system notification: ${JSON.stringify(data)}` }),
       });
     } catch (e) {
@@ -156,21 +158,17 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplit
-            title="Need Personalized Support?"
-            description="Our support team is ready to assist you via chat or email."
-            background={{ variant: "sparkles-gradient" }}
+          <ContactText
             useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            text="Ready to get started? Our support team is ready to assist you via chat."
+            buttons={[{ text: "Chat With Support", onClick: handleChatRequest }]}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseCard
+          <FooterCard
             logoText="Boostech"
-            columns={[
-                { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
-                { title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#contact" }] }
-            ]}
             copyrightText="© 2025 Boostech. All rights reserved."
           />
         </div>