Merge version_1 into main #2
446
src/app/page.tsx
446
src/app/page.tsx
@@ -27,358 +27,112 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Capability",
|
||||
id: "capabilities",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="NexAI"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Capabilities", id: "capabilities" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="NexAI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="One AI Assistant Unlimited Capabilities"
|
||||
description="Generate content, search in realtime, retrieve customer insights, and automate workflows—all from a single intelligent platform Combine speech, video, images, and data in seconds"
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=1",
|
||||
imageAlt: "Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg?_wi=1",
|
||||
imageAlt: "Voice",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-designing-text-image-ai-generative-models_482257-118859.jpg?_wi=1",
|
||||
imageAlt: "Video",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/biometrics-fingerprint-scan-interactive-screen_53876-101146.jpg?_wi=1",
|
||||
imageAlt: "Data",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-vr-glasses-float-neon-space-with-cables-attached-her-metaverse-avatar-concept_1217-3924.jpg?_wi=1",
|
||||
imageAlt: "Persona",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305279.jpg?_wi=1",
|
||||
imageAlt: "Search",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305279.jpg?_wi=2",
|
||||
imageAlt: "Search",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-vr-glasses-float-neon-space-with-cables-attached-her-metaverse-avatar-concept_1217-3924.jpg?_wi=2",
|
||||
imageAlt: "Persona",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/biometrics-fingerprint-scan-interactive-screen_53876-101146.jpg?_wi=2",
|
||||
imageAlt: "Data",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-designing-text-image-ai-generative-models_482257-118859.jpg?_wi=2",
|
||||
imageAlt: "Video",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg?_wi=2",
|
||||
imageAlt: "Voice",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=2",
|
||||
imageAlt: "Dashboard",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Building Now",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/influencer-studio-films-wireless-speaker-video-review-tech-enthusiasts_482257-123068.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman_53876-71160.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Google",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Microsoft",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Amazon",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "OpenAI",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Anthropic",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="One AI Assistant Unlimited Capabilities"
|
||||
description="Generate content, search in realtime, retrieve customer insights, and automate workflows—all from a single intelligent platform Combine speech, video, images, and data in seconds"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg", imageAlt: "Voice" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-designing-text-image-ai-generative-models_482257-118859.jpg", imageAlt: "Video" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/biometrics-fingerprint-scan-interactive-screen_53876-101146.jpg", imageAlt: "Data" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-vr-glasses-float-neon-space-with-cables-attached-her-metaverse-avatar-concept_1217-3924.jpg", imageAlt: "Persona" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305279.jpg", imageAlt: "Search" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305279.jpg", imageAlt: "Search" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-vr-glasses-float-neon-space-with-cables-attached-her-metaverse-avatar-concept_1217-3924.jpg", imageAlt: "Persona" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/biometrics-fingerprint-scan-interactive-screen_53876-101146.jpg", imageAlt: "Data" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-designing-text-image-ai-generative-models_482257-118859.jpg", imageAlt: "Video" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg", imageAlt: "Voice" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Dashboard" }
|
||||
]}
|
||||
buttons={[{ text: "Start Building Now" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Search,
|
||||
title: "Realtime Search",
|
||||
description: "Fetch live data and synthesize it into actionable intelligence instantly.",
|
||||
},
|
||||
{
|
||||
icon: Mic,
|
||||
title: "Speech Conversion",
|
||||
description: "Advanced speech-to-text and text-to-speech engine for natural interaction.",
|
||||
},
|
||||
{
|
||||
icon: Image,
|
||||
title: "Generative Images",
|
||||
description: "Create stunning visuals from simple prompts in seconds.",
|
||||
},
|
||||
{
|
||||
icon: Film,
|
||||
title: "AI Video Creation",
|
||||
description: "Generate videos from source frames, prompts, or imagery.",
|
||||
},
|
||||
{
|
||||
icon: Database,
|
||||
title: "User Data Intelligence",
|
||||
description: "Aggregated user data including social profiles and insights.",
|
||||
},
|
||||
]}
|
||||
title="Platform Core Features"
|
||||
description="Powerful automation tools built for modern workflows."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Search, title: "Realtime Search", description: "Fetch live data and synthesize it into actionable intelligence instantly." },
|
||||
{ icon: Mic, title: "Speech Conversion", description: "Advanced speech-to-text and text-to-speech engine for natural interaction." },
|
||||
{ icon: Image, title: "Generative Images", description: "Create stunning visuals from simple prompts in seconds." },
|
||||
{ icon: Film, title: "AI Video Creation", description: "Generate videos from source frames, prompts, or imagery." },
|
||||
{ icon: Database, title: "User Data Intelligence", description: "Aggregated user data including social profiles and insights." }
|
||||
]}
|
||||
title="Platform Core Features"
|
||||
description="Powerful automation tools built for modern workflows."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="capabilities" data-section="capabilities">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Search Engine",
|
||||
price: "Realtime",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305279.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "TTS/STT",
|
||||
price: "Neural",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Image Gen",
|
||||
price: "Stable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-vr-glasses-float-neon-space-with-cables-attached-her-metaverse-avatar-concept_1217-3924.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Video Engine",
|
||||
price: "Multi-Source",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-designing-text-image-ai-generative-models_482257-118859.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Data Lookup",
|
||||
price: "Aggregated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/biometrics-fingerprint-scan-interactive-screen_53876-101146.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Insight Tool",
|
||||
price: "Intelligence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="AI Capabilities Matrix"
|
||||
description="Everything you need to scale automation and insights."
|
||||
/>
|
||||
</div>
|
||||
<div id="capabilities" data-section="capabilities">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Search Engine", price: "Realtime", imageSrc: "http://img.b2bpic.net/free-photo/panoramic-view-dubai-city-illuminated-neon-spectrum_23-2151305279.jpg" },
|
||||
{ id: "p2", name: "TTS/STT", price: "Neural", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg" },
|
||||
{ id: "p3", name: "Image Gen", price: "Stable", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-vr-glasses-float-neon-space-with-cables-attached-her-metaverse-avatar-concept_1217-3924.jpg" },
|
||||
{ id: "p4", name: "Video Engine", price: "Multi-Source", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-designing-text-image-ai-generative-models_482257-118859.jpg" },
|
||||
{ id: "p5", name: "Data Lookup", price: "Aggregated", imageSrc: "http://img.b2bpic.net/free-photo/biometrics-fingerprint-scan-interactive-screen_53876-101146.jpg" },
|
||||
{ id: "p6", name: "Insight Tool", price: "Intelligence", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg" }
|
||||
]}
|
||||
title="AI Capabilities Matrix"
|
||||
description="Everything you need to scale automation and insights."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Automation Manager",
|
||||
testimonial: "NexAI saved our team countless hours in lead generation and research.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark C.",
|
||||
role: "Creative Director",
|
||||
testimonial: "The imagetovideo generation quality is unmatched in the industry today.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-studio-films-wireless-speaker-video-review-tech-enthusiasts_482257-123068.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "BI Specialist",
|
||||
testimonial: "User aggregation features are flawless for our customer intelligence projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Startup CEO",
|
||||
testimonial: "Unified platform approach has cut our operational costs significantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman_53876-71160.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex W.",
|
||||
role: "Tech Lead",
|
||||
testimonial: "API stability is rock solid for our enterprise workflow integrations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoys-city-skyscrapers-night_482257-91205.jpg",
|
||||
},
|
||||
]}
|
||||
title="Industry Leaders Choice"
|
||||
description="Trusted by top enterprises worldwide."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How does realtime search work?", content: "Our engine queries multiple global endpoints in milliseconds for relevant data." },
|
||||
{ id: "f2", title: "Is my data secure?", content: "Security is our top priority. Everything is encrypted at rest and in transit." },
|
||||
{ id: "f3", title: "Can I integrate custom APIs?", content: "Yes, our enterprise plan includes custom API endpoints for your workflows." }
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does realtime search work?",
|
||||
content: "Our engine queries multiple global endpoints in milliseconds for relevant data.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my data secure?",
|
||||
content: "Security is our top priority. Everything is encrypted at rest and in transit.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I integrate custom APIs?",
|
||||
content: "Yes, our enterprise plan includes custom API endpoints for your workflows.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to transform your automation?"
|
||||
description="Join thousands of enterprises using our platform to drive efficiency."
|
||||
buttons={[{ text: "Contact Sales" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to transform your automation?"
|
||||
description="Join thousands of enterprises using our platform to drive efficiency."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "API Docs",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "API Docs", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Pricing", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user