Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1ad40989a6 | |||
| ab90e835eb |
321
src/app/page.tsx
321
src/app/page.tsx
@@ -40,7 +40,9 @@ export default function HomePage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now", href: "/shop"}}
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
}}
|
||||
brandName="VapePro"
|
||||
/>
|
||||
</div>
|
||||
@@ -51,7 +53,7 @@ export default function HomePage() {
|
||||
description="Premium Disposable Vapes, Delivered Fast. Browse our full selection of flavors and nicotine strengths with real-time inventory updates. Automated fulfillment gets your order shipped within 24 hours."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Start Ordering Now", href: "/shop" },
|
||||
{ text: "Shop Now", href: "/shop" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
layoutOrder="default"
|
||||
@@ -69,11 +71,26 @@ export default function HomePage() {
|
||||
tag="Best Sellers"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Cool Mint Breeze", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-girl-city-with-vape_1157-34793.jpg?_wi=1", imageAlt: "Cool Mint Breeze vape"},
|
||||
id: "1",
|
||||
name: "Cool Mint Breeze",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-girl-city-with-vape_1157-34793.jpg?_wi=1",
|
||||
imageAlt: "Cool Mint Breeze vape",
|
||||
},
|
||||
{
|
||||
id: "2", name: "Berry Blast Pro", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17754.jpg?_wi=1", imageAlt: "Berry Blast Pro vape"},
|
||||
id: "2",
|
||||
name: "Berry Blast Pro",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17754.jpg?_wi=1",
|
||||
imageAlt: "Berry Blast Pro vape",
|
||||
},
|
||||
{
|
||||
id: "3", name: "Grape Purple Elite", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-vector/abstract-covers-collection-with-colorful-shapes_23-2148504150.jpg?_wi=1", imageAlt: "Grape Purple Elite vape"},
|
||||
id: "3",
|
||||
name: "Grape Purple Elite",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-covers-collection-with-colorful-shapes_23-2148504150.jpg?_wi=1",
|
||||
imageAlt: "Grape Purple Elite vape",
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -90,39 +107,63 @@ export default function HomePage() {
|
||||
tag="Our Advantages"
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Inventory Sync", description: "Always know what's in stock with live inventory updates across our entire catalog", icon: Zap,
|
||||
title: "Real-Time Inventory Sync",
|
||||
description: "Always know what's in stock with live inventory updates across our entire catalog",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148588802.jpg?_wi=1", imageAlt: "Real-time inventory tracking"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148588802.jpg?_wi=1",
|
||||
imageAlt: "Real-time inventory tracking",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-industrial-worker-using-tablet-computer-site_74855-5384.jpg?_wi=1", imageAlt: "Quality assurance process"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-industrial-worker-using-tablet-computer-site_74855-5384.jpg?_wi=1",
|
||||
imageAlt: "Quality assurance process",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "24-Hour Fast Shipping", description: "Orders processed and shipped same business day with major carrier integrations", icon: Truck,
|
||||
title: "24-Hour Fast Shipping",
|
||||
description: "Orders processed and shipped same business day with major carrier integrations",
|
||||
icon: Truck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-delivery-woman-holding-cardboard-box-while-making-delivery-office-there-are-people-background_637285-2846.jpg?_wi=1", imageAlt: "Express shipping service"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-delivery-woman-holding-cardboard-box-while-making-delivery-office-there-are-people-background_637285-2846.jpg?_wi=1",
|
||||
imageAlt: "Express shipping service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148588802.jpg?_wi=2", imageAlt: "Shipping logistics"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148588802.jpg?_wi=2",
|
||||
imageAlt: "Shipping logistics",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Automated Fulfillment", description: "Streamlined order-to-shipment workflows reduce manual operations and errors", icon: CheckCircle,
|
||||
title: "Automated Fulfillment",
|
||||
description: "Streamlined order-to-shipment workflows reduce manual operations and errors",
|
||||
icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/finances-flat-installment-stamps-set_23-2149405467.jpg?_wi=1", imageAlt: "Secure checkout process"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/finances-flat-installment-stamps-set_23-2149405467.jpg?_wi=1",
|
||||
imageAlt: "Secure checkout process",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-delivery-woman-holding-cardboard-box-while-making-delivery-office-there-are-people-background_637285-2846.jpg?_wi=2", imageAlt: "Fulfillment automation"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-delivery-woman-holding-cardboard-box-while-making-delivery-office-there-are-people-background_637285-2846.jpg?_wi=2",
|
||||
imageAlt: "Fulfillment automation",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Compliance & Age Verification", description: "Built-in age verification and regulatory compliance safeguards for every transaction", icon: Shield,
|
||||
title: "Compliance & Age Verification",
|
||||
description: "Built-in age verification and regulatory compliance safeguards for every transaction",
|
||||
icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/finances-flat-installment-stamps-set_23-2149405467.jpg?_wi=2", imageAlt: "Age verification system"},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/finances-flat-installment-stamps-set_23-2149405467.jpg?_wi=2",
|
||||
imageAlt: "Age verification system",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-industrial-worker-using-tablet-computer-site_74855-5384.jpg?_wi=2", imageAlt: "Compliance certification"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-industrial-worker-using-tablet-computer-site_74855-5384.jpg?_wi=2",
|
||||
imageAlt: "Compliance certification",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -152,17 +193,29 @@ export default function HomePage() {
|
||||
description="Industry-leading performance metrics that demonstrate our commitment to service excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", icon: Package,
|
||||
title: "Orders Shipped", value: "50K+"},
|
||||
id: "1",
|
||||
icon: Package,
|
||||
title: "Orders Shipped",
|
||||
value: "50K+",
|
||||
},
|
||||
{
|
||||
id: "2", icon: Clock,
|
||||
title: "Avg. Ship Time", value: "<24hrs"},
|
||||
id: "2",
|
||||
icon: Clock,
|
||||
title: "Avg. Ship Time",
|
||||
value: "<24hrs",
|
||||
},
|
||||
{
|
||||
id: "3", icon: Users,
|
||||
title: "Active Retailers", value: "1,200+"},
|
||||
id: "3",
|
||||
icon: Users,
|
||||
title: "Active Retailers",
|
||||
value: "1,200+",
|
||||
},
|
||||
{
|
||||
id: "4", icon: TrendingUp,
|
||||
title: "Success Rate", value: "99.8%"},
|
||||
id: "4",
|
||||
icon: TrendingUp,
|
||||
title: "Success Rate",
|
||||
value: "99.8%",
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -178,17 +231,41 @@ export default function HomePage() {
|
||||
tag="Customer Success"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marcus Johnson", handle: "@marcusretail", testimonial: "VapePro eliminated our stockout problems with real-time inventory visibility. Our reorder process is now completely streamlined.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151202445.jpg?_wi=1", imageAlt: "Marcus Johnson"},
|
||||
id: "1",
|
||||
name: "Marcus Johnson",
|
||||
handle: "@marcusretail",
|
||||
testimonial: "VapePro eliminated our stockout problems with real-time inventory visibility. Our reorder process is now completely streamlined.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151202445.jpg?_wi=1",
|
||||
imageAlt: "Marcus Johnson",
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sarah Chen", handle: "@sarahvapeco", testimonial: "The 24-hour shipping is a game-changer. Our customers get orders faster, and our operational costs have dropped significantly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-donations_23-2149196126.jpg?_wi=1", imageAlt: "Sarah Chen"},
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahvapeco",
|
||||
testimonial: "The 24-hour shipping is a game-changer. Our customers get orders faster, and our operational costs have dropped significantly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-donations_23-2149196126.jpg?_wi=1",
|
||||
imageAlt: "Sarah Chen",
|
||||
},
|
||||
{
|
||||
id: "3", name: "David Rodriguez", handle: "@davidbulkbuyer", testimonial: "As a wholesale distributor, the automated fulfillment saved us hours every week. Their compliance features give us peace of mind.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=1", imageAlt: "David Rodriguez"},
|
||||
id: "3",
|
||||
name: "David Rodriguez",
|
||||
handle: "@davidbulkbuyer",
|
||||
testimonial: "As a wholesale distributor, the automated fulfillment saved us hours every week. Their compliance features give us peace of mind.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=1",
|
||||
imageAlt: "David Rodriguez",
|
||||
},
|
||||
{
|
||||
id: "4", name: "Jennifer Liu", handle: "@jenliquids", testimonial: "Best inventory management platform I've used. The integration with major carriers makes shipping effortless. Highly recommend VapePro.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/woman-call-center_23-2147935337.jpg?_wi=1", imageAlt: "Jennifer Liu"},
|
||||
id: "4",
|
||||
name: "Jennifer Liu",
|
||||
handle: "@jenliquids",
|
||||
testimonial: "Best inventory management platform I've used. The integration with major carriers makes shipping effortless. Highly recommend VapePro.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/woman-call-center_23-2147935337.jpg?_wi=1",
|
||||
imageAlt: "Jennifer Liu",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
@@ -204,37 +281,79 @@ export default function HomePage() {
|
||||
tag="Bulk Ordering"
|
||||
plans={[
|
||||
{
|
||||
id: "1", badge: "Starter Retailer", badgeIcon: Sparkles,
|
||||
price: "Volume Based", subtitle: "Perfect for small retail locations", buttons: [
|
||||
id: "1",
|
||||
badge: "Starter Retailer",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Volume Based",
|
||||
subtitle: "Perfect for small retail locations",
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Ordering", href: "/shop"},
|
||||
text: "Start Ordering",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
text: "Contact Sales", href: "/contact"},
|
||||
text: "Contact Sales",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Real-time inventory access", "24-hour fulfillment", "Standard shipping rates", "Dedicated account support", "Monthly reporting dashboard"],
|
||||
"Real-time inventory access",
|
||||
"24-hour fulfillment",
|
||||
"Standard shipping rates",
|
||||
"Dedicated account support",
|
||||
"Monthly reporting dashboard",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Professional Distributor", badgeIcon: Zap,
|
||||
price: "Custom Quote", subtitle: "Ideal for established distributors", buttons: [
|
||||
id: "2",
|
||||
badge: "Professional Distributor",
|
||||
badgeIcon: Zap,
|
||||
price: "Custom Quote",
|
||||
subtitle: "Ideal for established distributors",
|
||||
buttons: [
|
||||
{
|
||||
text: "Request Quote", href: "/contact"},
|
||||
text: "Request Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Schedule Demo", href: "/contact"},
|
||||
text: "Schedule Demo",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Priority inventory allocation", "Priority fulfillment processing", "Negotiated carrier rates", "Dedicated account manager", "Advanced analytics portal", "API integration available"],
|
||||
"Priority inventory allocation",
|
||||
"Priority fulfillment processing",
|
||||
"Negotiated carrier rates",
|
||||
"Dedicated account manager",
|
||||
"Advanced analytics portal",
|
||||
"API integration available",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3", badge: "Enterprise Partner", badgeIcon: Award,
|
||||
price: "Enterprise", subtitle: "For major wholesale operators", buttons: [
|
||||
id: "3",
|
||||
badge: "Enterprise Partner",
|
||||
badgeIcon: Award,
|
||||
price: "Enterprise",
|
||||
subtitle: "For major wholesale operators",
|
||||
buttons: [
|
||||
{
|
||||
text: "Enterprise Contact", href: "/contact"},
|
||||
text: "Enterprise Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More", href: "#"},
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited inventory reservations", "White-label fulfillment options", "Custom shipping solutions", "Dedicated operations team", "Real-time EDI integration", "Custom compliance features", "Quarterly business reviews"],
|
||||
"Unlimited inventory reservations",
|
||||
"White-label fulfillment options",
|
||||
"Custom shipping solutions",
|
||||
"Dedicated operations team",
|
||||
"Real-time EDI integration",
|
||||
"Custom compliance features",
|
||||
"Quarterly business reviews",
|
||||
],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -249,17 +368,35 @@ export default function HomePage() {
|
||||
sideDescription="Get answers to common questions about ordering, shipping, compliance, and account management"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How does age verification work on checkout?", content: "We use industry-standard age verification protocols including postal address confirmation and optional ID verification. All transactions comply with state and federal regulations for nicotine product sales."},
|
||||
id: "1",
|
||||
title: "How does age verification work on checkout?",
|
||||
content: "We use industry-standard age verification protocols including postal address confirmation and optional ID verification. All transactions comply with state and federal regulations for nicotine product sales.",
|
||||
},
|
||||
{
|
||||
id: "2", title: "What is your return and refund policy?", content: "Due to the nature of nicotine products, we maintain a strict no-return policy for opened items. Unopened, defective items can be exchanged within 14 days of delivery. Contact our support team for assistance."},
|
||||
id: "2",
|
||||
title: "What is your return and refund policy?",
|
||||
content: "Due to the nature of nicotine products, we maintain a strict no-return policy for opened items. Unopened, defective items can be exchanged within 14 days of delivery. Contact our support team for assistance.",
|
||||
},
|
||||
{
|
||||
id: "3", title: "How quickly will my order ship?", content: "Most orders process within 24 hours of confirmation. Standard shipping takes 3-5 business days. Express and overnight options are available for an additional fee. Real-time tracking is provided for all shipments."},
|
||||
id: "3",
|
||||
title: "How quickly will my order ship?",
|
||||
content: "Most orders process within 24 hours of confirmation. Standard shipping takes 3-5 business days. Express and overnight options are available for an additional fee. Real-time tracking is provided for all shipments.",
|
||||
},
|
||||
{
|
||||
id: "4", title: "Do you offer wholesale pricing?", content: "Yes, we offer tiered wholesale pricing for retailers and distributors. Volume discounts are available starting at bulk order quantities. Contact our sales team at sales@vapepro.com for custom quotes."},
|
||||
id: "4",
|
||||
title: "Do you offer wholesale pricing?",
|
||||
content: "Yes, we offer tiered wholesale pricing for retailers and distributors. Volume discounts are available starting at bulk order quantities. Contact our sales team at sales@vapepro.com for custom quotes.",
|
||||
},
|
||||
{
|
||||
id: "5", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, Mastercard, American Express), ACH transfers for wholesale accounts, and wire transfers for large orders. All transactions are encrypted and PCI-DSS compliant."},
|
||||
id: "5",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards (Visa, Mastercard, American Express), ACH transfers for wholesale accounts, and wire transfers for large orders. All transactions are encrypted and PCI-DSS compliant.",
|
||||
},
|
||||
{
|
||||
id: "6", title: "Can I integrate your system with my inventory software?", content: "Yes, we offer API integration and direct database connections for wholesale partners. Our technical team can work with your IT department to set up seamless inventory synchronization."},
|
||||
id: "6",
|
||||
title: "Can I integrate your system with my inventory software?",
|
||||
content: "Yes, we offer API integration and direct database connections for wholesale partners. Our technical team can work with your IT department to set up seamless inventory synchronization.",
|
||||
},
|
||||
]}
|
||||
textPosition="left"
|
||||
useInvertedBackground={false}
|
||||
@@ -274,51 +411,87 @@ export default function HomePage() {
|
||||
imageAlt="VapePro fulfillment operations"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Browse Products", href: "/shop"},
|
||||
label: "Browse Products",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals", href: "/shop?filter=new"},
|
||||
label: "New Arrivals",
|
||||
href: "/shop?filter=new",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers", href: "/shop?filter=bestsellers"},
|
||||
label: "Best Sellers",
|
||||
href: "/shop?filter=bestsellers",
|
||||
},
|
||||
{
|
||||
label: "Track Order", href: "/track"},
|
||||
label: "Track Order",
|
||||
href: "/track",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Business", items: [
|
||||
title: "Business",
|
||||
items: [
|
||||
{
|
||||
label: "Wholesale Pricing", href: "/wholesale"},
|
||||
label: "Wholesale Pricing",
|
||||
href: "/wholesale",
|
||||
},
|
||||
{
|
||||
label: "API Documentation", href: "/docs"},
|
||||
label: "API Documentation",
|
||||
href: "/docs",
|
||||
},
|
||||
{
|
||||
label: "Bulk Orders", href: "/bulk"},
|
||||
label: "Bulk Orders",
|
||||
href: "/bulk",
|
||||
},
|
||||
{
|
||||
label: "Partner Program", href: "/partners"},
|
||||
label: "Partner Program",
|
||||
href: "/partners",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us", href: "/contact"},
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Shipping Info", href: "/shipping"},
|
||||
label: "Shipping Info",
|
||||
href: "/shipping",
|
||||
},
|
||||
{
|
||||
label: "Returns Policy", href: "/returns"},
|
||||
label: "Returns Policy",
|
||||
href: "/returns",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "/privacy"},
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service", href: "/terms"},
|
||||
label: "Terms of Service",
|
||||
href: "/terms",
|
||||
},
|
||||
{
|
||||
label: "Compliance", href: "/compliance"},
|
||||
label: "Compliance",
|
||||
href: "/compliance",
|
||||
},
|
||||
{
|
||||
label: "Accessibility", href: "/accessibility"},
|
||||
label: "Accessibility",
|
||||
href: "/accessibility",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user