Update src/app/page.tsx
This commit is contained in:
@@ -21,7 +21,8 @@ export default function HomePage() {
|
||||
];
|
||||
|
||||
const contactButton = {
|
||||
text: "Get Started", href: "#contact"};
|
||||
text: "Get Started", href: "#contact"
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -71,13 +72,16 @@ export default function HomePage() {
|
||||
stats: [
|
||||
{
|
||||
title: "Revenue", values: [245890, 312750, 428500],
|
||||
valuePrefix: "$", description: "Monthly recurring."},
|
||||
valuePrefix: "$", description: "Monthly recurring."
|
||||
},
|
||||
{
|
||||
title: "Users", values: [1240, 2150, 3890],
|
||||
description: "Active users online."},
|
||||
description: "Active users online."
|
||||
},
|
||||
{
|
||||
title: "Growth", values: [12.5, 18.3, 25.6],
|
||||
valueSuffix: "%", description: "Month-over-month."},
|
||||
valueSuffix: "%", description: "Month-over-month."
|
||||
},
|
||||
],
|
||||
chartTitle: "Performance Trend", chartData: [
|
||||
{ value: 50 },
|
||||
@@ -99,13 +103,17 @@ export default function HomePage() {
|
||||
<FeatureCardThree
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Real-Time Tracking", description: "Monitor your metrics as they happen with live updates and instant notifications.", imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=500&h=500&fit=crop", imageAlt: "Real-time dashboard tracking"},
|
||||
id: "01", title: "Real-Time Tracking", description: "Monitor your metrics as they happen with live updates and instant notifications.", imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=500&h=500&fit=crop", imageAlt: "Real-time dashboard tracking"
|
||||
},
|
||||
{
|
||||
id: "02", title: "Advanced Analytics", description: "Deep dive into data with customizable reports and predictive insights.", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=500&h=500&fit=crop", imageAlt: "Advanced analytics interface"},
|
||||
id: "02", title: "Advanced Analytics", description: "Deep dive into data with customizable reports and predictive insights.", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=500&h=500&fit=crop", imageAlt: "Advanced analytics interface"
|
||||
},
|
||||
{
|
||||
id: "03", title: "Team Collaboration", description: "Work together seamlessly with shared dashboards and real-time updates.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Team collaboration tools"},
|
||||
id: "03", title: "Team Collaboration", description: "Work together seamlessly with shared dashboards and real-time updates.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Team collaboration tools"
|
||||
},
|
||||
{
|
||||
id: "04", title: "Custom Reports", description: "Generate detailed reports tailored to your business needs and export easily.", imageSrc: "https://images.unsplash.com/photo-1611532736592-5a66f6aef2a2?w=500&h=500&fit=crop", imageAlt: "Custom report generation"},
|
||||
id: "04", title: "Custom Reports", description: "Generate detailed reports tailored to your business needs and export easily.", imageSrc: "https://images.unsplash.com/photo-1611532736592-5a66f6aef2a2?w=500&h=500&fit=crop", imageAlt: "Custom report generation"
|
||||
},
|
||||
]}
|
||||
title="Powerful Features"
|
||||
description="Everything you need to manage your business effectively"
|
||||
@@ -132,7 +140,8 @@ export default function HomePage() {
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Up to 1,000 tracked events", "Basic analytics dashboard", "Email support", "1 team member"],
|
||||
"Up to 1,000 tracked events", "Basic analytics dashboard", "Email support", "1 team member"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Professional", badgeIcon: Star,
|
||||
@@ -141,7 +150,8 @@ export default function HomePage() {
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Up to 100,000 tracked events", "Advanced analytics & AI insights", "Priority email & chat support", "Up to 10 team members", "Custom reports"],
|
||||
"Up to 100,000 tracked events", "Advanced analytics & AI insights", "Priority email & chat support", "Up to 10 team members", "Custom reports"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3", badge: "Enterprise", badgeIcon: CheckCircle,
|
||||
@@ -150,7 +160,8 @@ export default function HomePage() {
|
||||
{ text: "Schedule Demo", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited tracked events", "Full API access", "Dedicated account manager", "Custom integrations", "On-premise deployment", "SLA guarantee"],
|
||||
"Unlimited tracked events", "Full API access", "Dedicated account manager", "Custom integrations", "On-premise deployment", "SLA guarantee"
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Simple, Transparent Pricing"
|
||||
@@ -171,14 +182,19 @@ export default function HomePage() {
|
||||
<MetricCardEleven
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "99.9%", title: "Uptime Guarantee", description: "Enterprise-grade reliability", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=500&h=500&fit=crop", imageAlt: "Server uptime monitoring"},
|
||||
id: "1", value: "99.9%", title: "Uptime Guarantee", description: "Enterprise-grade reliability", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=500&h=500&fit=crop", imageAlt: "Server uptime monitoring"
|
||||
},
|
||||
{
|
||||
id: "2", value: "24/7", title: "Support Available", description: "Always here to help", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Customer support team"},
|
||||
id: "2", value: "24/7", title: "Support Available", description: "Always here to help", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Customer support team"
|
||||
},
|
||||
{
|
||||
id: "3", value: "150K+", title: "Active Users", description: "Trusted by businesses worldwide", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Global user base"},
|
||||
id: "3", value: "150K+", title: "Active Users", description: "Trusted by businesses worldwide", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Global user base"
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us", description="Industry-leading performance and support"
|
||||
tag="Services", tagIcon={Shield}
|
||||
title="Why Choose Us"
|
||||
description="Industry-leading performance and support"
|
||||
tag="Services"
|
||||
tagIcon={Shield}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -203,15 +219,19 @@ export default function HomePage() {
|
||||
<TestimonialCardFive
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson, CEO of TechCorp", date: "Date: 15 November 2024", title: "Transformed our analytics workflow", quote: "This platform has completely transformed how we analyze business data. The real-time insights have helped us make better decisions faster than ever before.", tag: "Enterprise Plan", avatarSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop&crop=face", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Sarah Johnson speaking at conference"},
|
||||
id: "1", name: "Sarah Johnson, CEO of TechCorp", date: "Date: 15 November 2024", title: "Transformed our analytics workflow", quote: "This platform has completely transformed how we analyze business data. The real-time insights have helped us make better decisions faster than ever before.", tag: "Enterprise Plan", avatarSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop&crop=face", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Sarah Johnson speaking at conference"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Chen, CTO of DataFlow", date: "Date: 10 November 2024", title: "Best analytics solution on the market", quote: "The API is clean, documentation is excellent, and the team is incredibly responsive. We integrated this in just a few days and immediately saw value.", tag: "Professional Plan", avatarSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face", imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=500&h=500&fit=crop", imageAlt: "Michael Chen coding on laptop"},
|
||||
id: "2", name: "Michael Chen, CTO of DataFlow", date: "Date: 10 November 2024", title: "Best analytics solution on the market", quote: "The API is clean, documentation is excellent, and the team is incredibly responsive. We integrated this in just a few days and immediately saw value.", tag: "Professional Plan", avatarSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face", imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=500&h=500&fit=crop", imageAlt: "Michael Chen coding on laptop"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Rodriguez, Founder of CloudSync", date: "Date: 5 November 2024", title: "Outstanding customer support", quote: "What impressed me most was the customer support team. They went above and beyond to help us optimize our setup. Highly recommended!", tag: "Starter Plan", avatarSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Emma Rodriguez at her desk"},
|
||||
id: "3", name: "Emma Rodriguez, Founder of CloudSync", date: "Date: 5 November 2024", title: "Outstanding customer support", quote: "What impressed me most was the customer support team. They went above and beyond to help us optimize our setup. Highly recommended!", tag: "Starter Plan", avatarSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop", imageAlt: "Emma Rodriguez at her desk"
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Real stories from companies using our platform daily"
|
||||
tag="Testimonials", tagIcon={Star}
|
||||
tag="Testimonials"
|
||||
tagIcon={Star}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -221,21 +241,28 @@ export default function HomePage() {
|
||||
<FaqDouble
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How does the pricing work?", content: "Our pricing is simple and transparent. We offer three tiers: Starter ($29/mo), Professional ($99/mo), and Enterprise (custom pricing). Each tier includes different features and support levels. You can switch plans anytime."},
|
||||
id: "1", title: "How does the pricing work?", content: "Our pricing is simple and transparent. We offer three tiers: Starter ($29/mo), Professional ($99/mo), and Enterprise (custom pricing). Each tier includes different features and support levels. You can switch plans anytime."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Is there a free trial?", content: "Yes! All plans come with a 14-day free trial. No credit card required. You get full access to all features during the trial period."},
|
||||
id: "2", title: "Is there a free trial?", content: "Yes! All plans come with a 14-day free trial. No credit card required. You get full access to all features during the trial period."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What kind of support do you offer?", content: "We provide email support for all plans, priority chat support for Professional plans, and dedicated account managers for Enterprise customers. Our support team is available 24/7."},
|
||||
id: "3", title: "What kind of support do you offer?", content: "We provide email support for all plans, priority chat support for Professional plans, and dedicated account managers for Enterprise customers. Our support team is available 24/7."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Can I cancel anytime?", content: "Absolutely! You can cancel your subscription anytime without penalties. If you cancel mid-month, you'll have access until the end of your billing period."},
|
||||
id: "4", title: "Can I cancel anytime?", content: "Absolutely! You can cancel your subscription anytime without penalties. If you cancel mid-month, you'll have access until the end of your billing period."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Do you offer API access?", content: "Yes, API access is included in Professional and Enterprise plans. We provide comprehensive documentation and SDKs for popular programming languages."},
|
||||
id: "5", title: "Do you offer API access?", content: "Yes, API access is included in Professional and Enterprise plans. We provide comprehensive documentation and SDKs for popular programming languages."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Is my data secure?", content: "Security is our top priority. We use enterprise-grade encryption, regular security audits, and comply with GDPR, CCPA, and SOC 2. Your data is backed up daily."},
|
||||
id: "6", title: "Is my data secure?", content: "Security is our top priority. We use enterprise-grade encryption, regular security audits, and comply with GDPR, CCPA, and SOC 2. Your data is backed up daily."
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our service"
|
||||
tag="Support", tagIcon={CheckCircle}
|
||||
tag="Support"
|
||||
tagIcon={CheckCircle}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -249,13 +276,16 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"},
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com", ariaLabel: "LinkedIn"},
|
||||
href: "https://linkedin.com", ariaLabel: "LinkedIn"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user