299 lines
15 KiB
TypeScript
299 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Award, Cloud, TrendingUp, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Features", id: "features"},
|
|
{
|
|
name: "Metrics", id: "metrics"},
|
|
{
|
|
name: "Pricing", id: "pricing"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "FAQ", id: "faq"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bp16zl"
|
|
logoAlt="VizaLogix Logo"
|
|
brandName="VizaLogix"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Unlock Your Data's Full Potential with VizaLogix"
|
|
description="VizaLogix provides a powerful, intuitive platform for data visualization and AI-driven analytics, transforming complex data into actionable insights for modern businesses."
|
|
tag="DATA INSIGHTS"
|
|
buttons={[
|
|
{
|
|
text: "Get a Demo", href: "#contact"},
|
|
{
|
|
text: "Explore Features", href: "#features"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-panel-template_23-2147904146.jpg", imageAlt: "Modern SaaS analytics dashboard"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg", imageAlt: "Interactive data analytics on tablet"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Trusted by 5,000+ Enterprises"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Revolutionizing Business Intelligence for Tomorrow"
|
|
description="At VizaLogix, we empower businesses with cutting-edge AI-driven analytics, enabling informed decisions and accelerating growth. Our platform is built on a foundation of innovation, security, and user-centric design, providing a seamless experience from data ingestion to actionable insights."
|
|
metrics={[
|
|
{
|
|
value: "99.9%", title: "Uptime Reliability"},
|
|
{
|
|
value: "250M+", title: "Data Points Analyzed Daily"},
|
|
{
|
|
value: "10,000+", title: "Active Users Worldwide"},
|
|
]}
|
|
tag="ABOUT US"
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-influential-businesswomen-discussing-financial-strategies_482257-123616.jpg"
|
|
imageAlt="Modern tech office with people collaborating"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "feature-1", title: "Intelligent Data Visualization", description: "Transform complex datasets into intuitive, interactive dashboards that reveal hidden trends and opportunities at a glance. Customize your views with drag-and-drop ease.", tag: "SEE THE DATA", imageSrc: "http://img.b2bpic.net/free-photo/diagram-graphs-information-statistics-stock-data-concept_53876-64925.jpg", imageAlt: "Abstract chart simplifying complex data"},
|
|
{
|
|
id: "feature-2", title: "Robust Data Security", description: "Rest assured with enterprise-grade security protocols, end-to-end encryption, and compliance with global data protection standards, keeping your sensitive information safe.", tag: "STAY PROTECTED", imageSrc: "http://img.b2bpic.net/free-photo/governmental-hackers-working-computer-network-high-tech-office_482257-121485.jpg", imageAlt: "Digital shield protecting data"},
|
|
{
|
|
id: "feature-3", title: "AI-Powered Predictive Analytics", description: "Leverage advanced machine learning algorithms to forecast future outcomes, identify key performance drivers, and receive proactive recommendations for strategic advantage.", tag: "PREDICT & ACT", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-digital-with-modern-flowing-particles_1048-13765.jpg", imageAlt: "AI brain with neural network"},
|
|
]}
|
|
title="Powerful Features for Modern Analytics"
|
|
description="Experience a suite of tools designed to bring clarity to your data, streamline operations, and drive strategic outcomes across your organization."
|
|
tag="PLATFORM CAPABILITIES"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Google", "Microsoft", "Amazon", "Salesforce", "IBM", "Oracle", "SAP"]}
|
|
title="Trusted by Industry Leaders Worldwide"
|
|
description="Our solutions empower top companies to make smarter, data-driven decisions every day, fostering innovation and achieving measurable results."
|
|
tag="GLOBAL IMPACT"
|
|
speed={60}
|
|
showCard={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Award,
|
|
title: "Industry Recognition", value: "Top 1% in SaaS"},
|
|
{
|
|
id: "m2", icon: Users,
|
|
title: "Customer Satisfaction", value: "98% Score"},
|
|
{
|
|
id: "m3", icon: TrendingUp,
|
|
title: "Average ROI", value: "300% Annually"},
|
|
{
|
|
id: "m4", icon: Cloud,
|
|
title: "Data Processed", value: "Exabytes Daily"},
|
|
]}
|
|
title="Achieve More with VizaLogix"
|
|
description="Witness the tangible impact of advanced analytics with real numbers that showcase our commitment to excellence and your success."
|
|
tag="OUR PERFORMANCE"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "starter", title: "Starter", price: "$99", period: "per month", features: [
|
|
"Basic Data Visualization", "Up to 5 Users", "Standard Support", "50GB Data Storage", "Monthly Reports"],
|
|
button: {
|
|
text: "Start Free Trial", href: "#contact"},
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bp16zl", imageAlt: "minimalist saas logo data analytics"},
|
|
{
|
|
id: "pro", title: "Professional", price: "$299", period: "per month", features: [
|
|
"Advanced Analytics Dashboard", "Up to 25 Users", "Priority Support", "500GB Data Storage", "Real-time Dashboards", "AI-driven Insights"],
|
|
button: {
|
|
text: "Get Started", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-panel-template_23-2147904146.jpg", imageAlt: "minimalist saas logo data analytics"},
|
|
{
|
|
id: "enterprise", title: "Enterprise", price: "Custom", period: "per month", features: [
|
|
"Customizable BI Solutions", "Unlimited Users", "Dedicated Account Manager", "Unlimited Data Storage", "Advanced Security Features", "API Access & Integrations"],
|
|
button: {
|
|
text: "Contact Sales", href: "#contact"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg", imageAlt: "minimalist saas logo data analytics"},
|
|
]}
|
|
title="Flexible Plans for Every Business"
|
|
description="Choose a plan that scales seamlessly with your needs, from agile startups to large enterprises. Get the analytics power you need without compromise."
|
|
tag="PRICING"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="VizaLogix transformed our understanding of customer behavior. The insights are invaluable, and the platform is incredibly user-friendly and powerful. A must-have for any data-driven team looking to gain a competitive edge!"
|
|
rating={5}
|
|
author="Alex Chen, Head of Data Science at InnovateCorp"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-afroamerican-employee-portrait_23-2148508904.jpg", alt: "Alex Chen"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg", alt: "Sarah Johnson"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg", alt: "David Kim"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors_23-2150296635.jpg", alt: "Emily White"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/serious-confident-asian-male-executive_1262-5523.jpg", alt: "Serious confident Asian male executive"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What is VizaLogix and how does it help my business?", content: "VizaLogix is an AI-powered data analytics and visualization platform designed to help businesses transform raw data into actionable insights, make informed decisions, and predict future trends."},
|
|
{
|
|
id: "q2", title: "Does VizaLogix integrate with my existing data sources?", content: "Yes, VizaLogix offers extensive integration capabilities with various data sources, including databases, cloud platforms, CRM systems, and more. Our team can assist with custom integrations if needed."},
|
|
{
|
|
id: "q3", title: "Is there a free trial available for VizaLogix?", content: "Absolutely! We offer a 14-day free trial for our Starter and Professional plans. You can sign up directly on our pricing page or contact sales for an enterprise demo."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-busy-man-office_329181-15309.jpg"
|
|
imageAlt="Person working at desk with data dashboards"
|
|
videoAriaLabel="FAQ section video"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to the most common questions about VizaLogix, our platform, and how we can empower your data strategy."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Ready to transform your data into actionable insights? Connect with our experts today for a personalized demo."
|
|
buttons={[
|
|
{
|
|
text: "Get in Touch", href: "mailto:info@vizalogix.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{
|
|
label: "Features", href: "#features"},
|
|
{
|
|
label: "Pricing", href: "#pricing"},
|
|
{
|
|
label: "Integrations", href: "#"},
|
|
{
|
|
label: "Solutions", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
{
|
|
label: "Blog", href: "#"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Support", href: "#"},
|
|
{
|
|
label: "Documentation", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 VizaLogix. All rights reserved."
|
|
bottomRightText="Privacy Policy | Terms of Service"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|