bender/cb6372d0-4a8b-4590-8c19-b7e97c413e47
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/vendors/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-06 20:54:22 +00:00
parent 3de7514bcb
commit fa1cea84de
1 changed files with 56 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

190
src/app/vendors/page.tsx vendored
View File

@@ -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 { Sparkles } from "lucide-react";
import { MessageCircle, ExternalLink, Share2 } 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",
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",
},
imageSrc: "http://img.b2bpic.net/free-photo/businessman-presenting-invisible-hologram-projecting-from-tablet-advanced-technology_53876-111206.jpg", imageAlt: "vendor dashboard modern interface"},
{
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",
},
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"},
{
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: "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",
},
imageSrc: "http://img.b2bpic.net/free-vector/world-map-business-infographic_23-2148307428.jpg", imageAlt: "global vendor network map"},
];
const pricingPlans = [
const allVendors = [
{
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: "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: "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: "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: "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: "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: "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",
items: [
title: "Product", items: [
{ label: "Home", href: "/" },
{ 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: "/" },
@@ -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}
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"
products={allVendors}
title="All 11 Premium Vendors"
description="Direct contact information, product links, and referral messages for each vendor. Access WhatsApp numbers and connect instantly."
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">
<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="contact" data-section="contact">
<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="Ready to Connect?"
title="Get Instant Vendor Access"
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: "sparkles-gradient" }}
useInvertedBackground={false}
/>
</div>
@@ -219,4 +141,4 @@ export default function VendorsPage() {
</div>
</ThemeProvider>
);
}
}