bender/cb268e77-703c-4e57-ad64-e73b24434e14
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-16 07:51:47 +00:00
parent 9c02b9e7f8
commit b6e11dd18c
1 changed files with 86 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

343
src/app/page.tsx
View File

@@ -40,9 +40,7 @@ const navItems = [
];
const navButton = {
text: "Start Trading",
href: "/signup",
};
text: "Start Trading", href: "/signup"};
export default function HomePage() {
return (
@@ -73,27 +71,19 @@ export default function HomePage() {
background={{ variant: "plain" }}
tag="Peer-to-Peer Trading"
tagIcon={Zap}
tagAnimation="entrance-slide"
tagAnimation="none"
buttons={[
{
text: "Start Trading Now",
href: "/signup",
},
text: "Start Trading Now", href: "/signup"},
{
text: "Watch Demo",
href: "#demo",
},
text: "Watch Demo", href: "#demo"},
]}
buttonAnimation="entrance-slide"
buttonAnimation="none"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-volunteers-charitable-event-handing-out-food-poor-needy-smiles-abound-as-voluntary-individuals-work-together-fight-hunger-provide-support-less-fortunate_482257-68825.jpg",
imageAlt: "Community members trading goods on TradeSphere platform",
},
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-volunteers-charitable-event-handing-out-food-poor-needy-smiles-abound-as-voluntary-individuals-work-together-fight-hunger-provide-support-less-fortunate_482257-68825.jpg", imageAlt: "Community members trading goods on TradeSphere platform"},
{
imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219822.jpg",
imageAlt: "TradeSphere trading dashboard with matches and offers",
},
imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219822.jpg", imageAlt: "TradeSphere trading dashboard with matches and offers"},
]}
mediaAnimation="blur-reveal"
rating={4.8}
@@ -107,29 +97,21 @@ export default function HomePage() {
description="Traditional exchange suffers from information asymmetry, lack of trust, and difficulty finding fair matches. TradeSphere solves this with intelligent matching, transparent valuations, and secure transaction orchestration that builds real community."
tag="Our Mission"
tagIcon={Target}
tagAnimation="entrance-slide"
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173739.jpg?_wi=1"
tagAnimation="none"
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173739.jpg"
imageAlt="Diverse community members exchanging items through TradeSphere"
mediaAnimation="slide-up"
metrics={[
{
value: "50K+",
title: "Active Traders",
},
value: "50K+", title: "Active Traders"},
{
value: "100K+",
title: "Successful Trades",
},
value: "100K+", title: "Successful Trades"},
{
value: "99%",
title: "Trust Score",
},
value: "99%", title: "Trust Score"},
{
value: "50M+",
title: "Items Exchanged",
},
value: "50M+", title: "Items Exchanged"},
]}
metricsAnimation="entrance-slide"
metricsAnimation="none"
useInvertedBackground={false}
/>
</div>
@@ -140,13 +122,10 @@ export default function HomePage() {
description="Three powerful technologies working together to make peer-to-peer trading seamless, fair, and secure."
tag="Smart Matching"
tagIcon={Sparkles}
tagAnimation="entrance-slide"
tagAnimation="none"
features={[
{
title: "Intelligent Matching",
description: "Our AI algorithm analyzes thousands of listings to find perfect matches between what you offer and what you seek.",
bentoComponent: "orbiting-icons",
centerIcon: Search,
title: "Intelligent Matching", description: "Our AI algorithm analyzes thousands of listings to find perfect matches between what you offer and what you seek.", bentoComponent: "orbiting-icons", centerIcon: Search,
items: [
{
icon: User,
@@ -175,51 +154,30 @@ export default function HomePage() {
],
},
{
title: "Fair Value Verification",
description: "Real-time market data combined with community expertise ensures both parties agree on fair exchange values.",
bentoComponent: "icon-info-cards",
items: [
title: "Fair Value Verification", description: "Real-time market data combined with community expertise ensures both parties agree on fair exchange values.", bentoComponent: "icon-info-cards", items: [
{
icon: TrendingUp,
label: "Market Data",
value: "Real-time",
},
label: "Market Data", value: "Real-time"},
{
icon: Users,
label: "Community",
value: "Expert Input",
},
label: "Community", value: "Expert Input"},
{
icon: CheckCircle,
label: "Verified",
value: "Fair Price",
},
label: "Verified", value: "Fair Price"},
],
},
{
title: "Secure Transaction Flow",
description: "Multi-step verification, escrow protection, and mutual confirmation keeps everyone safe throughout the exchange.",
bentoComponent: "timeline",
heading: "Exchange Process",
subheading: "Four simple steps to secure trading",
items: [
title: "Secure Transaction Flow", description: "Multi-step verification, escrow protection, and mutual confirmation keeps everyone safe throughout the exchange.", bentoComponent: "timeline", heading: "Exchange Process", subheading: "Four simple steps to secure trading", items: [
{
label: "Mutual Verification",
detail: "Both parties confirm item condition and authenticity",
},
label: "Mutual Verification", detail: "Both parties confirm item condition and authenticity"},
{
label: "Escrow Protection",
detail: "Items held securely until both sides approve",
},
label: "Escrow Protection", detail: "Items held securely until both sides approve"},
{
label: "Safe Handoff",
detail: "Items exchanged with dispute resolution ready",
},
label: "Safe Handoff", detail: "Items exchanged with dispute resolution ready"},
],
completedLabel: "Trade Complete",
},
completedLabel: "Trade Complete"},
]}
animationType="entrance-slide"
animationType="none"
textboxLayout="default"
useInvertedBackground={true}
/>
@@ -231,59 +189,40 @@ export default function HomePage() {
description="Every feature designed with trust, transparency, and ease of use in mind."
tag="Core Features"
tagIcon={Zap}
tagAnimation="entrance-slide"
tagAnimation="none"
features={[
{
title: "Smart Recommendations",
description: "Get matched with traders who want exactly what you're offering.",
bentoComponent: "3d-card-grid",
items: [
title: "Smart Recommendations", description: "Get matched with traders who want exactly what you're offering.", bentoComponent: "3d-card-grid", items: [
{
name: "Electronics",
icon: Smartphone,
name: "Electronics", icon: Smartphone,
},
{
name: "Clothing",
icon: Shirt,
name: "Clothing", icon: Shirt,
},
{
name: "Books",
icon: BookOpen,
name: "Books", icon: BookOpen,
},
{
name: "Furniture",
icon: Home,
name: "Furniture", icon: Home,
},
],
centerIcon: Search,
},
{
title: "Transparent Ratings",
description: "Community trust scores and verified reviews help you find reliable trading partners.",
bentoComponent: "icon-info-cards",
items: [
title: "Transparent Ratings", description: "Community trust scores and verified reviews help you find reliable trading partners.", bentoComponent: "icon-info-cards", items: [
{
icon: Star,
label: "Rating",
value: "Community Verified",
},
label: "Rating", value: "Community Verified"},
{
icon: Shield,
label: "Trust",
value: "Identity Verified",
},
label: "Trust", value: "Identity Verified"},
{
icon: Zap,
label: "Activity",
value: "Real-time Stats",
},
label: "Activity", value: "Real-time Stats"},
],
},
{
title: "Instant Valuations",
description: "Know exactly what your items are worth before proposing any trade.",
bentoComponent: "animated-bar-chart",
},
title: "Instant Valuations", description: "Know exactly what your items are worth before proposing any trade.", bentoComponent: "animated-bar-chart"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -297,65 +236,29 @@ export default function HomePage() {
description="See what real community members say about their TradeSphere experience."
tag="Community Stories"
tagIcon={Heart}
tagAnimation="entrance-slide"
tagAnimation="none"
testimonials={[
{
id: "1",
name: "Sarah Mitchell",
handle: "@sarah_trader",
testimonial: "I found the exact desk I was looking for and traded my old bookshelf. The verification process gave me complete confidence. Amazing platform!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6779.jpg",
imageAlt: "Sarah Mitchell - satisfied trader",
},
id: "1", name: "Sarah Mitchell", handle: "@sarah_trader", testimonial: "I found the exact desk I was looking for and traded my old bookshelf. The verification process gave me complete confidence. Amazing platform!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-using-app-her-smartphone-device-send-text-message-near-business-buildings_158595-6779.jpg", imageAlt: "Sarah Mitchell - satisfied trader"},
{
id: "2",
name: "Marcus Chen",
handle: "@marcus_exchanges",
testimonial: "Best trading experience I've had. The algorithm matched me with someone who wanted exactly what I had. Fair, transparent, and secure.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-with-smartphone-smiling_74855-3208.jpg",
imageAlt: "Marcus Chen - satisfied trader",
},
id: "2", name: "Marcus Chen", handle: "@marcus_exchanges", testimonial: "Best trading experience I've had. The algorithm matched me with someone who wanted exactly what I had. Fair, transparent, and secure.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-with-smartphone-smiling_74855-3208.jpg", imageAlt: "Marcus Chen - satisfied trader"},
{
id: "3",
name: "Priya Patel",
handle: "@priya_community",
testimonial: "TradeSphere connects real people. I've made friends through trading, not just exchanged items. Love the transparency and trust system.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-near-week-with-book_23-2148294038.jpg",
imageAlt: "Priya Patel - community member",
},
id: "3", name: "Priya Patel", handle: "@priya_community", testimonial: "TradeSphere connects real people. I've made friends through trading, not just exchanged items. Love the transparency and trust system.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-near-week-with-book_23-2148294038.jpg", imageAlt: "Priya Patel - community member"},
{
id: "4",
name: "James Rodriguez",
handle: "@james_trader",
testimonial: "The instant valuation saved me from a bad deal. Platform clearly explains the trade value and protects both parties equally.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-isolated-white_141793-76435.jpg",
imageAlt: "James Rodriguez - satisfied trader",
},
id: "4", name: "James Rodriguez", handle: "@james_trader", testimonial: "The instant valuation saved me from a bad deal. Platform clearly explains the trade value and protects both parties equally.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-isolated-white_141793-76435.jpg", imageAlt: "James Rodriguez - satisfied trader"},
{
id: "5",
name: "Emma Thompson",
handle: "@emma_sustainable",
testimonial: "Love trading on TradeSphere. It's sustainable, community-focused, and actually rewarding. Makes me feel good about every exchange.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-building-her-own-dried-flowers-arrangement_23-2149626693.jpg",
imageAlt: "Emma Thompson - sustainable trader",
},
id: "5", name: "Emma Thompson", handle: "@emma_sustainable", testimonial: "Love trading on TradeSphere. It's sustainable, community-focused, and actually rewarding. Makes me feel good about every exchange.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-building-her-own-dried-flowers-arrangement_23-2149626693.jpg", imageAlt: "Emma Thompson - sustainable trader"},
{
id: "6",
name: "David Kumar",
handle: "@david_verified",
testimonial: "The escrow system is genius. My items were protected throughout the entire process. I trusted TradeSphere completely.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-green-shirt-looking-camera-smiling-showing-small-size-sign-with-fingers-standing-brown-background_141793-133766.jpg",
imageAlt: "David Kumar - verified trader",
},
id: "6", name: "David Kumar", handle: "@david_verified", testimonial: "The escrow system is genius. My items were protected throughout the entire process. I trusted TradeSphere completely.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-green-shirt-looking-camera-smiling-showing-small-size-sign-with-fingers-standing-brown-background_141793-133766.jpg", imageAlt: "David Kumar - verified trader"},
]}
showRating={true}
animationType="entrance-slide"
animationType="none"
textboxLayout="default"
useInvertedBackground={true}
/>
@@ -367,34 +270,18 @@ export default function HomePage() {
description="A rapidly growing community of traders discovering the power of peer-to-peer exchange without money."
tag="Growth"
tagIcon={TrendingUp}
tagAnimation="entrance-slide"
tagAnimation="none"
metrics={[
{
id: "traders",
value: "50K+",
title: "Active Traders",
description: "Join a thriving community across multiple countries",
},
id: "traders", value: "50K+", title: "Active Traders", description: "Join a thriving community across multiple countries"},
{
id: "trades",
value: "100K+",
title: "Successful Trades",
description: "Secure exchanges completed every month",
},
id: "trades", value: "100K+", title: "Successful Trades", description: "Secure exchanges completed every month"},
{
id: "trust",
value: "99%",
title: "Community Trust Score",
description: "Highest ratings from verified traders",
},
id: "trust", value: "99%", title: "Community Trust Score", description: "Highest ratings from verified traders"},
{
id: "categories",
value: "500+",
title: "Item Categories",
description: "Everything from electronics to furniture",
},
id: "categories", value: "500+", title: "Item Categories", description: "Everything from electronics to furniture"},
]}
animationType="entrance-slide"
animationType="none"
textboxLayout="default"
useInvertedBackground={false}
/>
@@ -406,44 +293,26 @@ export default function HomePage() {
description="Everything you need to know about getting started, staying safe, and making great trades."
tag="FAQ"
tagIcon={HelpCircle}
tagAnimation="entrance-slide"
tagAnimation="none"
faqs={[
{
id: "1",
title: "How does value matching work?",
content: "TradeSphere uses real-time market data combined with community expertise to verify fair exchange values. When you propose a trade, our system calculates recommended value ranges for both items, ensuring both parties feel the exchange is equitable before confirming.",
},
id: "1", title: "How does value matching work?", content: "TradeSphere uses real-time market data combined with community expertise to verify fair exchange values. When you propose a trade, our system calculates recommended value ranges for both items, ensuring both parties feel the exchange is equitable before confirming."},
{
id: "2",
title: "Is my personal information safe?",
content: "Yes. We use bank-level encryption for all personal data, implement strict privacy controls, and never share your information with third parties. You control exactly what information is visible to other traders on your profile.",
},
id: "2", title: "Is my personal information safe?", content: "Yes. We use bank-level encryption for all personal data, implement strict privacy controls, and never share your information with third parties. You control exactly what information is visible to other traders on your profile."},
{
id: "3",
title: "What if there's a dispute?",
content: "Our dispute resolution system evaluates evidence from both sides, including photos, timestamps, and community ratings. We maintain an escrow system that holds items until both parties confirm satisfaction, protecting everyone equally.",
},
id: "3", title: "What if there's a dispute?", content: "Our dispute resolution system evaluates evidence from both sides, including photos, timestamps, and community ratings. We maintain an escrow system that holds items until both parties confirm satisfaction, protecting everyone equally."},
{
id: "4",
title: "How do I know if a trader is trustworthy?",
content: "Each trader has a verified profile with community ratings, completed trade count, and identity verification badges. Our algorithm only shows you traders with proven track records of fair exchanges and positive community feedback.",
},
id: "4", title: "How do I know if a trader is trustworthy?", content: "Each trader has a verified profile with community ratings, completed trade count, and identity verification badges. Our algorithm only shows you traders with proven track records of fair exchanges and positive community feedback."},
{
id: "5",
title: "Can I trade items in any condition?",
content: "You can list items in any condition, but you must accurately describe their state. Our verification process includes photos and detailed condition reports from both parties. Misrepresenting items violates our trust policy.",
},
id: "5", title: "Can I trade items in any condition?", content: "You can list items in any condition, but you must accurately describe their state. Our verification process includes photos and detailed condition reports from both parties. Misrepresenting items violates our trust policy."},
{
id: "6",
title: "How long does a trade take?",
content: "The entire process typically takes 3-7 days from match to completion. This includes mutual verification (1-2 days), escrow protection, coordination of handoff location/timing, and final confirmation once both parties have received items.",
},
id: "6", title: "How long does a trade take?", content: "The entire process typically takes 3-7 days from match to completion. This includes mutual verification (1-2 days), escrow protection, coordination of handoff location/timing, and final confirmation once both parties have received items."},
]}
imageSrc="http://img.b2bpic.net/free-photo/business-discussion-coworkers_482257-121871.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/business-discussion-coworkers_482257-121871.jpg"
imageAlt="TradeSphere support team helping traders"
mediaAnimation="blur-reveal"
mediaPosition="right"
faqsAnimation="entrance-slide"
faqsAnimation="none"
textboxLayout="default"
useInvertedBackground={false}
/>
@@ -456,101 +325,61 @@ export default function HomePage() {
{
items: [
{
label: "Home",
href: "/",
},
label: "Home", href: "/"},
{
label: "How It Works",
href: "/how-it-works",
},
label: "How It Works", href: "/how-it-works"},
{
label: "Browse Trades",
href: "/trades",
},
label: "Browse Trades", href: "/trades"},
{
label: "About",
href: "/about",
},
label: "About", href: "/about"},
],
},
{
items: [
{
label: "Safety",
href: "/safety",
},
label: "Safety", href: "/safety"},
{
label: "Community Guidelines",
href: "/guidelines",
},
label: "Community Guidelines", href: "/guidelines"},
{
label: "Verification Process",
href: "/verification",
},
label: "Verification Process", href: "/verification"},
{
label: "Dispute Resolution",
href: "/disputes",
},
label: "Dispute Resolution", href: "/disputes"},
],
},
{
items: [
{
label: "Contact Us",
href: "/contact",
},
label: "Contact Us", href: "/contact"},
{
label: "Support",
href: "/support",
},
label: "Support", href: "/support"},
{
label: "Blog",
href: "/blog",
},
label: "Blog", href: "/blog"},
{
label: "Newsletter",
href: "#newsletter",
},
label: "Newsletter", href: "#newsletter"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "/privacy",
},
label: "Privacy Policy", href: "/privacy"},
{
label: "Terms of Service",
href: "/terms",
},
label: "Terms of Service", href: "/terms"},
{
label: "Cookie Policy",
href: "/cookies",
},
label: "Cookie Policy", href: "/cookies"},
{
label: "Accessibility",
href: "/accessibility",
},
label: "Accessibility", href: "/accessibility"},
],
},
{
items: [
{
label: "Twitter",
href: "https://twitter.com/tradesphere",
},
label: "Twitter", href: "https://twitter.com/tradesphere"},
{
label: "Instagram",
href: "https://instagram.com/tradesphere",
},
label: "Instagram", href: "https://instagram.com/tradesphere"},
{
label: "Facebook",
href: "https://facebook.com/tradesphere",
},
label: "Facebook", href: "https://facebook.com/tradesphere"},
{
label: "LinkedIn",
href: "https://linkedin.com/company/tradesphere",
},
label: "LinkedIn", href: "https://linkedin.com/company/tradesphere"},
],
},
]}