Update src/app/page.tsx
This commit is contained in:
319
src/app/page.tsx
319
src/app/page.tsx
@@ -32,60 +32,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="StatHub"
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Data Driven Insights"
|
||||
description="Unlock the power of your data with our advanced analytics platform. Make informed decisions, track performance, and grow your business with clarity."
|
||||
tag="Trusted Analytics"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-database-analysis-system-information-concept_53876-134071.jpg",
|
||||
imageAlt: "Dashboard overview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-database-analysis-system-information-concept_53876-134071.jpg", imageAlt: "Dashboard overview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
imageAlt: "Analytics trends",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941513.jpg",
|
||||
imageAlt: "3d rendering of futuristic technologies",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-with-annual-evolution_1098-3503.jpg",
|
||||
imageAlt: "Close-up of laptop with annual evolution",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-120736.jpg",
|
||||
imageAlt: "Corporate business line graph report",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Analytics trends"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -101,21 +69,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Data Accuracy Rate",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Real-time Monitoring",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "150+",
|
||||
description: "Global Data Sources",
|
||||
},
|
||||
{ id: "m1", value: "99.9%", description: "Data Accuracy Rate" },
|
||||
{ id: "m2", value: "24/7", description: "Real-time Monitoring" },
|
||||
{ id: "m3", value: "150+", description: "Global Data Sources" },
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Our statistical tools provide clear visibility into your core business metrics, helping you stay ahead of the competition."
|
||||
@@ -127,24 +83,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Manual report creation",
|
||||
"Disorganized datasets",
|
||||
"Delayed decision loops",
|
||||
"Inefficient data silo management",
|
||||
"Inconsistent metric reporting",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Automated dashboarding",
|
||||
"Unified data sources",
|
||||
"Real-time actionable insights",
|
||||
"Predictive modeling integration",
|
||||
"Secure cloud infrastructure",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Manual report creation", "Disorganized datasets", "Delayed decision loops", "Inefficient data silo management", "Inconsistent metric reporting"] }}
|
||||
positiveCard={{ items: ["Automated dashboarding", "Unified data sources", "Real-time actionable insights", "Predictive modeling integration", "Secure cloud infrastructure"] }}
|
||||
title="Why Choose Our Statistics Platform"
|
||||
description="We offer robust tools designed for professional data analysis and streamlined decision making."
|
||||
/>
|
||||
@@ -157,42 +97,9 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Analytics Pro",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169861.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Data Visualizer",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Trend Monitor",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sync Engine",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focus-lines-code-laptop-screen-used-by-data-center-engineers_482257-117920.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Predictive Modeller",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-panel-template_23-2148370945.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Security Guardian",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-teamworking-colleagues-use-node-tree-program_482257-126669.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Analytics Pro", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169861.jpg" },
|
||||
{ id: "p2", name: "Data Visualizer", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg" },
|
||||
{ id: "p3", name: "Trend Monitor", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg" }
|
||||
]}
|
||||
title="Professional Analytical Tools"
|
||||
description="Powerful software solutions built for enterprise-level data processing and analysis."
|
||||
@@ -205,59 +112,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
badge: "Starter",
|
||||
price: "$49",
|
||||
subtitle: "For small teams and startups",
|
||||
features: [
|
||||
"1 User Seat",
|
||||
"Basic Reporting",
|
||||
"Data Export",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-2",
|
||||
badge: "Growth",
|
||||
price: "$149",
|
||||
subtitle: "Best for growing businesses",
|
||||
features: [
|
||||
"5 User Seats",
|
||||
"Advanced Reporting",
|
||||
"Real-time Monitoring",
|
||||
"Priority Support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Growth",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-3",
|
||||
badge: "Enterprise",
|
||||
price: "$499",
|
||||
subtitle: "For large-scale operations",
|
||||
features: [
|
||||
"Unlimited Users",
|
||||
"Predictive Analytics",
|
||||
"Custom Integration",
|
||||
"Dedicated Manager",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "plan-1", badge: "Starter", price: "$49", subtitle: "For small teams and startups", features: ["1 User Seat", "Basic Reporting", "Data Export"], buttons: [{ text: "Get Started", href: "#" }] },
|
||||
{ id: "plan-2", badge: "Growth", price: "$149", subtitle: "Best for growing businesses", features: ["5 User Seats", "Advanced Reporting", "Real-time Monitoring", "Priority Support"], buttons: [{ text: "Choose Growth", href: "#" }] },
|
||||
{ id: "plan-3", badge: "Enterprise", price: "$499", subtitle: "For large-scale operations", features: ["Unlimited Users", "Predictive Analytics", "Custom Integration", "Dedicated Manager"], buttons: [{ text: "Contact Sales", href: "#" }] }
|
||||
]}
|
||||
title="Flexible Pricing Plans"
|
||||
description="Simple and transparent plans that scale with your data requirements."
|
||||
@@ -270,68 +127,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
role: "Head of Data",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-corporate-businesswoman_23-2147702111.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
role: "CEO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "PM",
|
||||
company: "FuturePath",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-employee-standing-with-crossed-arms-looking-confident-wearing-white-shirt-standing-office_141793-21249.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Lead Engineer",
|
||||
company: "CoreDynamics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia Bennett",
|
||||
role: "Data Analyst",
|
||||
company: "GrowthIQ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-playing-digital-notebook-with-smiling-confident-face-white-backgroundcopy-space_1258-103939.jpg",
|
||||
},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Robert Vance",
|
||||
role: "Analyst",
|
||||
company: "BlueEdge",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900145.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Chen", role: "Head of Data", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-corporate-businesswoman_23-2147702111.jpg" },
|
||||
{ id: "t2", name: "Marcus Thorne", role: "CEO", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1.2M",
|
||||
label: "Data Points Analyzed",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Retention Rate",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Expert Support",
|
||||
},
|
||||
{ value: "1.2M", label: "Data Points Analyzed" },
|
||||
{ value: "99.9%", label: "Retention Rate" },
|
||||
{ value: "24/7", label: "Expert Support" },
|
||||
]}
|
||||
title="Trusted by Data Experts"
|
||||
description="See why top data scientists and business leaders choose us for their analytics needs."
|
||||
@@ -342,21 +144,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I get started?",
|
||||
content: "Simply choose a plan and set up your integration within minutes.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my data secure?",
|
||||
content: "We employ enterprise-grade encryption to ensure your data stays private and secure.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, our monthly plans are flexible, and you can cancel anytime with no penalties.",
|
||||
},
|
||||
{ id: "f1", title: "How do I get started?", content: "Simply choose a plan and set up your integration within minutes." },
|
||||
{ id: "f2", title: "Is my data secure?", content: "We employ enterprise-grade encryption to ensure your data stays private and secure." },
|
||||
{ id: "f3", title: "Can I cancel anytime?", content: "Yes, our monthly plans are flexible, and you can cancel anytime with no penalties." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find quick answers to common questions about our service."
|
||||
@@ -367,63 +157,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Transform Your Data?"
|
||||
description="Speak with our team to learn how our statistics platform can help you achieve your goals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="StatHub"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user