Update src/app/vendors/page.tsx

Merge version_2 into main

src/app/contact/page.tsx

@@ -3,11 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
-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 { Sparkles } from "lucide-react";
+import { useState } from "react";
 
 export default function ContactPage() {
   const navItems = [
@@ -16,86 +13,35 @@ 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 [email, setEmail] = useState("");
+  const [submitted, setSubmitted] = useState(false);
 
-  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 handleEmailSubmit = (submittedEmail: string) => {
+    setEmail(submittedEmail);
+    setSubmitted(true);
+    setTimeout(() => {
+      setSubmitted(false);
+      setEmail("");
+    }, 3000);
+  };
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Vendors", href: "/vendors" },
         { label: "Pricing", href: "/" },
         { label: "Bundle", href: "/vendors" },
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About", href: "/" },
         { label: "Contact", href: "/contact" },
         { label: "Instagram", href: "https://instagram.com/motivation_tomillions" },
       ],
     },
     {
-      title: "Support",
-      items: [
+      title: "Support",      items: [
         { label: "FAQ", href: "/" },
         { label: "Email Us", href: "/contact" },
         { label: "Privacy Policy", href: "/" },
@@ -125,38 +71,101 @@ export default function ContactPage() {
         />
       </div>
 
-      <div id="contact-main" data-section="contact-main">
+      <div id="contact-info" data-section="contact-info" className="py-20">
+        <div className="content-width mx-auto px-4 space-y-12">
+          <div className="space-y-4 text-center max-w-2xl mx-auto">
+            <h1 className="text-4xl md:text-5xl lg:text-6xl font-bold">Get in Touch</h1>
+            <p className="text-base md:text-lg opacity-75">
+              Have questions about our vendor services? Want to purchase vendor access or need more information? Reach out to us through any of the channels below.
+            </p>
+          </div>
+
+          <div className="grid md:grid-cols-3 gap-8 max-w-3xl mx-auto">
+            <div className="text-center space-y-3">
+              <h3 className="text-lg font-semibold">Direct Contact</h3>
+              <p className="opacity-75 text-sm">DM us on Instagram for immediate support and vendor inquiries</p>
+              <a
+                href="https://instagram.com/motivation_tomillions"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-block text-primary-cta font-medium hover:underline"
+              >
+                @motivation_tomillions
+              </a>
+            </div>
+            <div className="text-center space-y-3">
+              <h3 className="text-lg font-semibold">Business Hours</h3>
+              <p className="opacity-75 text-sm">Available 24/7 for vendor access and purchase support</p>
+              <p className="font-medium">Always Open</p>
+            </div>
+            <div className="text-center space-y-3">
+              <h3 className="text-lg font-semibold">Response Time</h3>
+              <p className="opacity-75 text-sm">Quick responses to all vendor and purchase inquiries</p>
+              <p className="font-medium">Within 1 Hour</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div id="contact-form" data-section="contact-form">
         <ContactCenter
-          tag="Get In Touch"
-          title="Ready to Expand Your Reselling Network?"
-          description="DM @motivation_tomillions on Instagram to purchase vendor access, ask questions, or get personalized recommendations for your reselling business."
+          tag="Newsletter"
+          title="Stay Updated on New Vendors"
+          description="Subscribe to receive updates about new vendors, exclusive deals, and platform improvements. We only send important updates."
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Subscribe"
+          onSubmit={handleEmailSubmit}
         />
       </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-details" data-section="contact-details" className="py-20">
+        <div className="content-width mx-auto px-4 max-w-2xl space-y-8">
+          <div className="space-y-4">
+            <h2 className="text-2xl md:text-3xl font-semibold">Why Contact Us?</h2>
+            <p className="opacity-75">
+              Whether you have questions about our vendor directory, need help with your purchase, want to become a vendor partner, or have feedback about our service, we're here to help.
+            </p>
+          </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 className="grid md:grid-cols-2 gap-6">
+            <div className="space-y-2">
+              <h3 className="font-semibold">Vendor Questions</h3>
+              <p className="opacity-75 text-sm">
+                Need details about specific vendors or product categories before purchasing?
+              </p>
+            </div>
+            <div className="space-y-2">
+              <h3 className="font-semibold">Purchase Support</h3>
+              <p className="opacity-75 text-sm">
+                Issues with your order or need help accessing vendor contacts after purchase?
+              </p>
+            </div>
+            <div className="space-y-2">
+              <h3 className="font-semibold">Vendor Partnerships</h3>
+              <p className="opacity-75 text-sm">
+                Interested in partnering with us or listing your vendor services?
+              </p>
+            </div>
+            <div className="space-y-2">
+              <h3 className="font-semibold">Feedback & Suggestions</h3>
+              <p className="opacity-75 text-sm">
+                Have ideas to improve VendorLinks or want to share your experience?
+              </p>
+            </div>
+          </div>
+
+          <div className="bg-card rounded-lg p-6 space-y-3 border border-accent/20">
+            <h3 className="font-semibold">Quick Start Guide</h3>
+            <ol className="space-y-2 text-sm opacity-75 list-decimal list-inside">
+              <li>Browse our vendor directory or get the complete bundle</li>
+              <li>Contact us via Instagram to confirm your purchase</li>
+              <li>Receive vendor WhatsApp numbers and direct links</li>
+              <li>Start connecting with suppliers immediately</li>
+            </ol>
+          </div>
+        </div>
       </div>
 
       <div id="footer" data-section="footer">
@@ -168,4 +177,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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",
-  subsets: ["latin"],
+  variable: "--font-public-sans",  subsets: ["latin"],
 });
 
 const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  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: {
-    title: "VendorLinks - Direct Vendor Access",
-    description: "Premium vendor contacts for resellers. Fashion, jewelry, electronics vendors. Lifetime access.",
-    siteName: "VendorLinks",
-    type: "website",
-  },
+  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: {
+    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",
-    title: "VendorLinks - Vendor Access for Resellers",
-  },
+    card: "summary_large_image",    title: "VendorLinks - Vendor Access for Resellers"},
   robots: {
     index: true,
     follow: true,
@@ -1419,4 +1408,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

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",
-      imageAlt: "vendor dashboard modern interface dark",
-    },
+      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"},
     {
-      imageSrc: "http://img.b2bpic.net/free-vector/thrift-shop-sale-instagram-stories-template_23-2149286652.jpg",
-      imageAlt: "fashion supplier collection catalog",
-    },
+      imageSrc: "http://img.b2bpic.net/free-vector/thrift-shop-sale-instagram-stories-template_23-2149286652.jpg",      imageAlt: "fashion supplier collection catalog"},
     {
-      imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409242.jpg",
-      imageAlt: "luxury jewelry moissanite collection",
-    },
+      imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409242.jpg",      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",
-      imageAlt: "business success growth chart",
-    },
+      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"},
     {
-      imageSrc: "http://img.b2bpic.net/free-vector/world-map-business-infographic_23-2148307428.jpg",
-      imageAlt: "global network connections worldwide",
-    },
+      imageSrc: "http://img.b2bpic.net/free-vector/world-map-business-infographic_23-2148307428.jpg?_wi=1",      imageAlt: "global network connections worldwide"},
   ];
 
   const aboutBullets = [
     {
-      title: "Direct Vendor Connections",
-      description: "Access WhatsApp and direct links to verified vendors without intermediaries",
-    },
+      title: "Direct Vendor Connections",      description: "Access WhatsApp and direct links to verified vendors without intermediaries"},
     {
-      title: "Multiple Product Categories",
-      description: "Fashion, jewelry, electronics, designer items, and more in one platform",
-    },
+      title: "Multiple Product Categories",      description: "Fashion, jewelry, electronics, designer items, and more in one platform"},
     {
-      title: "Verified Suppliers",
-      description: "Curated list of reliable vendors with proven track records",
-    },
+      title: "Verified Suppliers",      description: "Curated list of reliable vendors with proven track records"},
     {
-      title: "Affordable Access",
-      description: "Pay once, access lifetime vendor information and connections",
-    },
+      title: "Affordable Access",      description: "Pay once, access lifetime vendor information and connections"},
   ];
 
   const features = [
     {
-      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"],
-      imageSrc: "http://img.b2bpic.net/free-vector/translator-app-screens_23-2148621893.jpg?_wi=1",
-      imageAlt: "whatsapp contact direct messaging",
-    },
+      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"],
+      imageSrc: "http://img.b2bpic.net/free-vector/translator-app-screens_23-2148621893.jpg?_wi=1",      imageAlt: "whatsapp contact direct messaging"},
     {
-      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"],
-      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: "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"],
+      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",
-      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"],
-      imageSrc: "http://img.b2bpic.net/free-vector/pack-price-banners_23-2147605676.jpg",
-      imageAlt: "pricing plans comparison chart",
-    },
+      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"],
+      imageSrc: "http://img.b2bpic.net/free-vector/pack-price-banners_23-2147605676.jpg",      imageAlt: "pricing plans comparison chart"},
   ];
 
   const products = [
     {
-      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",
-    },
+      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"},
     {
-      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",
-    },
+      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"},
     {
-      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",
-    },
+      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"},
     {
-      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",
-    },
+      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"},
     {
-      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",
-    },
+      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"},
     {
-      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",
-    },
+      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"},
     {
-      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",
-    },
+      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"},
     {
-      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: "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"},
   ];
 
   const pricingPlans = [
     {
-      id: "individual",
-      price: "$15",
-      name: "Individual Vendor",
-      buttons: [{ text: "Select Vendor", href: "/vendors" }],
+      id: "individual",      price: "$15",      name: "Individual Vendor",      buttons: [{ text: "Select Vendor", href: "/vendors" }],
       features: [
-        "Direct vendor WhatsApp contact",
-        "Vendor product links",
-        "24/7 access",
-        "Email delivery of contacts",
-      ],
+        "Direct vendor WhatsApp contact",        "Vendor product links",        "24/7 access",        "Email delivery of contacts"],
     },
     {
-      id: "bundle",
-      badge: "Most Popular",
-      badgeIcon: Sparkles,
-      price: "$100",
-      name: "Complete Bundle",
-      buttons: [{ text: "Get Bundle", href: "/contact" }],
+      id: "bundle",      badge: "Most Popular",      badgeIcon: Sparkles,
+      price: "$100",      name: "Complete Bundle",      buttons: [{ text: "Get Bundle", href: "/contact" }],
       features: [
-        "All 10 vendor contacts",
-        "All product links included",
-        "Lifetime access",
-        "Priority email support",
-        "Future vendor updates",
-      ],
+        "All 10 vendor contacts",        "All product links included",        "Lifetime access",        "Priority email support",        "Future vendor updates"],
     },
   ];
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Vendors", href: "/vendors" },
         { label: "Pricing", href: "/" },
         { label: "Bundle", href: "/vendors" },
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About", href: "/" },
         { label: "Contact", href: "/contact" },
         { label: "Instagram", href: "https://instagram.com/motivation_tomillions" },
       ],
     },
     {
-      title: "Support",
-      items: [
+      title: "Support",      items: [
         { label: "FAQ", href: "/" },
         { label: "Email Us", href: "/contact" },
         { label: "Privacy Policy", href: "/" },
@@ -314,4 +219,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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

src/app/vendors/page.tsx

@@ -3,10 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 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 { Sparkles } from "lucide-react";
 
 export default function VendorsPage() {
@@ -16,136 +14,46 @@ export default function VendorsPage() {
     { name: "Contact", id: "/contact" },
   ];
 
-  const allProducts = [
+  const vendorProducts = [
     {
-      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=2",
-      imageAlt: "premium cologne fragrance bottle",
-    },
+      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"},
     {
-      id: "2",
-      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: "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"},
     {
-      id: "3",
-      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: "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"},
     {
-      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: "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"},
     {
-      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: "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"},
     {
-      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: "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"},
     {
-      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: "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"},
     {
-      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: "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/close-up-hands-rich-african-man-with-watch-cufflinks_627829-3352.jpg",
-      imageAlt: "essentials brand hoodie fear",
-    },
+      id: "9",      name: "Gucci Bag Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-handbag-desk-elegant-fashion-accesories_1203-8206.jpg?_wi=1",      imageAlt: "designer luxury handbag gucci"},
     {
-      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 = [
-    {
-      id: "individual",
-      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",
-      badge: "Best Value",
-      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",
-      ],
-    },
+      id: "10",      name: "Nike SB Dunk Vendor",      price: "$15",      imageSrc: "http://img.b2bpic.net/free-photo/sneaker-shoes-advertising_23-2149387140.jpg?_wi=1",      imageAlt: "nike sb dunk sneaker shoes"},
   ];
 
   const footerColumns = [
     {
-      title: "Product",
-      items: [
+      title: "Product",      items: [
         { label: "Vendors", href: "/vendors" },
         { label: "Pricing", href: "/" },
         { label: "Bundle", href: "/vendors" },
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About", href: "/" },
         { label: "Contact", href: "/contact" },
         { label: "Instagram", href: "https://instagram.com/motivation_tomillions" },
       ],
     },
     {
-      title: "Support",
-      items: [
+      title: "Support",      items: [
         { label: "FAQ", href: "/" },
         { label: "Email Us", href: "/contact" },
         { label: "Privacy Policy", href: "/" },
@@ -177,35 +85,23 @@ export default function VendorsPage() {
 
       <div id="vendors" data-section="vendors">
         <ProductCardOne
-          products={allProducts}
-          title="All Vendor Links"
-          description="Explore our complete collection of premium vendor contacts. Each vendor link provides direct WhatsApp access and product information for seamless sourcing."
-          tag="Premium Vendors"
-          gridVariant="three-columns-all-equal-width"
+          products={vendorProducts}
+          title="All Available Vendors"
+          description="Browse our complete collection of premium vendor contacts across fashion, jewelry, electronics, and lifestyle product categories. Click on any vendor to learn more and purchase access."
+          tag="Complete Vendor Directory"
+          gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="pricing-comparison" data-section="pricing-comparison">
-        <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">
+      <div id="cta" data-section="cta">
         <ContactCenter
-          tag="Ready to Order?"
-          title="Start Building Your Vendor Network Today"
-          description="Contact us via Instagram @motivation_tomillions to purchase vendor links, discuss bulk orders, or get recommendations for your specific product categories."
-          background={{ variant: "gradient-bars" }}
+          tag="Get Started"
+          title="Purchase Vendor Access Today"
+          description="Choose individual vendors for $15 each or get the complete bundle of all 10 vendors for $100. Get instant access to WhatsApp contacts and direct product links."
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
         />
       </div>
@@ -219,4 +115,4 @@ export default function VendorsPage() {
       </div>
     </ThemeProvider>
   );
-}
+}