diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 15d24cf..c17ed76 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -88,8 +88,8 @@ export default function AboutPage() { 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=2" + tagAnimation="none" + imageSrc="http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173739.jpg" imageAlt="Diverse community people sharing trading sustainable goods" mediaAnimation="slide-up" metrics={[ @@ -98,7 +98,7 @@ export default function AboutPage() { { value: "99%", title: "Trust Score" }, { value: "50M+", title: "Items Exchanged" }, ]} - metricsAnimation="entrance-slide" + metricsAnimation="none" useInvertedBackground={false} /> @@ -109,13 +109,10 @@ export default function AboutPage() { 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, ring: 1 }, { icon: Package, ring: 1 }, @@ -126,39 +123,24 @@ export default function AboutPage() { ], }, { - 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" }, { icon: User, label: "Community", value: "Expert Input" }, { icon: Check, 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} /> @@ -170,34 +152,18 @@ export default function AboutPage() { 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} /> diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 44d4ee7..1a0b58d 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -87,44 +87,26 @@ export default function ContactPage() { 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=3" + imageSrc="http://img.b2bpic.net/free-photo/business-discussion-coworkers_482257-121871.jpg" imageAlt="customer support team helping traders assistance friendly" mediaAnimation="blur-reveal" mediaPosition="right" - faqsAnimation="entrance-slide" + faqsAnimation="none" textboxLayout="default" useInvertedBackground={false} /> @@ -136,8 +118,8 @@ export default function ContactPage() { description="Have questions about trading on TradeSphere? Our dedicated support team is here to help you succeed. Reach out anytime with inquiries about verification, disputes, or general platform guidance." tag="Contact" tagIcon={Target} - tagAnimation="entrance-slide" - imageSrc="http://img.b2bpic.net/free-photo/business-discussion-coworkers_482257-121871.jpg?_wi=4" + tagAnimation="none" + imageSrc="http://img.b2bpic.net/free-photo/business-discussion-coworkers_482257-121871.jpg" imageAlt="Professional support team members ready to assist traders" mediaAnimation="slide-up" metrics={[ @@ -146,7 +128,7 @@ export default function ContactPage() { { value: "98%", title: "Resolution Rate" }, { value: "50+", title: "Team Members" }, ]} - metricsAnimation="entrance-slide" + metricsAnimation="none" useInvertedBackground={true} /> diff --git a/src/app/how-it-works/page.tsx b/src/app/how-it-works/page.tsx index deb78a2..c3f0ca3 100644 --- a/src/app/how-it-works/page.tsx +++ b/src/app/how-it-works/page.tsx @@ -32,9 +32,7 @@ const navItems = [ ]; const navButton = { - text: "Start Trading", - href: "/signup", -}; + text: "Start Trading", href: "/signup"}; export default function HowItWorksPage() { return ( @@ -64,13 +62,10 @@ export default function HowItWorksPage() { description="Discover the step-by-step journey from listing your first item to completing your first successful trade with confidence." tag="Smart Matching Engine" tagIcon={Sparkles} - tagAnimation="entrance-slide" + tagAnimation="none" features={[ { - title: "Step 1: Create Your Profile & List Items", - description: "Start by setting up your verified profile and adding items you want to trade. Take clear photos, provide detailed descriptions, and set your asking value.", - bentoComponent: "orbiting-icons", - centerIcon: Search, + title: "Step 1: Create Your Profile & List Items", description: "Start by setting up your verified profile and adding items you want to trade. Take clear photos, provide detailed descriptions, and set your asking value.", bentoComponent: "orbiting-icons", centerIcon: Search, items: [ { icon: User, @@ -99,51 +94,30 @@ export default function HowItWorksPage() { ], }, { - title: "Step 2: Get Matched with Traders", - description: "Our AI algorithm analyzes your items and finds other traders whose offerings align with your interests. You'll receive personalized match recommendations based on your preferences.", - bentoComponent: "icon-info-cards", - items: [ + title: "Step 2: Get Matched with Traders", description: "Our AI algorithm analyzes your items and finds other traders whose offerings align with your interests. You'll receive personalized match recommendations based on your preferences.", bentoComponent: "icon-info-cards", items: [ { icon: TrendingUp, - label: "AI Matching", - value: "Personalized", - }, + label: "AI Matching", value: "Personalized"}, { icon: Users, - label: "Community", - value: "Verified Traders", - }, + label: "Community", value: "Verified Traders"}, { icon: CheckCircle, - label: "Suggestions", - value: "Real-time", - }, + label: "Suggestions", value: "Real-time"}, ], }, { - title: "Step 3: Mutual Verification & Agreement", - description: "Review the proposed trade, verify item conditions, and agree on values. Both parties confirm they're satisfied with the exchange terms before proceeding.", - bentoComponent: "timeline", - heading: "Verification Process", - subheading: "Building trust step by step", - items: [ + title: "Step 3: Mutual Verification & Agreement", description: "Review the proposed trade, verify item conditions, and agree on values. Both parties confirm they're satisfied with the exchange terms before proceeding.", bentoComponent: "timeline", heading: "Verification Process", subheading: "Building trust step by step", items: [ { - label: "Item Review", - detail: "Examine photos and descriptions carefully", - }, + label: "Item Review", detail: "Examine photos and descriptions carefully"}, { - label: "Value Confirmation", - detail: "Both parties agree on fair exchange value", - }, + label: "Value Confirmation", detail: "Both parties agree on fair exchange value"}, { - label: "Agreement", - detail: "Confirm you're ready to trade", - }, + label: "Agreement", detail: "Confirm you're ready to trade"}, ], - completedLabel: "Ready to Trade", - }, + completedLabel: "Ready to Trade"}, ]} - animationType="entrance-slide" + animationType="none" textboxLayout="default" useInvertedBackground={true} /> @@ -155,34 +129,18 @@ export default function HowItWorksPage() { description="Learn how our platform delivers trust, transparency, and ease at every stage of your trading journey." tag="Platform Benefits" tagIcon={TrendingUp} - tagAnimation="entrance-slide" + tagAnimation="none" metrics={[ { - id: "speed", - value: "3-7", - title: "Days to Complete Trade", - description: "Fast, streamlined process from match to completion with mutual confirmation", - }, + id: "speed", value: "3-7", title: "Days to Complete Trade", description: "Fast, streamlined process from match to completion with mutual confirmation"}, { - id: "escrow", - value: "100%", - title: "Escrow Protection", - description: "Your items are held safely by TradeSphere until both parties confirm receipt", - }, + id: "escrow", value: "100%", title: "Escrow Protection", description: "Your items are held safely by TradeSphere until both parties confirm receipt"}, { - id: "verification", - value: "Multi-Step", - title: "Verification System", - description: "Identity checks, condition verification, and rating history all transparent", - }, + id: "verification", value: "Multi-Step", title: "Verification System", description: "Identity checks, condition verification, and rating history all transparent"}, { - id: "disputes", - value: "Fair", - title: "Dispute Resolution", - description: "Impartial review of evidence from both parties with community consensus", - }, + id: "disputes", value: "Fair", title: "Dispute Resolution", description: "Impartial review of evidence from both parties with community consensus"}, ]} - animationType="entrance-slide" + animationType="none" textboxLayout="default" useInvertedBackground={false} /> @@ -194,44 +152,26 @@ export default function HowItWorksPage() { description="Get detailed answers about the trading process, verification, and how to get started." tag="Process Guide" tagIcon={HelpCircle} - tagAnimation="entrance-slide" + tagAnimation="none" faqs={[ { - id: "1", - title: "What exactly happens during the matching process?", - content: "Our AI algorithm analyzes your listed items and your wishlist, then compares them against thousands of other traders' profiles. When it finds a match where you want what they have and they want what you have, it suggests the trade to both parties. You can accept, decline, or make a counter-offer.", - }, + id: "1", title: "What exactly happens during the matching process?", content: "Our AI algorithm analyzes your listed items and your wishlist, then compares them against thousands of other traders' profiles. When it finds a match where you want what they have and they want what you have, it suggests the trade to both parties. You can accept, decline, or make a counter-offer."}, { - id: "2", - title: "How is item value determined?", - content: "Values are determined using real-time market data from multiple sources combined with community expertise from verified traders. When you propose a trade, both parties can see the valuation logic and rationale. If there's a significant value difference, our system guides you toward a fairer exchange.", - }, + id: "2", title: "How is item value determined?", content: "Values are determined using real-time market data from multiple sources combined with community expertise from verified traders. When you propose a trade, both parties can see the valuation logic and rationale. If there's a significant value difference, our system guides you toward a fairer exchange."}, { - id: "3", - title: "What is the escrow protection system?", - content: "Once both parties agree to trade, TradeSphere holds your items in secure escrow. When you ship your items to the other trader, they do the same. Neither party receives their trade until both confirm they've received items in the expected condition. This protects everyone equally.", - }, + id: "3", title: "What is the escrow protection system?", content: "Once both parties agree to trade, TradeSphere holds your items in secure escrow. When you ship your items to the other trader, they do the same. Neither party receives their trade until both confirm they've received items in the expected condition. This protects everyone equally."}, { - id: "4", - title: "How long does shipping usually take?", - content: "Shipping times depend on your locations and chosen carrier. Most trades are coordinated for standard ground shipping (3-5 business days). You and your trading partner can arrange faster shipping if desired. The escrow protection remains until both confirm receipt.", - }, + id: "4", title: "How long does shipping usually take?", content: "Shipping times depend on your locations and chosen carrier. Most trades are coordinated for standard ground shipping (3-5 business days). You and your trading partner can arrange faster shipping if desired. The escrow protection remains until both confirm receipt."}, { - id: "5", - title: "What if items arrive damaged?", - content: "Our system allows you to document damage with photos and file a claim within 48 hours of receipt. Both parties present their evidence - packaging quality, condition reports, shipping carrier info. Our dispute resolution team reviews and makes a fair decision, often allowing re-shipping or alternative compensation.", - }, + id: "5", title: "What if items arrive damaged?", content: "Our system allows you to document damage with photos and file a claim within 48 hours of receipt. Both parties present their evidence - packaging quality, condition reports, shipping carrier info. Our dispute resolution team reviews and makes a fair decision, often allowing re-shipping or alternative compensation."}, { - id: "6", - title: "Can I cancel a trade after agreeing?", - content: "Yes, but it depends on the stage. Before both parties ship items, you can mutually cancel. If items are already shipped, you'll need to work with the other trader and potentially our dispute resolution team. Frequent cancellations may affect your trader reputation.", - }, + id: "6", title: "Can I cancel a trade after agreeing?", content: "Yes, but it depends on the stage. Before both parties ship items, you can mutually cancel. If items are already shipped, you'll need to work with the other trader and potentially our dispute resolution team. Frequent cancellations may affect your trader reputation."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/business-discussion-coworkers_482257-121871.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/business-discussion-coworkers_482257-121871.jpg" imageAlt="TradeSphere platform team explaining process" mediaAnimation="blur-reveal" mediaPosition="left" - faqsAnimation="entrance-slide" + faqsAnimation="none" textboxLayout="default" useInvertedBackground={false} /> @@ -244,101 +184,61 @@ export default function HowItWorksPage() { { 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"}, ], }, ]} diff --git a/src/app/page.tsx b/src/app/page.tsx index 53b2b46..a37fb64 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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} /> @@ -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"}, ], }, ]}