bender/e9a37739-0a4d-489e-afe9-32dc4c54ee56
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-04 14:42:44 +00:00
Conversation 0 Commits 1 Files Changed 1 +145 -142
1 changed files with 145 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

287
src/app/page.tsx
View File

@@ -9,6 +9,8 @@ import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import {
Sparkles,
@@ -27,6 +29,8 @@ import {
Rocket,
Star,
Shield,
HelpCircle,
Phone,
} from "lucide-react";
const navItems = [
@@ -69,12 +73,9 @@ export default function HomePage() {
]}
buttonAnimation="slide-up"
dashboard={{
title: "Real-Time Analytics Hub",
logoIcon: Hexagon,
title: "Real-Time Analytics Hub", logoIcon: Hexagon,
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-saas-dashboard-interface-with-dar-1772635123298-6d81c50e.png",
searchPlaceholder: "Search analytics...",
buttons: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-saas-dashboard-interface-with-dar-1772635123298-6d81c50e.png", searchPlaceholder: "Search analytics...", buttons: [
{ text: "Dashboard", href: "#features" },
{ text: "Export Data", href: "#" },
],
@@ -86,48 +87,32 @@ export default function HomePage() {
],
stats: [
{
title: "Active Users",
values: [2450, 3890, 4250],
description: "Monthly growth",
},
title: "Active Users", values: [2450, 3890, 4250],
description: "Monthly growth"},
{
title: "Revenue",
values: [245000, 385000, 520000],
valuePrefix: "$",
description: "Annual recurring",
},
title: "Revenue", values: [245000, 385000, 520000],
valuePrefix: "$", description: "Annual recurring"},
{
title: "Uptime",
values: [99.8, 99.9, 99.95],
valueSuffix: "%",
description: "System reliability",
},
title: "Uptime", values: [99.8, 99.9, 99.95],
valueSuffix: "%", description: "System reliability"},
],
chartTitle: "Usage Trends",
chartData: [
chartTitle: "Usage Trends", chartData: [
{ value: 45 },
{ value: 60 },
{ value: 75 },
{ value: 55 },
{ value: 85 },
],
listTitle: "Recent Activity",
listItems: [
listTitle: "Recent Activity", listItems: [
{
icon: CheckCircle,
title: "Deployment Successful",
status: "Completed",
},
title: "Deployment Successful", status: "Completed"},
{
icon: AlertCircle,
title: "System Alert",
status: "Active",
},
title: "System Alert", status: "Active"},
{
icon: TrendingUp,
title: "Performance Updated",
status: "Synced",
},
title: "Performance Updated", status: "Synced"},
],
}}
/>
@@ -145,96 +130,83 @@ export default function HomePage() {
animationType="slide-up"
features={[
{
id: "automation",
label: "01",
title: "Intelligent Automation",
items: [
"Workflow automation",
"Task scheduling",
"Smart notifications",
"Custom triggers",
],
id: "automation", label: "01", title: "Intelligent Automation", items: [
"Workflow automation", "Task scheduling", "Smart notifications", "Custom triggers"],
buttons: [{ text: "Learn More", href: "#" }],
},
{
id: "analytics",
label: "02",
title: "Advanced Analytics",
items: [
"Real-time dashboards",
"Custom reports",
"Data visualization",
"Predictive insights",
],
id: "analytics", label: "02", title: "Advanced Analytics", items: [
"Real-time dashboards", "Custom reports", "Data visualization", "Predictive insights"],
buttons: [{ text: "Explore", href: "#" }],
},
{
id: "integration",
label: "03",
title: "Seamless Integration",
items: [
"500+ app integrations",
"API access",
"Webhook support",
"Custom connectors",
],
id: "integration", label: "03", title: "Seamless Integration", items: [
"500+ app integrations", "API access", "Webhook support", "Custom connectors"],
buttons: [{ text: "View Integrations", href: "#" }],
},
{
id: "security",
label: "04",
title: "Enterprise Security",
items: [
"SOC 2 Type II",
"End-to-end encryption",
"Role-based access",
"Compliance certified",
],
id: "security", label: "04", title: "Enterprise Security", items: [
"SOC 2 Type II", "End-to-end encryption", "Role-based access", "Compliance certified"],
buttons: [{ text: "Security Info", href: "#" }],
},
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
title="Simple, Transparent Pricing"
description="Choose the perfect plan for your team. Scale as you grow."
tag="Flexible Plans"
tagIcon={DollarSign}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
plans={[
{
id: "starter", badge: "For Startups", badgeIcon: Rocket,
price: "$49", subtitle: "/month billed annually", buttons: [{ text: "Start Free Trial", href: "/signup" }],
features: [
"Up to 5 team members", "5,000 monthly automations", "Basic analytics", "Email support", "Core integrations", "1GB storage"],
},
{
id: "professional", badge: "Most Popular", badgeIcon: Star,
price: "$149", subtitle: "/month billed annually", buttons: [{ text: "Start Free Trial", href: "/signup" }],
features: [
"Up to 25 team members", "50,000 monthly automations", "Advanced analytics", "Priority support", "400+ integrations", "100GB storage"],
},
{
id: "enterprise", badge: "For Enterprise", badgeIcon: Shield,
price: "Custom", subtitle: "tailored to your needs", buttons: [{ text: "Contact Sales", href: "/contact" }],
features: [
"Unlimited team members", "Unlimited automations", "Custom analytics", "24/7 dedicated support", "Custom integrations", "Unlimited storage"],
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-confident-wom-1772635122419-0d22ffc0.png?_wi=1",
},
id: "1", name: "Sarah Johnson", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-confident-wom-1772635122419-0d22ffc0.png"},
{
id: "2",
name: "Michael Chen",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-an-asian-man-in-1772635121931-c283cbd7.png?_wi=1",
},
id: "2", name: "Michael Chen", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-an-asian-man-in-1772635121931-c283cbd7.png"},
{
id: "3",
name: "Emma Rodriguez",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-confident-wom-1772635122308-bb301777.png?_wi=1",
},
id: "3", name: "Emma Rodriguez", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-confident-wom-1772635122308-bb301777.png"},
{
id: "4",
name: "David Park",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-an-accomplished-1772635122722-2ef4bdf6.png?_wi=1",
},
id: "4", name: "David Park", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-an-accomplished-1772635122722-2ef4bdf6.png"},
{
id: "5",
name: "Lisa Thompson",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-woman-with-mo-1772635121573-300b95b7.png",
},
id: "5", name: "Lisa Thompson", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-woman-with-mo-1772635121573-300b95b7.png"},
{
id: "6",
name: "James Wilson",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-man-in-busine-1772635122065-ea10d5f8.png",
},
id: "6", name: "James Wilson", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-headshot-of-a-man-in-busine-1772635122065-ea10d5f8.png"},
]}
cardTitle="Trusted by industry leaders and innovative teams worldwide"
cardTag="Customer Success Stories"
@@ -256,37 +228,51 @@ export default function HomePage() {
animationType="slide-up"
metrics={[
{
id: "1",
value: "5000+",
title: "Active Customers",
description: "Growing daily",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-team-collaboration-scene-sh-1772635124712-e8f5905c.png?_wi=1",
},
id: "1", value: "5000+", title: "Active Customers", description: "Growing daily", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/professional-team-collaboration-scene-sh-1772635124712-e8f5905c.png"},
{
id: "2",
value: "99.95%",
title: "Uptime",
description: "Enterprise reliability",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/network-infrastructure-visualization-wit-1772635122009-b8144f48.png?_wi=1",
},
id: "2", value: "99.95%", title: "Uptime", description: "Enterprise reliability", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/network-infrastructure-visualization-wit-1772635122009-b8144f48.png"},
{
id: "3",
value: "48hrs",
title: "Avg Implementation",
description: "Quick deployment",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/quick-implementation-timeline-visualizat-1772635123094-83cd1456.png?_wi=1",
},
id: "3", value: "48hrs", title: "Avg Implementation", description: "Quick deployment", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/quick-implementation-timeline-visualizat-1772635123094-83cd1456.png"},
{
id: "4",
value: "40%",
title: "Efficiency Gain",
description: "Average improvement",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/productive-workspace-showing-automation--1772635124575-931a1d42.png?_wi=1",
},
id: "4", value: "40%", title: "Efficiency Gain", description: "Average improvement", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/productive-workspace-showing-automation--1772635124575-931a1d42.png"},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
title="Frequently Asked Questions"
description="Get answers to common questions about SaaSHub"
tag="Help Center"
tagIcon={HelpCircle}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
animationType="smooth"
faqs={[
{
id: "1", title: "What is included in the free trial?", content:
"Our free trial includes full access to all features for 14 days. You'll get unlimited automations, analytics, and integrations to fully evaluate the platform before committing to a plan."},
{
id: "2", title: "How does billing work?", content:
"We offer flexible billing options with monthly or annual plans. Annual subscriptions come with a 20% discount. You can cancel anytime without penalties."},
{
id: "3", title: "What integrations do you support?", content:
"SaaSHub integrates with 400+ popular business tools including Slack, Salesforce, HubSpot, Zapier, and more. We also provide a robust API for custom integrations."},
{
id: "4", title: "Is my data secure?", content:
"Yes, we implement enterprise-grade security including SOC 2 Type II compliance, end-to-end encryption, and regular third-party audits to ensure your data is protected."},
{
id: "5", title: "What support options are available?", content:
"We offer email support on all plans, priority support for Professional and Enterprise plans, and 24/7 dedicated support for Enterprise customers."},
{
id: "6", title: "Can I export my data?", content:
"Absolutely. You can export all your data at any time in standard formats like CSV, JSON, or Excel. We make it easy to migrate or backup your information."},
]}
/>
</div>
@@ -302,15 +288,36 @@ export default function HomePage() {
useInvertedBackground={true}
speed={40}
showCard={true}
names=[
"TechCorp", "Innovate Labs", "Growth Co", "Startup XYZ", "Digital First", "CloudNext", "Future Tech", "Nexus AI"]
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-tech-company-logo-design-featurin-1772635122765-b850752a.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/innovation-focused-company-logo-with-abs-1772635122284-67907fdf.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/growth-oriented-company-logo-with-upward-1772635121335-5a846a91.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-startup-logo-with-contemporary-de-1772635122197-02af49b5.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/digital-first-company-logo-with-cloud-co-1772635122778-54673eec.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/cloud-infrastructure-company-logo-featur-1772635121839-058511e2.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/forward-thinking-tech-company-logo-with--1772635122506-e77d418a.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/ai-focused-company-logo-with-neural-netw-1772635122174-f5085517.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-tech-company-logo-design-featurin-1772635122765-b850752a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/innovation-focused-company-logo-with-abs-1772635122284-67907fdf.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/growth-oriented-company-logo-with-upward-1772635121335-5a846a91.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/modern-startup-logo-with-contemporary-de-1772635122197-02af49b5.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/digital-first-company-logo-with-cloud-co-1772635122778-54673eec.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/cloud-infrastructure-company-logo-featur-1772635121839-058511e2.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/forward-thinking-tech-company-logo-with--1772635122506-e77d418a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AU6xKu5e9dkfUT0L0ASADQQk39/ai-focused-company-logo-with-neural-netw-1772635122174-f5085517.png"]}
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
ctaTitle="Ready to get started?"
ctaDescription="Join thousands of companies transforming their operations with SaaSHub. Start your free trial today."
ctaButton={{ text: "Schedule Demo Call", href: "/contact" }}
ctaIcon={Phone}
useInvertedBackground={false}
animationType="slide-up"
accordionAnimationType="smooth"
showCard={true}
faqs={[
{
id: "1", title: "How quickly can we implement SaaSHub?", content:
"Most implementations are complete within 48 hours. Our onboarding team guides you through setup, data migration, and team training to ensure a smooth transition."},
{
id: "2", title: "Do you offer custom training?", content:
"Yes. We provide customized training sessions for your team, detailed documentation, video tutorials, and ongoing support to ensure successful adoption."},
{
id: "3", title: "What's your SLA guarantee?", content:
"We guarantee 99.95% uptime for all Enterprise plans with dedicated support. Full SLA terms are available in our Service Level Agreement documentation."},
{
id: "4", title: "Can we integrate with our existing systems?", content:
"Absolutely. We integrate with 400+ business applications and offer a comprehensive API for custom integrations with your legacy systems."},
]}
/>
</div>
@@ -321,8 +328,7 @@ export default function HomePage() {
copyrightText="© 2025 SaaSHub. All rights reserved."
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features" },
{ label: "Pricing", href: "/pricing" },
{ label: "Security", href: "#" },
@@ -330,8 +336,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -339,8 +344,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Community", href: "#" },
@@ -348,8 +352,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },