Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
103
src/app/page.tsx
103
src/app/page.tsx
@@ -36,7 +36,7 @@ export default function SaasHubPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -53,7 +53,8 @@ export default function SaasHubPage() {
|
||||
{ name: "Docs", id: "https://docs.example.com" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
text: "Get Started", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -69,7 +70,7 @@ export default function SaasHubPage() {
|
||||
{ text: "View Demo", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "blurBottom" }}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
dashboard={{
|
||||
title: "Real-Time Analytics Dashboard", logoIcon: BarChart3,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/modern-saas-dashboard-with-sleek-interfa-1773084129231-5dea2e4d.png", buttons: [
|
||||
@@ -84,13 +85,16 @@ export default function SaasHubPage() {
|
||||
stats: [
|
||||
{
|
||||
title: "Active Users", values: [2450, 3120, 2890],
|
||||
description: "Last 30 days"},
|
||||
description: "Last 30 days"
|
||||
},
|
||||
{
|
||||
title: "Revenue Growth", values: [24.5, 32.8, 28.6],
|
||||
valueSuffix: "%", description: "Month over month"},
|
||||
valueSuffix: "%", description: "Month over month"
|
||||
},
|
||||
{
|
||||
title: "Conversion Rate", values: [4.2, 5.8, 6.1],
|
||||
valueSuffix: "%", description: "User engagement"},
|
||||
valueSuffix: "%", description: "User engagement"
|
||||
},
|
||||
],
|
||||
chartTitle: "Performance Trend", chartData: [
|
||||
{ value: 65 },
|
||||
@@ -102,15 +106,19 @@ export default function SaasHubPage() {
|
||||
listTitle: "Recent Activity", listItems: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Team onboarded", status: "Completed"},
|
||||
title: "Team onboarded", status: "Completed"
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Analytics synced", status: "Processing"},
|
||||
title: "Analytics synced", status: "Processing"
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "5 new team members", status: "Completed"},
|
||||
title: "5 new team members", status: "Completed"
|
||||
},
|
||||
],
|
||||
searchPlaceholder: "Search your data..."}}
|
||||
searchPlaceholder: "Search your data..."
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -123,13 +131,17 @@ export default function SaasHubPage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Real-Time Collaboration", description: "Work together seamlessly with instant synchronization and live updates across your entire team.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/team-members-collaborating-on-a-project--1773084128165-21377872.png", imageAlt: "Team members collaborating on a project"},
|
||||
id: "01", title: "Real-Time Collaboration", description: "Work together seamlessly with instant synchronization and live updates across your entire team.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/team-members-collaborating-on-a-project--1773084128165-21377872.png", imageAlt: "Team members collaborating on a project"
|
||||
},
|
||||
{
|
||||
id: "02", title: "Advanced Analytics", description: "Gain deep insights into your business with comprehensive dashboards and custom reporting tools.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/advanced-analytics-dashboard-with-multip-1773084128727-dd8dac88.png", imageAlt: "Advanced analytics dashboard"},
|
||||
id: "02", title: "Advanced Analytics", description: "Gain deep insights into your business with comprehensive dashboards and custom reporting tools.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/advanced-analytics-dashboard-with-multip-1773084128727-dd8dac88.png", imageAlt: "Advanced analytics dashboard"
|
||||
},
|
||||
{
|
||||
id: "03", title: "Secure Integration", description: "Connect with your favorite tools safely. Enterprise-grade security with SOC 2 compliance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/cybersecurity-concept-visualization-with-1773084128330-7f9179f5.png", imageAlt: "Cybersecurity concept visualization"},
|
||||
id: "03", title: "Secure Integration", description: "Connect with your favorite tools safely. Enterprise-grade security with SOC 2 compliance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/cybersecurity-concept-visualization-with-1773084128330-7f9179f5.png", imageAlt: "Cybersecurity concept visualization"
|
||||
},
|
||||
{
|
||||
id: "04", title: "Automated Workflows", description: "Save time with intelligent automation. Set up workflows that work for your unique business needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/workflow-automation-concept-showing-auto-1773084128300-d0e68f3a.png", imageAlt: "Workflow automation concept"},
|
||||
id: "04", title: "Automated Workflows", description: "Save time with intelligent automation. Set up workflows that work for your unique business needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/workflow-automation-concept-showing-auto-1773084128300-d0e68f3a.png", imageAlt: "Workflow automation concept"
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore All Features", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -150,16 +162,20 @@ export default function SaasHubPage() {
|
||||
metrics={[
|
||||
{
|
||||
id: "1", icon: Users,
|
||||
title: "Active Users", value: "50K+"},
|
||||
title: "Active Users", value: "50K+"
|
||||
},
|
||||
{
|
||||
id: "2", icon: Building2,
|
||||
title: "Companies", value: "2,500+"},
|
||||
title: "Companies", value: "2,500+"
|
||||
},
|
||||
{
|
||||
id: "3", icon: TrendingUp,
|
||||
title: "Growth Rate", value: "3x YoY"},
|
||||
title: "Growth Rate", value: "3x YoY"
|
||||
},
|
||||
{
|
||||
id: "4", icon: Globe,
|
||||
title: "Countries", value: "120+"},
|
||||
title: "Countries", value: "120+"
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Case Studies", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -183,7 +199,8 @@ export default function SaasHubPage() {
|
||||
{ text: "Chat to Sales", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Up to 5 team members", "Basic analytics", "Email support", "5GB storage", "Basic integrations"],
|
||||
"Up to 5 team members", "Basic analytics", "Email support", "5GB storage", "Basic integrations"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
@@ -192,7 +209,8 @@ export default function SaasHubPage() {
|
||||
{ text: "Chat to Sales", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Up to 25 team members", "Advanced analytics", "Priority support", "100GB storage", "Custom integrations", "API access"],
|
||||
"Up to 25 team members", "Advanced analytics", "Priority support", "100GB storage", "Custom integrations", "API access"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [
|
||||
@@ -200,7 +218,8 @@ export default function SaasHubPage() {
|
||||
{ text: "View Features", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited team members", "Custom analytics", "24/7 phone support", "Unlimited storage", "White-label options", "Dedicated account manager", "SLA guarantee"],
|
||||
"Unlimited team members", "Custom analytics", "24/7 phone support", "Unlimited storage", "White-label options", "Dedicated account manager", "SLA guarantee"
|
||||
],
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Compare Plans", href: "#" }]}
|
||||
@@ -220,17 +239,23 @@ export default function SaasHubPage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Transformed Our Workflow Completely", quote: "SaasHub has completely transformed how our team collaborates. The real-time features and integrations have saved us hours every week. It's been a game-changer for our productivity.", name: "Sarah Chen", role: "CEO of TechFlow Inc", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/professional-headshot-of-a-confident-asi-1773084127746-77cabc97.png", imageAlt: "Sarah Chen headshot"},
|
||||
id: "1", title: "Transformed Our Workflow Completely", quote: "SaasHub has completely transformed how our team collaborates. The real-time features and integrations have saved us hours every week. It's been a game-changer for our productivity.", name: "Sarah Chen", role: "CEO of TechFlow Inc", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/professional-headshot-of-a-confident-asi-1773084127746-77cabc97.png", imageAlt: "Sarah Chen headshot"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Best Decision We Made This Year", quote: "Switching to SaasHub was the best decision we made this year. The platform is intuitive, the support is exceptional, and the ROI has been incredible for our growing team.", name: "Michael Rodriguez", role: "COO of Growth Labs", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/professional-headshot-of-a-hispanic-man--1773084127358-4e3d322d.png", imageAlt: "Michael Rodriguez headshot"},
|
||||
id: "2", title: "Best Decision We Made This Year", quote: "Switching to SaasHub was the best decision we made this year. The platform is intuitive, the support is exceptional, and the ROI has been incredible for our growing team.", name: "Michael Rodriguez", role: "COO of Growth Labs", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/professional-headshot-of-a-hispanic-man--1773084127358-4e3d322d.png", imageAlt: "Michael Rodriguez headshot"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Unmatched Analytics and Reporting", quote: "The analytics capabilities are unmatched. We're now making data-driven decisions faster than ever. Every feature feels like it was designed specifically for our use case.", name: "Emily Watson", role: "Product Director at InnovateLab", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/professional-headshot-of-a-confident-cau-1773084128271-792f5c4d.png", imageAlt: "Emily Watson headshot"},
|
||||
id: "3", title: "Unmatched Analytics and Reporting", quote: "The analytics capabilities are unmatched. We're now making data-driven decisions faster than ever. Every feature feels like it was designed specifically for our use case.", name: "Emily Watson", role: "Product Director at InnovateLab", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/professional-headshot-of-a-confident-cau-1773084128271-792f5c4d.png", imageAlt: "Emily Watson headshot"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Enterprise Solution at Startup Prices", quote: "It's rare to find an enterprise-grade solution at such reasonable pricing. SaasHub delivered everything we needed to scale without breaking the bank.", name: "David Kim", role: "Founder of StartupXYZ", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/professional-headshot-of-an-asian-man-wi-1773084127622-3926507a.png", imageAlt: "David Kim headshot"},
|
||||
id: "4", title: "Enterprise Solution at Startup Prices", quote: "It's rare to find an enterprise-grade solution at such reasonable pricing. SaasHub delivered everything we needed to scale without breaking the bank.", name: "David Kim", role: "Founder of StartupXYZ", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/professional-headshot-of-an-asian-man-wi-1773084127622-3926507a.png", imageAlt: "David Kim headshot"
|
||||
},
|
||||
{
|
||||
id: "5", title: "Exceptional Customer Support", quote: "The customer support team goes above and beyond. Any questions are answered immediately, and they're genuinely interested in our success. Highly recommended!", name: "Jessica Martinez", role: "Operations Manager at CloudSync", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/professional-headshot-of-a-latina-woman--1773084127463-81b63733.png", imageAlt: "Jessica Martinez headshot"},
|
||||
id: "5", title: "Exceptional Customer Support", quote: "The customer support team goes above and beyond. Any questions are answered immediately, and they're genuinely interested in our success. Highly recommended!", name: "Jessica Martinez", role: "Operations Manager at CloudSync", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/professional-headshot-of-a-latina-woman--1773084127463-81b63733.png", imageAlt: "Jessica Martinez headshot"
|
||||
},
|
||||
{
|
||||
id: "6", title: "Seamless Integration with Our Stack", quote: "Integration with our existing tools was seamless. No disruption to our workflow, and we were up and running within hours. Impressive execution all around.", name: "Alex Thompson", role: "Tech Lead at DataViz Corp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/professional-headshot-of-a-caucasian-man-1773084127759-6af62965.png", imageAlt: "Alex Thompson headshot"},
|
||||
id: "6", title: "Seamless Integration with Our Stack", quote: "Integration with our existing tools was seamless. No disruption to our workflow, and we were up and running within hours. Impressive execution all around.", name: "Alex Thompson", role: "Tech Lead at DataViz Corp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ain271YsTXKsKI8FAcjyacJP4k/professional-headshot-of-a-caucasian-man-1773084127759-6af62965.png", imageAlt: "Alex Thompson headshot"
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Read More Stories", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -248,21 +273,29 @@ export default function SaasHubPage() {
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What is SaasHub?", content: "SaasHub is an all-in-one collaboration and analytics platform designed for modern teams. It helps businesses streamline workflows, make data-driven decisions, and scale efficiently."},
|
||||
id: "1", title: "What is SaasHub?", content: "SaasHub is an all-in-one collaboration and analytics platform designed for modern teams. It helps businesses streamline workflows, make data-driven decisions, and scale efficiently."
|
||||
},
|
||||
{
|
||||
id: "2", title: "How do I get started?", content: "Getting started is easy! Sign up for a free trial on our website, invite your team members, and start collaborating immediately. No credit card required for the trial period."},
|
||||
id: "2", title: "How do I get started?", content: "Getting started is easy! Sign up for a free trial on our website, invite your team members, and start collaborating immediately. No credit card required for the trial period."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Is my data secure?", content: "Yes, we take security very seriously. SaasHub is SOC 2 Type II certified, uses enterprise-grade encryption, and complies with GDPR and other data protection regulations."},
|
||||
id: "3", title: "Is my data secure?", content: "Yes, we take security very seriously. SaasHub is SOC 2 Type II certified, uses enterprise-grade encryption, and complies with GDPR and other data protection regulations."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Can I integrate with other tools?", content: "Absolutely! SaasHub integrates with 500+ popular business applications including Slack, Salesforce, HubSpot, Jira, and many more through our API and pre-built connectors."},
|
||||
id: "4", title: "Can I integrate with other tools?", content: "Absolutely! SaasHub integrates with 500+ popular business applications including Slack, Salesforce, HubSpot, Jira, and many more through our API and pre-built connectors."
|
||||
},
|
||||
{
|
||||
id: "5", title: "What support options are available?", content: "We offer email support for all plans, priority support for Professional plans, and 24/7 phone support for Enterprise customers. Our support team averages response time of under 2 hours."},
|
||||
id: "5", title: "What support options are available?", content: "We offer email support for all plans, priority support for Professional plans, and 24/7 phone support for Enterprise customers. Our support team averages response time of under 2 hours."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Can I change or cancel my plan?", content: "Yes, you can upgrade, downgrade, or cancel your plan at any time. Changes take effect on your next billing cycle, and we offer prorated refunds for downgrades."},
|
||||
id: "6", title: "Can I change or cancel my plan?", content: "Yes, you can upgrade, downgrade, or cancel your plan at any time. Changes take effect on your next billing cycle, and we offer prorated refunds for downgrades."
|
||||
},
|
||||
{
|
||||
id: "7", title: "Do you offer custom development?", content: "Yes, for Enterprise customers, we offer custom development services to tailor SaasHub to your specific business needs. Contact our sales team to discuss options."},
|
||||
id: "7", title: "Do you offer custom development?", content: "Yes, for Enterprise customers, we offer custom development services to tailor SaasHub to your specific business needs. Contact our sales team to discuss options."
|
||||
},
|
||||
{
|
||||
id: "8", title: "What happens to my data if I cancel?", content: "Your data belongs to you. Upon account cancellation, you have 30 days to export all your data. After that period, your data is securely deleted from our servers."},
|
||||
id: "8", title: "What happens to my data if I cancel?", content: "Your data belongs to you. Upon account cancellation, you have 30 days to export all your data. After that period, your data is securely deleted from our servers."
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
|
||||
Reference in New Issue
Block a user