diff --git a/src/app/apparel/page.tsx b/src/app/apparel/page.tsx
index 0ebc093..eb3537c 100644
--- a/src/app/apparel/page.tsx
+++ b/src/app/apparel/page.tsx
@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FeatureCardTwentyFive from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardFour from '@/components/sections/product/ProductCardOne';
 import { Clock, Palette } from "lucide-react";
 
 export default function LandingPage() {
@@ -23,73 +23,67 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Cards", id: "/cards" },
-        { name: "Trade", id: "/trade" },
-        { name: "Apparel", id: "/apparel" },
-        { name: "About", id: "/about" },
-      ]}
-      brandName="Sudds TCG"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Cards", id: "/cards" },
+              { name: "Trade", id: "/trade" },
+              { name: "Apparel", id: "/apparel" },
+              { name: "About", id: "/about" },
+            ]}
+            brandName="Sudds TCG"
+          />
+        </div>
 
-  <div id="product" data-section="product">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Apparel Collection"
-      description="Custom embroidered gear."
-      products={[
-        {
-          id: "a1",          name: "Logo Hoodie",          price: "$60",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-funny-hat-white-wall_114579-27948.jpg"},
-        {
-          id: "a2",          name: "Minimalist Hat",          price: "$30",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-floral-concept-with-copy-space_23-2148599475.jpg"},
-      ]}
-    />
-  </div>
+        <div id="product" data-section="product">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Apparel Collection"
+            description="Custom embroidered gear."
+            products={[
+              { id: "a1", name: "Logo Hoodie", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-funny-hat-white-wall_114579-27948.jpg", variant: "Black" },
+              { id: "a2", name: "Minimalist Hat", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-floral-concept-with-copy-space_23-2148599475.jpg", variant: "Navy" },
+            ]}
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Custom Work"
-      description="We stitch what you love."
-      features={[
-        {
-          title: "High Quality",          description: "Durable threads.",          icon: Palette
-        },
-        {
-          title: "Fast Turnaround",          description: "Ready to wear.",          icon: Clock
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Custom Work"
+            description="We stitch what you love."
+            features={[
+              { title: "High Quality", description: "Durable threads.", icon: Palette, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-studio_23-2149429028.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-posing-studio_23-2149429028.jpg" }] },
+              { title: "Fast Turnaround", description: "Ready to wear.", icon: Clock, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-funny-hat-white-wall_114579-27948.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-funny-hat-white-wall_114579-27948.jpg" }] },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Shop",          items: [
-            { label: "eBay Store", href: "https://ebay.com/usr/suddstcg" },
-            { label: "Custom Apparel", href: "/apparel" },
-          ],
-        },
-        {
-          title: "Support",          items: [
-            { label: "Contact Us", href: "/contact" },
-            { label: "Trading FAQ", href: "/trade" },
-          ],
-        },
-      ]}
-      logoText="Sudds TCG"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Shop",                items: [
+                  { label: "eBay Store", href: "https://ebay.com/usr/suddstcg" },
+                  { label: "Custom Apparel", href: "/apparel" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "Contact Us", href: "/contact" },
+                  { label: "Trading FAQ", href: "/trade" },
+                ],
+              },
+            ]}
+            logoText="Sudds TCG"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 6dd4a0e..b9bf2c4 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FeatureCardTwentyFive from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import LegalSection from '@/components/legal/LegalSection';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -23,67 +23,62 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Cards", id: "/cards" },
-        { name: "Trade", id: "/trade" },
-        { name: "Apparel", id: "/apparel" },
-        { name: "About", id: "/about" },
-      ]}
-      brandName="Sudds TCG"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Cards", id: "/cards" },
+              { name: "Trade", id: "/trade" },
+              { name: "Apparel", id: "/apparel" },
+              { name: "About", id: "/about" },
+            ]}
+            brandName="Sudds TCG"
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Terms of Service"
-      sections={[
-        {
-          heading: "Policies",          content: "All trades are subject to inspection and approval."},
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Terms of Service"
+            sections={[
+              { heading: "Policies", content: [{ text: "All trades are subject to inspection and approval." }] },
+            ]}
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Support Channels"
-      description="Get in touch with us anytime."
-      features={[
-        {
-          title: "Email Support",          description: "hello@suddstcg.com",          icon: Mail
-        },
-        {
-          title: "Live Chat",          description: "Available 9am-5pm.",          icon: MessageSquare
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Support Channels"
+            description="Get in touch with us anytime."
+            features={[
+              { title: "Email Support", description: "hello@suddstcg.com", icon: Mail, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-long-hair-wearing-colorful-dress-hiding-hera-face-clipboard_141793-28835.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-long-hair-wearing-colorful-dress-hiding-hera-face-clipboard_141793-28835.jpg" }] },
+              { title: "Live Chat", description: "Available 9am-5pm.", icon: MessageSquare, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-female-shopaholic-speaking-mobile-phone-her-friend-boasting-about-her-purchases-while-shopping-city-mall-standing-rack-full-colorful-trendy-pieces-clothing_273609-731.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-female-shopaholic-speaking-mobile-phone-her-friend-boasting-about-her-purchases-while-shopping-city-mall-standing-rack-full-colorful-trendy-pieces-clothing_273609-731.jpg" }] },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Shop",          items: [
-            { label: "eBay Store", href: "https://ebay.com/usr/suddstcg" },
-            { label: "Custom Apparel", href: "/apparel" },
-          ],
-        },
-        {
-          title: "Support",          items: [
-            { label: "Contact Us", href: "/contact" },
-            { label: "Trading FAQ", href: "/trade" },
-          ],
-        },
-      ]}
-      logoText="Sudds TCG"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Shop",                items: [
+                  { label: "eBay Store", href: "https://ebay.com/usr/suddstcg" },
+                  { label: "Custom Apparel", href: "/apparel" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "Contact Us", href: "/contact" },
+                  { label: "Trading FAQ", href: "/trade" },
+                ],
+              },
+            ]}
+            logoText="Sudds TCG"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/trade/page.tsx b/src/app/trade/page.tsx
index ee59d9d..e65a654 100644
--- a/src/app/trade/page.tsx
+++ b/src/app/trade/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FeatureCardTwentyFive from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import { CheckCircle, Package } from "lucide-react";
@@ -23,66 +23,62 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Cards", id: "/cards" },
-        { name: "Trade", id: "/trade" },
-        { name: "Apparel", id: "/apparel" },
-        { name: "About", id: "/about" },
-      ]}
-      brandName="Sudds TCG"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Cards", id: "/cards" },
+              { name: "Trade", id: "/trade" },
+              { name: "Apparel", id: "/apparel" },
+              { name: "About", id: "/about" },
+            ]}
+            brandName="Sudds TCG"
+          />
+        </div>
 
