Update src/app/vendors/page.tsx

This commit is contained in:
2026-03-06 20:57:09 +00:00
parent 0cac46d73a
commit 21714fcd85

View File

@@ -2,11 +2,10 @@
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 ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { MessageCircle, ExternalLink, Share2 } from "lucide-react";
import { Sparkles } from "lucide-react";
export default function VendorsPage() {
const navItems = [
@@ -15,16 +14,7 @@ export default function VendorsPage() {
{ name: "Contact", id: "/contact" },
];
const heroMediaItems = [
{
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"},
{
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"},
{
imageSrc: "http://img.b2bpic.net/free-vector/world-map-business-infographic_23-2148307428.jpg?_wi=2", imageAlt: "global vendor network map"},
];
const allVendors = [
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=1", imageAlt: "premium cologne fragrance bottle"},
{
@@ -42,19 +32,17 @@ export default function VendorsPage() {
{
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: "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 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"},
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: [
{ label: "Home", href: "/" },
{ label: "Vendors", href: "/vendors" },
{ label: "Pricing", href: "/" },
{ label: "Bundle", href: "/vendors" },
],
},
{
@@ -95,38 +83,24 @@ export default function VendorsPage() {
/>
</div>
<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">
<div id="vendors" data-section="vendors">
<ProductCardOne
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"
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="contact" data-section="contact">
<div id="cta" data-section="cta">
<ContactCenter
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."
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}
/>