Merge version_1 into main #1
291
src/app/page.tsx
291
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Facebook, Globe, Instagram, Palette, ShieldCheck } from "lucide-react";
|
||||
import { Facebook, Globe, Instagram, Palette, ShieldCheck, X } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,31 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "#how-it-works",
|
||||
},
|
||||
name: "How It Works", id: "#how-it-works"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="Reseller Success Hub"
|
||||
button={{
|
||||
text: "Buy Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Buy Now", href: "#products"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -64,71 +52,46 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Unlock Your Reselling Potential"
|
||||
description="Discover top-tier digital products designed to boost your reseller business. From essential guides to powerful templates, start earning more today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Products", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-man-cafe-sitting-with-laptop-working-remotely-freelancer-with-phone-hands-shows-okay-ok-gesture-approval-agree-with-something-like-product_1258-314217.jpg"
|
||||
imageAlt="Person working on a laptop with charts and graphs, representing online reselling success"
|
||||
mediaAnimation="background-highlight"
|
||||
mediaAnimation="blur-reveal"
|
||||
fixedMediaHeight={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-with-arms-crossed_1170-2381.jpg",
|
||||
alt: "Happy female reseller",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-with-arms-crossed_1170-2381.jpg", alt: "Happy female reseller"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg",
|
||||
alt: "Confident male entrepreneur",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg", alt: "Confident male entrepreneur"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-lifestyle-blogger-recording-vlog-video-about-her-life-daily-routine_1258-254729.jpg",
|
||||
alt: "Young woman working remotely",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-lifestyle-blogger-recording-vlog-video-about-her-life-daily-routine_1258-254729.jpg", alt: "Young woman working remotely"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",
|
||||
alt: "Diverse business professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg", alt: "Diverse business professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-having-short-break-work-home_329181-14567.jpg",
|
||||
alt: "Successful startup founder",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-having-short-break-work-home_329181-14567.jpg", alt: "Successful startup founder"},
|
||||
]}
|
||||
avatarText="Join 5,000+ Entrepreneurs"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "5-Star Rated Products",
|
||||
type: "text", text: "5-Star Rated Products"},
|
||||
{
|
||||
type: "text-icon", text: "Secure Transactions", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Transactions",
|
||||
icon: ShieldCheck,
|
||||
type: "text", text: "24/7 Support"},
|
||||
{
|
||||
type: "text-icon", text: "Global Community", icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
type: "text", text: "Instant Download"},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Community",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Download",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Easy Customization",
|
||||
icon: Palette,
|
||||
type: "text-icon", text: "Easy Customization", icon: Palette,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -139,17 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Global Resell Co.",
|
||||
"Profit Path Academy",
|
||||
"Digital Market Hub",
|
||||
"Success Launchpad",
|
||||
"Ecom Boosters",
|
||||
"Future Sellers Inc.",
|
||||
"Smart Gains Group",
|
||||
"Quick Flip Pros",
|
||||
]}
|
||||
"Global Resell Co.", "Profit Path Academy", "Digital Market Hub", "Success Launchpad", "Ecom Boosters", "Future Sellers Inc.", "Smart Gains Group", "Quick Flip Pros"]}
|
||||
title="Trusted by Aspiring Resellers"
|
||||
description="Join a growing community of successful entrepreneurs leveraging our tools and resources to scale their digital product businesses."
|
||||
description="Join a growing community of successful entrepreneurs leveraging our tools and resources to scale their digital product businesses.供应链管理系统提供商提供的所有工具和资源，并利用我们的工具和资源扩大他们的数字产品业务。"
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -162,101 +117,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
brand: "Reseller Tools",
|
||||
name: "AI Content Prompts Pack",
|
||||
price: "$5.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/naive-social-media-pack-stickers_52683-81781.jpg",
|
||||
imageAlt: "Creative AI content prompts icon",
|
||||
buttons: [
|
||||
{
|
||||
text: "Buy Now →",
|
||||
href: "https://buy.stripe.com/yourlink1",
|
||||
},
|
||||
],
|
||||
id: "product-1", brand: "Reseller Tools", name: "AI Content Prompts Pack", price: "$5.00", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-vector/naive-social-media-pack-stickers_52683-81781.jpg", imageAlt: "Creative AI content prompts icon"
|
||||
},
|
||||
{
|
||||
id: "product-2",
|
||||
brand: "Design Essentials",
|
||||
name: "Canva Template Bundle",
|
||||
price: "$5.00",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo5n1v",
|
||||
imageAlt: "Collection of vibrant Canva templates",
|
||||
buttons: [
|
||||
{
|
||||
text: "Buy Now →",
|
||||
href: "https://buy.stripe.com/yourlink2",
|
||||
},
|
||||
],
|
||||
id: "product-2", brand: "Design Essentials", name: "Canva Template Bundle", price: "$5.00", rating: 5,
|
||||
reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo5n1v", imageAlt: "Collection of vibrant Canva templates"
|
||||
},
|
||||
{
|
||||
id: "product-3",
|
||||
brand: "Engagement Boosters",
|
||||
name: "DM Scripts for Sales",
|
||||
price: "$5.00",
|
||||
rating: 4,
|
||||
reviewCount: "78",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-13617.jpg",
|
||||
imageAlt: "Direct message chat bubble icons",
|
||||
buttons: [
|
||||
{
|
||||
text: "Buy Now →",
|
||||
href: "https://buy.stripe.com/yourlink3",
|
||||
},
|
||||
],
|
||||
id: "product-3", brand: "Engagement Boosters", name: "DM Scripts for Sales", price: "$5.00", rating: 4,
|
||||
reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/digital-business-list-app-interface_53876-13617.jpg", imageAlt: "Direct message chat bubble icons"
|
||||
},
|
||||
{
|
||||
id: "product-4",
|
||||
brand: "Starter Kits",
|
||||
name: "Reseller Beginner Guide",
|
||||
price: "$5.00",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-having-chat-office_23-2147707741.jpg",
|
||||
imageAlt: "Open book with 'Beginner Guide' title",
|
||||
buttons: [
|
||||
{
|
||||
text: "Buy Now →",
|
||||
href: "https://buy.stripe.com/yourlink4",
|
||||
},
|
||||
],
|
||||
id: "product-4", brand: "Starter Kits", name: "Reseller Beginner Guide", price: "$5.00", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-having-chat-office_23-2147707741.jpg", imageAlt: "Open book with 'Beginner Guide' title"
|
||||
},
|
||||
{
|
||||
id: "product-5",
|
||||
brand: "Finance Tools",
|
||||
name: "Profit Tracker Spreadsheet",
|
||||
price: "$5.00",
|
||||
rating: 4,
|
||||
reviewCount: "62",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg",
|
||||
imageAlt: "Digital spreadsheet with profit data",
|
||||
buttons: [
|
||||
{
|
||||
text: "Buy Now →",
|
||||
href: "https://buy.stripe.com/yourlink5",
|
||||
},
|
||||
],
|
||||
id: "product-5", brand: "Finance Tools", name: "Profit Tracker Spreadsheet", price: "$5.00", rating: 4,
|
||||
reviewCount: "62", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg", imageAlt: "Digital spreadsheet with profit data"
|
||||
},
|
||||
{
|
||||
id: "product-6",
|
||||
brand: "Ultimate Collection",
|
||||
name: "Reseller Success Bundle",
|
||||
price: "$10.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-motivation-note-with-colorful-pencils_140725-104889.jpg",
|
||||
imageAlt: "Collection of various digital products",
|
||||
buttons: [
|
||||
{
|
||||
text: "Buy Now →",
|
||||
href: "https://buy.stripe.com/yourlink6",
|
||||
},
|
||||
],
|
||||
},
|
||||
id: "product-6", brand: "Ultimate Collection", name: "Reseller Success Bundle", price: "$10.00", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/front-view-motivation-note-with-colorful-pencils_140725-104889.jpg", imageAlt: "Collection of various digital products"
|
||||
}
|
||||
]}
|
||||
title="Your Ultimate Reseller Product Catalog"
|
||||
description="Browse our collection of high-demand digital products, ready for you to rebrand and sell for maximum profit. Each item is crafted for your success."
|
||||
@@ -270,24 +153,15 @@ export default function LandingPage() {
|
||||
description="Start your journey today with our simple 3-step process. We make it easy to find, brand, and sell top-quality digital products to your audience."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "step-1",
|
||||
title: "1. Discover & Acquire",
|
||||
content: "Explore our curated catalog of high-demand digital products. Purchase with confidence, knowing each item is selected for maximum reselling potential.",
|
||||
},
|
||||
id: "step-1", title: "1. Discover & Acquire", content: "Explore our curated catalog of high-demand digital products. Purchase with confidence, knowing each item is selected for maximum reselling potential."},
|
||||
{
|
||||
id: "step-2",
|
||||
title: "2. Rebrand & Customize",
|
||||
content: "Effortlessly rebrand and customize your chosen products with your unique style and brand identity. Our templates make it simple to make them your own.",
|
||||
},
|
||||
id: "step-2", title: "2. Rebrand & Customize", content: "Effortlessly rebrand and customize your chosen products with your unique style and brand identity. Our templates make it simple to make them your own."},
|
||||
{
|
||||
id: "step-3",
|
||||
title: "3. Launch & Profit",
|
||||
content: "Utilize our marketing resources, like DM scripts and content prompts, to effectively launch your rebranded products and start generating consistent profits.",
|
||||
},
|
||||
id: "step-3", title: "3. Launch & Profit", content: "Utilize our marketing resources, like DM scripts and content prompts, to effectively launch your rebranded products and start generating consistent profits."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-earnings-accounting-financial-money-concept_53876-15880.jpg"
|
||||
imageAlt="Graphical representation of a three-step business process with arrows"
|
||||
mediaAnimation="background-highlight"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
@@ -298,50 +172,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Boosted My Income Significantly!",
|
||||
quote: "These products are a game-changer! I've been able to easily rebrand and sell them, significantly boosting my monthly income. The quality is exceptional.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Digital Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg",
|
||||
imageAlt: "Portrait of Sarah Johnson",
|
||||
},
|
||||
id: "1", title: "Boosted My Income Significantly!", quote: "These products are a game-changer! I've been able to easily rebrand and sell them, significantly boosting my monthly income. The quality is exceptional.", name: "Sarah Johnson", role: "Digital Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg", imageAlt: "Portrait of Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Incredibly Easy to Get Started",
|
||||
quote: "As a beginner, I found the guides and templates incredibly easy to use. I launched my first product within a week and made sales immediately!",
|
||||
name: "Michael Chen",
|
||||
role: "New Reseller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/six-multiracial-business-mans-standing-office-roll-man-chair-diverse-group-male-employees-formal-wear-having-fun_627829-944.jpg",
|
||||
imageAlt: "Portrait of Michael Chen",
|
||||
},
|
||||
id: "2", title: "Incredibly Easy to Get Started", quote: "As a beginner, I found the guides and templates incredibly easy to use. I launched my first product within a week and made sales immediately!", name: "Michael Chen", role: "New Reseller", imageSrc: "http://img.b2bpic.net/free-photo/six-multiracial-business-mans-standing-office-roll-man-chair-diverse-group-male-employees-formal-wear-having-fun_627829-944.jpg", imageAlt: "Portrait of Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Top-Quality Products & Support",
|
||||
quote: "The content prompts are brilliant, saving me hours of work. The products are truly top-quality, and the support from the team is fantastic.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Content Creator & Reseller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg",
|
||||
imageAlt: "Portrait of Emily Rodriguez",
|
||||
},
|
||||
id: "3", title: "Top-Quality Products & Support", quote: "The content prompts are brilliant, saving me hours of work. The products are truly top-quality, and the support from the team is fantastic.", name: "Emily Rodriguez", role: "Content Creator & Reseller", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg", imageAlt: "Portrait of Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
title: "A Must-Have for Any Reseller",
|
||||
quote: "The profit tracker helped me streamline my finances and truly understand my business. This platform is a must-have for anyone serious about reselling.",
|
||||
name: "David Kim",
|
||||
role: "E-commerce Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-man-sitting-cafe-table-using-tablet_1262-923.jpg",
|
||||
imageAlt: "Portrait of David Kim",
|
||||
},
|
||||
id: "4", title: "A Must-Have for Any Reseller", quote: "The profit tracker helped me streamline my finances and truly understand my business. This platform is a must-have for anyone serious about reselling.", name: "David Kim", role: "E-commerce Specialist", imageSrc: "http://img.b2bpic.net/free-photo/content-man-sitting-cafe-table-using-tablet_1262-923.jpg", imageAlt: "Portrait of David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
title: "My Sales Have Never Been Better!",
|
||||
quote: "Thanks to the DM scripts, my conversion rates have soared. I'm connecting with more customers and closing more deals than ever before. Highly recommended!",
|
||||
name: "Jessica Lee",
|
||||
role: "Social Media Marketer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-waving-laptop_23-2148781124.jpg",
|
||||
imageAlt: "Portrait of Jessica Lee",
|
||||
},
|
||||
id: "5", title: "My Sales Have Never Been Better!", quote: "Thanks to the DM scripts, my conversion rates have soared. I'm connecting with more customers and closing more deals than ever before. Highly recommended!", name: "Jessica Lee", role: "Social Media Marketer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-waving-laptop_23-2148781124.jpg", imageAlt: "Portrait of Jessica Lee"},
|
||||
]}
|
||||
title="What Our Resellers Are Saying"
|
||||
description="Hear from real entrepreneurs who have transformed their businesses with our products and support. Their success stories speak for themselves."
|
||||
@@ -354,28 +193,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What types of products can I resell?",
|
||||
content: "You can resell a wide range of digital products including e-books, templates, guides, scripts, and other valuable digital assets. Our catalog focuses on high-demand items.",
|
||||
},
|
||||
id: "faq-1", title: "What types of products can I resell?", content: "You can resell a wide range of digital products including e-books, templates, guides, scripts, and other valuable digital assets. Our catalog focuses on high-demand items."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do I need prior experience to start?",
|
||||
content: "No prior experience is necessary! Our platform is designed for both beginners and experienced resellers, with comprehensive guides and easy-to-use tools to help you succeed.",
|
||||
},
|
||||
id: "faq-2", title: "Do I need prior experience to start?", content: "No prior experience is necessary! Our platform is designed for both beginners and experienced resellers, with comprehensive guides and easy-to-use tools to help you succeed."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "How do the payment links work?",
|
||||
content: "We provide placeholder payment links for demonstration. To activate sales, you'll replace these with your actual payment links from providers like Stripe, Gumroad, or Payhip. Your customers will pay you directly.",
|
||||
},
|
||||
id: "faq-3", title: "How do the payment links work?", content: "We provide placeholder payment links for demonstration. To activate sales, you'll replace these with your actual payment links from providers like Stripe, Gumroad, or Payhip. Your customers will pay you directly."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-looks-laptop-talks-phone_482257-85723.jpg"
|
||||
imageAlt="Person thinking with question marks, representing FAQs"
|
||||
mediaAnimation="background-highlight"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common questions about our products, reselling, and how to effectively get started on your journey to success."
|
||||
faqsAnimation="background-highlight"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -383,8 +213,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready to Start?"
|
||||
title="Take the Leap and Grow Your Business"
|
||||
description="Join our community of successful resellers. Sign up for exclusive tips, new product launches, and special offers directly to your inbox."
|
||||
@@ -401,19 +230,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook link",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook link"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram link",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram link"},
|
||||
{
|
||||
icon: "X",
|
||||
href: "#",
|
||||
ariaLabel: "Twitter link",
|
||||
},
|
||||
icon: X,
|
||||
href: "#", ariaLabel: "Twitter link"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user