Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,9 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -13,6 +11,8 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextAbout from '@/components/sections/about/TextAbout';
 import { Award, Users, Zap } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function LandingPage() {
   return (
@@ -247,25 +247,37 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
-      text="Join the NEXIR movement. For inquiries, collaborations, or just to say hello, reach out to us."
-      buttons={[
+      <ContactSplitForm
+      title="Connect with NEXIR"
+      description="Experience the future. For bespoke inquiries, collaborations, or white glove support, please fill out the form below. Our team will respond promptly."
+      inputs={[
         {
-          text: "Get in Touch",          href: "mailto:hello@nexir.com"},
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true},
+        {
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true},
+        {
+          name: "subject",          type: "text",          placeholder: "Subject"},
       ]}
+      textarea={{
+        name: "message",        placeholder: "Your Message",        rows: 5,        required: true}}
+      buttonText="Submit Inquiry"
+      useInvertedBackground={false}
+      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-sitting-stairs_23-2149652109.jpg"
+      imageAlt="Man in futuristic setting"
+      mediaPosition="right"
+      mediaAnimation="slide-up"
+      onSubmit={() => alert('Inquiry submitted!')}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoSrc="http://img.b2bpic.net/free-psd/man-swimming-banner-club-template_23-2148463348.jpg"
+      <FooterBase
+      logoSrc="http://img.b2bpic.net/free-vector/collection-gradient-logo-template_23-2148884415.jpg"
       logoAlt="NEXIR Logo"
+      logoText="NEXIR: Future Worn Today"
       columns={[
         {
-          items: [
+          title: "Explore",          items: [
             {
               label: "Shop",              href: "#products"},
             {
@@ -277,7 +289,7 @@ export default function LandingPage() {
           ],
         },
         {
-          items: [
+          title: "Company",          items: [
             {
               label: "About Us",              href: "#about"},
             {
@@ -289,11 +301,11 @@ export default function LandingPage() {
           ],
         },
         {
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact Us",              href: "#contact"},
             {
-              label: "Support",              href: "#"},
+              label: "FAQ",              href: "#"},
             {
               label: "Privacy Policy",              href: "#"},
             {
@@ -301,10 +313,10 @@ export default function LandingPage() {
           ],
         },
       ]}
-      logoText="NEXIR: Future Worn Today"
+      copyrightText="© 2025 NEXIR. All rights reserved. | Powered by Webild"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-font-family: var(--font-mulish), sans-serif;), sans-serif;
+  font-family: var(--font-font-family: var(--font-inter-tight), sans-serif;), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-font-family: var(--font-mulish), sans-serif;), sans-serif;
+  font-family: var(--font-font-family: var(--font-inter-tight), sans-serif;), sans-serif;
 }