src/app/contact/page.tsx

@@ -1,105 +1,29 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
-        contentWidth="medium"
-        sizing="largeSmallSizeLargeTitles"
-        background="grid"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="glass"
-        headingFontWeight="light"
-    >
-      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "FAQ",
-          id: "/faq",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="XouT"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "animated-grid",
-      }}
-      tag="Contact Us"
-      title="Reach Out"
-      description="Professional support for all your needs."
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-tablet-with-notepad_23-2148284317.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="metric" data-section="metric">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Reach"
-      description="Trusted by the global community."
-      metrics={[
-        {
-          id: "m1",
-          value: "10k+",
-          title: "Users",
-          description: "Global community",
-          imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg",
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Support",
-          description: "Always online",
-          imageSrc: "http://img.b2bpic.net/free-photo/global-communication-background-business-network-design_53876-153365.jpg",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="XouT"
-      leftLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-    />
-  </div>
-      </ReactLenis>
+    <ThemeProvider>
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }]}
+          brandName="XouT"
+          button={{ text: "Get Started", href: "#" }}
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactSplit
+          tag="Contact Us"
+          title="Reach Out"
+          description="Professional support for all your needs."
+          background={{ variant: "animated-grid" }}
+          useInvertedBackground={false}
+          mediaAnimation="slide-up"
+        />
+      </div>
     </ThemeProvider>
   );
 }

src/app/page.tsx

@@ -82,8 +82,8 @@ export default function LandingPage() {
             title="Core Features"
             description="What sets us apart."
             features={[
-              { title: "Speed", description: "Lightning fast transactions" },
-              { title: "Security", description: "Bank grade protection" }
+              { title: "Speed", description: "Lightning fast transactions", imageSrc: "", titleIconSrc: "", buttonText: "Learn More" },
+              { title: "Security", description: "Bank grade protection", imageSrc: "", titleIconSrc: "", buttonText: "Learn More" }
             ]}
             animationType="slide-up"
             textboxLayout="default"