Merge version_1 into main #2
136
src/app/page.tsx
136
src/app/page.tsx
@@ -23,6 +23,25 @@ import {
|
||||
HelpCircle,
|
||||
} from "lucide-react";
|
||||
|
||||
const assetMap: Record<string, string> = {
|
||||
"hero-earnings":
|
||||
"http://img.b2bpic.net/free-photo/workplace-with-money-notebookus-dollar-banknotes-near-laptop_158538-26284.jpg", "survey-app":
|
||||
"http://img.b2bpic.net/free-photo/cropped-hands-filling-out-online-survey-smartphone-touchscreen_1098-18940.jpg", "freelancing-work":
|
||||
"http://img.b2bpic.net/free-photo/home-based-entrepreneur-using-laptop-online-trading-project-management_482257-94878.jpg", "content-creation":
|
||||
"http://img.b2bpic.net/free-photo/smiling-young-man-filming-his-video-blog-episode_171337-5536.jpg", "affiliate-marketing":
|
||||
"http://img.b2bpic.net/free-photo/promotion-marketing-advertising-branding-sale-concept_53876-133670.jpg", "user-testing":
|
||||
"http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16293.jpg", "platform-screenshot-1":
|
||||
"http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg", "platform-screenshot-2":
|
||||
"http://img.b2bpic.net/free-vector/cashback-concept-theme_23-2148451850.jpg", "testimonial-1":
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", "testimonial-2":
|
||||
"http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", "testimonial-3":
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg", "testimonial-4":
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"};
|
||||
|
||||
function resolveAsset(assetId: string): string {
|
||||
return assetMap[assetId] || "/placeholders/placeholder1.webp";
|
||||
}
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -64,15 +83,20 @@ export default function LandingPage() {
|
||||
background={{ variant: "blurBottom" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-money-notebookus-dollar-banknotes-near-laptop_158538-26284.jpg?_wi=1", imageAlt: "Online earnings dashboard"},
|
||||
imageSrc: resolveAsset("hero-earnings"),
|
||||
imageAlt: "Online earnings dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-hands-filling-out-online-survey-smartphone-touchscreen_1098-18940.jpg?_wi=1", imageAlt: "Survey app earning"},
|
||||
imageSrc: resolveAsset("survey-app"),
|
||||
imageAlt: "Survey app earning"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-based-entrepreneur-using-laptop-online-trading-project-management_482257-94878.jpg?_wi=1", imageAlt: "Freelancing opportunity"},
|
||||
imageSrc: resolveAsset("freelancing-work"),
|
||||
imageAlt: "Freelancing opportunity"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-filming-his-video-blog-episode_171337-5536.jpg?_wi=1", imageAlt: "Content creation income"},
|
||||
imageSrc: resolveAsset("content-creation"),
|
||||
imageAlt: "Content creation income"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/promotion-marketing-advertising-branding-sale-concept_53876-133670.jpg?_wi=1", imageAlt: "Affiliate marketing success"},
|
||||
imageSrc: resolveAsset("affiliate-marketing"),
|
||||
imageAlt: "Affiliate marketing success"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -89,57 +113,75 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Survey Apps & Rewards", description: "Complete surveys, watch videos, and answer questions for cash or gift cards. Typical earnings: $50-200/month with consistent effort.", icon: MessageSquare,
|
||||
title: "Survey Apps & Rewards", description:
|
||||
"Complete surveys, watch videos, and answer questions for cash or gift cards. Typical earnings: $50-200/month with consistent effort.", icon: MessageSquare,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-hands-filling-out-online-survey-smartphone-touchscreen_1098-18940.jpg?_wi=2", imageAlt: "Survey app interface"},
|
||||
imageSrc: resolveAsset("survey-app"),
|
||||
imageAlt: "Survey app interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16293.jpg?_wi=1", imageAlt: "Payment proof"},
|
||||
imageSrc: resolveAsset("user-testing"),
|
||||
imageAlt: "Payment proof"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Freelancing & Gig Work", description: "Offer skills like writing, design, programming, or virtual assistance on platforms like Upwork and Fiverr. Earnings scale with experience.", icon: Code,
|
||||
title: "Freelancing & Gig Work", description:
|
||||
"Offer skills like writing, design, programming, or virtual assistance on platforms like Upwork and Fiverr. Earnings scale with experience.", icon: Code,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-based-entrepreneur-using-laptop-online-trading-project-management_482257-94878.jpg?_wi=2", imageAlt: "Freelance project"},
|
||||
imageSrc: resolveAsset("freelancing-work"),
|
||||
imageAlt: "Freelance project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg?_wi=1", imageAlt: "Freelance earnings"},
|
||||
imageSrc: resolveAsset("platform-screenshot-1"),
|
||||
imageAlt: "Freelance earnings"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Content Creation & Monetization", description: "Build an audience on YouTube, TikTok, or blogs. Monetize through ads, sponsorships, and affiliate commissions. Takes time to build income.", icon: Video,
|
||||
title: "Content Creation & Monetization", description:
|
||||
"Build an audience on YouTube, TikTok, or blogs. Monetize through ads, sponsorships, and affiliate commissions. Takes time to build income.", icon: Video,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-filming-his-video-blog-episode_171337-5536.jpg?_wi=2", imageAlt: "Content creator dashboard"},
|
||||
imageSrc: resolveAsset("content-creation"),
|
||||
imageAlt: "Content creator dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/promotion-marketing-advertising-branding-sale-concept_53876-133670.jpg?_wi=2", imageAlt: "Revenue dashboard"},
|
||||
imageSrc: resolveAsset("affiliate-marketing"),
|
||||
imageAlt: "Revenue dashboard"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Affiliate Marketing & Referrals", description: "Promote products and earn commissions per sale or referral. Passive income potential with proper audience targeting and trust.", icon: Share2,
|
||||
title: "Affiliate Marketing & Referrals", description:
|
||||
"Promote products and earn commissions per sale or referral. Passive income potential with proper audience targeting and trust.", icon: Share2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/promotion-marketing-advertising-branding-sale-concept_53876-133670.jpg?_wi=3", imageAlt: "Affiliate dashboard"},
|
||||
imageSrc: resolveAsset("affiliate-marketing"),
|
||||
imageAlt: "Affiliate dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cashback-concept-theme_23-2148451850.jpg?_wi=1", imageAlt: "Commission tracking"},
|
||||
imageSrc: resolveAsset("platform-screenshot-2"),
|
||||
imageAlt: "Commission tracking"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "User Testing & Beta Programs", description: "Test websites, apps, and prototypes. Get paid $10-60 per test. Immediate payouts through PayPal or gift cards.", icon: Beaker,
|
||||
title: "User Testing & Beta Programs", description:
|
||||
"Test websites, apps, and prototypes. Get paid $10-60 per test. Immediate payouts through PayPal or gift cards.", icon: Beaker,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16293.jpg?_wi=2", imageAlt: "User testing platform"},
|
||||
imageSrc: resolveAsset("user-testing"),
|
||||
imageAlt: "User testing platform"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg?_wi=2", imageAlt: "Test opportunities"},
|
||||
imageSrc: resolveAsset("platform-screenshot-1"),
|
||||
imageAlt: "Test opportunities"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Reselling & E-Commerce", description: "Buy low-cost items and resell on Etsy, eBay, or Amazon. Requires initial inventory investment but proven profit margins.", icon: ShoppingCart,
|
||||
title: "Reselling & E-Commerce", description:
|
||||
"Buy low-cost items and resell on Etsy, eBay, or Amazon. Requires initial inventory investment but proven profit margins.", icon: ShoppingCart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cashback-concept-theme_23-2148451850.jpg?_wi=2", imageAlt: "E-commerce store"},
|
||||
imageSrc: resolveAsset("platform-screenshot-2"),
|
||||
imageAlt: "E-commerce store"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-money-notebookus-dollar-banknotes-near-laptop_158538-26284.jpg?_wi=2", imageAlt: "Sales dashboard"},
|
||||
imageSrc: resolveAsset("hero-earnings"),
|
||||
imageAlt: "Sales dashboard"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -159,22 +201,28 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "swagbucks", name: "Swagbucks", price: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/cropped-hands-filling-out-online-survey-smartphone-touchscreen_1098-18940.jpg?_wi=3", imageAlt: "Swagbucks platform", initialQuantity: 1,
|
||||
id: "swagbucks", name: "Swagbucks", price: "Popular", imageSrc: resolveAsset("survey-app"),
|
||||
imageAlt: "Swagbucks platform", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "upwork", name: "Upwork", price: "Freelance Leader", imageSrc: "http://img.b2bpic.net/free-photo/home-based-entrepreneur-using-laptop-online-trading-project-management_482257-94878.jpg?_wi=3", imageAlt: "Upwork freelancing", initialQuantity: 1,
|
||||
id: "upwork", name: "Upwork", price: "Freelance Leader", imageSrc: resolveAsset("freelancing-work"),
|
||||
imageAlt: "Upwork freelancing", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "user-testing", name: "UserTesting", price: "Quick Payments", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16293.jpg?_wi=3", imageAlt: "UserTesting platform", initialQuantity: 1,
|
||||
id: "user-testing", name: "UserTesting", price: "Quick Payments", imageSrc: resolveAsset("user-testing"),
|
||||
imageAlt: "UserTesting platform", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "fiverr", name: "Fiverr", price: "Skills-Based", imageSrc: "http://img.b2bpic.net/free-photo/home-based-entrepreneur-using-laptop-online-trading-project-management_482257-94878.jpg?_wi=4", imageAlt: "Fiverr services", initialQuantity: 1,
|
||||
id: "fiverr", name: "Fiverr", price: "Skills-Based", imageSrc: resolveAsset("freelancing-work"),
|
||||
imageAlt: "Fiverr services", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "amazon-mturk", name: "Amazon Mechanical Turk", price: "Beginner-Friendly", imageSrc: "http://img.b2bpic.net/free-photo/cropped-hands-filling-out-online-survey-smartphone-touchscreen_1098-18940.jpg?_wi=4", imageAlt: "Amazon MTurk tasks", initialQuantity: 1,
|
||||
id: "amazon-mturk", name: "Amazon Mechanical Turk", price: "Beginner-Friendly", imageSrc: resolveAsset("survey-app"),
|
||||
imageAlt: "Amazon MTurk tasks", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "ysense", name: "ySense", price: "Global Access", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-template-flat-style_23-2148219823.jpg?_wi=3", imageAlt: "ySense rewards", initialQuantity: 1,
|
||||
id: "ysense", name: "ySense", price: "Global Access", imageSrc: resolveAsset("platform-screenshot-1"),
|
||||
imageAlt: "ySense rewards", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -217,16 +265,20 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen", role: "Student", company: "University of Michigan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Sarah Chen"},
|
||||
imageSrc: resolveAsset("testimonial-1"),
|
||||
imageAlt: "Sarah Chen"},
|
||||
{
|
||||
id: "2", name: "Marcus Williams", role: "Stay-at-Home Parent", company: "Independent", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "Marcus Williams"},
|
||||
imageSrc: resolveAsset("testimonial-2"),
|
||||
imageAlt: "Marcus Williams"},
|
||||
{
|
||||
id: "3", name: "Jennifer Rodriguez", role: "Freelancer", company: "Self-Employed", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg", imageAlt: "Jennifer Rodriguez"},
|
||||
imageSrc: resolveAsset("testimonial-3"),
|
||||
imageAlt: "Jennifer Rodriguez"},
|
||||
{
|
||||
id: "4", name: "David Thompson", role: "Side Hustler", company: "Tech Company", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "David Thompson"},
|
||||
imageSrc: resolveAsset("testimonial-4"),
|
||||
imageAlt: "David Thompson"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.8/5", label: "Average Platform Rating" },
|
||||
@@ -248,17 +300,23 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I avoid online earning scams?", content: "Always research platforms before joining. Look for user reviews, payment proof, and verify company legitimacy. Red flags include requests for upfront payments, guaranteed high earnings, or personal financial information beyond what's necessary."},
|
||||
id: "1", title: "How do I avoid online earning scams?", content:
|
||||
"Always research platforms before joining. Look for user reviews, payment proof, and verify company legitimacy. Red flags include requests for upfront payments, guaranteed high earnings, or personal financial information beyond what's necessary."},
|
||||
{
|
||||
id: "2", title: "How much can I realistically earn monthly?", content: "Earnings vary by method and effort. Surveys: $50-200/month. Freelancing: $200-2000+/month depending on skills. Content creation: $0-5000+/month once established. Most users earn $150-500 monthly as supplementary income."},
|
||||
id: "2", title: "How much can I realistically earn monthly?", content:
|
||||
"Earnings vary by method and effort. Surveys: $50-200/month. Freelancing: $200-2000+/month depending on skills. Content creation: $0-5000+/month once established. Most users earn $150-500 monthly as supplementary income."},
|
||||
{
|
||||
id: "3", title: "Do I need any startup capital or investment?", content: "No. All methods covered here require zero investment to start. You only need a computer/smartphone, internet connection, and valid email. Some methods like reselling may involve optional investment for inventory."},
|
||||
id: "3", title: "Do I need any startup capital or investment?", content:
|
||||
"No. All methods covered here require zero investment to start. You only need a computer/smartphone, internet connection, and valid email. Some methods like reselling may involve optional investment for inventory."},
|
||||
{
|
||||
id: "4", title: "How long before I see my first payment?", content: "Most platforms process payments within 2-4 weeks after reaching minimum payout threshold ($5-$50 depending on platform). Some offer PayPal transfers within days. Always check platform terms for payment schedules."},
|
||||
id: "4", title: "How long before I see my first payment?", content:
|
||||
"Most platforms process payments within 2-4 weeks after reaching minimum payout threshold ($5-$50 depending on platform). Some offer PayPal transfers within days. Always check platform terms for payment schedules."},
|
||||
{
|
||||
id: "5", title: "Are these earnings taxable?", content: "Yes. Any earnings above $400/year may require tax reporting depending on your country. Keep records of all earnings and consult a tax professional. Platforms usually issue 1099-MISC forms for substantial earners."},
|
||||
id: "5", title: "Are these earnings taxable?", content:
|
||||
"Yes. Any earnings above $400/year may require tax reporting depending on your country. Keep records of all earnings and consult a tax professional. Platforms usually issue 1099-MISC forms for substantial earners."},
|
||||
{
|
||||
id: "6", title: "Which method is best for beginners?", content: "Survey apps and user testing are ideal for beginners—low barrier to entry, quick payouts, and no special skills needed. Freelancing requires marketable skills but offers higher earning potential. Start with surveys to build confidence."},
|
||||
id: "6", title: "Which method is best for beginners?", content:
|
||||
"Survey apps and user testing are ideal for beginners—low barrier to entry, quick payouts, and no special skills needed. Freelancing requires marketable skills but offers higher earning potential. Start with surveys to build confidence."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user