Merge version_4 into main

Merge version_4 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';
@@ -12,7 +10,13 @@ import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 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 { Award, Users, Zap, Bolt, Factory, Gem, Settings, Sparkles } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function LandingPage() {
   return (
@@ -89,7 +93,7 @@ export default function LandingPage() {
           src: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-orange-hair_23-2149122916.jpg",          alt: "Customer Kai R."},
       ]}
       avatarText="Join the Next Era of Style"
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-sitting-stairs_23-2149652109.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-sitting-stairs_23-2149652109.jpg?_wi=1"
       imageAlt="Futuristic streetwear model wearing NEXIR apparel"
       showDimOverlay={true}
       showBlur={true}
@@ -97,10 +101,24 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
+      <SplitAbout
       useInvertedBackground={false}
-      tag="Our Story"
-      title="Unveiling NEXIR: Where Innovation Meets Style"
+      tag="Our Philosophy"
+      title="Shaping Tomorrow: The NEXIR Vision"
+      description="NEXIR is more than streetwear; it's a movement towards a future where fashion and technology seamlessly merge. We champion innovation, redefine urban luxury, and empower individuals to wear their ambition."
+      bulletPoints={[
+        {
+          title: "Evolutionary Design",          description: "Constantly pushing boundaries, our designs evolve with the future of fashion.",          icon: Bolt},
+        {
+          title: "Ambitious Craftsmanship",          description: "Meticulously crafted with cutting-edge materials for unparalleled quality and comfort.",          icon: Factory},
+        {
+          title: "Future-Forward Identity",          description: "Each piece embodies a vision of tomorrow, designed for the pioneers of today.",          icon: Gem},
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-neon-lights_23-2149429037.jpg?_wi=1"
+      imageAlt="Man in neon-lit futuristic setting"
+      mediaAnimation="slide-up"
+      imagePosition="right"
+      textboxLayout="default"
       buttons={[
         {
           text: "Learn More",          href: "#"},
@@ -109,26 +127,27 @@ export default function LandingPage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwentySeven
-      animationType="scale-rotate"
+      <FeatureBento
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",          title: "Advanced Material Science",          descriptions: [
-            "Experience unparalleled comfort and durability with fabrics engineered for the future.",            "Water-resistant, breathable, and adaptive materials that respond to your environment."],
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-grill-closeup-texture-music-speaker-colored-lighting_169016-51006.jpg",          imageAlt: "Close-up of innovative techwear fabric"},
+          bentoComponent: "reveal-icon",          icon: Zap,
+          title: "Advanced Material Science",          description: "Experience unparalleled comfort and durability with fabrics engineered for the future. Water-resistant, breathable, and adaptive materials that respond to your environment."
+        },
         {
-          id: "f2",          title: "Modular & Adaptive Design",          descriptions: [
-            "Garments designed with interchangeable components for personalized styling and utility.",            "Transform your look and function to adapt to any urban landscape or occasion."],
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-woman-posing-studio_23-2149429025.jpg",          imageAlt: "Digital illustration of modular garment design"},
+          bentoComponent: "reveal-icon",          icon: Settings,
+          title: "Modular & Adaptive Design",          description: "Garments designed with interchangeable components for personalized styling and utility. Transform your look and function to adapt to any urban landscape or occasion."
+        },
         {
-          id: "f3",          title: "Exclusive Limited Drops",          descriptions: [
-            "Access highly sought-after collections with our curated limited edition releases.",            "Each drop is a statement of exclusivity, designed for true connoisseurs of futuristic streetwear."],
-          imageSrc: "http://img.b2bpic.net/free-photo/cupcake-explosion_23-2148114571.jpg",          imageAlt: "Digital countdown for a limited edition product drop"},
+          bentoComponent: "reveal-icon",          icon: Sparkles,
+          title: "Exclusive Limited Drops",          description: "Access highly sought-after collections with our curated limited edition releases. Each drop is a statement of exclusivity, designed for true connoisseurs of futuristic streetwear."
+        }
       ]}
-      title="Engineered for Tomorrow, Designed for Today"
-      description="Discover the core innovations that set NEXIR apart, blending functionality with a distinctive luxury aesthetic."
+      title="Beyond Limits: NEXIR's Core Innovations"
+      description="Experience the fusion of art and technology, where every design is a leap into the future of urban fashion. Our features are engineered for performance and sculpted for style."
+      tag="Innovation Hub"
     />
   </div>
 