-  <div id="contact-trade" data-section="contact-trade">
-      <ContactCenter
-      tag="Contact"
-      useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
-      title="Submit Your Collection"
-      description="Ready to trade or sell? Tell us about your cards and let's make a deal."
-    />
-  </div>
+        <div id="contact-trade" data-section="contact-trade">
+          <ContactCenter
+            tag="Contact"
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            title="Submit Your Collection"
+            description="Ready to trade or sell? Tell us about your cards and let's make a deal."
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Trading Process"
-      description="How we handle your cards securely."
-      features={[
-        {
-          title: "Send In",          description: "Pack your cards carefully.",          icon: Package
-        },
-        {
-          title: "Evaluation",          description: "Our experts grade them.",          icon: CheckCircle
-        }
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Trading Process"
+            description="How we handle your cards securely."
+            features={[
+              { title: "Send In", description: "Pack your cards carefully.", icon: Package, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/mexican-traditional-cards-game_23-2150558596.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/mexican-traditional-cards-game_23-2150558596.jpg" }] },
+              { title: "Evaluation", description: "Our experts grade them.", icon: CheckCircle, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-young-man-holding-wireless-speaker-listening-music-orange_285396-9275.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-young-man-holding-wireless-speaker-listening-music-orange_285396-9275.jpg" }] }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Shop",          items: [
-            { label: "eBay Store", href: "https://ebay.com/usr/suddstcg" },
-            { label: "Custom Apparel", href: "/apparel" },
-          ],
-        },
-        {
-          title: "Support",          items: [
-            { label: "Contact Us", href: "/contact" },
-            { label: "Trading FAQ", href: "/trade" },
-          ],
-        },
-      ]}
-      logoText="Sudds TCG"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Shop",                items: [
+                  { label: "eBay Store", href: "https://ebay.com/usr/suddstcg" },
+                  { label: "Custom Apparel", href: "/apparel" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "Contact Us", href: "/contact" },
+                  { label: "Trading FAQ", href: "/trade" },
+                ],
+              },
+            ]}
+            logoText="Sudds TCG"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );