Update src/app/page.tsx

src/app/page.tsx

@@ -7,7 +7,6 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { CalendarCheck, Mail, MessageSquare, Sparkles, Timer, Tv } from "lucide-react";
 
@@ -33,7 +32,7 @@ export default function LandingPage() {
             { name: "Live Shows", id: "live-shows" },
             { name: "Bundles", id: "bundles" },
             { name: "Reviews", id: "reviews" },
-            { name: "Support", id: "support" },
+            { name: "Support", id: "/support" },
             { name: "Shop", id: "/shop" },
             { name: "Blog", id: "/blog" }
           ]}
@@ -96,8 +95,7 @@ export default function LandingPage() {
           description="Experience the thrill of live selling with daily product drops and exclusive reseller bundles on Whatnot. Don't miss out on the best deals and the latest beauty trends!"
           features={[
             { icon: CalendarCheck, title: "Upcoming Shows", description: "Stay updated with our schedule and never miss a live event for the freshest drops." },
-            { icon: Tv, title: "Watch Us Live", description: "Tune in now to catch our current live broadcast and snag exclusive beauty bundles." },
-            { icon: Timer, title: "Countdown Timer", description: "See exactly when our next exciting live show is about to begin!" },
+            { icon: Tv, title: "Watch Us Live", description: "Tune in now to catch our current live broadcast and snag exclusive beauty bundles." },            { icon: Timer, title: "Countdown Timer", description: "See exactly when our next exciting live show is about to begin!" },
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -180,43 +178,15 @@ export default function LandingPage() {
           iconContainerClassName="!bg-[--primary-cta] !text-[--primary-cta-text] rounded-full p-4 shadow-md"
           cardTitleClassName="text-xl md:text-2xl font-semibold mt-4"
           cardDescriptionClassName="text-md md:text-lg font-light text-balance"
-          buttons={[{ text: "Join The Glow Fam", href: "#contact-support" }]}
+          buttons={[{ text: "Join The Glow Fam", href: "/support" }]} 
           buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="contact-support" data-section="contact-support">
-        <ContactSplitForm
-          title="Customer Support"
-          description="Need help with your order, bundles, or live show purchases? Our support team is here to assist you.\n\nCall Us: 786-919-1243\nLocation: Miami, Florida"
-          inputs={[
-            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
-            { name: "emailAddress", type: "email", placeholder: "Email Address", required: true },
-            { name: "orderNumber", type: "text", placeholder: "Order Number (Optional)", required: false },
-          ]}
-          textarea={{ name: "message", placeholder: "Type your message...", rows: 5, required: true }}
-          buttonText="Contact Support"
-          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-pretty-woman-indoors_23-2148879269.jpg"
-          imageAlt="Beauty customer support representative"
-          mediaAnimation="opacity"
-          mediaPosition="right"
-          useInvertedBackground={false}
-          className="bg-[--background-accent] text-[--foreground]"
-          formCardClassName="!bg-[--card] rounded-[--radius] shadow-lg p-8 md:p-12"
-          titleClassName="text-4xl md:text-5xl lg:text-6xl font-thin tracking-wide"
-          descriptionClassName="text-md md:text-lg font-light mt-4 mb-8 leading-relaxed"
-          buttonClassName="min-w-[12rem] px-8 py-3 rounded-full shadow-lg !bg-[--primary-cta] !text-[--primary-cta-text] hover:!bg-[--primary-cta] hover:scale-105 transition-transform duration-300"
-          buttonTextClassName="font-semibold"
-          mediaWrapperClassName="rounded-[--radius] overflow-hidden"
-          mediaClassName="object-cover h-full w-full"
-          contentClassName="grid-cols-1 md:grid-cols-2 gap-8 md:gap-12"
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="Glow Theory"
-          leftLink={{ text: "Customer Support", href: "#contact-support" }}
+          leftLink={{ text: "Customer Support", href: "/support" }}
           rightLink={{ text: "Privacy Policy", href: "/privacy" }}
           className="bg-[--background] text-[--foreground] py-6 px-4"
           linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
@@ -225,4 +195,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}