Merge version_1 into main #2
415
src/app/page.tsx
415
src/app/page.tsx
@@ -17,308 +17,137 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Method",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Success",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="AI Income Lab"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Method", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Success", id: "testimonials" },
|
||||
]}
|
||||
brandName="AI Income Lab"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Start Your AI Income System Today"
|
||||
description="Turn your laptop into a high-leverage machine. Master one skill, leverage AI, and build consistent daily revenue from just $650."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex River",
|
||||
handle: "@alexdev",
|
||||
testimonial: "I made my initial $650 investment back in two weeks. The AI templates are lifesavers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen",
|
||||
testimonial: "Practical, simple, and the exact steps I needed to quit my 9-5.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Marcus V.",
|
||||
handle: "@mv_digital",
|
||||
testimonial: "The AI workflows cut my delivery time by 90%.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaceship-engineer-using-notebook-device-fix-security-breach-causing-alarm_482257-126837.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@er_studio",
|
||||
testimonial: "Finally, a system that actually works for freelance designers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@growthx",
|
||||
testimonial: "The community support alone is worth the price.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eating-by-workplace_1098-14438.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Earning",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-american-staff-gathers-examines-monthly-revenue-balance_482257-130896.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg",
|
||||
alt: "Alex River",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
|
||||
alt: "Sarah Chen",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spaceship-engineer-using-notebook-device-fix-security-breach-causing-alarm_482257-126837.jpg",
|
||||
alt: "Marcus V",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
|
||||
alt: "Elena R",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/eating-by-workplace_1098-14438.jpg",
|
||||
alt: "David W",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Content Operations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SaaS Delivery Models",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Client Acquisition",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Revenue Systems",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Leverage Freelancing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Start Your AI Income System Today"
|
||||
description="Turn your laptop into a high-leverage machine. Master one skill, leverage AI, and build consistent daily revenue from just $650."
|
||||
testimonials={[
|
||||
{ name: "Alex River", handle: "@alexdev", testimonial: "I made my initial $650 investment back in two weeks. The AI templates are lifesavers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg" },
|
||||
{ name: "Sarah Chen", handle: "@schen", testimonial: "Practical, simple, and the exact steps I needed to quit my 9-5.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg" },
|
||||
{ name: "Marcus V.", handle: "@mv_digital", testimonial: "The AI workflows cut my delivery time by 90%.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spaceship-engineer-using-notebook-device-fix-security-breach-causing-alarm_482257-126837.jpg" },
|
||||
{ name: "Elena R.", handle: "@er_studio", testimonial: "Finally, a system that actually works for freelance designers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg" },
|
||||
{ name: "David W.", handle: "@growthx", testimonial: "The community support alone is worth the price.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/eating-by-workplace_1098-14438.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Start Earning", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-american-staff-gathers-examines-monthly-revenue-balance_482257-130896.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg", alt: "Alex River" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg", alt: "Sarah Chen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/spaceship-engineer-using-notebook-device-fix-security-breach-causing-alarm_482257-126837.jpg", alt: "Marcus V" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg", alt: "Elena R" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/eating-by-workplace_1098-14438.jpg", alt: "David W" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "AI Content Operations" },
|
||||
{ type: "text", text: "SaaS Delivery Models" },
|
||||
{ type: "text", text: "Automated Client Acquisition" },
|
||||
{ type: "text", text: "Daily Revenue Systems" },
|
||||
{ type: "text", text: "High-Leverage Freelancing" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="The AI Income Blueprint"
|
||||
description={[
|
||||
"Forget complex theories. We focus on one high-demand skill: Content Operations for SaaS. Use our AI workflows to deliver client results in 1/10th of the time.",
|
||||
"Everything starts with your laptop and a $650 budget. We show you exactly where to find high-paying demand and how to use tools to deliver like a veteran freelancer.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="The AI Income Blueprint"
|
||||
description={[
|
||||
"Forget complex theories. We focus on one high-demand skill: Content Operations for SaaS. Use our AI workflows to deliver client results in 1/10th of the time.", "Everything starts with your laptop and a $650 budget. We show you exactly where to find high-paying demand and how to use tools to deliver like a veteran freelancer."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "High-Demand Skill",
|
||||
description: "Master one service clients are already paying thousands for, accelerated by AI.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technological-icons-set_23-2147531323.jpg",
|
||||
},
|
||||
{
|
||||
title: "AI Delivery Stack",
|
||||
description: "Stop manual work. Deploy custom AI tools to handle 90% of your project delivery time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg",
|
||||
},
|
||||
{
|
||||
title: "Rapid Acquisition",
|
||||
description: "Learn the exact method to find clients who need your specific service right now.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9x3asc",
|
||||
},
|
||||
]}
|
||||
title="Why This Works"
|
||||
description="Three pillars to repeatable, daily revenue."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "High-Demand Skill", description: "Master one service clients are already paying thousands for, accelerated by AI.", imageSrc: "http://img.b2bpic.net/free-vector/technological-icons-set_23-2147531323.jpg" },
|
||||
{ title: "AI Delivery Stack", description: "Stop manual work. Deploy custom AI tools to handle 90% of your project delivery time.", imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg" },
|
||||
{ title: "Rapid Acquisition", description: "Learn the exact method to find clients who need your specific service right now.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9x3asc" }
|
||||
]}
|
||||
title="Why This Works"
|
||||
description="Three pillars to repeatable, daily revenue."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$650",
|
||||
subtitle: "Total startup cost for success",
|
||||
features: [
|
||||
"AI Tool Access",
|
||||
"Client Outreach Blueprint",
|
||||
"Delivery Workflows",
|
||||
"Community Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Accelerator",
|
||||
price: "$1,200",
|
||||
subtitle: "Everything plus 1-on-1 coaching",
|
||||
features: [
|
||||
"Basic Features",
|
||||
"Personal Strategy Call",
|
||||
"Custom AI Prompts",
|
||||
"Daily Leads List",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Path"
|
||||
description="Start small, scale fast."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Entry", price: "$650", subtitle: "Total startup cost for success", features: ["AI Tool Access", "Client Outreach Blueprint", "Delivery Workflows", "Community Support"] },
|
||||
{ id: "pro", badge: "Accelerator", price: "$1,200", subtitle: "Everything plus 1-on-1 coaching", features: ["Basic Features", "Personal Strategy Call", "Custom AI Prompts", "Daily Leads List"] }
|
||||
]}
|
||||
title="Choose Your Path"
|
||||
description="Start small, scale fast."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus V.",
|
||||
role: "Full-time Freelancer",
|
||||
company: "MV Digital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena R.",
|
||||
role: "Creative Lead",
|
||||
company: "Studio E",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David W.",
|
||||
role: "Content Strategist",
|
||||
company: "GrowthX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaceship-engineer-using-notebook-device-fix-security-breach-causing-alarm_482257-126837.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah P.",
|
||||
role: "Digital Consultant",
|
||||
company: "SP Marketing",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kevin J.",
|
||||
role: "AI Agency Owner",
|
||||
company: "Kevin AI",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eating-by-workplace_1098-14438.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Real Results, Daily Income"
|
||||
description="Students scaling their service businesses using AI tools."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Marcus V.", role: "Full-time Freelancer", company: "MV Digital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/project-leder-with-disabilities-looking-front-sitting-immobilized-wheelchair-business-office-room_482257-2404.jpg" },
|
||||
{ id: "2", name: "Elena R.", role: "Creative Lead", company: "Studio E", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg" },
|
||||
{ id: "3", name: "David W.", role: "Content Strategist", company: "GrowthX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spaceship-engineer-using-notebook-device-fix-security-breach-causing-alarm_482257-126837.jpg" },
|
||||
{ id: "4", name: "Sarah P.", role: "Digital Consultant", company: "SP Marketing", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg" },
|
||||
{ id: "5", name: "Kevin J.", role: "AI Agency Owner", company: "Kevin AI", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/eating-by-workplace_1098-14438.jpg" }
|
||||
]}
|
||||
title="Real Results, Daily Income"
|
||||
description="Students scaling their service businesses using AI tools."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Start Your AI Income Blueprint"
|
||||
description="Get the exact step-by-step system delivered to your inbox. No fluff, just practical steps to get started today."
|
||||
tag="Join Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Start Your AI Income Blueprint"
|
||||
description="Get the exact step-by-step system delivered to your inbox. No fluff, just practical steps to get started today."
|
||||
tag="Join Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg"
|
||||
logoText="AI Income Lab"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Method",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg"
|
||||
logoText="AI Income Lab"
|
||||
columns={[
|
||||
{ title: "Platform", items: [{ label: "Method", href: "#about" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user