Merge version_1 into main #2
290
src/app/page.tsx
290
src/app/page.tsx
@@ -20,27 +20,27 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Strategy",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Resources",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Join",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AIProfitLab"
|
||||
/>
|
||||
@@ -50,37 +50,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="AIProfitLab"
|
||||
description="Stop guessing. Start scaling. Master AI-driven monetization with battle-tested automation strategies and expert-led tutorials."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Earning Now",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Earning Now", href: "#features" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg?_wi=1",
|
||||
imageAlt: "AI Growth Data",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg?_wi=1",
|
||||
imageAlt: "Automation Gears",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-data-center-admins-doing-fist-bump-celebrating-ai-implementation_482257-130291.jpg?_wi=1",
|
||||
imageAlt: "AI Business Plan",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100315.jpg?_wi=1",
|
||||
imageAlt: "Network Nodes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/research-experts-studies-economic-activity_482257-82295.jpg?_wi=1",
|
||||
imageAlt: "Revenue Screen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-transformation-corporate-wallpaper_53876-97646.jpg",
|
||||
imageAlt: "Deep Learning Circuits",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg", imageAlt: "AI Growth Data" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg", imageAlt: "Automation Gears" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cheerful-data-center-admins-doing-fist-bump-celebrating-ai-implementation_482257-130291.jpg", imageAlt: "AI Business Plan" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100315.jpg", imageAlt: "Network Nodes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/research-experts-studies-economic-activity_482257-82295.jpg", imageAlt: "Revenue Screen" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-transformation-corporate-wallpaper_53876-97646.jpg", imageAlt: "Deep Learning Circuits" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -90,8 +67,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Built for Creators, Not Coders"
|
||||
description={[
|
||||
"We bridge the gap between complex AI and profitable side hustles. AIProfitLab provides the roadmap you need to automate your income streams.",
|
||||
"Our team simplifies high-tech strategies into step-by-step guides so you can build your digital business on autopilot.",
|
||||
"We bridge the gap between complex AI and profitable side hustles. AIProfitLab provides the roadmap you need to automate your income streams.", "Our team simplifies high-tech strategies into step-by-step guides so you can build your digital business on autopilot."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,24 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Content Scaling",
|
||||
description: "Use LLMs to produce unlimited content in minutes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-executives-meeting_1170-1780.jpg",
|
||||
imageAlt: "professional mentor coaching",
|
||||
},
|
||||
{
|
||||
title: "Automated Outreach",
|
||||
description: "Set up personalized AI agents for client acquisition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg?_wi=2",
|
||||
imageAlt: "professional mentor coaching",
|
||||
},
|
||||
{
|
||||
title: "Niche Monetization",
|
||||
description: "Identify profitable AI-led micro-trends early.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg?_wi=2",
|
||||
imageAlt: "professional mentor coaching",
|
||||
},
|
||||
{ title: "Content Scaling", description: "Use LLMs to produce unlimited content in minutes.", imageSrc: "http://img.b2bpic.net/free-photo/business-executives-meeting_1170-1780.jpg", imageAlt: "professional mentor coaching" },
|
||||
{ title: "Automated Outreach", description: "Set up personalized AI agents for client acquisition.", imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg", imageAlt: "professional mentor coaching" },
|
||||
{ title: "Niche Monetization", description: "Identify profitable AI-led micro-trends early.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg", imageAlt: "professional mentor coaching" }
|
||||
]}
|
||||
title="Your Roadmap to AI Success"
|
||||
description="High-demand skills for the future of online business."
|
||||
@@ -131,21 +92,9 @@ export default function LandingPage() {
|
||||
title="Impact by Numbers"
|
||||
tag="Trusted by thousands"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15k+",
|
||||
description: "Active Subscribers",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "$2M+",
|
||||
description: "Revenue Generated",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "50+",
|
||||
description: "Strategies Shared",
|
||||
},
|
||||
{ id: "1", value: "15k+", description: "Active Subscribers" },
|
||||
{ id: "2", value: "$2M+", description: "Revenue Generated" },
|
||||
{ id: "3", value: "50+", description: "Strategies Shared" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -158,48 +107,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "AI Side Hustle Guide",
|
||||
price: "$47",
|
||||
variant: "E-book",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/business-concept-poster-template_23-2150288647.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Automation Toolkit",
|
||||
price: "$97",
|
||||
variant: "Software",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-programming-coding-solid-glyph-icon-pack_1142-25592.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Creator Masterclass",
|
||||
price: "$197",
|
||||
variant: "Course",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-girl-studying-with-tablettextbooks-cup-coffee-desk-cozy-home_574295-3876.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Bot Blueprint V1",
|
||||
price: "$29",
|
||||
variant: "Template",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-governmental-cyber-security-room-without-staff-work_482257-121538.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pro Membership",
|
||||
price: "$49/mo",
|
||||
variant: "Subscription",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/public-transport-app-concept_23-2148671367.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Coaching Session",
|
||||
price: "$299",
|
||||
variant: "Service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-manager-working-with-report-data_1262-3723.jpg",
|
||||
},
|
||||
{ id: "p1", name: "AI Side Hustle Guide", price: "$47", variant: "E-book", imageSrc: "http://img.b2bpic.net/free-psd/business-concept-poster-template_23-2150288647.jpg" },
|
||||
{ id: "p2", name: "Automation Toolkit", price: "$97", variant: "Software", imageSrc: "http://img.b2bpic.net/free-vector/25-programming-coding-solid-glyph-icon-pack_1142-25592.jpg" },
|
||||
{ id: "p3", name: "Creator Masterclass", price: "$197", variant: "Course", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-girl-studying-with-tablettextbooks-cup-coffee-desk-cozy-home_574295-3876.jpg" },
|
||||
{ id: "p4", name: "Bot Blueprint V1", price: "$29", variant: "Template", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-governmental-cyber-security-room-without-staff-work_482257-121538.jpg" },
|
||||
{ id: "p5", name: "Pro Membership", price: "$49/mo", variant: "Subscription", imageSrc: "http://img.b2bpic.net/free-vector/public-transport-app-concept_23-2148671367.jpg" },
|
||||
{ id: "p6", name: "Coaching Session", price: "$299", variant: "Service", imageSrc: "http://img.b2bpic.net/free-photo/close-up-manager-working-with-report-data_1262-3723.jpg" }
|
||||
]}
|
||||
title="Tools for the AI Revolution"
|
||||
description="Premium guides and toolkits to fast-track your progress."
|
||||
@@ -213,40 +126,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Free",
|
||||
price: "$0",
|
||||
period: "forever",
|
||||
description: "Access to weekly newsletters and starter guides.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Weekly AI insights",
|
||||
"Community access",
|
||||
"Basic tool guides",
|
||||
],
|
||||
id: "basic", tag: "Free", price: "$0", period: "forever", description: "Access to weekly newsletters and starter guides.", button: { text: "Get Started", href: "#" },
|
||||
featuresTitle: "Included", features: ["Weekly AI insights", "Community access", "Basic tool guides"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Elite",
|
||||
price: "$49",
|
||||
period: "month",
|
||||
description: "Unlock deep-dive strategies and premium tools.",
|
||||
button: {
|
||||
text: "Join Pro",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"All starter benefits",
|
||||
"Automation templates",
|
||||
"Private discord access",
|
||||
"Weekly coaching calls",
|
||||
],
|
||||
},
|
||||
id: "pro", tag: "Elite", price: "$49", period: "month", description: "Unlock deep-dive strategies and premium tools.", button: { text: "Join Pro", href: "#" },
|
||||
featuresTitle: "Included", features: ["All starter benefits", "Automation templates", "Private discord access", "Weekly coaching calls"]
|
||||
}
|
||||
]}
|
||||
title="Flexible Growth Options"
|
||||
description="Choose the path that fits your current goals."
|
||||
@@ -258,56 +144,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2023",
|
||||
title: "Creator",
|
||||
quote: "AIProfitLab changed my workflow completely.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg?_wi=3",
|
||||
imageAlt: "happy young professional portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
date: "Sep 2023",
|
||||
title: "Developer",
|
||||
quote: "I automated my entire content chain using their tools.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/friendly-manager-smiling-colleagues-break_1262-16107.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg?_wi=3",
|
||||
imageAlt: "happy young professional portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "Aug 2023",
|
||||
title: "Marketer",
|
||||
quote: "Increased my agency output by 300%.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-data-center-admins-doing-fist-bump-celebrating-ai-implementation_482257-130291.jpg?_wi=2",
|
||||
imageAlt: "happy young professional portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
date: "Jul 2023",
|
||||
title: "Freelancer",
|
||||
quote: "Best investment for my business.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100315.jpg?_wi=2",
|
||||
imageAlt: "happy young professional portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura S.",
|
||||
date: "Jun 2023",
|
||||
title: "Founder",
|
||||
quote: "Practical, simple, and high ROI.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/research-experts-studies-economic-activity_482257-82295.jpg?_wi=2",
|
||||
imageAlt: "happy young professional portrait",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", date: "Oct 2023", title: "Creator", quote: "AIProfitLab changed my workflow completely.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg", imageAlt: "happy young professional portrait" },
|
||||
{ id: "2", name: "Michael K.", date: "Sep 2023", title: "Developer", quote: "I automated my entire content chain using their tools.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/friendly-manager-smiling-colleagues-break_1262-16107.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg", imageAlt: "happy young professional portrait" },
|
||||
{ id: "3", name: "Emily R.", date: "Aug 2023", title: "Marketer", quote: "Increased my agency output by 300%.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-data-center-admins-doing-fist-bump-celebrating-ai-implementation_482257-130291.jpg", imageAlt: "happy young professional portrait" },
|
||||
{ id: "4", name: "David W.", date: "Jul 2023", title: "Freelancer", quote: "Best investment for my business.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100315.jpg", imageAlt: "happy young professional portrait" },
|
||||
{ id: "5", name: "Laura S.", date: "Jun 2023", title: "Founder", quote: "Practical, simple, and high ROI.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg", imageSrc: "http://img.b2bpic.net/free-photo/research-experts-studies-economic-activity_482257-82295.jpg", imageAlt: "happy young professional portrait" }
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Real results from our global community."
|
||||
@@ -319,21 +160,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need coding skills?",
|
||||
content: "Absolutely not! We focus on no-code automation.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How much does it cost to start?",
|
||||
content: "You can start for free using many AI tools.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is this a get-rich-quick scheme?",
|
||||
content: "No, it's a business framework that requires work.",
|
||||
},
|
||||
{ id: "1", title: "Do I need coding skills?", content: "Absolutely not! We focus on no-code automation." },
|
||||
{ id: "2", title: "How much does it cost to start?", content: "You can start for free using many AI tools." },
|
||||
{ id: "3", title: "Is this a get-rich-quick scheme?", content: "No, it's a business framework that requires work." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Your path to AI success answered."
|
||||
@@ -344,30 +173,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to monetize your future? Join the AIProfitLab community and start building your automated empire today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Subscribe Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="AIProfitLab"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user