Update src/app/vendors/page.tsx

Merge version_1 into main

src/app/contact/page.tsx

@@ -2,12 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
-import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
-import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import Link from "next/link";
+import { Mail } from "lucide-react";
-import { Sparkles } from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
@@ -16,86 +13,23 @@ export default function ContactPage() {
     { name: "Contact", id: "/contact" },
   ];
 
-  const contactFeatures = [
-    {
-      id: "1",
-      title: "Direct Instagram Contact",
-      author: "VendorLinks Support",
-      description: "Send us a DM on Instagram @motivation_tomillions to discuss your vendor needs, ask questions, or place bulk orders for your reselling business.",
-      tags: ["Fast Response", "Direct Contact"],
-      imageSrc: "http://img.b2bpic.net/free-photo/diverse-amazed-colleagues-excited-by-online-win-result-achievement_1163-4618.jpg?_wi=2",
-      imageAlt: "customer support success",
-    },
-    {
-      id: "2",
-      title: "Email Delivery of Vendor Links",
-      author: "VendorLinks Team",
-      description: "After purchase, receive your vendor contacts, WhatsApp numbers, and direct product links via email within 24 hours. All information is organized by product category.",
-      tags: ["Email Delivery", "24/7 Access"],
-      imageSrc: "http://img.b2bpic.net/free-vector/translator-app-screens_23-2148621893.jpg?_wi=2",
-      imageAlt: "instant messaging delivery",
-    },
-    {
-      id: "3",
-      title: "Personalized Vendor Recommendations",
-      author: "VendorLinks Team",
-      description: "Let us know your product focus area - whether it's fashion, jewelry, electronics, or lifestyle items - and we'll recommend the best vendor contacts for your business.",
-      tags: ["Customized", "Business Focused"],
-      imageSrc: "http://img.b2bpic.net/free-photo/young-woman-chooses-towel-home-goods-store_169016-19593.jpg?_wi=2",
-      imageAlt: "personalized recommendations",
-    },
-  ];
-
-  const pricingPlans = [
-    {
-      id: "individual",
-      price: "$15",
-      name: "Individual Vendor",
-      buttons: [{ text: "Purchase Now", href: "/vendors" }],
-      features: [
-        "Direct vendor WhatsApp contact",
-        "Vendor product links",
-        "24/7 access",
-        "Email delivery of contacts",
-      ],
-    },
-    {
-      id: "bundle",
-      badge: "Recommended",
-      badgeIcon: Sparkles,
-      price: "$100",
-      name: "Complete Bundle",
-      buttons: [{ text: "Get All Vendors", href: "/contact" }],
-      features: [
-        "All 10 vendor contacts",
-        "All product links included",
-        "Lifetime access",
-        "Priority email support",
-        "Future vendor updates",
-      ],
-    },
-  ];
-
   const footerColumns = [
     {
-      title: "Product",
+      title: "Product",      items: [
-      items: [
         { label: "Vendors", href: "/vendors" },
         { label: "Pricing", href: "/" },
         { label: "Bundle", href: "/vendors" },
       ],
     },
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
         { label: "About", href: "/" },
         { label: "Contact", href: "/contact" },
         { label: "Instagram", href: "https://instagram.com/motivation_tomillions" },
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
         { label: "FAQ", href: "/" },
         { label: "Email Us", href: "/contact" },
         { label: "Privacy Policy", href: "/" },
@@ -125,40 +59,21 @@ export default function ContactPage() {
         />
       </div>
 
-      <div id="contact-main" data-section="contact-main">
+      <div id="contact" data-section="contact">
-        <ContactCenter
+        <ContactCTA
-          tag="Get In Touch"
+          tag="Get in Touch"
-          title="Ready to Expand Your Reselling Network?"
+          tagIcon={Mail}
-          description="DM @motivation_tomillions on Instagram to purchase vendor access, ask questions, or get personalized recommendations for your reselling business."
+          title="Connect with @motivation_tomillions"
+          description="Ready to get premium vendor access? Reach out directly on Instagram to purchase vendor contacts, ask questions, or get personalized recommendations for your reselling business. We're here to help you succeed."
+          buttons={[
+            { text: "DM on Instagram", href: "https://instagram.com/motivation_tomillions" },
+            { text: "Back to Home", href: "/" },
+          ]}
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="contact-support" data-section="contact-support">
-        <FeatureCardTwentyFour
-          features={contactFeatures}
-          animationType="slide-up"
-          title="How We Support You"
-          description="Multiple ways to reach us and get the vendor information you need to grow your reselling business"
-          tag="Support"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="contact-pricing" data-section="contact-pricing">
-        <PricingCardThree
-          plans={pricingPlans}
-          animationType="slide-up"
-          title="Choose Your Plan"
-          description="Start with individual vendors or invest in our complete bundle for maximum value and lifetime access to all our vendor contacts"
-          tag="Pricing"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterBaseCard
           logoText="VendorLinks"

src/app/layout.tsx

@@ -6,29 +6,18 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
 const publicSans = Public_Sans({
-  variable: "--font-public-sans",
+  variable: "--font-public-sans",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 const inter = Inter({
-  variable: "--font-inter",
+  variable: "--font-inter",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "VendorLinks - Premium Vendor Access for Resellers",
+  title: "VendorLinks - Premium Vendor Access for Resellers",  description: "Connect directly with top vendors across fashion, jewelry, and electronics. Access vendor WhatsApp contacts and direct product links. Individual vendors from $15 or complete bundle for $100.",  keywords: "vendor links, reseller, supplier contacts, fashion vendor, jewelry vendor, wholesale",  openGraph: {
-  description: "Connect directly with top vendors across fashion, jewelry, and electronics. Access vendor WhatsApp contacts and direct product links. Individual vendors from $15 or complete bundle for $100.",
+    title: "VendorLinks - Direct Vendor Access",    description: "Premium vendor contacts for resellers. Fashion, jewelry, electronics vendors. Lifetime access.",    siteName: "VendorLinks",    type: "website"},
-  keywords: "vendor links, reseller, supplier contacts, fashion vendor, jewelry vendor, wholesale",
-  openGraph: {
-    title: "VendorLinks - Direct Vendor Access",
-    description: "Premium vendor contacts for resellers. Fashion, jewelry, electronics vendors. Lifetime access.",
-    siteName: "VendorLinks",
-    type: "website",
-  },
   twitter: {
-    card: "summary_large_image",
+    card: "summary_large_image",    title: "VendorLinks - Vendor Access for Resellers"},
-    title: "VendorLinks - Vendor Access for Resellers",
-  },
   robots: {
     index: true,
     follow: true,

src/app/page.tsx

@@ -21,185 +21,90 @@ export default function HomePage() {
 
   const heroMediaItems = [
     {
-      imageSrc: "http://img.b2bpic.net/free-photo/businessman-presenting-invisible-hologram-projecting-from-tablet-advanced-technology_53876-111206.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/businessman-presenting-invisible-hologram-projecting-from-tablet-advanced-technology_53876-111206.jpg?_wi=1",      imageAlt: "vendor dashboard modern interface dark"},
-      imageAlt: "vendor dashboard modern interface dark",
-    },
     {
-      imageSrc: "http://img.b2bpic.net/free-vector/thrift-shop-sale-instagram-stories-template_23-2149286652.jpg",
+      imageSrc: "http://img.b2bpic.net/free-vector/thrift-shop-sale-instagram-stories-template_23-2149286652.jpg",      imageAlt: "fashion supplier collection catalog"},
-      imageAlt: "fashion supplier collection catalog",
-    },
     {
-      imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409242.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409242.jpg",      imageAlt: "luxury jewelry moissanite collection"},
-      imageAlt: "luxury jewelry moissanite collection",
-    },
     {
-      imageSrc: "http://img.b2bpic.net/free-photo/diverse-amazed-colleagues-excited-by-online-win-result-achievement_1163-4618.jpg?_wi=1",
+      imageSrc: "http://img.b2bpic.net/free-photo/diverse-amazed-colleagues-excited-by-online-win-result-achievement_1163-4618.jpg?_wi=1",      imageAlt: "business success growth chart"},
-      imageAlt: "business success growth chart",
-    },
     {
-      imageSrc: "http://img.b2bpic.net/free-vector/world-map-business-infographic_23-2148307428.jpg",
+      imageSrc: "http://img.b2bpic.net/free-vector/world-map-business-infographic_23-2148307428.jpg?_wi=1",      imageAlt: "global network connections worldwide"},
-      imageAlt: "global network connections worldwide",
-    },
   ];
 
   const aboutBullets = [
     {
-      title: "Direct Vendor Connections",
+      title: "Direct Vendor Connections",      description: "Access WhatsApp and direct links to verified vendors without intermediaries"},
-      description: "Access WhatsApp and direct links to verified vendors without intermediaries",
-    },
     {
-      title: "Multiple Product Categories",
+      title: "Multiple Product Categories",      description: "Fashion, jewelry, electronics, designer items, and more in one platform"},
-      description: "Fashion, jewelry, electronics, designer items, and more in one platform",
-    },
     {
-      title: "Verified Suppliers",
+      title: "Verified Suppliers",      description: "Curated list of reliable vendors with proven track records"},
-      description: "Curated list of reliable vendors with proven track records",
-    },
     {
-      title: "Affordable Access",
+      title: "Affordable Access",      description: "Pay once, access lifetime vendor information and connections"},
-      description: "Pay once, access lifetime vendor information and connections",
-    },
   ];
 
   const features = [
     {
-      id: "1",
+      id: "1",      title: "Instant Vendor Directory",      author: "VendorLinks Team",      description: "Get immediate access to WhatsApp numbers and direct links for each vendor upon purchase",      tags: ["Direct Contact", "Verified"],
-      title: "Instant Vendor Directory",
+      imageSrc: "http://img.b2bpic.net/free-vector/translator-app-screens_23-2148621893.jpg?_wi=1",      imageAlt: "whatsapp contact direct messaging"},
-      author: "VendorLinks Team",
-      description: "Get immediate access to WhatsApp numbers and direct links for each vendor upon purchase",
-      tags: ["Direct Contact", "Verified"],
-      imageSrc: "http://img.b2bpic.net/free-vector/translator-app-screens_23-2148621893.jpg?_wi=1",
-      imageAlt: "whatsapp contact direct messaging",
-    },
     {
-      id: "2",
+      id: "2",      title: "Multiple Product Categories",      author: "VendorLinks Team",      description: "From designer hoodies and jewelry to luxury watches and electronics - everything in one place",      tags: ["Fashion", "Luxury", "Electronics"],
-      title: "Multiple Product Categories",
+      imageSrc: "http://img.b2bpic.net/free-photo/young-woman-chooses-towel-home-goods-store_169016-19593.jpg?_wi=1",      imageAlt: "product categories shopping classification"},
-      author: "VendorLinks Team",
-      description: "From designer hoodies and jewelry to luxury watches and electronics - everything in one place",
-      tags: ["Fashion", "Luxury", "Electronics"],
-      imageSrc: "http://img.b2bpic.net/free-photo/young-woman-chooses-towel-home-goods-store_169016-19593.jpg?_wi=1",
-      imageAlt: "product categories shopping classification",
-    },
     {
-      id: "3",
+      id: "3",      title: "Flexible Purchase Options",      author: "VendorLinks Team",      description: "Buy individual vendor contacts for $15 or the complete bundle for $100 - choose what works for you",      tags: ["Pricing", "Bundle Options"],
-      title: "Flexible Purchase Options",
+      imageSrc: "http://img.b2bpic.net/free-vector/pack-price-banners_23-2147605676.jpg",      imageAlt: "pricing plans comparison chart"},
-      author: "VendorLinks Team",
-      description: "Buy individual vendor contacts for $15 or the complete bundle for $100 - choose what works for you",
-      tags: ["Pricing", "Bundle Options"],
-      imageSrc: "http://img.b2bpic.net/free-vector/pack-price-banners_23-2147605676.jpg",
-      imageAlt: "pricing plans comparison chart",
-    },
   ];
 
   const products = [
     {
-      id: "1",
+      id: "1",      name: "Cologne Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-fragnance-dark-surface-gift-perfume-love-color-couple-woman-ring-marriage_140725-108988.jpg?_wi=1",      imageAlt: "premium cologne fragrance bottle"},
-      name: "Cologne Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-fragnance-dark-surface-gift-perfume-love-color-couple-woman-ring-marriage_140725-108988.jpg?_wi=1",
-      imageAlt: "premium cologne fragrance bottle",
-    },
     {
-      id: "2",
+      id: "2",      name: "Moissanite Watch Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-checking-time_23-2148012930.jpg?_wi=1",      imageAlt: "moissanite diamond watch luxury"},
-      name: "Moissanite Watch Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-checking-time_23-2148012930.jpg?_wi=1",
-      imageAlt: "moissanite diamond watch luxury",
-    },
     {
-      id: "3",
+      id: "3",      name: "AirPod Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309693.jpg?_wi=1",      imageAlt: "apple airpod wireless earbuds"},
-      name: "AirPod Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309693.jpg?_wi=1",
-      imageAlt: "apple airpod wireless earbuds",
-    },
     {
-      id: "4",
+      id: "4",      name: "Rolex Watch Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-checking-time_23-2148012918.jpg?_wi=1",      imageAlt: "rolex luxury watch timepiece"},
-      name: "Rolex Watch Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-checking-time_23-2148012918.jpg?_wi=1",
-      imageAlt: "rolex luxury watch timepiece",
-    },
     {
-      id: "5",
+      id: "5",      name: "Spider Hoodie Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg?_wi=1",      imageAlt: "designer spider hoodie streetwear"},
-      name: "Spider Hoodie Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg?_wi=1",
-      imageAlt: "designer spider hoodie streetwear",
-    },
     {
-      id: "6",
+      id: "6",      name: "Cartier Ring Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/engagement-wedding-rings-with-precious-stones_8353-10191.jpg?_wi=1",      imageAlt: "cartier luxury ring jewelry"},
-      name: "Cartier Ring Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/engagement-wedding-rings-with-precious-stones_8353-10191.jpg?_wi=1",
-      imageAlt: "cartier luxury ring jewelry",
-    },
     {
-      id: "7",
+      id: "7",      name: "Jordan 1 Shoes Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005663.jpg?_wi=1",      imageAlt: "jordan 1 basketball shoes mocha"},
-      name: "Jordan 1 Shoes Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005663.jpg?_wi=1",
-      imageAlt: "jordan 1 basketball shoes mocha",
-    },
     {
-      id: "8",
+      id: "8",      name: "Lululemon Jacket Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing-sportswear-towel_23-2148429331.jpg?_wi=1",      imageAlt: "lululemon yoga jacket athletic"},
-      name: "Lululemon Jacket Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing-sportswear-towel_23-2148429331.jpg?_wi=1",
-      imageAlt: "lululemon yoga jacket athletic",
-    },
   ];
 
   const pricingPlans = [
     {
-      id: "individual",
+      id: "individual",      price: "$15",      name: "Individual Vendor",      buttons: [{ text: "Select Vendor", href: "/vendors" }],
-      price: "$15",
-      name: "Individual Vendor",
-      buttons: [{ text: "Select Vendor", href: "/vendors" }],
       features: [
-        "Direct vendor WhatsApp contact",
+        "Direct vendor WhatsApp contact",        "Vendor product links",        "24/7 access",        "Email delivery of contacts"],
-        "Vendor product links",
-        "24/7 access",
-        "Email delivery of contacts",
-      ],
     },
     {
-      id: "bundle",
+      id: "bundle",      badge: "Most Popular",      badgeIcon: Sparkles,
-      badge: "Most Popular",
+      price: "$100",      name: "Complete Bundle",      buttons: [{ text: "Get Bundle", href: "/contact" }],
-      badgeIcon: Sparkles,
-      price: "$100",
-      name: "Complete Bundle",
-      buttons: [{ text: "Get Bundle", href: "/contact" }],
       features: [
-        "All 10 vendor contacts",
+        "All 10 vendor contacts",        "All product links included",        "Lifetime access",        "Priority email support",        "Future vendor updates"],
-        "All product links included",
-        "Lifetime access",
-        "Priority email support",
-        "Future vendor updates",
-      ],
     },
   ];
 
   const footerColumns = [
     {
-      title: "Product",
+      title: "Product",      items: [
-      items: [
         { label: "Vendors", href: "/vendors" },
         { label: "Pricing", href: "/" },
         { label: "Bundle", href: "/vendors" },
       ],
     },
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
         { label: "About", href: "/" },
         { label: "Contact", href: "/contact" },
         { label: "Instagram", href: "https://instagram.com/motivation_tomillions" },
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
         { label: "FAQ", href: "/" },
         { label: "Email Us", href: "/contact" },
         { label: "Privacy Policy", href: "/" },

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #060000;
+  --background: #0a0a0a;
-  --card: #1d0d0d;
+  --card: #1a1a1a;
-  --foreground: #ffe6e6;
+  --foreground: #ffffffe6;
-  --primary-cta: #ff3d4a;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #1f0a0a;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffe6e6;
-  --accent: #7b2d2d;
+  --accent: #737373;
-  --background-accent: #b8111f;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/vendors/page.tsx

@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
-import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import Link from "next/link";
+import { MessageCircle, ExternalLink, Share2 } from "lucide-react";
-import { Sparkles } from "lucide-react";
 
 export default function VendorsPage() {
   const navItems = [
@@ -16,136 +15,57 @@ export default function VendorsPage() {
     { name: "Contact", id: "/contact" },
   ];
 
-  const allProducts = [
+  const heroMediaItems = [
     {
-      id: "1",
+      imageSrc: "http://img.b2bpic.net/free-photo/businessman-presenting-invisible-hologram-projecting-from-tablet-advanced-technology_53876-111206.jpg?_wi=2",      imageAlt: "vendor dashboard modern interface"},
-      name: "Cologne Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-fragnance-dark-surface-gift-perfume-love-color-couple-woman-ring-marriage_140725-108988.jpg?_wi=2",
-      imageAlt: "premium cologne fragrance bottle",
-    },
     {
-      id: "2",
+      imageSrc: "http://img.b2bpic.net/free-photo/diverse-amazed-colleagues-excited-by-online-win-result-achievement_1163-4618.jpg?_wi=1",      imageAlt: "vendor success team achievement"},
-      name: "Moissanite Watch Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-checking-time_23-2148012930.jpg?_wi=2",
-      imageAlt: "moissanite diamond watch luxury",
-    },
     {
-      id: "3",
+      imageSrc: "http://img.b2bpic.net/free-vector/world-map-business-infographic_23-2148307428.jpg?_wi=2",      imageAlt: "global vendor network map"},
-      name: "AirPod Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309693.jpg?_wi=2",
-      imageAlt: "apple airpod wireless earbuds",
-    },
-    {
-      id: "4",
-      name: "Rolex Watch Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-checking-time_23-2148012918.jpg?_wi=2",
-      imageAlt: "rolex luxury watch timepiece",
-    },
-    {
-      id: "5",
-      name: "Spider Hoodie Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg?_wi=2",
-      imageAlt: "designer spider hoodie streetwear",
-    },
-    {
-      id: "6",
-      name: "Cartier Ring Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/engagement-wedding-rings-with-precious-stones_8353-10191.jpg?_wi=2",
-      imageAlt: "cartier luxury ring jewelry",
-    },
-    {
-      id: "7",
-      name: "Jordan 1 Shoes Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005663.jpg?_wi=2",
-      imageAlt: "jordan 1 basketball shoes mocha",
-    },
-    {
-      id: "8",
-      name: "Lululemon Jacket Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing-sportswear-towel_23-2148429331.jpg?_wi=2",
-      imageAlt: "lululemon yoga jacket athletic",
-    },
-    {
-      id: "9",
-      name: "Essentials Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-rich-african-man-with-watch-cufflinks_627829-3352.jpg",
-      imageAlt: "essentials brand hoodie fear",
-    },
-    {
-      id: "10",
-      name: "Moissanite Earring Vendor",
-      price: "$15",
-      imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-brunette-caucasian-young-woman-model-with-healthy-hair-green-accessory-jewelry_158538-13444.jpg",
-      imageAlt: "moissanite stud earring luxury",
-    },
-    {
-      id: "11",
-      name: "Complete Bundle",
-      price: "$100",
-      imageSrc: "http://img.b2bpic.net/free-vector/flat-autumn-celebration-elements-collection_23-2149520842.jpg",
-      imageAlt: "bundle package deal offer",
-    },
   ];
 
-  const pricingPlans = [
+  const allVendors = [
     {
-      id: "individual",
+      id: "1",      name: "Cologne Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/top-view-valentines-day-present-fragnance-dark-surface-gift-perfume-love-color-couple-woman-ring-marriage_140725-108988.jpg?_wi=1",      imageAlt: "premium cologne fragrance bottle"},
-      price: "$15",
-      name: "Individual Vendor",
-      buttons: [{ text: "Purchase Vendor", href: "/contact" }],
-      features: [
-        "Direct vendor WhatsApp contact",
-        "Vendor product links",
-        "24/7 access",
-        "Email delivery of contacts",
-      ],
-    },
     {
-      id: "bundle",
+      id: "2",      name: "Moissanite Watch Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-checking-time_23-2148012930.jpg?_wi=1",      imageAlt: "moissanite diamond watch luxury"},
-      badge: "Best Value",
+    {
-      badgeIcon: Sparkles,
+      id: "3",      name: "AirPod Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309693.jpg?_wi=1",      imageAlt: "apple airpod wireless earbuds"},
-      price: "$100",
+    {
-      name: "Complete Bundle",
+      id: "4",      name: "Rolex Watch Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-checking-time_23-2148012918.jpg?_wi=1",      imageAlt: "rolex luxury watch timepiece"},
-      buttons: [{ text: "Get All Vendors", href: "/contact" }],
+    {
-      features: [
+      id: "5",      name: "Spider Hoodie Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg?_wi=1",      imageAlt: "designer spider hoodie streetwear"},
-        "All 10 vendor contacts",
+    {
-        "All product links included",
+      id: "6",      name: "Cartier Ring Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/engagement-wedding-rings-with-precious-stones_8353-10191.jpg?_wi=1",      imageAlt: "cartier luxury ring jewelry"},
-        "Lifetime access",
+    {
-        "Priority email support",
+      id: "7",      name: "Jordan 1 Shoes Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005663.jpg?_wi=1",      imageAlt: "jordan 1 basketball shoes mocha"},
-        "Future vendor updates",
+    {
-      ],
+      id: "8",      name: "Lululemon Jacket Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing-sportswear-towel_23-2148429331.jpg?_wi=1",      imageAlt: "lululemon yoga jacket athletic"},
-    },
+    {
+      id: "9",      name: "Essentials Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/essentials-clothes-flat-lay_23-2149399999.jpg?_wi=1",      imageAlt: "essentials clothing collection"},
+    {
+      id: "10",      name: "Moissanite Earrings Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/diamond-earrings-luxury-jewelry_8353-10192.jpg?_wi=1",      imageAlt: "moissanite diamond earrings jewelry"},
+    {
+      id: "11",      name: "Premium Accessories Bundle",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/luxury-accessories-collection_23-2149400000.jpg?_wi=1",      imageAlt: "luxury accessories collection bundle"},
   ];
 
   const footerColumns = [
     {
-      title: "Product",
+      title: "Product",      items: [
-      items: [
+        { label: "Home", href: "/" },
         { label: "Vendors", href: "/vendors" },
         { label: "Pricing", href: "/" },
-        { label: "Bundle", href: "/vendors" },
       ],
     },
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
         { label: "About", href: "/" },
         { label: "Contact", href: "/contact" },
         { label: "Instagram", href: "https://instagram.com/motivation_tomillions" },
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
         { label: "FAQ", href: "/" },
         { label: "Email Us", href: "/contact" },
         { label: "Privacy Policy", href: "/" },
@@ -175,12 +95,26 @@ export default function VendorsPage() {
         />
       </div>
 
-      <div id="vendors" data-section="vendors">
+      <div id="hero" data-section="hero">
+        <HeroBillboardCarousel
+          title="Complete Vendor Directory"
+          description="Browse our complete collection of 11 premium vendors. Each listing includes WhatsApp contact information, direct product links, and referral messages for easy communication with suppliers."
+          tag="All Vendors"
+          background={{ variant: "rotated-rays-animated" }}
+          buttons={[
+            { text: "Get Bundle", href: "/contact" },
+            { text: "Back to Home", href: "/" },
+          ]}
+          mediaItems={heroMediaItems}
+        />
+      </div>
+
+      <div id="vendors-section" data-section="vendors-section">
         <ProductCardOne
-          products={allProducts}
+          products={allVendors}
-          title="All Vendor Links"
+          title="All 11 Premium Vendors"
-          description="Explore our complete collection of premium vendor contacts. Each vendor link provides direct WhatsApp access and product information for seamless sourcing."
+          description="Direct contact information, product links, and referral messages for each vendor. Access WhatsApp numbers and connect instantly."
-          tag="Premium Vendors"
+          tag="Complete Directory"
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
@@ -188,24 +122,12 @@ export default function VendorsPage() {
         />
       </div>
 
-      <div id="pricing-comparison" data-section="pricing-comparison">
+      <div id="contact" data-section="contact">
-        <PricingCardThree
-          plans={pricingPlans}
-          animationType="slide-up"
-          title="Purchase Options"
-          description="Select individual vendor links or invest in the complete bundle for maximum savings and access to our entire vendor network"
-          tag="Pricing"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="vendors-contact" data-section="vendors-contact">
         <ContactCenter
-          tag="Ready to Order?"
+          tag="Ready to Connect?"
-          title="Start Building Your Vendor Network Today"
+          title="Get Instant Vendor Access"
-          description="Contact us via Instagram @motivation_tomillions to purchase vendor links, discuss bulk orders, or get recommendations for your specific product categories."
+          description="Purchase your vendor package today on Instagram @motivation_tomillions. Individual vendors for $15 each or complete bundle for $100. All contacts delivered instantly via email."
-          background={{ variant: "gradient-bars" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
         />
       </div>