Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 79e5d46262 | |||
| fc7ac8060c | |||
| fa1cea84de | |||
| 3de7514bcb | |||
| f9bc9a912d | |||
| 5ce1e65832 | |||
| dc8c9a10e1 | |||
| 55b9611cec |
@@ -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 PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import Link from "next/link";
|
||||
import { Sparkles } from "lucide-react";
|
||||
import { Mail } 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",
|
||||
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,40 +59,21 @@ export default function ContactPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-main" data-section="contact-main">
|
||||
<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."
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get in Touch"
|
||||
tagIcon={Mail}
|
||||
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"
|
||||
@@ -168,4 +83,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
159
src/app/page.tsx
159
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
190
src/app/vendors/page.tsx
vendored
190
src/app/vendors/page.tsx
vendored
@@ -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?_wi=2", 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?_wi=2", 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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user