Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-24 08:10:55 +00:00

View File

@@ -28,397 +28,151 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Features",
id: "features",
},
{
name: "Music",
id: "music",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="NexusAI"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Music", id: "music" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="NexusAI"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
title="Unleash Creativity with NexusAI"
description="Generate videos, images, music, and voices in seconds. The most powerful AI creation suite in one interface."
tag="All-in-One Content Platform"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg?_wi=1",
imageAlt: "AI Analytics Dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg?_wi=1",
imageAlt: "Digital Neural Brain",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg",
imageAlt: "Ambitious leader works in office on infographics reports and setting objectives",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg",
imageAlt: "Modern and equipped computer lab",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
imageAlt: "Financial program user interface on PC screen on home office desk",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Loved by 10,000+ creators"
tagIcon={Sparkles}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "gradient-bars" }}
title="Unleash Creativity with NexusAI"
description="Generate videos, images, music, and voices in seconds. The most powerful AI creation suite in one interface."
tag="All-in-One Content Platform"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg", imageAlt: "AI Analytics Dashboard" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg", imageAlt: "Digital Neural Brain" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Loved by 10,000+ creators"
tagIcon={Sparkles}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "AI Video Generation",
description: "Text-to-video with scene-by-scene intelligence, camera control, and automated editing.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/videographer-operating-computer-editing-systems-equipment_482257-121749.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-transforming-raw-clips-video-footage_482257-128175.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg?_wi=2",
imageAlt: "video editing interface",
},
{
title: "Generative Art",
description: "High-quality 4K AI images with style transfer, prompt enhancement, and ultra-HD rendering.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tools-painting_23-2148451499.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/view-paint-brushes-display-with-brush-strokes-paint_23-2150351755.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg?_wi=2",
imageAlt: "video editing interface",
},
{
title: "Voice & Chat",
description: "Human-like TTS with emotion control and a context-aware smart chat assistant.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459556.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-desk-equipped-with-mixing-console-music-recording-tools-home-studio_482257-100228.jpg?_wi=1",
imageAlt: "video editing interface",
},
]}
showStepNumbers={false}
title="Comprehensive AI Toolkit"
description="Harness the power of next-gen AI models to build content at the speed of thought."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "AI Video Generation", description: "Text-to-video with scene-by-scene intelligence, camera control, and automated editing.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/videographer-operating-computer-editing-systems-equipment_482257-121749.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/video-editor-transforming-raw-clips-video-footage_482257-128175.jpg" }
},
{
title: "Generative Art", description: "High-quality 4K AI images with style transfer, prompt enhancement, and ultra-HD rendering.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tools-painting_23-2148451499.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/view-paint-brushes-display-with-brush-strokes-paint_23-2150351755.jpg" }
},
{
title: "Voice & Chat", description: "Human-like TTS with emotion control and a context-aware smart chat assistant.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459556.jpg" }
}
]}
showStepNumbers={false}
title="Comprehensive AI Toolkit"
description="Harness the power of next-gen AI models to build content at the speed of thought."
/>
</div>
<div id="music" data-section="music">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "m1",
name: "Cinematic Mood",
price: "AI-Gen",
variant: "Music",
imageSrc: "http://img.b2bpic.net/free-photo/empty-desk-equipped-with-mixing-console-music-recording-tools-home-studio_482257-100228.jpg?_wi=2",
},
{
id: "m2",
name: "Pop Rap Vocals",
price: "AI-Gen",
variant: "Song",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-making-music_23-2149199980.jpg",
},
{
id: "m3",
name: "Relaxing Lo-fi",
price: "AI-Gen",
variant: "Music",
imageSrc: "http://img.b2bpic.net/free-photo/musical-keyboard-tablet-dark-room-music-production_169016-48768.jpg",
},
{
id: "m4",
name: "Voice-over English",
price: "AI-Gen",
variant: "Voice",
imageSrc: "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music_169016-3815.jpg",
},
{
id: "m5",
name: "Hindi Voice-over",
price: "AI-Gen",
variant: "Voice",
imageSrc: "http://img.b2bpic.net/free-photo/fader-digital-mixing-console-with-volume-meter_169016-5232.jpg",
},
{
id: "m6",
name: "Devotional Hymns",
price: "AI-Gen",
variant: "Song",
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-sound-waves-design-with-flowing-particles_1048-12655.jpg",
},
]}
title="AI Music & Audio Studio"
description="Generate professional music, songs, and audio tracks based on mood and genre preferences."
/>
</div>
<div id="music" data-section="music">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "m1", name: "Cinematic Mood", price: "AI-Gen", variant: "Music", imageSrc: "http://img.b2bpic.net/free-photo/empty-desk-equipped-with-mixing-console-music-recording-tools-home-studio_482257-100228.jpg" },
{ id: "m2", name: "Pop Rap Vocals", price: "AI-Gen", variant: "Song", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-making-music_23-2149199980.jpg" },
{ id: "m3", name: "Relaxing Lo-fi", price: "AI-Gen", variant: "Music", imageSrc: "http://img.b2bpic.net/free-photo/musical-keyboard-tablet-dark-room-music-production_169016-48768.jpg" },
{ id: "m4", name: "Voice-over English", price: "AI-Gen", variant: "Voice", imageSrc: "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music_169016-3815.jpg" },
{ id: "m5", name: "Hindi Voice-over", price: "AI-Gen", variant: "Voice", imageSrc: "http://img.b2bpic.net/free-photo/fader-digital-mixing-console-with-volume-meter_169016-5232.jpg" },
{ id: "m6", name: "Devotional Hymns", price: "AI-Gen", variant: "Song", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-sound-waves-design-with-flowing-particles_1048-12655.jpg" }
]}
title="AI Music & Audio Studio"
description="Generate professional music, songs, and audio tracks based on mood and genre preferences."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
title: "Basic User",
price: "Free",
period: "/forever",
features: [
"10 Videos/day",
"Unlimited Images",
"Public Generation",
],
button: {
text: "Start Creating",
},
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
imageAlt: "Representation of user experience and interface design",
},
{
id: "p2",
title: "Creator Pro",
price: "Free",
period: "/forever",
features: [
"Unlimited Videos",
"4K Ultra-HD",
"Custom Styles",
],
button: {
text: "Start Creating",
},
imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg?_wi=3",
imageAlt: "Representation of user experience and interface design",
},
{
id: "p3",
title: "Studio Plus",
price: "Free",
period: "/forever",
features: [
"Priority Render",
"Batch Generation",
"Commercial License",
],
button: {
text: "Start Creating",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg?_wi=3",
imageAlt: "Representation of user experience and interface design",
},
]}
title="Unlimited Access"
description="Everything in our platform is free. No sign-ups required. Generate your heart out."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "p1", title: "Basic User", price: "Free", period: "/forever", features: ["10 Videos/day", "Unlimited Images", "Public Generation"], button: { text: "Start Creating" } },
{ id: "p2", title: "Creator Pro", price: "Free", period: "/forever", features: ["Unlimited Videos", "4K Ultra-HD", "Custom Styles"], button: { text: "Start Creating" } },
{ id: "p3", title: "Studio Plus", price: "Free", period: "/forever", features: ["Priority Render", "Batch Generation", "Commercial License"], button: { text: "Start Creating" } }
]}
title="Unlimited Access"
description="Everything in our platform is free. No sign-ups required. Generate your heart out."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Game Changer",
quote: "I produced my entire brand video in under 30 minutes. Absolutely revolutionary.",
name: "Alex Riv",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-break_23-2148317329.jpg",
},
{
id: "2",
title: "Stellar Quality",
quote: "The image fidelity and music generation are consistently professional quality.",
name: "Mia Chen",
role: "Marketing Lead",
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-professional-office-strategizing-development-success_482257-124038.jpg",
},
{
id: "3",
title: "Blazing Fast",
quote: "The async processing for video generation is incredibly snappy.",
name: "Jordan P",
role: "Independent Creator",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198546.jpg",
},
{
id: "4",
title: "So Intuitive",
quote: "I didn't even need a tutorial. Everything is drag-and-drop and intuitive.",
name: "Sam K",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-wooden-table_169016-55183.jpg",
},
{
id: "5",
title: "Best Free Tool",
quote: "Can't believe this is free. The output quality rivals paid services.",
name: "Elena M",
role: "Content Maker",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors-laptop_23-2150296623.jpg",
},
]}
title="Creators Trust NexusAI"
description="Join thousands of creators who have streamlined their content production pipeline."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", title: "Game Changer", quote: "I produced my entire brand video in under 30 minutes. Absolutely revolutionary.", name: "Alex Riv", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-break_23-2148317329.jpg" },
{ id: "2", title: "Stellar Quality", quote: "The image fidelity and music generation are consistently professional quality.", name: "Mia Chen", role: "Marketing Lead", imageSrc: "http://img.b2bpic.net/free-photo/business-leader-professional-office-strategizing-development-success_482257-124038.jpg" },
{ id: "3", title: "Blazing Fast", quote: "The async processing for video generation is incredibly snappy.", name: "Jordan P", role: "Independent Creator", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198546.jpg" },
{ id: "4", title: "So Intuitive", quote: "I didn't even need a tutorial. Everything is drag-and-drop and intuitive.", name: "Sam K", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-wooden-table_169016-55183.jpg" },
{ id: "5", title: "Best Free Tool", quote: "Can't believe this is free. The output quality rivals paid services.", name: "Elena M", role: "Content Maker", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors-laptop_23-2150296623.jpg" }
]}
title="Creators Trust NexusAI"
description="Join thousands of creators who have streamlined their content production pipeline."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split-description"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Is this service truly free?",
content: "Yes, our mission is to make content creation accessible for everyone globally.",
},
{
id: "f2",
title: "Do I need to sign up?",
content: "No, we strictly believe in privacy and convenience. Use the tools without any sign-up process.",
},
{
id: "f3",
title: "Can I export in 4K?",
content: "Yes, our premium render nodes allow up to 4K resolution exports for all videos and images.",
},
]}
title="Frequently Asked Questions"
description="Got questions about the engine? We have answers."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split-description"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Is this service truly free?", content: "Yes, our mission is to make content creation accessible for everyone globally." },
{ id: "f2", title: "Do I need to sign up?", content: "No, we strictly believe in privacy and convenience. Use the tools without any sign-up process." },
{ id: "f3", title: "Can I export in 4K?", content: "Yes, our premium render nodes allow up to 4K resolution exports for all videos and images." }
]}
title="Frequently Asked Questions"
description="Got questions about the engine? We have answers."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Request Custom Models"
description="Have specific project needs or want to suggest new AI features? Let us know."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your feature request or project details...",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Request Custom Models"
description="Have specific project needs or want to suggest new AI features? Let us know."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
textarea={{ name: "message", placeholder: "Your feature request or project details...", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="NexusAI"
columns={[
{
title: "Products",
items: [
{
label: "Video Gen",
href: "#",
},
{
label: "Art Studio",
href: "#",
},
{
label: "Music Lab",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="NexusAI"
columns={[
{ title: "Products", items: [{ label: "Video Gen", href: "#" }, { label: "Art Studio", href: "#" }, { label: "Music Lab", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}