233 lines
14 KiB
TypeScript
233 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Heart, Shield, Sparkles, TrendingUp, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="aurora"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Nexus AI"
|
|
navItems={[
|
|
{ name: "Features", id: "features" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Nexus AI"
|
|
description="The future of intelligent automation. Harness cutting-edge AI to transform your business with unprecedented speed and precision."
|
|
buttons={[
|
|
{ text: "Get Started", href: "#contact" },
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/a-sophisticated-ai-platform-interface-wi-1773560547994-5460d4d0.png"
|
|
imageAlt="Nexus AI Platform Interface"
|
|
mediaAnimation="blur-reveal"
|
|
frameStyle="browser"
|
|
ariaLabel="Hero section - Nexus AI intelligent automation platform"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Nexus"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
title="Intelligent Automation Meets Human Creativity"
|
|
buttons={[{ text: "Explore Our Vision" }]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
title="Powerful AI Capabilities"
|
|
description="Experience advanced features designed to streamline workflows and unlock new possibilities for your organization."
|
|
tag="Core Features"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[]}
|
|
buttonAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Smart Automation", description: "Automate complex workflows with AI-powered intelligence. Save time and reduce manual errors with intelligent task processing.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/a-clean-mobile-phone-displaying-an-ai-au-1773560545110-07238f23.png?_wi=1", imageAlt: "A clean mobile phone displaying an AI automation interface with purple accents. Show workflow automa" },
|
|
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/a-clean-mobile-phone-displaying-an-ai-au-1773560545110-07238f23.png?_wi=2", imageAlt: "A clean mobile phone displaying an AI automation interface with purple accents. Show workflow automa" }
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Real-Time Analytics", description: "Get instant insights into your data with advanced analytics. Make informed decisions with real-time metrics and predictive analysis.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/a-modern-tablet-displaying-advanced-anal-1773560544385-aacb878a.png?_wi=1", imageAlt: "A modern tablet displaying advanced analytics and real-time data insights with purple theme. Charts," },
|
|
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/a-modern-tablet-displaying-advanced-anal-1773560544385-aacb878a.png?_wi=2", imageAlt: "A modern tablet displaying advanced analytics and real-time data insights with purple theme. Charts," }
|
|
}
|
|
]}
|
|
showStepNumbers={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Trusted by Industry Leaders"
|
|
description="Join thousands of companies revolutionizing their operations with Nexus AI."
|
|
tag="Our Impact"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{ id: "1", value: "10M+", description: "Tasks Automated" },
|
|
{ id: "2", value: "99.9%", description: "Uptime Guaranteed" },
|
|
{ id: "3", value: "5,000+", description: "Active Organizations" },
|
|
{ id: "4", value: "350%", description: "Average ROI" }
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
names={["Microsoft", "Google", "Amazon", "Apple", "OpenAI", "NVIDIA", "Stripe", "Slack"]}
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/microsoft-corporation-logo-clean-white-v-1773560543173-2b41ad31.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/google-corporation-logo-colorful-officia-1773560543222-f6d0470f.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/amazon-corporation-logo-official-brand-m-1773560543429-f6eae213.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/apple-inc-logo-official-bitten-apple-mar-1773560543820-e6686728.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/openai-organization-logo-official-brand--1773560543757-a72dfd37.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/nvidia-corporation-logo-official-green-m-1773560544107-d0b82a1c.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/stripe-company-logo-official-brand-mark--1773560543865-41debb27.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/slack-company-logo-official-colorful-bra-1773560543747-766c6f34.png"
|
|
]}
|
|
title="Trusted by Leading Organizations"
|
|
description="Nexus AI powers intelligent automation for the world's most innovative companies."
|
|
tag="Global Trust"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/professional-headshot-of-a-confident-tec-1773560543969-3dcd441d.png", imageAlt: "Professional headshot of a confident tech entrepreneur, modern lighting, clean background, wearing b" },
|
|
{ id: "2", name: "Emily Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/professional-headshot-of-a-successful-wo-1773560543515-5bb90b00.png", imageAlt: "Professional headshot of a successful woman in tech, modern styling, clean background, wearing profe" },
|
|
{ id: "3", name: "Michael Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/professional-headshot-of-a-confident-man-1773560544043-951c24f2.png", imageAlt: "Professional headshot of a confident man in tech, modern aesthetics, clean background, wearing busin" },
|
|
{ id: "4", name: "Jessica Williams", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/professional-headshot-of-a-woman-in-tech-1773560543853-64edba4a.png", imageAlt: "Professional headshot of a woman in tech leadership, modern styling, clean background, professional " }
|
|
]}
|
|
cardTitle="Loved by Teams Worldwide"
|
|
cardTag="Customer Success"
|
|
cardTagIcon={Heart}
|
|
cardAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Get answers to common questions about Nexus AI and how it can transform your business."
|
|
buttons={[]}
|
|
buttonAnimation="slide-up"
|
|
faqs={[
|
|
{ id: "1", title: "How does Nexus AI work?", content: "Nexus AI uses advanced machine learning algorithms to understand your workflows and automate repetitive tasks. Our platform learns from your processes and continuously improves accuracy and efficiency." },
|
|
{ id: "2", title: "Is my data secure with Nexus?", content: "Absolutely. We employ enterprise-grade encryption, regular security audits, and comply with GDPR and SOC 2 standards. Your data remains your data, and we never sell or share it." },
|
|
{ id: "3", title: "What's the implementation timeline?", content: "Most organizations are up and running within 2-4 weeks. Our dedicated implementation team guides you through setup, integration, and training to ensure a smooth transition." },
|
|
{ id: "4", title: "Can Nexus integrate with our existing tools?", content: "Yes! Nexus integrates with 500+ popular applications including Salesforce, HubSpot, Slack, and more. Our API also enables custom integrations for specialized systems." },
|
|
{ id: "5", title: "What kind of ROI should we expect?", content: "Customers typically see 300-400% ROI within the first year through time savings, error reduction, and increased productivity. Most recover their investment within 3-6 months." },
|
|
{ id: "6", title: "Do you offer customer support?", content: "We provide 24/7 customer support through multiple channels: email, chat, phone, and a dedicated account manager for enterprise customers." }
|
|
]}
|
|
faqsAnimation="blur-reveal"
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your business with Nexus AI? Get in touch with our team to schedule a personalized demo."
|
|
animationType="reveal-blur"
|
|
buttons={[
|
|
{ text: "Schedule Demo", href: "mailto:hello@nexusai.com" },
|
|
{ text: "Contact Sales", href: "mailto:sales@nexusai.com" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AyMi6ifGhSWNfgRUbvUxqxBYGS/subtle-gradient-background-with-purple-a-1773560545466-a14bde29.jpg"
|
|
imageAlt="Subtle gradient background with purple and lavender tones, aurora effects, and floating abstract ele"
|
|
logoText="Nexus AI"
|
|
copyrightText="© 2025 Nexus AI. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "Security", href: "#" },
|
|
{ label: "Roadmap", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Documentation", href: "#" },
|
|
{ label: "API Reference", href: "#" },
|
|
{ label: "Community", href: "#" },
|
|
{ label: "Support", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Compliance", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|