src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -13,7 +13,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import TeamCardTen from '@/components/sections/team/TeamCardTen';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Activity, Award, Bike, ClipboardList, Dumbbell, HeartPulse, Leaf, Users, Zap } from "lucide-react";
+import { Activity, Award, Bike, ClipboardList, Dumbbell, HeartPulse, Leaf, Users, Zap, Twitter, Instagram, Facebook } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -273,69 +273,43 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Reach Your Fitness Goals With Us"
-      description="Have questions or ready to join? Get in touch with us today and start your journey to a healthier you!"
-      inputs={[
+      <ContactCTA
+      useInvertedBackground={false}
+      tag="Get in Touch"
+      title="Ready to Transform Your Fitness Journey?"
+      description="Have questions or ready to join? Reach out to us today and let's start building a healthier, stronger you!"
+      buttons={[
         {
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Your Email",          required: true
-        },
-        {
-          name: "phone",          type: "tel",          placeholder: "Phone Number"}
+          text: "Contact Us",          href: "#contact"
+        }
       ]}
-      textarea={{
-        name: "message",        placeholder: "Tell us about your fitness goals or questions...",        rows: 4
+      buttonAnimation="slide-up"
+      background={{
+        variant: "glowing-orb"
       }}
-      imageSrc="http://img.b2bpic.net/free-photo/young-man-sportswear-exercise-class-gym_1150-12358.jpg"
-      imageAlt="Modern gym reception area"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-      buttonText="Send Message"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterCard
       logoSrc="http://img.b2bpic.net/free-vector/personal-trainer-logo-design-template_742173-29658.jpg"
       logoAlt="The Workout Place Logo"
       logoText="The Workout Place"
-      columns={[
+      copyrightText="© 2024 The Workout Place. All rights reserved."
+      socialLinks={[
         {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Our Trainers",              href: "#team"},
-            {
-              label: "Testimonials",              href: "#testimonials"}
-          ]
+          icon: Twitter,
+          href: "#",          ariaLabel: "Twitter"
         },
         {
-          title: "Services",          items: [
-            {
-              label: "Membership Plans",              href: "#plans"},
-            {
-              label: "Group Classes",              href: "#features"},
-            {
-              label: "Personal Training",              href: "#features"}
-          ]
+          icon: Instagram,
+          href: "#",          ariaLabel: "Instagram"
         },
         {
-          title: "Support",          items: [
-            {
-              label: "FAQ",              href: "#faq"},
-            {
-              label: "Contact Us",              href: "#contact"},
-            {
-              label: "Privacy Policy",              href: "#"}
-          ]
+          icon: Facebook,
+          href: "#",          ariaLabel: "Facebook"
         }
       ]}
-      copyrightText="© 2024 The Workout Place. All rights reserved."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
-  --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
-  --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --background: #000000;
+  --card: #0c0c0c;
+  --foreground: #ffffff;
+  --primary-cta: #cee7ff;
+  --primary-cta-text: #000000;
+  --secondary-cta: #000000;
+  --secondary-cta-text: #ffffff;
+  --accent: #535353;
+  --background-accent: #CEE7FF;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);