Update src/app/page.tsx
This commit is contained in:
290
src/app/page.tsx
290
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "results",
|
||||
},
|
||||
name: "Results", id: "results"},
|
||||
{
|
||||
name: "Training",
|
||||
id: "training",
|
||||
},
|
||||
name: "Training", id: "training"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ChinaLearn"
|
||||
/>
|
||||
@@ -60,29 +52,21 @@ export default function LandingPage() {
|
||||
description="Learn to source, buy, and import goods from Taobao, 1688, Pinduoduo, and Poison with our expert-led, 4-day intensive training program."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#training",
|
||||
},
|
||||
text: "Start Learning", href: "#training"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-base-operations-chinese-government-spread-misinformation_482257-124904.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-base-operations-chinese-government-spread-misinformation_482257-124904.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-arrays-processing-neural-network-datasets_482257-124389.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-arrays-processing-neural-network-datasets_482257-124389.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopper-using-online-store-mobile-app-phone-examining-modern-fashion-items-collection-buying-merchandise-boutique-client-looking-clothing-line-retail-shop-website_482257-67405.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopper-using-online-store-mobile-app-phone-examining-modern-fashion-items-collection-buying-merchandise-boutique-client-looking-clothing-line-retail-shop-website_482257-67405.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051392.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051392.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-taking-notes_23-2148888827.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-taking-notes_23-2148888827.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-using-tablet-test-solar-panel-designs_482257-119461.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-using-tablet-test-solar-panel-designs_482257-119461.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,41 +79,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Smart Home Hubs",
|
||||
price: "High Margin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-base-operations-chinese-government-spread-misinformation_482257-124904.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Smart Home Hubs", price: "High Margin", imageSrc: "http://img.b2bpic.net/free-photo/military-base-operations-chinese-government-spread-misinformation_482257-124904.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Custom Electronics",
|
||||
price: "High Demand",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-arrays-processing-neural-network-datasets_482257-124389.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Custom Electronics", price: "High Demand", imageSrc: "http://img.b2bpic.net/free-photo/server-room-arrays-processing-neural-network-datasets_482257-124389.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Unique Fashion Accessories",
|
||||
price: "Trend Focused",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopper-using-online-store-mobile-app-phone-examining-modern-fashion-items-collection-buying-merchandise-boutique-client-looking-clothing-line-retail-shop-website_482257-67405.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Unique Fashion Accessories", price: "Trend Focused", imageSrc: "http://img.b2bpic.net/free-photo/shopper-using-online-store-mobile-app-phone-examining-modern-fashion-items-collection-buying-merchandise-boutique-client-looking-clothing-line-retail-shop-website_482257-67405.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Portable Tech Gadgets",
|
||||
price: "Best Seller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051392.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Portable Tech Gadgets", price: "Best Seller", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051392.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Home Decor Aesthetics",
|
||||
price: "High Appeal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-taking-notes_23-2148888827.jpg?_wi=2",
|
||||
},
|
||||
id: "p5", name: "Home Decor Aesthetics", price: "High Appeal", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-taking-notes_23-2148888827.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Kitchen Automation Tools",
|
||||
price: "Essential Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-using-tablet-test-solar-panel-designs_482257-119461.jpg?_wi=2",
|
||||
},
|
||||
id: "p6", name: "Kitchen Automation Tools", price: "Essential Tech", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-using-tablet-test-solar-panel-designs_482257-119461.jpg"},
|
||||
]}
|
||||
title="Success Stories: Products Sourced by Students"
|
||||
description="Discover what our students are bringing in from China and the profit benefits."
|
||||
@@ -143,20 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "training-plan",
|
||||
name: "Marketplace Mastery",
|
||||
price: "0 Rubles",
|
||||
features: [
|
||||
"Daily live support during training",
|
||||
"Access to verified supplier databases",
|
||||
"Complete shipping optimization guide",
|
||||
"Payment gateway setup mastery",
|
||||
"4 days of intensive guidance",
|
||||
],
|
||||
id: "training-plan", name: "Marketplace Mastery", price: "0 Rubles", features: [
|
||||
"Daily live support during training", "Access to verified supplier databases", "Complete shipping optimization guide", "Payment gateway setup mastery", "4 days of intensive guidance"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Enroll Now",
|
||||
},
|
||||
text: "Enroll Now"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -172,76 +123,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Knowledge",
|
||||
description: "Learn from professionals with years of direct China-market experience.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-base-operations-chinese-government-spread-misinformation_482257-124904.jpg?_wi=3",
|
||||
},
|
||||
title: "Expert Knowledge", description: "Learn from professionals with years of direct China-market experience.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-base-operations-chinese-government-spread-misinformation_482257-124904.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Practical experience",
|
||||
},
|
||||
text: "Practical experience"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Proven sourcing strategies",
|
||||
},
|
||||
text: "Proven sourcing strategies"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Avoiding common scams",
|
||||
},
|
||||
text: "Avoiding common scams"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-base-operations-chinese-government-spread-misinformation_482257-124904.jpg?_wi=4",
|
||||
imageAlt: "logistics digital interface",
|
||||
},
|
||||
{
|
||||
title: "Hands-On Support",
|
||||
description: "We don't just teach theory; we guide your first orders through the platforms.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-arrays-processing-neural-network-datasets_482257-124389.jpg?_wi=3",
|
||||
},
|
||||
title: "Hands-On Support", description: "We don't just teach theory; we guide your first orders through the platforms.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-arrays-processing-neural-network-datasets_482257-124389.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Live order assistance",
|
||||
},
|
||||
text: "Live order assistance"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Translation help provided",
|
||||
},
|
||||
text: "Translation help provided"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Custom logistics plans",
|
||||
},
|
||||
text: "Custom logistics plans"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-arrays-processing-neural-network-datasets_482257-124389.jpg?_wi=4",
|
||||
imageAlt: "modern automated warehouse",
|
||||
},
|
||||
{
|
||||
title: "Platform Diversity",
|
||||
description: "Master multiple marketplaces simultaneously.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopper-using-online-store-mobile-app-phone-examining-modern-fashion-items-collection-buying-merchandise-boutique-client-looking-clothing-line-retail-shop-website_482257-67405.jpg?_wi=3",
|
||||
},
|
||||
title: "Platform Diversity", description: "Master multiple marketplaces simultaneously.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopper-using-online-store-mobile-app-phone-examining-modern-fashion-items-collection-buying-merchandise-boutique-client-looking-clothing-line-retail-shop-website_482257-67405.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Taobao & 1688 mastery",
|
||||
},
|
||||
text: "Taobao & 1688 mastery"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Pinduoduo sourcing",
|
||||
},
|
||||
text: "Pinduoduo sourcing"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Poison verification tips",
|
||||
},
|
||||
text: "Poison verification tips"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopper-using-online-store-mobile-app-phone-examining-modern-fashion-items-collection-buying-merchandise-boutique-client-looking-clothing-line-retail-shop-website_482257-67405.jpg?_wi=4",
|
||||
imageAlt: "online shopping apps interface",
|
||||
},
|
||||
]}
|
||||
title="Three Advantages of Our Training"
|
||||
@@ -264,45 +191,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex P.",
|
||||
role: "Entrepreneur",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-beautiful-woman-student-smiling-holding-books-university-education-concept_176420-12453.jpg",
|
||||
},
|
||||
id: "1", name: "Alex P.", role: "Entrepreneur", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-beautiful-woman-student-smiling-holding-books-university-education-concept_176420-12453.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Masha V.",
|
||||
role: "Start-up Founder",
|
||||
company: "MarketLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
|
||||
},
|
||||
id: "2", name: "Masha V.", role: "Start-up Founder", company: "MarketLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dmitry R.",
|
||||
role: "E-commerce Owner",
|
||||
company: "TechTrade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-business-woman-secretary-holding-laptop-modern-office_1258-104572.jpg",
|
||||
},
|
||||
id: "3", name: "Dmitry R.", role: "E-commerce Owner", company: "TechTrade", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-business-woman-secretary-holding-laptop-modern-office_1258-104572.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena S.",
|
||||
role: "Buyer",
|
||||
company: "FashionPro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
|
||||
},
|
||||
id: "4", name: "Elena S.", role: "Buyer", company: "FashionPro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ivan K.",
|
||||
role: "Logistics Expert",
|
||||
company: "GlobalFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
},
|
||||
id: "5", name: "Ivan K.", role: "Logistics Expert", company: "GlobalFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg"},
|
||||
]}
|
||||
title="Hear From Our Successful Students"
|
||||
description="Read success stories from students currently running profitable businesses."
|
||||
@@ -316,76 +218,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "1. Foundation Setup",
|
||||
description: "Account creation and identity verification on all marketplaces.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051392.jpg?_wi=3",
|
||||
},
|
||||
title: "1. Foundation Setup", description: "Account creation and identity verification on all marketplaces.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051392.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Platform registration",
|
||||
},
|
||||
text: "Platform registration"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Passport prep",
|
||||
},
|
||||
text: "Passport prep"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Security protocols",
|
||||
},
|
||||
text: "Security protocols"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051392.jpg?_wi=4",
|
||||
imageAlt: "global trade digital lines",
|
||||
},
|
||||
{
|
||||
title: "2. Supplier Mastery",
|
||||
description: "Learning to distinguish reliable suppliers from generic ones.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-taking-notes_23-2148888827.jpg?_wi=3",
|
||||
},
|
||||
title: "2. Supplier Mastery", description: "Learning to distinguish reliable suppliers from generic ones.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-taking-notes_23-2148888827.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Ranking analysis",
|
||||
},
|
||||
text: "Ranking analysis"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Direct communication",
|
||||
},
|
||||
text: "Direct communication"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Quality validation",
|
||||
},
|
||||
text: "Quality validation"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-taking-notes_23-2148888827.jpg?_wi=4",
|
||||
imageAlt: "professional learning ecommerce",
|
||||
},
|
||||
{
|
||||
title: "3. Shipping & Logistics",
|
||||
description: "Managing your goods from China to your doorstep safely.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-using-tablet-test-solar-panel-designs_482257-119461.jpg?_wi=3",
|
||||
},
|
||||
title: "3. Shipping & Logistics", description: "Managing your goods from China to your doorstep safely.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-using-tablet-test-solar-panel-designs_482257-119461.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Consolidation guide",
|
||||
},
|
||||
text: "Consolidation guide"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Tax management",
|
||||
},
|
||||
text: "Tax management"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Tracking mastery",
|
||||
},
|
||||
text: "Tracking mastery"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-using-tablet-test-solar-panel-designs_482257-119461.jpg?_wi=4",
|
||||
imageAlt: "shipping logistics preparation",
|
||||
},
|
||||
]}
|
||||
title="Three Training Steps"
|
||||
@@ -400,20 +278,11 @@ export default function LandingPage() {
|
||||
tag="Market Opportunities"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "70%",
|
||||
description: "Average cost savings",
|
||||
},
|
||||
id: "m1", value: "70%", description: "Average cost savings"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1000s",
|
||||
description: "New products weekly",
|
||||
},
|
||||
id: "m2", value: "1000s", description: "New products weekly"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Global",
|
||||
description: "Worldwide reach potential",
|
||||
},
|
||||
id: "m3", value: "Global", description: "Worldwide reach potential"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -425,35 +294,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Direct Supplier Database",
|
||||
content: "Instant access to vetted manufacturer lists.",
|
||||
},
|
||||
id: "a1", title: "Direct Supplier Database", content: "Instant access to vetted manufacturer lists."},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Logistic Forwarder List",
|
||||
content: "Our recommended partners for shipping.",
|
||||
},
|
||||
id: "a2", title: "Logistic Forwarder List", content: "Our recommended partners for shipping."},
|
||||
{
|
||||
id: "a3",
|
||||
title: "Platform Plugins",
|
||||
content: "Tools to automate browsing.",
|
||||
},
|
||||
id: "a3", title: "Platform Plugins", content: "Tools to automate browsing."},
|
||||
{
|
||||
id: "a4",
|
||||
title: "Troubleshooting Support",
|
||||
content: "Direct chat access to trainers.",
|
||||
},
|
||||
id: "a4", title: "Troubleshooting Support", content: "Direct chat access to trainers."},
|
||||
{
|
||||
id: "a5",
|
||||
title: "Tax Compliance Guide",
|
||||
content: "How to handle import documents.",
|
||||
},
|
||||
id: "a5", title: "Tax Compliance Guide", content: "How to handle import documents."},
|
||||
{
|
||||
id: "a6",
|
||||
title: "Scaling Strategy",
|
||||
content: "How to turn sourcing into a business.",
|
||||
},
|
||||
id: "a6", title: "Scaling Strategy", content: "How to turn sourcing into a business."},
|
||||
]}
|
||||
title="Access After Training"
|
||||
description="What you get once the 4 days conclude."
|
||||
@@ -465,8 +316,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
tag="Get Started"
|
||||
title="Join Our Next Training Cohort"
|
||||
description="Ready to start your sourcing journey? Fill in the form below and we'll reach out."
|
||||
|
||||
Reference in New Issue
Block a user