185 lines
10 KiB
TypeScript
185 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Activity, Briefcase, Building, Building2, Code2, Github, Linkedin, Settings, Sparkles, Twitter, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "Process", id: "#process" },
|
|
{ name: "Work", id: "#work" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
brandName="NexAI"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{ variant: "plain" }}
|
|
title="Engineering the Future of Digital Intelligence"
|
|
description="We architect high-performance AI, SaaS, and enterprise solutions to scale your vision into a global digital powerhouse."
|
|
tag="Next-Gen AI Solutions"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1780.jpg", imageAlt: "AI Analytics Dashboard" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910973.jpg", imageAlt: "Neural Network Graph" }
|
|
]}
|
|
mediaAnimation="blur-reveal"
|
|
rating={5}
|
|
ratingText="Trusted by 50+ Global Enterprises"
|
|
tagIcon={Sparkles}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={false}
|
|
title="Expertise at Scale"
|
|
description="Comprehensive technology suite to drive your digital transformation."
|
|
tag="Our Services"
|
|
accordionItems={[
|
|
{ id: "1", title: "AI & Automation", content: "Next-gen machine learning models and predictive analytics systems to automate enterprise workflows." },
|
|
{ id: "2", title: "SaaS Product Engineering", content: "Scalable cloud-native platforms designed for rapid market deployment." },
|
|
{ id: "3", title: "Web & Mobile Development", content: "High-performance digital experiences built on modern, secure, and responsive stacks." },
|
|
{ id: "4", title: "Data Analytics", content: "Deep insights and intelligence extracted from complex data streams." },
|
|
{ id: "5", title: "Cybersecurity", content: "Resilient security architectures to protect your digital assets." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-62309.jpg"
|
|
mediaAnimation="slide-up"
|
|
tagIcon={Settings}
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="The Framework"
|
|
title="Innovation Lifecycle"
|
|
description="We bridge the gap between abstract strategy and scalable reality with our proprietary development methodology."
|
|
subdescription="Strategy → Build → Deploy → Optimize"
|
|
icon={Zap}
|
|
imageSrc="http://img.b2bpic.net/free-photo/technology-circuit-processor-with-microchip_90220-1201.jpg?_wi=1"
|
|
mediaAnimation="blur-reveal"
|
|
tagIcon={Activity}
|
|
/>
|
|
</div>
|
|
|
|
<div id="industries" data-section="industries">
|
|
<MetricCardThree
|
|
animationType="blur-reveal"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "1", icon: Building2, title: "Finance", value: "15%" },
|
|
{ id: "2", icon: Activity, title: "Healthcare", value: "22%" },
|
|
{ id: "3", icon: Briefcase, title: "Retail", value: "38%" },
|
|
{ id: "4", icon: Building, title: "GovTech", value: "25%" },
|
|
{ id: "5", icon: Code2, title: "Logistics", value: "12%" },
|
|
]}
|
|
title="Global Reach"
|
|
description="Empowering industries with smart digital solutions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="work" data-section="work">
|
|
<ProductCardOne
|
|
animationType="scale-rotate"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", name: "Finance AI Engine", price: "ROI: 200%", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-use-technology-office_482257-120242.jpg?_wi=1" },
|
|
{ id: "2", name: "Mobile Ecosystem", price: "1M+ Users", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-coworking-app-template_23-2150249527.jpg?_wi=1" },
|
|
{ id: "3", name: "Data Security Suite", price: "99.9% Up", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-virtual-reality-headset_23-2148598108.jpg?_wi=1" },
|
|
{ id: "4", name: "Retail SaaS", price: "Scale: 5x", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-use-technology-office_482257-120242.jpg?_wi=2" },
|
|
{ id: "5", name: "Health Connect", price: "Fast Integration", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-coworking-app-template_23-2150249527.jpg?_wi=2" },
|
|
{ id: "6", name: "Gov Portal", price: "Compliance Max", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-virtual-reality-headset_23-2148598108.jpg?_wi=2" },
|
|
]}
|
|
title="Impact Portfolio"
|
|
description="Enterprise-level projects delivered with precision."
|
|
/>
|
|
</div>
|
|
|
|
<div id="proof" data-section="proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["Nexus Corp", "CloudVentures", "DataCore", "FutureTech", "HealthStream", "RetailLogic", "SecurityGate"]}
|
|
title="Industry Partners"
|
|
description="Trusted by leaders at the forefront of digital change."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Marcus V.", date: "Jan 2025", title: "CTO", quote: "Exceptional delivery speed and quality.", tag: "Nexus", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg" },
|
|
{ id: "2", name: "Elena R.", date: "Dec 2024", title: "CEO", quote: "Transformation beyond expectations.", tag: "Ventures", avatarSrc: "http://img.b2bpic.net/free-photo/young-business-woman-standing-suit-office_1303-22798.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-high-tech-classroom-students_23-2150906204.jpg" },
|
|
{ id: "3", name: "David K.", date: "Nov 2024", title: "VP Engineering", quote: "Professional and high-tech approach.", tag: "DataCore", avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-choosing-car-car-showroom_1303-17903.jpg", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-business-leaders-engaged-web-video-conference-office-lobby-exchanging-strategy_482257-132125.jpg" },
|
|
{ id: "4", name: "Sophia L.", date: "Oct 2024", title: "Founder", quote: "AI implementation was flawless.", tag: "Future", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-stylish-black-man-wearing-party-blazer-smiling-happy-camera_1258-26368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/employee-working-project-planning-with-files-data-charts-computer-startup-office-business-woman-using-papers-design-strategy-management-leadership-job-development_482257-32268.jpg" },
|
|
{ id: "5", name: "John D.", date: "Sep 2024", title: "Director", quote: "Scaling our SaaS was never easier.", tag: "Cloud", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-standing-office_23-2147899580.jpg" },
|
|
]}
|
|
title="Partners Speak"
|
|
description="Insights from the leaders we help succeed."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Start Your Transformation"
|
|
description="Ready to build the future? Talk to our architecture experts today."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email", required: true },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/technology-circuit-processor-with-microchip_90220-1201.jpg?_wi=2"
|
|
buttonText="Consult Our Team"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="NexAI Agency"
|
|
copyrightText="© 2025 NexAI Agency. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
|
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
|
{ icon: Github, href: "#", ariaLabel: "GitHub" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|