Merge version_1 into main #3
@@ -11,25 +11,23 @@ import { CheckCircle, Star } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Vendors", id: "vendors" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Vendors", href: "/vendors" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Vendors", href: "#vendors" },
|
||||
{ label: "Products", href: "#products" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "API", href: "/api" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
{ label: "Press", href: "/press" },
|
||||
@@ -38,7 +36,7 @@ export default function AboutPage() {
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "/help" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
],
|
||||
@@ -52,7 +50,7 @@ export default function AboutPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -61,7 +59,7 @@ export default function AboutPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{ text: "Join Platform", href: "/contact" }}
|
||||
button={{ text: "Join Platform", href: "contact" }}
|
||||
brandName="VendorZ"
|
||||
/>
|
||||
</div>
|
||||
@@ -70,6 +68,7 @@ export default function AboutPage() {
|
||||
<MetricSplitMediaAbout
|
||||
tag="Our Story"
|
||||
tagIcon={CheckCircle}
|
||||
tagAnimation="slide-up"
|
||||
title="Building the Future of B2B Commerce"
|
||||
description="Founded in 2020, VendorZ emerged from a simple observation: businesses were spending weeks finding reliable vendors when they should be focused on growth. We created a platform that connects buyers with premium vendors instantly, cutting procurement time from months to days and building trust through verification and transparency."
|
||||
metrics={[
|
||||
@@ -79,6 +78,7 @@ export default function AboutPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/work-team-office-engaged-infographics-analysis-problem-solving_482257-123647.jpg"
|
||||
imageAlt="VendorZ team collaboration"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,17 +96,29 @@ export default function AboutPage() {
|
||||
speed={40}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen", handle: "CEO, TechFlow Industries", testimonial: "VendorZ transformed our sourcing process. We found premium suppliers in days instead of months. The platform is intuitive and the vendor quality is exceptional.", imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageAlt: "portrait professional woman business"},
|
||||
id: "1", name: "Sarah Chen", handle: "CEO, TechFlow Industries", testimonial:
|
||||
"VendorZ transformed our sourcing process. We found premium suppliers in days instead of months. The platform is intuitive and the vendor quality is exceptional.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageAlt: "portrait professional woman business"},
|
||||
{
|
||||
id: "2", name: "Michael Rodriguez", handle: "Procurement Manager, GlobalTrade Co", testimonial: "The competitive pricing and vendor verification gave us confidence in our purchases. Our procurement costs dropped by 30% within the first quarter.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg", imageAlt: "portrait professional man business"},
|
||||
id: "2", name: "Michael Rodriguez", handle: "Procurement Manager, GlobalTrade Co", testimonial:
|
||||
"The competitive pricing and vendor verification gave us confidence in our purchases. Our procurement costs dropped by 30% within the first quarter.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg", imageAlt: "portrait professional man business"},
|
||||
{
|
||||
id: "3", name: "Elena Petrov", handle: "Operations Director, Premium Goods Ltd", testimonial: "VendorZ's seamless API integration saved our team hundreds of hours. Order management is now completely automated and error-free.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg", imageAlt: "portrait professional woman confident"},
|
||||
id: "3", name: "Elena Petrov", handle: "Operations Director, Premium Goods Ltd", testimonial:
|
||||
"VendorZ's seamless API integration saved our team hundreds of hours. Order management is now completely automated and error-free.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg", imageAlt: "portrait professional woman confident"},
|
||||
{
|
||||
id: "4", name: "James Wu", handle: "Supply Chain Lead, NextGen Manufacturing", testimonial: "The platform's transparency and reliability are unmatched. We've established long-term partnerships with vendors we discovered on VendorZ.", imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg", imageAlt: "portrait professional man leader"},
|
||||
id: "4", name: "James Wu", handle: "Supply Chain Lead, NextGen Manufacturing", testimonial:
|
||||
"The platform's transparency and reliability are unmatched. We've established long-term partnerships with vendors we discovered on VendorZ.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg", imageAlt: "portrait professional man leader"},
|
||||
{
|
||||
id: "5", name: "Lisa Anderson", handle: "Business Owner, Anderson Retail Group", testimonial: "Customer support is outstanding. Every question is answered promptly, and the team goes above and beyond to ensure our success.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", imageAlt: "portrait professional woman entrepreneur"},
|
||||
id: "5", name: "Lisa Anderson", handle: "Business Owner, Anderson Retail Group", testimonial:
|
||||
"Customer support is outstanding. Every question is answered promptly, and the team goes above and beyond to ensure our success.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", imageAlt: "portrait professional woman entrepreneur"},
|
||||
{
|
||||
id: "6", name: "David Okonkwo", handle: "Founder, African Exports Hub", testimonial: "VendorZ opened doors to international markets we didn't know existed. Our business has grown exponentially since joining the platform.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", imageAlt: "portrait professional man global"},
|
||||
id: "6", name: "David Okonkwo", handle: "Founder, African Exports Hub", testimonial:
|
||||
"VendorZ opened doors to international markets we didn't know existed. Our business has grown exponentially since joining the platform.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", imageAlt: "portrait professional man global"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,9 +129,15 @@ export default function AboutPage() {
|
||||
description="Whether you're a buyer looking for reliable vendors or a seller wanting to expand your market reach, VendorZ has a place for you."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "role", type: "text", placeholder: "Your Role (Buyer/Seller)", required: true },
|
||||
{ name: "company", type: "text", placeholder: "Company Name", required: true },
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "role", type: "text", placeholder: "Your Role (Buyer/Seller)", required: true,
|
||||
},
|
||||
{
|
||||
name: "company", type: "text", placeholder: "Company Name", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us about your interest in VendorZ...", rows: 4,
|
||||
@@ -142,4 +160,4 @@ export default function AboutPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,44 +3,37 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import Link from "next/link";
|
||||
import { Users } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Vendors", id: "vendors" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Vendors", href: "/vendors" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
title: "Product", items: [
|
||||
{ label: "Vendors", href: "#vendors" },
|
||||
{ label: "Products", href: "#products" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "API", href: "/api" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
{ label: "Press", href: "/press" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "/help" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
],
|
||||
@@ -54,70 +47,49 @@ export default function ContactPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{ text: "Join Platform", href: "/contact" }}
|
||||
button={{ text: "Get Started", href: "contact" }}
|
||||
brandName="VendorZ"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get in Touch with VendorZ"
|
||||
description="Have questions about our marketplace? Our team is here to help. Fill out the form below and we'll get back to you within 24 hours."
|
||||
title="Get in Touch"
|
||||
description="Have questions about VendorZ? Whether you're a buyer or a vendor, our team is here to help. Reach out to us and we'll get back to you within 24 hours."
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Business Email", required: true },
|
||||
{ name: "company", type: "text", placeholder: "Company Name", required: true },
|
||||
{ name: "subject", type: "text", placeholder: "Subject", required: true },
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Business Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "company", type: "text", placeholder: "Company Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "subject", type: "text", placeholder: "Subject", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us how we can help you. Describe your business needs, questions, or inquiries...",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Your message here...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/web-contact-form-template_23-2147608998.jpg?_wi=2"
|
||||
imageAlt="contact form communication business"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/web-contact-form-template_23-2147608998.jpg"
|
||||
imageAlt="contact us"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-partners" data-section="contact-partners">
|
||||
<SocialProofOne
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Thousands of companies worldwide depend on VendorZ for their B2B procurement needs"
|
||||
tag="Partners"
|
||||
tagIcon={Users}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechFlow Industries",
|
||||
"GlobalTrade Co",
|
||||
"Premium Goods Ltd",
|
||||
"NextGen Manufacturing",
|
||||
"Anderson Retail",
|
||||
"African Exports Hub",
|
||||
"EuroSource Logistics",
|
||||
"Pacific Trading Network",
|
||||
"Midwest Supply Chain",
|
||||
"Asia Commerce Partners",
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
@@ -126,4 +98,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,63 +1,17 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Figtree } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant",
|
||||
subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
const figtree = Figtree({
|
||||
variable: "--font-figtree",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
import "./styles/globals.css";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "VendorZ - Global B2B Vendor Marketplace",
|
||||
description: "Connect with 5,000+ verified vendors worldwide. Streamline procurement, compare pricing, and build lasting business partnerships on VendorZ.",
|
||||
keywords: "vendor marketplace, B2B procurement, supplier discovery, business sourcing, wholesale vendors",
|
||||
metadataBase: new URL("https://vendorz.com"),
|
||||
alternates: {
|
||||
canonical: "https://vendorz.com",
|
||||
},
|
||||
openGraph: {
|
||||
title: "VendorZ - Global B2B Vendor Marketplace",
|
||||
description: "Discover premium vendors and streamline your supply chain with VendorZ",
|
||||
url: "https://vendorz.com",
|
||||
siteName: "VendorZ",
|
||||
type: "website",
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "VendorZ - Global B2B Vendor Marketplace",
|
||||
description: "Connect with premium vendors worldwide",
|
||||
},
|
||||
};
|
||||
title: "VendorZ - B2B Vendor Marketplace", description: "Connect with premium vendors worldwide. Discover verified suppliers, streamline sourcing, and build lasting business partnerships."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${figtree.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1425,7 +1379,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
292
src/app/page.tsx
292
src/app/page.tsx
@@ -12,41 +12,43 @@ import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import Link from "next/link";
|
||||
import { Sparkles, CheckCircle, Package, Award, Star, Users } from "lucide-react";
|
||||
import {
|
||||
Sparkles,
|
||||
CheckCircle,
|
||||
Package,
|
||||
Award,
|
||||
Star,
|
||||
Users,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Vendors", id: "vendors" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{ label: "Vendors", href: "/vendors" },
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
title: "Product", items: [
|
||||
{ label: "Vendors", href: "#vendors" },
|
||||
{ label: "Products", href: "#products" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "API", href: "/api" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
{ label: "Press", href: "/press" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Help Center", href: "/help" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
],
|
||||
@@ -60,16 +62,16 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{ text: "Join Platform", href: "/contact" }}
|
||||
button={{ text: "Get Started", href: "contact" }}
|
||||
brandName="VendorZ"
|
||||
/>
|
||||
</div>
|
||||
@@ -81,46 +83,38 @@ export default function HomePage() {
|
||||
tag="Global Marketplace"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/work-team-office-engaged-infographics-analysis-problem-solving_482257-123647.jpg?_wi=1",
|
||||
imageAlt: "vendor workspace professional office",
|
||||
},
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/work-team-office-engaged-infographics-analysis-problem-solving_482257-123647.jpg", imageAlt: "vendor workspace professional office"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/promotion-shelf-realistic_1284-25441.jpg",
|
||||
imageAlt: "product display showcase retail",
|
||||
},
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/promotion-shelf-realistic_1284-25441.jpg", imageAlt: "product display showcase retail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/presentation-contract_1098-15816.jpg",
|
||||
imageAlt: "collaboration team business meeting",
|
||||
},
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/presentation-contract_1098-15816.jpg", imageAlt: "collaboration team business meeting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-greeting-african-american-steel-worker-while-visiting-industrial-facility_637285-4126.jpg",
|
||||
imageAlt: "quality products manufacturing premium",
|
||||
},
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-businessman-greeting-african-american-steel-worker-while-visiting-industrial-facility_637285-4126.jpg", imageAlt: "quality products manufacturing premium"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-talking-office-party_637285-9627.jpg?_wi=1",
|
||||
imageAlt: "vendor meeting business partnership",
|
||||
},
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/cheerful-businesswomen-talking-office-party_637285-9627.jpg", imageAlt: "vendor meeting business partnership"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-automobile-production-line-welding-car-body-modern-car-assembly-plant-auto-industry-male-worker-orange-protective-helmet_645730-108.jpg?_wi=1",
|
||||
imageAlt: "manufacturing production factory industry",
|
||||
},
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/photo-automobile-production-line-welding-car-body-modern-car-assembly-plant-auto-industry-male-worker-orange-protective-helmet_645730-108.jpg", imageAlt: "manufacturing production factory industry"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-analysts-consultants-reviewing-data-checklists_482257-125957.jpg",
|
||||
imageAlt: "quality control inspection standards",
|
||||
},
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/team-diverse-analysts-consultants-reviewing-data-checklists_482257-125957.jpg", imageAlt: "quality control inspection standards"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-tablet-with-virtual-application_1112-775.jpg",
|
||||
imageAlt: "vendor network global connections",
|
||||
},
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/businessman-holding-tablet-with-virtual-application_1112-775.jpg", imageAlt: "vendor network global connections"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Browse Vendors", href: "/vendors" },
|
||||
{ text: "Become a Vendor", href: "/contact" },
|
||||
{ text: "Browse Vendors", href: "#vendors" },
|
||||
{ text: "Become a Vendor", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
@@ -131,15 +125,17 @@ export default function HomePage() {
|
||||
<MetricSplitMediaAbout
|
||||
tag="Why VendorZ"
|
||||
tagIcon={CheckCircle}
|
||||
tagAnimation="slide-up"
|
||||
title="Connecting Buyers with Premium Vendors"
|
||||
description="VendorZ is the leading B2B vendor marketplace platform, trusted by thousands of businesses worldwide. We've streamlined the vendor discovery process, making it easier than ever to find reliable partners who deliver exceptional products and services."
|
||||
metrics={[
|
||||
{ value: "5,000+", title: "Verified Vendors" },
|
||||
{ value: "50,000+", title: "Products & Services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/b2b-business-business-corporate-connection-partnership-concept_53876-120382.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/b2b-business-business-corporate-connection-partnership-concept_53876-120382.jpg"
|
||||
imageAlt="marketplace platform b2b business"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,43 +153,23 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "prod-1",
|
||||
name: "Premium Textile Fabrics",
|
||||
price: "$45.00/yard",
|
||||
variant: "Cotton Blend 5 Colors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305941.jpg?_wi=1",
|
||||
imageAlt: "textile fabric premium material",
|
||||
isFavorited: false,
|
||||
id: "prod-1", name: "Premium Textile Fabrics", price: "$45.00/yard", variant: "Cotton Blend 5 Colors", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305941.jpg", imageAlt: "textile fabric premium material", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "prod-2",
|
||||
name: "Industrial Hardware Kit",
|
||||
price: "$125.00",
|
||||
variant: "Stainless Steel Complete Set",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools_1417-1786.jpg?_wi=1",
|
||||
imageAlt: "hardware industrial tools equipment",
|
||||
isFavorited: false,
|
||||
id: "prod-2", name: "Industrial Hardware Kit", price: "$125.00", variant: "Stainless Steel Complete Set", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/repairing-tools_1417-1786.jpg", imageAlt: "hardware industrial tools equipment", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "prod-3",
|
||||
name: "Electronic Components",
|
||||
price: "$89.50",
|
||||
variant: "Mixed Electronics 100 Units",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-circuit-board_23-2152020925.jpg?_wi=1",
|
||||
imageAlt: "electronics components circuit technology",
|
||||
isFavorited: false,
|
||||
id: "prod-3", name: "Electronic Components", price: "$89.50", variant: "Mixed Electronics 100 Units", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-futuristic-circuit-board_23-2152020925.jpg", imageAlt: "electronics components circuit technology", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "prod-4",
|
||||
name: "Packaging Materials",
|
||||
price: "$199.00",
|
||||
variant: "Eco-Friendly Bulk Order",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/knives-forks-cups-paper-containers-food-natural-leaf-concept-zero-waste-plastic-free_169016-10558.jpg?_wi=1",
|
||||
imageAlt: "packaging eco-friendly sustainable materials",
|
||||
isFavorited: false,
|
||||
id: "prod-4", name: "Packaging Materials", price: "$199.00", variant: "Eco-Friendly Bulk Order", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/knives-forks-cups-paper-containers-food-natural-leaf-concept-zero-waste-plastic-free_169016-10558.jpg", imageAlt: "packaging eco-friendly sustainable materials", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View All Products", href: "/products" }]}
|
||||
buttons={[{ text: "View All Products", href: "#products" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -209,32 +185,24 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Verified Vendors",
|
||||
description: "All vendors undergo rigorous vetting to ensure quality, reliability, and trustworthiness. We verify certifications, track records, and customer satisfaction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041846.jpg",
|
||||
imageAlt: "verification certified quality check",
|
||||
},
|
||||
title: "Verified Vendors", description:
|
||||
"All vendors undergo rigorous vetting to ensure quality, reliability, and trustworthiness. We verify certifications, track records, and customer satisfaction.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041846.jpg", imageAlt: "verification certified quality check"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Seamless Integration",
|
||||
description: "Connect your existing business systems with our API. Integrate procurement workflows, inventory management, and order tracking effortlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/application-programming-interface-hologram_23-2149092253.jpg",
|
||||
imageAlt: "integration api system technology",
|
||||
},
|
||||
title: "Seamless Integration", description:
|
||||
"Connect your existing business systems with our API. Integrate procurement workflows, inventory management, and order tracking effortlessly.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/application-programming-interface-hologram_23-2149092253.jpg", imageAlt: "integration api system technology"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Competitive Pricing",
|
||||
description: "Compare prices from multiple vendors instantly. Negotiate bulk discounts and lock in the best rates for your business needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-two-colorful-wooden-squares-with-shopping-money-icons-black-calculator_181624-58059.jpg",
|
||||
imageAlt: "pricing discount cost savings",
|
||||
},
|
||||
title: "Competitive Pricing", description:
|
||||
"Compare prices from multiple vendors instantly. Negotiate bulk discounts and lock in the best rates for your business needs.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-shot-two-colorful-wooden-squares-with-shopping-money-icons-black-calculator_181624-58059.jpg", imageAlt: "pricing discount cost savings"},
|
||||
{
|
||||
id: 4,
|
||||
title: "24/7 Support",
|
||||
description: "Access dedicated customer support around the clock. Our team ensures smooth transactions and resolves issues promptly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-being-employed-customer-care-support-job-working-telemarketing-call-center-helpdesk-female-receptionist-with-helpline-service-helping-clients-remote-communication_482257-43021.jpg",
|
||||
imageAlt: "support customer service help",
|
||||
},
|
||||
title: "24/7 Support", description:
|
||||
"Access dedicated customer support around the clock. Our team ensures smooth transactions and resolves issues promptly.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/sales-assistant-being-employed-customer-care-support-job-working-telemarketing-call-center-helpdesk-female-receptionist-with-helpline-service-helping-clients-remote-communication_482257-43021.jpg", imageAlt: "support customer service help"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -252,57 +220,49 @@ export default function HomePage() {
|
||||
speed={40}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
handle: "CEO, TechFlow Industries",
|
||||
testimonial: "VendorZ transformed our sourcing process. We found premium suppliers in days instead of months. The platform is intuitive and the vendor quality is exceptional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg?_wi=1",
|
||||
imageAlt: "portrait professional woman business",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", handle: "CEO, TechFlow Industries", testimonial:
|
||||
"VendorZ transformed our sourcing process. We found premium suppliers in days instead of months. The platform is intuitive and the vendor quality is exceptional.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageAlt: "portrait professional woman business"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Rodriguez",
|
||||
handle: "Procurement Manager, GlobalTrade Co",
|
||||
testimonial: "The competitive pricing and vendor verification gave us confidence in our purchases. Our procurement costs dropped by 30% within the first quarter.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg?_wi=1",
|
||||
imageAlt: "portrait professional man business",
|
||||
},
|
||||
id: "2", name: "Michael Rodriguez", handle: "Procurement Manager, GlobalTrade Co", testimonial:
|
||||
"The competitive pricing and vendor verification gave us confidence in our purchases. Our procurement costs dropped by 30% within the first quarter.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg", imageAlt: "portrait professional man business"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Petrov",
|
||||
handle: "Operations Director, Premium Goods Ltd",
|
||||
testimonial: "VendorZ's seamless API integration saved our team hundreds of hours. Order management is now completely automated and error-free.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg?_wi=1",
|
||||
imageAlt: "portrait professional woman confident",
|
||||
},
|
||||
id: "3", name: "Elena Petrov", handle: "Operations Director, Premium Goods Ltd", testimonial:
|
||||
"VendorZ's seamless API integration saved our team hundreds of hours. Order management is now completely automated and error-free.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg", imageAlt: "portrait professional woman confident"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Wu",
|
||||
handle: "Supply Chain Lead, NextGen Manufacturing",
|
||||
testimonial: "The platform's transparency and reliability are unmatched. We've established long-term partnerships with vendors we discovered on VendorZ.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg?_wi=1",
|
||||
imageAlt: "portrait professional man leader",
|
||||
},
|
||||
id: "4", name: "James Wu", handle: "Supply Chain Lead, NextGen Manufacturing", testimonial:
|
||||
"The platform's transparency and reliability are unmatched. We've established long-term partnerships with vendors we discovered on VendorZ.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg", imageAlt: "portrait professional man leader"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Anderson",
|
||||
handle: "Business Owner, Anderson Retail Group",
|
||||
testimonial: "Customer support is outstanding. Every question is answered promptly, and the team goes above and beyond to ensure our success.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg?_wi=1",
|
||||
imageAlt: "portrait professional woman entrepreneur",
|
||||
},
|
||||
id: "5", name: "Lisa Anderson", handle: "Business Owner, Anderson Retail Group", testimonial:
|
||||
"Customer support is outstanding. Every question is answered promptly, and the team goes above and beyond to ensure our success.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", imageAlt: "portrait professional woman entrepreneur"},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Okonkwo",
|
||||
handle: "Founder, African Exports Hub",
|
||||
testimonial: "VendorZ opened doors to international markets we didn't know existed. Our business has grown exponentially since joining the platform.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg?_wi=1",
|
||||
imageAlt: "portrait professional man global",
|
||||
},
|
||||
id: "6", name: "David Okonkwo", handle: "Founder, African Exports Hub", testimonial:
|
||||
"VendorZ opened doors to international markets we didn't know existed. Our business has grown exponentially since joining the platform.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", imageAlt: "portrait professional man global"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Thousands of companies worldwide depend on VendorZ for their B2B procurement needs"
|
||||
tag="Partners"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechFlow Industries", "GlobalTrade Co", "Premium Goods Ltd", "NextGen Manufacturing", "Anderson Retail", "African Exports Hub", "EuroSource Logistics", "Pacific Trading Network", "Midwest Supply Chain", "Asia Commerce Partners"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Driving Growth for Businesses Worldwide"
|
||||
@@ -310,31 +270,49 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5,000+",
|
||||
description: "Verified vendors spanning 50+ countries and multiple industries",
|
||||
},
|
||||
id: "1", value: "5,000+", description:
|
||||
"Verified vendors spanning 50+ countries and multiple industries"},
|
||||
{
|
||||
id: "2",
|
||||
value: "50,000+",
|
||||
description: "Active products and services available on our marketplace",
|
||||
},
|
||||
id: "2", value: "50,000+", description: "Active products and services available on our marketplace"},
|
||||
{
|
||||
id: "3",
|
||||
value: "$2.5B",
|
||||
description: "Total transaction value facilitated through our platform",
|
||||
},
|
||||
id: "3", value: "$2.5B", description: "Total transaction value facilitated through our platform"},
|
||||
{
|
||||
id: "4",
|
||||
value: "98%",
|
||||
description: "Customer satisfaction rate from verified user reviews",
|
||||
},
|
||||
id: "4", value: "98%", description: "Customer satisfaction rate from verified user reviews"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get Started with VendorZ"
|
||||
description="Join thousands of successful businesses. Fill out the form below and our team will guide you through the onboarding process."
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Business Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "company", type: "text", placeholder: "Company Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "industry", type: "text", placeholder: "Industry", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us about your business and sourcing needs...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/web-contact-form-template_23-2147608998.jpg"
|
||||
imageAlt="contact form communication business"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Request Demo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
@@ -343,4 +321,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user