Update src/app/affiliate/page.tsx

src/app/affiliate/page.tsx

@@ -8,7 +8,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import { Shield, Sparkles, Zap } from "lucide-react";
 
-export default function LandingPage() {
+export default function AffiliatePage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
@@ -23,111 +23,56 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Affiliate",
-          id: "/affiliate",
-        },
-      ]}
-      brandName="Noor Arte"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "About", id: "/about" },
+              { name: "Affiliate", id: "/affiliate" },
+            ]}
+            brandName="Noor Arte"
+            button={{ text: "Contact", href: "/affiliate" }}
+          />
+        </div>
 
-  <div id="affiliate-signup" data-section="affiliate-signup">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Partner with us"
-      title="Join Our Affiliate Program"
-      description="Collaborate with Noor Arte and share the story of Persian art with your audience."
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-female-wearing-white-shirt-delicate-silver-charm-necklace_181624-24736.jpg"
-    />
-  </div>
+        <div id="affiliate-signup" data-section="affiliate-signup">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="Partner with us"
+            title="Join Our Affiliate Program"
+            description="Collaborate with Noor Arte and share the story of Persian art with your audience."
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-female-wearing-white-shirt-delicate-silver-charm-necklace_181624-24736.jpg"
+          />
+        </div>
 
-  <div id="affiliate-features" data-section="affiliate-features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          icon: Sparkles,
-          title: "High Commission",
-          description: "Earn on every sale.",
-        },
-        {
-          icon: Shield,
-          title: "Secure Tracking",
-          description: "Accurate reporting portal.",
-        },
-        {
-          icon: Zap,
-          title: "Creative Support",
-          description: "Exclusive assets and content.",
-        },
-      ]}
-      title="Why Collaborate?"
-      description="Benefits for our influencers and partners."
-    />
-  </div>
+        <div id="affiliate-features" data-section="affiliate-features">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { icon: Sparkles, title: "High Commission", description: "Earn on every sale." },
+              { icon: Shield, title: "Secure Tracking", description: "Accurate reporting portal." },
+              { icon: Zap, title: "Creative Support", description: "Exclusive assets and content." },
+            ]}
+            title="Why Collaborate?"
+            description="Benefits for our influencers and partners."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Shop All",
-              href: "/shop",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Affiliate",
-              href: "/affiliate",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Terms",
-              href: "/terms",
-            },
-            {
-              label: "Privacy",
-              href: "/privacy",
-            },
-            {
-              label: "Shipping",
-              href: "/shipping",
-            },
-          ],
-        },
-      ]}
-      logoText="Noor Arte"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Shop All", href: "/shop" }, { label: "About", href: "/about" }, { label: "Affiliate", href: "/affiliate" }] },
+              { items: [{ label: "Terms", href: "/terms" }, { label: "Privacy", href: "/privacy" }, { label: "Shipping", href: "/shipping" }] },
+            ]}
+            logoText="Noor Arte"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}