Files
ccce1962-fdc2-4e4a-b038-e42…/src/app/page.tsx
2026-04-12 04:49:51 +00:00

342 lines
11 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="small"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Features",
id: "features",
},
{
name: "Metrics",
id: "metrics",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="AnalyticaAI"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="Master Your Business Data"
description="Gain unparalleled visibility into your company performance with our advanced AI-driven analysis platform. Make decisions based on real-time insights."
testimonials={[
{
name: "Alex Rivet",
handle: "@rivetcorp",
testimonial: "The insights provided helped us scale operations by 300% in a single quarter.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg",
},
{
name: "Sarah Chen",
handle: "@growthlab",
testimonial: "Professional, precise, and incredibly fast business analysis.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/african-american-entrepreneur-pitching-new-project-idea-stakeholders_482257-118564.jpg",
},
{
name: "Marcus Thorne",
handle: "@thornebiz",
testimonial: "A game changer for our fiscal strategy and market positioning.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg",
},
{
name: "Emily Blunt",
handle: "@strategyai",
testimonial: "Finally, an analysis tool that actually understands complex data structures.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169840.jpg",
},
{
name: "David Kim",
handle: "@datatech",
testimonial: "Exceptional service and deep business understanding.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-office-workspace-with-advanced-technology-enhance-efficiency_482257-119656.jpg",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116600.jpg?_wi=1"
imageAlt="Business Analytics Dashboard"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/employee-editing-documents-desktop-computer-office-desk_482257-126550.jpg",
alt: "CEO Alex Rivet",
},
{
src: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",
alt: "Data Analyst Sarah",
},
{
src: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg",
alt: "Strategist Marcus",
},
{
src: "http://img.b2bpic.net/free-photo/african-american-entrepreneur-pitching-new-project-idea-stakeholders_482257-118564.jpg",
alt: "Tech Lead Emily",
},
{
src: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg",
alt: "Manager David",
},
]}
marqueeItems={[
{
type: "text",
text: "AI-Driven",
},
{
type: "text",
text: "Real-Time",
},
{
type: "text",
text: "Secure",
},
{
type: "text",
text: "Scalable",
},
{
type: "text",
text: "Precise",
},
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "In-Depth Investigation",
description: "Drill down into any data point for microscopic performance analysis.",
imageSrc: "http://img.b2bpic.net/free-vector/data-analysis-25-solid-glyph-icon-pack-including-coding-development-business-data-seo_1142-21451.jpg?_wi=1",
titleIconSrc: "Search",
buttonText: "Learn More",
},
{
title: "Performance Growth",
description: "Accelerate your workflows with predictive performance modeling.",
imageSrc: "http://img.b2bpic.net/free-photo/workers-working-computer-network-graphic-overlay_53876-132297.jpg",
titleIconSrc: "Rocket",
buttonText: "Learn More",
},
{
title: "Data Security",
description: "Ensure total safety for your proprietary business information.",
imageSrc: "http://img.b2bpic.net/free-vector/data-analysis-template-design_23-2150713894.jpg",
titleIconSrc: "Shield",
buttonText: "Learn More",
},
]}
title="Core Analytics Features"
description="Powerful tools to help you identify bottlenecks and opportunities within your organization."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "98%",
title: "Data Accuracy",
items: [
"Real-time verification",
"AI-driven cleansing",
],
},
{
id: "m2",
value: "45%",
title: "Cost Efficiency",
items: [
"Bottleneck identification",
"Resource optimization",
],
},
{
id: "m3",
value: "24/7",
title: "Market Monitoring",
items: [
"Global trend tracking",
"Automated alerts",
],
},
]}
title="Business Performance Metrics"
description="Quantifiable insights that translate directly to your bottom line."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "pro",
title: "Professional",
price: "$499/mo",
period: "Billed annually",
features: [
"Full analytics suite",
"24/7 Priority support",
"Custom AI models",
],
button: {
text: "Get Started",
},
imageSrc: "http://img.b2bpic.net/free-vector/business-background-design_1300-106.jpg",
imageAlt: "Business background design",
},
{
id: "ent",
title: "Enterprise",
price: "$1,499/mo",
period: "Billed annually",
features: [
"Dedicated consultant",
"On-premise deployment",
"Unlimited data volume",
],
button: {
text: "Contact Sales",
},
imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116600.jpg?_wi=2",
imageAlt: "Business background design",
},
{
id: "scale",
title: "Scalable",
price: "$299/mo",
period: "Billed annually",
features: [
"Basic analytics",
"Automated reporting",
"Community access",
],
button: {
text: "Get Started",
},
imageSrc: "http://img.b2bpic.net/free-vector/data-analysis-25-solid-glyph-icon-pack-including-coding-development-business-data-seo_1142-21451.jpg?_wi=2",
imageAlt: "Business background design",
},
]}
title="Transparent Pricing"
description="Scalable plans designed to grow with your business maturity."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Get Started"
title="Let's Optimize Your Strategy"
description="Ready to unlock your full potential? Enter your email to begin your consultation."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
logoText="AnalyticaAI"
columns={[
{
title: "Product",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Help Center",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}