Merge version_1 into main #1
429
src/app/page.tsx
429
src/app/page.tsx
@@ -16,324 +16,135 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
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: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Integrations",
|
||||
id: "integrations",
|
||||
},
|
||||
{
|
||||
name: "Discount Codes",
|
||||
id: "discounts",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
]}
|
||||
brandName="Aija AI"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Integrations", id: "integrations" },
|
||||
{ name: "Discount Codes", id: "discounts" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
]}
|
||||
brandName="Aija AI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Master Faceless Content with Aija AI"
|
||||
description="Generate, schedule, and automate your viral video pipeline across Instagram, TikTok, and YouTube in minutes."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/play-button-media-player-podcast-graphic_53876-121173.jpg",
|
||||
imageAlt: "AI Video Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-brother-surveillance-concept-composition_23-2150169364.jpg",
|
||||
imageAlt: "AI Video Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
|
||||
imageAlt: "AI Video Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645689.jpg",
|
||||
imageAlt: "AI Video Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063067.jpg",
|
||||
imageAlt: "AI Video Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-worker-home-watching-business-conference-pc-monitor-looking-statistics_482257-135558.jpg",
|
||||
imageAlt: "AI Video Dashboard",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-artists-work-painting-colorful-patterns-generated-by-ai_188544-43093.jpg",
|
||||
imageAlt: "Social Sync",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg",
|
||||
imageAlt: "Social Sync",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004297.jpg",
|
||||
imageAlt: "Social Sync",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-using-ai-develop-software-system-with-chroma-key-pc_482257-121446.jpg",
|
||||
imageAlt: "Social Sync",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063046.jpg",
|
||||
imageAlt: "Social Sync",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-dashboard-display_23-2151977856.jpg",
|
||||
imageAlt: "Social Sync",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Automating",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ceo-employees-attend-videocall-network-briefing_482257-88030.jpg",
|
||||
alt: "CEO and employees attend videocall",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-work-computer-technology-concept_53876-138652.jpg",
|
||||
alt: "Office work concept",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781064.jpg",
|
||||
alt: "Social media icons",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924156.jpg",
|
||||
alt: "AI powered device",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
|
||||
alt: "Student taking notes",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/person-having-conversation-with-ai-virtual-assistant-producing-clips_482257-127292.jpg",
|
||||
alt: "AI assistant",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
|
||||
alt: "Business conference",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg",
|
||||
alt: "UI design",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/army-soldier-reviews-targets-satellite-world-map-ensure-global-protection_482257-91236.jpg",
|
||||
alt: "World map",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg",
|
||||
alt: "Data transfer",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Master Faceless Content with Aija AI"
|
||||
description="Generate, schedule, and automate your viral video pipeline across Instagram, TikTok, and YouTube in minutes."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/play-button-media-player-podcast-graphic_53876-121173.jpg", imageAlt: "AI Video Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/big-brother-surveillance-concept-composition_23-2150169364.jpg", imageAlt: "AI Video Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", imageAlt: "AI Video Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645689.jpg", imageAlt: "AI Video Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063067.jpg", imageAlt: "AI Video Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/remote-worker-home-watching-business-conference-pc-monitor-looking-statistics_482257-135558.jpg", imageAlt: "AI Video Dashboard" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/creative-artists-work-painting-colorful-patterns-generated-by-ai_188544-43093.jpg", imageAlt: "Social Sync" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg", imageAlt: "Social Sync" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004297.jpg", imageAlt: "Social Sync" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-using-ai-develop-software-system-with-chroma-key-pc_482257-121446.jpg", imageAlt: "Social Sync" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063046.jpg", imageAlt: "Social Sync" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-dashboard-display_23-2151977856.jpg", imageAlt: "Social Sync" },
|
||||
]}
|
||||
buttons={[{ text: "Start Automating", href: "#" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/ceo-employees-attend-videocall-network-briefing_482257-88030.jpg", alt: "CEO and employees attend videocall" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/office-work-computer-technology-concept_53876-138652.jpg", alt: "Office work concept" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/communication-social-media-icons-personal-computer_23-2150781064.jpg", alt: "Social media icons" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924156.jpg", alt: "AI powered device" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", alt: "Student taking notes" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ creators"
|
||||
marqueeItems={[
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/person-having-conversation-with-ai-virtual-assistant-producing-clips_482257-127292.jpg", alt: "AI assistant" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", alt: "Business conference" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169845.jpg", alt: "UI design" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/army-soldier-reviews-targets-satellite-world-map-ensure-global-protection_482257-91236.jpg", alt: "World map" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg", alt: "Data transfer" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Auto-Generation",
|
||||
author: "AI Engine",
|
||||
description: "Create high-performing faceless scripts and visuals.",
|
||||
tags: [
|
||||
"AI",
|
||||
"Video",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robot-film-director_1048-4562.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Social Sync",
|
||||
author: "Scheduler",
|
||||
description: "Auto-upload to YouTube, Instagram, and TikTok instantly.",
|
||||
tags: [
|
||||
"Social",
|
||||
"API",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Pricing Control",
|
||||
author: "Owner Panel",
|
||||
description: "Generate custom discount codes with percentage-based prices.",
|
||||
tags: [
|
||||
"Billing",
|
||||
"Admin",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-gift-voucher-with-hand_23-2149243865.jpg",
|
||||
},
|
||||
]}
|
||||
title="Automated Content Ecosystem"
|
||||
description="Everything you need to scale your reach without ever showing your face."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Auto-Generation", author: "AI Engine", description: "Create high-performing faceless scripts and visuals.", tags: ["AI", "Video"], imageSrc: "http://img.b2bpic.net/free-photo/robot-film-director_1048-4562.jpg" },
|
||||
{ id: "f2", title: "Social Sync", author: "Scheduler", description: "Auto-upload to YouTube, Instagram, and TikTok instantly.", tags: ["Social", "API"], imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg" },
|
||||
{ id: "f3", title: "Pricing Control", author: "Owner Panel", description: "Generate custom discount codes with percentage-based prices.", tags: ["Billing", "Admin"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-gift-voucher-with-hand_23-2149243865.jpg" },
|
||||
]}
|
||||
title="Automated Content Ecosystem"
|
||||
description="Everything you need to scale your reach without ever showing your face."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="integrations" data-section="integrations">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TikTok Integration",
|
||||
"Instagram API",
|
||||
"YouTube Studio",
|
||||
"Facebook Sync",
|
||||
"Twitter Automation",
|
||||
"LinkedIn Auto",
|
||||
"Threads Integration",
|
||||
]}
|
||||
title="Platform Ready"
|
||||
description="Seamlessly connect and automate your workflow with these platforms."
|
||||
/>
|
||||
</div>
|
||||
<div id="integrations" data-section="integrations">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["TikTok Integration", "Instagram API", "YouTube Studio", "Facebook Sync", "Twitter Automation", "LinkedIn Auto", "Threads Integration"]}
|
||||
title="Platform Ready"
|
||||
description="Seamlessly connect and automate your workflow with these platforms."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$29",
|
||||
subtitle: "For content starters",
|
||||
features: [
|
||||
"1 AI Video",
|
||||
"3 Socials",
|
||||
"Manual Upload",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$79",
|
||||
subtitle: "For full automation",
|
||||
features: [
|
||||
"Unlimited Videos",
|
||||
"Social Auto-Sync",
|
||||
"Discount Portal",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "agency",
|
||||
badge: "Elite",
|
||||
price: "$199",
|
||||
subtitle: "For growth teams",
|
||||
features: [
|
||||
"White Label",
|
||||
"Priority Support",
|
||||
"Bulk Codes",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Simple Scalable Pricing"
|
||||
description="Choose the tier that fits your growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Entry", price: "$29", subtitle: "For content starters", features: ["1 AI Video", "3 Socials", "Manual Upload"] },
|
||||
{ id: "pro", badge: "Pro", price: "$79", subtitle: "For full automation", features: ["Unlimited Videos", "Social Auto-Sync", "Discount Portal"] },
|
||||
{ id: "agency", badge: "Elite", price: "$199", subtitle: "For growth teams", features: ["White Label", "Priority Support", "Bulk Codes"] },
|
||||
]}
|
||||
title="Simple Scalable Pricing"
|
||||
description="Choose the tier that fits your growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="discounts" data-section="discounts">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Generate unique gift codes for your community. Define the discount percentage and track usage directly from your admin panel."
|
||||
buttons={[
|
||||
{
|
||||
text: "Create Discount Code",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="discounts" data-section="discounts">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Generate unique gift codes for your community. Define the discount percentage and track usage directly from your admin panel."
|
||||
buttons={[{ text: "Create Discount Code", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Have questions about integration or code generation? Our team is here to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Have questions about integration or code generation? Our team is here to help."
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-client-asking-senior-medical-specialist-about-disease-prevention_482257-122765.jpg"
|
||||
logoText="Aija AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Connect Socials",
|
||||
href: "#integrations",
|
||||
},
|
||||
{
|
||||
label: "API Docs",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-client-asking-senior-medical-specialist-about-disease-prevention_482257-122765.jpg"
|
||||
logoText="Aija AI"
|
||||
columns={[
|
||||
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Support", items: [{ label: "Connect Socials", href: "#integrations" }, { label: "API Docs", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user