From 17d227b281cf894f8aa6e384834ec444a5693661 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 9 Mar 2026 19:24:28 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 103 +++++++++++++++++++++++++++++++---------------- 1 file changed, 68 insertions(+), 35 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 5d0ac52..38402dc 100644 --- a/src/app/page.tsx +++ b/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" + }} /> @@ -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..." + }} /> @@ -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"