@@ -209,63 +228,66 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="scale-rotate"
+      <TestimonialCardFive
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t-1",          name: "Jordan P.",          role: "Fashion Influencer",          company: "StyleForward",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blond-girl-posing-with-loangboard_158595-2837.jpg",          imageAlt: "Jordan P. in NEXIR techwear"},
+          id: "t-1",          name: "Jordan P.",          date: "July 15, 2024",          title: "Revolutionary Style",          quote: "NEXIR pushes boundaries. The quality and design are truly next-gen. Worth every penny for the exclusivity!",          tag: "Luxury Wear",          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-blond-girl-posing-with-loangboard_158595-2837.jpg",          imageAlt: "Jordan P. in NEXIR techwear",          imageSrc: "http://img.b2bpic.net/free-photo/texture-blue-metallic-background_23-2149301099.jpg?_wi=1"
+        },
         {
-          id: "t-2",          name: "Maya S.",          role: "Creative Director",          company: "UrbanCanvas",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-dressed-white-posing-with-mirror-rocks_23-2149444981.jpg",          imageAlt: "Maya S. in NEXIR techwear"},
+          id: "t-2",          name: "Maya S.",          date: "August 01, 2024",          title: "Future-Forward Fit",          quote: "Finally, a brand that gets futuristic streetwear. Every piece feels premium and makes a statement.",          tag: "Tech Fashion",          avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-dressed-white-posing-with-mirror-rocks_23-2149444981.jpg",          imageAlt: "Maya S. in NEXIR techwear",          imageSrc: "http://img.b2bpic.net/free-photo/texture-blue-metallic-background_23-2149301099.jpg?_wi=1"
+        },
         {
-          id: "t-3",          name: "Ethan H.",          role: "Tech Entrepreneur",          company: "InnovateFlow",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118101.jpg",          imageAlt: "Ethan H. in NEXIR techwear"},
+          id: "t-3",          name: "Ethan H.",          date: "August 10, 2024",          title: "Unparalleled Innovation",          quote: "The attention to detail and material innovation from NEXIR is incredible. My go-to for cutting-edge fashion.",          tag: "Minimalist Luxury",          avatarSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118101.jpg",          imageAlt: "Ethan H. in NEXIR techwear",          imageSrc: "http://img.b2bpic.net/free-photo/texture-blue-metallic-background_23-2149301099.jpg?_wi=1"
+        },
         {
-          id: "t-4",          name: "Sophia B.",          role: "Artist & Designer",          company: "DigitalMuse",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3093.jpg",          imageAlt: "Sophia B. in NEXIR techwear"},
+          id: "t-4",          name: "Sophia B.",          date: "August 20, 2024",          title: "Defining the New Era",          quote: "Wearing NEXIR feels like stepping into the future. The luxury minimalism is spot on.",          tag: "Street Style",          avatarSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3093.jpg",          imageAlt: "Sophia B. in NEXIR techwear",          imageSrc: "http://img.b2bpic.net/free-photo/texture-blue-metallic-background_23-2149301099.jpg?_wi=1"
+        },
         {
-          id: "t-5",          name: "Liam K.",          role: "Streetwear Collector",          company: "RareFinds",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1094.jpg",          imageAlt: "Liam K. in NEXIR techwear"},
-        {
-          id: "t-6",          name: "Zoe D.",          role: "Futurist",          company: "FutureSight Labs",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232845.jpg",          imageAlt: "Zoe D. in NEXIR techwear"},
+          id: "t-5",          name: "Liam K.",          date: "September 05, 2024",          title: "Elevated Experience",          quote: "The fit, the fabric, the feel – NEXIR consistently delivers an elevated experience. Pure luxury techwear.",          tag: "Urban Aesthetic",          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1094.jpg",          imageAlt: "Liam K. in NEXIR techwear",          imageSrc: "http://img.b2bpic.net/free-photo/texture-blue-metallic-background_23-2149301099.jpg?_wi=1"
+        }
       ]}
-      kpiItems={[
-        {
-          value: "99%",          label: "Satisfaction"},
-        {
-          value: "50+",          label: "Countries"},
-        {
-          value: "10K+",          label: "Reviews"},
-      ]}
-      title="Voices of the Next Era"
-      description="Hear from our global community of trendsetters and innovators who trust NEXIR for their futuristic style."
+      title="Pioneers of the Future Speak"
+      description="Hear from the innovators and trendsetters who are defining the next era of style with NEXIR."
+      tag="Our Community"
     />
   </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 & Evolve: Partner with NEXIR"
+      description="Reach out to discuss collaborations, custom designs, or any inquiries. We're forging the future of fashion, and we invite you to be a part of it."
+      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/abstract-portrait-with-light-effects_23-2151118101.jpg?_wi=1"
+      imageAlt="Man in futuristic setting with light effects"
+      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"
+      <FooterMedia
+      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-sitting-stairs_23-2149652109.jpg?_wi=1"
+      imageAlt="Man sitting on stairs in a futuristic city"
+      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 +299,7 @@ export default function LandingPage() {
           ],
         },
         {
-          items: [
+          title: "Company",          items: [
             {
               label: "About Us",              href: "#about"},
             {
@@ -289,22 +311,22 @@ export default function LandingPage() {
           ],
         },
         {
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact Us",              href: "#contact"},
             {
-              label: "Support",              href: "#"},
+              label: "FAQ",              href: "/faq"},
             {
-              label: "Privacy Policy",              href: "#"},
+              label: "Privacy Policy",              href: "/privacy"},
             {
-              label: "Terms of Service",              href: "#"},
+              label: "Terms of Service",              href: "/terms"},
           ],
         },
       ]}
