bender/bfefb3b5-d848-47de-a6f4-a1738ab55e4b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #3

Merged
bender merged 5 commits from version_1 into main 2026-03-04 07:27:36 +00:00
Conversation 0 Commits 5 Files Changed 5 +274 -411
5 changed files with 274 additions and 411 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
src/app/buyers/page.tsx
View File

@@ -4,18 +4,21 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from "next/link";
import { ShoppingCart, Shield, Truck, Heart } from "lucide-react";
import { ShoppingCart, Truck, Shield, Users, Zap, Heart } from "lucide-react";
export default function BuyersPage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "For Sellers", id: "sellers" },
{ name: "For Buyers", id: "buyers" },
{ name: "How It Works", id: "how-it-works" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "For Sellers", id: "/sellers" },
{ name: "For Buyers", id: "/buyers" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
];
return (
@@ -25,7 +28,7 @@ export default function BuyersPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="sparkles-gradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
@@ -39,47 +42,33 @@ export default function BuyersPage() {
/>
</div>
<div id="buyer-hero" data-section="buyer-hero">
<div id="buyers-hero" data-section="buyers-hero">
<HeroLogoBillboard
logoText="Shop with Purpose"
description="Discover authentic products from passionate small business owners. Shop directly from makers, creators, and entrepreneurs who pour their heart into every product. Support small businesses while finding exactly what you need."
logoText="For Buyers"
description="Discover unique products from independent sellers across India. Support small businesses while finding exactly what you need."
buttons={[
{ text: "Start Shopping", href: "#buyer-benefits" },
{ text: "Explore Categories", href: "#featured-products" },
{ text: "Start Shopping", href: "#products" },
{ text: "Learn More", href: "#features" },
]}
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg?_wi=4"
imageAlt="Product display shopping grid"
background={{ variant: "canvas-reveal" }}
imageSrc="http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg"
imageAlt="Shopping on Vendora"
mediaAnimation="slide-up"
frameStyle="card"
/>
</div>
<div id="buyer-benefits" data-section="buyer-benefits">
<div id="buyer-features" data-section="buyer-features">
<FeatureHoverPattern
title="Why Shop on Vendora"
description="A seamless shopping experience with genuine products and trusted sellers."
title="Shop with Confidence"
description="A secure, transparent, and customer-friendly shopping experience every time."
features={[
{
icon: ShoppingCart,
title: "Curated Quality Products",
description: "Browse thousands of authentic items from verified sellers. Every product is carefully selected to ensure quality and authenticity.",
},
{
icon: Shield,
title: "Buyer Protection",
description: "Shop with confidence. Our buyer protection guarantee covers your purchase. Secure payment processing and fraud protection included.",
},
{
icon: Truck,
title: "Fast Delivery",
description: "Quick order fulfillment with transparent tracking. Know exactly when your order arrives. Multiple delivery options available.",
},
{
icon: Heart,
title: "Support Small Businesses",
description: "Your purchase directly supports independent sellers and entrepreneurs. Be part of a community empowering small businesses across India.",
},
{ icon: ShoppingCart, title: "Easy Browsing", description: "Explore thousands of products from trusted sellers. Find what you love with intuitive search and filters." },
{ icon: Shield, title: "Buyer Protection", description: "Your purchases are protected. Secure payment processing and easy returns for complete peace of mind." },
{ icon: Truck, title: "Fast Delivery", description: "Quick order fulfillment with reliable shipping. Track your order and stay informed every step of the way." },
{ icon: Users, title: "Direct from Sellers", description: "Buy directly from creators and small businesses. Support entrepreneurs while getting unique, quality products." },
{ icon: Heart, title: "Save Your Favorites", description: "Create wishlists of your favorite items. Get notifications on price drops and new arrivals from loved sellers." },
{ icon: Zap, title: "Fast Checkout", description: "Quick and secure checkout process. Multiple payment options for your convenience and flexibility." },
]}
animationType="slide-up"
textboxLayout="default"
@@ -87,66 +76,77 @@ export default function BuyersPage() {
/>
</div>
<div id="buyer-testimonials" data-section="buyer-testimonials">
<TestimonialCardSix
title="What Customers Love"
description="Real feedback from shoppers who support small businesses on Vendora."
testimonials={[
{
id: "1",
name: "Sophia Malik",
handle: "@sophia.style",
testimonial: "I love shopping on Vendora because I know I'm supporting real small businesses. The quality is amazing and delivery was fast!",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=2",
imageAlt: "Sophia Malik",
},
{
id: "2",
name: "Rohan Verma",
handle: "@rohan_reads",
testimonial: "Found unique products I couldn't find anywhere else. The seller was responsive and helpful. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",
imageAlt: "Rohan Verma",
},
{
id: "3",
name: "Divya Patel",
handle: "@divya_home",
testimonial: "Vendora's buyer protection gives me peace of mind. Authentic products, genuine sellers, and excellent customer service!",
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=2",
imageAlt: "Divya Patel",
},
{
id: "4",
name: "Aditya Singh",
handle: "@adi_tech",
testimonial: "The platform is user-friendly and I can easily track my orders. Plus, supporting small businesses feels good!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg?_wi=2",
imageAlt: "Aditya Singh",
},
{
id: "5",
name: "Neha Kapoor",
handle: "@neha_wellness",
testimonial: "Amazing variety of products. I've discovered so many incredible small businesses I now shop from regularly!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5",
imageAlt: "Neha Kapoor",
},
{
id: "6",
name: "Vikram Rao",
handle: "@vikram_gifts",
testimonial: "Perfect for finding unique gifts. Each product has a story and I love being connected to the maker directly!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6",
imageAlt: "Vikram Rao",
},
<div id="products" data-section="products">
<ProductCardThree
title="Featured Products"
description="Browse our curated selection of quality items from trusted sellers across India."
products={[
{ id: "1", name: "Organic Cotton T-Shirt", price: "₹599", imageSrc: "http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg", imageAlt: "Organic cotton t-shirt", initialQuantity: 1 },
{ id: "2", name: "Handcrafted Wooden Bowl", price: "₹1,299", imageSrc: "http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg", imageAlt: "Wooden bowl", initialQuantity: 1 },
{ id: "3", name: "Natural Face Serum", price: "₹899", imageSrc: "http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg", imageAlt: "Face serum bottle", initialQuantity: 1 },
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="buyer-metrics" data-section="buyer-metrics">
<MetricCardSeven
title="A Thriving Community"
description="Join millions of happy customers supporting small businesses."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "100K+", title: "Unique Products", items: ["From trusted sellers", "Diverse categories", "Updated regularly"] },
{ id: "2", value: "50M+", title: "Happy Customers", items: ["Satisfied shoppers", "Positive ratings", "Growing community"] },
{ id: "3", value: "99%", title: "On-Time Delivery", items: ["Reliable shipping", "Real-time tracking", "Professional handling"] },
{ id: "4", value: "100%", title: "Payment Security", items: ["Encrypted transactions", "Multiple payment options", "Buyer protection"] },
]}
/>
</div>
<div id="buyer-faq" data-section="buyer-faq">
<FaqDouble
title="Buyer Questions"
description="Find answers about shopping on Vendora."
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[
{ id: "1", title: "How do I create an account?", content: "Sign up with your email and phone number. Verify your details and you're ready to start shopping! It takes less than a minute." },
{ id: "2", title: "What payment methods do you accept?", content: "We accept credit cards, debit cards, UPI, net banking, and digital wallets. All payments are processed securely." },
{ id: "3", title: "How do I track my order?", content: "Once your order ships, you'll receive a tracking link via email. Monitor your package in real-time from our app or website." },
{ id: "4", title: "What's your return policy?", content: "Most items can be returned within 7 days of delivery for a full refund. Check individual seller policies for specific terms." },
{ id: "5", title: "Is my payment secure?", content: "Yes! We use industry-standard encryption and secure payment gateways. Your payment information is never shared with sellers." },
{ id: "6", title: "Can I cancel my order?", content: "You can cancel orders before they ship. After shipping, you can initiate a return. Contact our support team for quick assistance." },
{ id: "7", title: "How do I contact a seller?", content: "You can message sellers directly through your order page. Most sellers respond within 24 hours during business hours." },
{ id: "8", title: "What if I receive a damaged item?", content: "Contact us immediately with photos. We'll help you get a replacement or refund quickly. Buyer protection is our priority." },
]}
/>
</div>
<div id="buyer-contact" data-section="buyer-contact">
<ContactSplitForm
title="Need Help?"
description="Have questions about shopping on Vendora? Our customer support team is here to assist you anytime."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
{ name: "issue", type: "text", placeholder: "Issue Type", required: true },
]}
textarea={{ name: "message", placeholder: "Describe your question or concern...", rows: 5, required: true }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-street_1301-4725.jpg"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Vendora"

80
src/app/contact/page.tsx
View File

@@ -4,24 +4,18 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from "next/link";
export default function ContactPage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "For Sellers", id: "sellers" },
{ name: "For Buyers", id: "buyers" },
{ name: "How It Works", id: "how-it-works" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "For Sellers", id: "/sellers" },
{ name: "For Buyers", id: "/buyers" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
];
const handleContactSubmit = (data: Record<string, string>) => {
console.log("Contact form submitted:", data);
// Handle form submission - could be sent to backend API
};
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
@@ -29,7 +23,7 @@ export default function ContactPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
@@ -46,13 +40,13 @@ export default function ContactPage() {
<div id="contact-hero" data-section="contact-hero">
<HeroLogoBillboard
logoText="Get In Touch"
description="Have questions about selling or buying on Vendora? Our team is here to help. Reach out anytime and we'll get back to you within 24 hours."
description="Have questions about selling or buying on Vendora? Our dedicated support team is here to help. Reach out anytime and we'll respond within 24 hours."
buttons={[
{ text: "Send Message", href: "#contact-form" },
{ text: "Learn More", href: "/" },
{ text: "Send Message", href: "#form" },
{ text: "Back Home", href: "/" },
]}
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-street_1301-4725.jpg?_wi=2"
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg"
imageAlt="Contact support team"
mediaAnimation="slide-up"
frameStyle="card"
@@ -61,62 +55,20 @@ export default function ContactPage() {
<div id="contact-form" data-section="contact-form">
<ContactSplitForm
title="Get In Touch"
description="Have questions about selling or buying on Vendora? Our team is here to help. Reach out anytime and we'll get back to you within 24 hours."
title="We'd Love to Hear From You"
description="Whether you're interested in selling, buying, or just have questions about Vendora, fill out the form below and our team will get back to you as soon as possible."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
{ name: "type", type: "text", placeholder: "Inquiry Type (Seller/Buyer/Other)", required: true },
{ name: "type", type: "text", placeholder: "Inquiry Type (Seller/Buyer/Partnership/Other)", required: true },
]}
textarea={{
name: "message",
placeholder: "Tell us how we can help...",
rows: 5,
required: true,
}}
textarea={{ name: "message", placeholder: "Tell us how we can help...", rows: 5, required: true }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-street_1301-4725.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-street_1301-4725.jpg"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
onSubmit={handleContactSubmit}
/>
</div>
<div id="contact-metrics" data-section="contact-metrics">
<MetricCardSeven
title="We're Always Here"
description="Quick response times and dedicated support for all your needs."
metrics={[
{
id: "1",
value: "24hrs",
title: "Average Response Time",
items: ["To all inquiries", "Across all channels", "Even on weekends"],
},
{
id: "2",
value: "99.9%",
title: "Uptime Guarantee",
items: ["Platform availability", "24/7 monitoring", "Instant alerts"],
},
{
id: "3",
value: "10K+",
title: "Successful Resolutions",
items: ["Issues resolved monthly", "95% first contact", "Customer satisfaction"],
},
{
id: "4",
value: "5",
title: "Support Channels",
items: ["Email, phone, chat", "Video tutorials", "Community forum"],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>

259
src/app/page.tsx
View File

@@ -16,11 +16,11 @@ import { Store, ShoppingCart, TrendingUp, Users, Shield, Zap, Sparkles, Crown }
export default function HomePage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "For Sellers", id: "sellers" },
{ name: "For Buyers", id: "buyers" },
{ name: "How It Works", id: "how-it-works" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "For Sellers", id: "/sellers" },
{ name: "For Buyers", id: "/buyers" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
];
return (
@@ -30,7 +30,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
@@ -52,8 +52,8 @@ export default function HomePage() {
{ text: "Start Selling", href: "/sellers" },
{ text: "Start Shopping", href: "/buyers" },
]}
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg?_wi=1"
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg"
imageAlt="Vendora marketplace dashboard"
mediaAnimation="slide-up"
frameStyle="card"
@@ -65,36 +65,12 @@ export default function HomePage() {
title="Why Choose Vendora"
description="A platform built for small business success with powerful tools, secure transactions, and dedicated support."
features={[
{
icon: Store,
title: "Digital Storefront",
description: "Create your own branded store with ease. Upload products from your device and manage inventory in real-time.",
},
{
icon: ShoppingCart,
title: "Secure Payments",
description: "Accept customer payments safely with our secure transaction processing and instant payment settlements.",
},
{
icon: TrendingUp,
title: "Growth Analytics",
description: "Track orders, monitor sales, and analyze customer insights from an intuitive seller dashboard.",
},
{
icon: Users,
title: "Direct Customer Connection",
description: "Build relationships directly with customers without intermediaries. Own your customer data and loyalty.",
},
{
icon: Shield,
title: "Buyer Protection",
description: "Secure shopping experience for customers with fraud protection and easy returns for peace of mind.",
},
{
icon: Zap,
title: "Fast & Scalable",
description: "Grow from one product to thousands. Our platform scales with your business needs seamlessly.",
},
{ icon: Store, title: "Digital Storefront", description: "Create your own branded store with ease. Upload products from your device and manage inventory in real-time." },
{ icon: ShoppingCart, title: "Secure Payments", description: "Accept customer payments safely with our secure transaction processing and instant payment settlements." },
{ icon: TrendingUp, title: "Growth Analytics", description: "Track orders, monitor sales, and analyze customer insights from an intuitive seller dashboard." },
{ icon: Users, title: "Direct Customer Connection", description: "Build relationships directly with customers without intermediaries. Own your customer data and loyalty." },
{ icon: Shield, title: "Buyer Protection", description: "Secure shopping experience for customers with fraud protection and easy returns for peace of mind." },
{ icon: Zap, title: "Fast & Scalable", description: "Grow from one product to thousands. Our platform scales with your business needs seamlessly." },
]}
animationType="slide-up"
textboxLayout="default"
@@ -107,30 +83,9 @@ export default function HomePage() {
title="Browse Products"
description="Explore thousands of products from trusted sellers across India. Find exactly what you need."
products={[
{
id: "1",
name: "Organic Cotton T-Shirt",
price: "₹599",
imageSrc: "http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg?_wi=1",
imageAlt: "Organic cotton t-shirt",
initialQuantity: 1,
},
{
id: "2",
name: "Handcrafted Wooden Bowl",
price: "₹1,299",
imageSrc: "http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg?_wi=2",
imageAlt: "Wooden bowl",
initialQuantity: 1,
},
{
id: "3",
name: "Natural Face Serum",
price: "₹899",
imageSrc: "http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg?_wi=3",
imageAlt: "Face serum bottle",
initialQuantity: 1,
},
{ id: "1", name: "Organic Cotton T-Shirt", price: "₹599", imageSrc: "http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg", imageAlt: "Organic cotton t-shirt", initialQuantity: 1 },
{ id: "2", name: "Handcrafted Wooden Bowl", price: "₹1,299", imageSrc: "http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg", imageAlt: "Wooden bowl", initialQuantity: 1 },
{ id: "3", name: "Natural Face Serum", price: "₹899", imageSrc: "http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg", imageAlt: "Face serum bottle", initialQuantity: 1 },
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -144,54 +99,12 @@ export default function HomePage() {
title="What Sellers Say"
description="Join hundreds of small business owners who have transformed their sales with Vendora."
testimonials={[
{
id: "1",
name: "Priya Sharma",
handle: "@priya_handmade",
testimonial: "Vendora gave me the platform to reach customers directly. My sales tripled in just three months!",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1",
imageAlt: "Priya Sharma",
},
{
id: "2",
name: "Rajesh Kapoor",
handle: "@rajesh_designs",
testimonial: "The seller dashboard is intuitive and the payment process is smooth. Customer support is exceptional!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
imageAlt: "Rajesh Kapoor",
},
{
id: "3",
name: "Anjali Gupta",
handle: "@anjali_organic",
testimonial: "Finally, a marketplace that values small businesses. No hidden fees, transparent pricing, and real growth.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "Anjali Gupta",
},
{
id: "4",
name: "Vikram Desai",
handle: "@vikram_crafts",
testimonial: "Vendora's tools helped me scale my business efficiently. Highly recommended for any entrepreneur!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg?_wi=1",
imageAlt: "Vikram Desai",
},
{
id: "5",
name: "Meera Singh",
handle: "@meera_jewelry",
testimonial: "The community support and seller resources are invaluable. I feel empowered running my business here.",
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=1",
imageAlt: "Meera Singh",
},
{
id: "6",
name: "Arjun Nair",
handle: "@arjun_electronics",
testimonial: "Direct customer connection and fair commission rates make Vendora the best choice for sellers.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
imageAlt: "Arjun Nair",
},
{ id: "1", name: "Priya Sharma", handle: "@priya_handmade", testimonial: "Vendora gave me the platform to reach customers directly. My sales tripled in just three months!", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", imageAlt: "Priya Sharma" },
{ id: "2", name: "Rajesh Kapoor", handle: "@rajesh_designs", testimonial: "The seller dashboard is intuitive and the payment process is smooth. Customer support is exceptional!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Rajesh Kapoor" },
{ id: "3", name: "Anjali Gupta", handle: "@anjali_organic", testimonial: "Finally, a marketplace that values small businesses. No hidden fees, transparent pricing, and real growth.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Anjali Gupta" },
{ id: "4", name: "Vikram Desai", handle: "@vikram_crafts", testimonial: "Vendora's tools helped me scale my business efficiently. Highly recommended for any entrepreneur!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageAlt: "Vikram Desai" },
{ id: "5", name: "Meera Singh", handle: "@meera_jewelry", testimonial: "The community support and seller resources are invaluable. I feel empowered running my business here.", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "Meera Singh" },
{ id: "6", name: "Arjun Nair", handle: "@arjun_electronics", testimonial: "Direct customer connection and fair commission rates make Vendora the best choice for sellers.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Arjun Nair" },
]}
animationType="slide-up"
textboxLayout="default"
@@ -199,39 +112,46 @@ export default function HomePage() {
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
title="Seller Plans"
description="Choose the perfect plan for your business. Scale up as you grow."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "starter", badge: "Starting Out", badgeIcon: Sparkles,
price: "₹0", subtitle: "Perfect for new sellers", buttons: [{ text: "Get Started", href: "/contact" }],
features: ["Up to 50 products", "Basic analytics", "Email support", "Standard commission (8%)"],
},
{
id: "growth", badge: "Most Popular", badgeIcon: Zap,
price: "₹499/month", subtitle: "For growing businesses", buttons: [{ text: "Start Free Trial", href: "/contact" }],
features: ["Up to 500 products", "Advanced analytics", "Priority support", "Reduced commission (5%)", "Marketing tools"],
},
{
id: "enterprise", badge: "Premium", badgeIcon: Crown,
price: "₹2,999/month", subtitle: "For established sellers", buttons: [{ text: "Contact Sales", href: "/contact" }],
features: ["Unlimited products", "Custom analytics", "Dedicated account manager", "Lowest commission (2%)", "API access", "White-label options"],
},
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
title="Our Impact"
description="Growing strong across India with thousands of sellers and millions of happy customers."
metrics={[
{
id: "1",
value: "5,000+",
title: "Active Sellers",
items: ["Across 15+ states", "Diverse product categories", "Growing every month"],
},
{
id: "2",
value: "100K+",
title: "Products Listed",
items: ["Curated quality items", "Regularly updated inventory", "Wide variety of categories"],
},
{
id: "3",
value: "50M+",
title: "Monthly Transactions",
items: ["Secure payment processing", "Fast order fulfillment", "High customer satisfaction"],
},
{
id: "4",
value: "98%",
title: "Seller Satisfaction",
items: ["Transparent commission rates", "Reliable payment system", "Dedicated support team"],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "5,000+", title: "Active Sellers", items: ["Across 15+ states", "Diverse product categories", "Growing every month"] },
{ id: "2", value: "100K+", title: "Products Listed", items: ["Curated quality items", "Regularly updated inventory", "Wide variety of categories"] },
{ id: "3", value: "50M+", title: "Monthly Transactions", items: ["Secure payment processing", "Fast order fulfillment", "High customer satisfaction"] },
{ id: "4", value: "98%", title: "Seller Satisfaction", items: ["Transparent commission rates", "Reliable payment system", "Dedicated support team"] },
]}
/>
</div>
@@ -243,50 +163,37 @@ export default function HomePage() {
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "How do I register as a seller?",
content: "Registration is simple! Provide your email address and phone number, verify your identity, and you're ready to create your storefront. Once registered, you can start uploading products immediately.",
},
{
id: "2",
title: "What commission does Vendora charge?",
content: "Commission rates vary by plan: Starter (8%), Growth (5%), and Enterprise (2%). We believe in transparent pricing with no hidden fees. Choose the plan that works best for your business.",
},
{
id: "3",
title: "How do customers make purchases?",
content: "Customers register with their email and phone number, browse products by category, add items to their cart, and checkout securely. We support multiple payment methods for customer convenience.",
},
{
id: "4",
title: "Can I manage multiple storefronts?",
content: "Yes! Enterprise sellers can manage multiple storefronts under one account. Each storefront can have its own branding and inventory management.",
},
{
id: "5",
title: "How are payments processed?",
content: "All payments are processed securely through our payment gateway. Seller payouts are processed daily to your registered bank account with zero processing fees.",
},
{
id: "6",
title: "What support do you offer?",
content: "We offer email support for all sellers. Growth and Enterprise plans include priority support and access to our knowledge base with video tutorials and best practices.",
},
{
id: "7",
title: "Is there a setup fee?",
content: "No! The Starter plan is completely free to use. Only commission charges apply when you make sales. Upgrade to paid plans for advanced features.",
},
{
id: "8",
title: "How do I upload product images?",
content: "Simply use our intuitive dashboard to upload images directly from your device gallery. You can upload multiple images per product and organize them for the best presentation.",
},
{ id: "1", title: "How do I register as a seller?", content: "Registration is simple! Provide your email address and phone number, verify your identity, and you're ready to create your storefront. Once registered, you can start uploading products immediately." },
{ id: "2", title: "What commission does Vendora charge?", content: "Commission rates vary by plan: Starter (8%), Growth (5%), and Enterprise (2%). We believe in transparent pricing with no hidden fees. Choose the plan that works best for your business." },
{ id: "3", title: "How do customers make purchases?", content: "Customers register with their email and phone number, browse products by category, add items to their cart, and checkout securely. We support multiple payment methods for customer convenience." },
{ id: "4", title: "Can I manage multiple storefronts?", content: "Yes! Enterprise sellers can manage multiple storefronts under one account. Each storefront can have its own branding and inventory management." },
{ id: "5", title: "How are payments processed?", content: "All payments are processed securely through our payment gateway. Seller payouts are processed daily to your registered bank account with zero processing fees." },
{ id: "6", title: "What support do you offer?", content: "We offer email support for all sellers. Growth and Enterprise plans include priority support and access to our knowledge base with video tutorials and best practices." },
{ id: "7", title: "Is there a setup fee?", content: "No! The Starter plan is completely free to use. Only commission charges apply when you make sales. Upgrade to paid plans for advanced features." },
{ id: "8", title: "How do I upload product images?", content: "Simply use our intuitive dashboard to upload images directly from your device gallery. You can upload multiple images per product and organize them for the best presentation." },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get In Touch"
description="Have questions about selling or buying on Vendora? Our team is here to help. Reach out anytime and we'll get back to you within 24 hours."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
{ name: "type", type: "text", placeholder: "Inquiry Type (Seller/Buyer/Other)", required: true },
]}
textarea={{ name: "message", placeholder: "Tell us how we can help...", rows: 5, required: true }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-street_1301-4725.jpg"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Vendora"

23
src/app/pricing/page.tsx
View File

@@ -11,11 +11,11 @@ import { Sparkles, Zap, Crown } from "lucide-react";
export default function PricingPage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "For Sellers", id: "sellers" },
{ name: "For Buyers", id: "buyers" },
{ name: "How It Works", id: "how-it-works" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "For Sellers", id: "/sellers" },
{ name: "For Buyers", id: "/buyers" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
];
return (
@@ -25,7 +25,7 @@ export default function PricingPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
@@ -47,7 +47,7 @@ export default function PricingPage() {
{ text: "Get Started", href: "/contact" },
{ text: "Contact Sales", href: "/contact" },
]}
background={{ variant: "aurora" }}
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg"
imageAlt="Pricing plans dashboard"
mediaAnimation="slide-up"
@@ -66,20 +66,17 @@ export default function PricingPage() {
{
id: "starter", badge: "Starting Out", badgeIcon: Sparkles,
price: "₹0", subtitle: "Perfect for new sellers", buttons: [{ text: "Get Started", href: "/contact" }],
features: [
"Up to 50 products", "Basic analytics", "Email support", "Standard commission (8%)"],
features: ["Up to 50 products", "Basic analytics", "Email support", "Standard commission (8%)"],
},
{
id: "growth", badge: "Most Popular", badgeIcon: Zap,
price: "₹499/month", subtitle: "For growing businesses", buttons: [{ text: "Start Free Trial", href: "/contact" }],
features: [
"Up to 500 products", "Advanced analytics", "Priority support", "Reduced commission (5%)", "Marketing tools"],
features: ["Up to 500 products", "Advanced analytics", "Priority support", "Reduced commission (5%)", "Marketing tools"],
},
{
id: "enterprise", badge: "Premium", badgeIcon: Crown,
price: "₹2,999/month", subtitle: "For established sellers", buttons: [{ text: "Contact Sales", href: "/contact" }],
features: [
"Unlimited products", "Custom analytics", "Dedicated account manager", "Lowest commission (2%)", "API access", "White-label options"],
features: ["Unlimited products", "Custom analytics", "Dedicated account manager", "Lowest commission (2%)", "API access", "White-label options"],
},
]}
/>

139
src/app/sellers/page.tsx
View File

@@ -5,17 +5,19 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import Link from "next/link";
import { Store, TrendingUp, Users, DollarSign } from "lucide-react";
import { Store, ShoppingCart, TrendingUp, Users, Shield, Zap } from "lucide-react";
export default function SellersPage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "For Sellers", id: "sellers" },
{ name: "For Buyers", id: "buyers" },
{ name: "How It Works", id: "how-it-works" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "For Sellers", id: "/sellers" },
{ name: "For Buyers", id: "/buyers" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
];
return (
@@ -25,7 +27,7 @@ export default function SellersPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
@@ -39,47 +41,33 @@ export default function SellersPage() {
/>
</div>
<div id="seller-hero" data-section="seller-hero">
<div id="sellers-hero" data-section="sellers-hero">
<HeroLogoBillboard
logoText="Become a Seller"
description="Join thousands of successful sellers on Vendora. Launch your storefront in minutes and start reaching customers across India with our comprehensive seller tools and support."
logoText="For Sellers"
description="Turn your passion into profit. Join thousands of successful sellers on Vendora and grow your business with tools built for you."
buttons={[
{ text: "Start Your Journey", href: "/contact" },
{ text: "Learn More", href: "#seller-benefits" },
{ text: "Start Selling Now", href: "/contact" },
{ text: "Learn More", href: "#features" },
]}
background={{ variant: "aurora" }}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-street_1301-4725.jpg?_wi=1"
imageAlt="Small business seller storefront"
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/office-worker-setting-project-reminders_482257-119416.jpg"
imageAlt="Seller dashboard"
mediaAnimation="slide-up"
frameStyle="card"
/>
</div>
<div id="seller-benefits" data-section="seller-benefits">
<div id="seller-features" data-section="seller-features">
<FeatureHoverPattern
title="Seller Success Features"
description="Everything you need to build and grow your online business with confidence and ease."
title="Everything You Need to Succeed"
description="Comprehensive tools and support to help your business thrive on Vendora."
features={[
{
icon: Store,
title: "Easy Storefront Setup",
description: "Create a professional branded store in minutes. No technical skills required. Drag-and-drop product management with real-time inventory updates.",
},
{
icon: TrendingUp,
title: "Sales Analytics & Insights",
description: "Track your performance with detailed analytics. Monitor best-selling products, customer trends, and seasonal patterns to optimize your strategy.",
},
{
icon: DollarSign,
title: "Fast & Transparent Payments",
description: "Daily payouts with zero hidden fees. Transparent commission structure. Instant payment notifications and detailed transaction history.",
},
{
icon: Users,
title: "Direct Customer Relationships",
description: "Own your customer data and build long-term relationships. No intermediaries between you and your buyers. Direct communication channels.",
},
{ icon: Store, title: "Easy Store Setup", description: "Create your branded storefront in minutes. Customize your appearance and start selling instantly." },
{ icon: TrendingUp, title: "Sales Analytics", description: "Track your performance with detailed insights. Monitor trends and optimize your product offerings." },
{ icon: Users, title: "Customer Management", description: "Build lasting relationships with customers. Access customer data and manage orders seamlessly." },
{ icon: ShoppingCart, title: "Inventory Control", description: "Manage stock levels in real-time. Get notifications when inventory runs low automatically." },
{ icon: Shield, title: "Secure Transactions", description: "All payments secured with industry-standard encryption. Get peace of mind with every sale." },
{ icon: Zap, title: "Marketing Tools", description: "Promotional features to boost visibility. Create campaigns and reach more customers easily." },
]}
animationType="slide-up"
textboxLayout="default"
@@ -89,37 +77,56 @@ export default function SellersPage() {
<div id="seller-metrics" data-section="seller-metrics">
<MetricCardSeven
title="Seller Success Stories"
description="Real growth metrics from sellers using Vendora's platform."
metrics={[
{
id: "1",
value: "3x",
title: "Average Sales Growth",
items: ["First 3 months on platform", "Across all seller categories", "With dedicated support"],
},
{
id: "2",
value: "10,000+",
title: "Products Successfully Listed",
items: ["From seller storefronts", "Various categories and niches", "Continuously growing"],
},
{
id: "3",
value: "24/7",
title: "Support Available",
items: ["Priority seller assistance", "Video tutorials included", "Community forum access"],
},
{
id: "4",
value: "₹2.5L",
title: "Avg Monthly Revenue",
items: ["Growth plan sellers", "After 6 months", "Successful store operators"],
},
]}
title="Join Our Growing Community"
description="Become part of India's most trusted multi-vendor marketplace."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "5,000+", title: "Active Sellers", items: ["Across all categories", "Growing daily", "Thriving businesses"] },
{ id: "2", value: "3x", title: "Average Growth", items: ["In first 3 months", "Sales increase", "Customer base"] },
{ id: "3", value: "₹0", title: "Setup Fee", items: ["Free account", "No hidden costs", "Pay only commission"] },
{ id: "4", value: "24/7", title: "Support", items: ["Expert assistance", "Quick response times", "Resource library"] },
]}
/>
</div>
<div id="seller-faq" data-section="seller-faq">
<FaqDouble
title="Seller Questions"
description="Everything you need to know about selling on Vendora."
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[
{ id: "1", title: "How do I get started as a seller?", content: "Simply sign up with your email and phone number, verify your details, and create your store. Upload your first product and you're ready to start selling!" },
{ id: "2", title: "What are the commission rates?", content: "We offer flexible commission structures. Starter plan: 8%, Growth plan: 5%, Enterprise plan: 2%. Choose the plan that best fits your business needs." },
{ id: "3", title: "How do I get paid?", content: "Payments are processed daily to your registered bank account. We handle all payment processing securely with zero additional fees." },
{ id: "4", title: "Can I edit or delete my products?", content: "Yes! You can edit product details, prices, and inventory anytime from your dashboard. You can also remove products when needed." },
{ id: "5", title: "What if a customer has an issue with my product?", content: "Our support team handles disputes professionally. We encourage open communication and fair resolutions to maintain trust." },
{ id: "6", title: "Are there any restrictions on product categories?", content: "We support diverse categories from handcrafts to electronics. Some restricted items apply (weapons, adult content). Check our guidelines for details." },
{ id: "7", title: "How can I increase my sales?", content: "Use our marketing tools, optimize product descriptions, add high-quality images, maintain good ratings, and engage with customers regularly." },
{ id: "8", title: "What training or resources do you provide?", content: "We offer comprehensive guides, video tutorials, best practices articles, and seller webinars. Growth and Enterprise plans include priority support." },
]}
/>
</div>
<div id="seller-contact" data-section="seller-contact">
<ContactSplitForm
title="Ready to Start Selling?"
description="Have questions about becoming a Vendora seller? Our team is ready to help you get started and succeed on our platform."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
{ name: "business", type: "text", placeholder: "Business Type", required: true },
]}
textarea={{ name: "message", placeholder: "Tell us about your business...", rows: 5, required: true }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-woman-using-her-mobile-phone-street_1301-4725.jpg"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Get Started"
/>
</div>