-      logoText="NEXIR: Future Worn Today"
+      copyrightText="© 2025 NEXIR. All rights reserved. | Powered by Webild"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/privacy/page.tsx

@@ -0,0 +1,128 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function PrivacyPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="largeSizeMediumTitles"
+      background="grid"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "Shop",                id: "#products"},
+              {
+                name: "Features",                id: "#features"},
+              {
+                name: "Collections",                id: "#pricing"},
+              {
+                name: "Testimonials",                id: "#testimonials"},
+              {
+                name: "Contact",                id: "#contact"},
+            ]}
+            logoSrc="http://img.b2bpic.net/free-vector/collection-gradient-logo-template_23-2148884415.jpg"
+            logoAlt="NEXIR Logo"
+            brandName="NEXIR"
+          />
+        </div>
+
+        <div id="privacy-policy" data-section="privacy-policy">
+          <LegalSection
+            layout="page"
+            title="Privacy Policy"
+            subtitle="Your trust is our priority. Learn how we handle your data."
+            sections={[
+              {
+                heading: "Introduction",                content: [
+                  {
+                    type: "paragraph",                    text: "NEXIR is committed to protecting your privacy. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you visit our website www.nexir.com, including any other media form, media channel, mobile website, or mobile application related or connected thereto (collectively, the 'Site'). Please read this privacy policy carefully. If you do not agree with the terms of this privacy policy, please do not access the Site."
+                  }
+                ]
+              },
+              {
+                heading: "Data Collection",                content: [
+                  {
+                    type: "paragraph",                    text: "We may collect information about you in a variety of ways. The information we may collect on the Site includes Personal Data such as your name, shipping address, email address, telephone number, and demographic information, such as your age, gender, hometown, and interests, that you voluntarily give to us when you register with the Site or when you choose to participate in various activities related to the Site, such as online chat and message boards."
+                  }
+                ]
+              },
+              {
+                heading: "Use of Information",                content: [
+                  {
+                    type: "paragraph",                    text: "Having accurate information about you permits us to provide you with a smooth, efficient, and customized experience. Specifically, we may use information collected about you via the Site to: Create and manage your account; Deliver targeted advertising; Email you regarding your account or order; Fulfill and manage purchases, orders, payments, and other transactions related to the Site; Generate a personal profile about you to make future visits to the Site more personalized; Increase the efficiency and operation of the Site; Monitor and analyze usage and trends to improve your experience with the Site; Notify you of updates to the Site; Offer new products, services, and/or recommendations to you."
+                  }
+                ]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/side-view-man-sitting-stairs_23-2149652109.jpg?_wi=1"
+            imageAlt="Man sitting on stairs in a futuristic city"
+            logoSrc="http://img.b2bpic.net/free-vector/collection-gradient-logo-template_23-2148884415.jpg"
+            logoAlt="NEXIR Logo"
+            logoText="NEXIR: Future Worn Today"
+            columns={[
+              {
+                title: "Explore",                items: [
+                  {
+                    label: "Shop",                    href: "#products"},
+                  {
+                    label: "Collections",                    href: "#pricing"},
+                  {
+                    label: "New Arrivals",                    href: "#"},
+                  {
+                    label: "Limited Drops",                    href: "#"},
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  {
+                    label: "About Us",                    href: "#about"},
+                  {
+                    label: "Features",                    href: "#features"},
+                  {
+                    label: "Testimonials",                    href: "#testimonials"},
+                  {
+                    label: "Our Impact",                    href: "#metrics"},
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  {
+                    label: "Contact Us",                    href: "#contact"},
+                  {
+                    label: "FAQ",                    href: "/faq"},
+                  {
+                    label: "Privacy Policy",                    href: "/privacy"},
+                  {
+                    label: "Terms of Service",                    href: "/terms"},
+                ],
+              },
+            ]}
+            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-inter), 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-dm-sans), sans-serif;), sans-serif;
 }

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #000000;
-  --card: #0c0c0c;
+  --card: #1a1a1a;
   --foreground: #ffffff;
-  --primary-cta: #106EFB;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
+  --primary-cta: #00FFFF;
+  --primary-cta-text: #000000;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #535353;
-  --background-accent: #106EFB;
+  --accent: #00FF00;
+  --background-accent: #FF0000;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);