Update src/app/page.tsx
This commit is contained in:
127
src/app/page.tsx
127
src/app/page.tsx
@@ -9,8 +9,6 @@ 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,
|
||||
@@ -29,8 +27,6 @@ import {
|
||||
Rocket,
|
||||
Star,
|
||||
Shield,
|
||||
HelpCircle,
|
||||
Phone,
|
||||
} from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
@@ -74,7 +70,8 @@ export default function HomePage() {
|
||||
buttonAnimation="slide-up"
|
||||
dashboard={{
|
||||
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: [
|
||||
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: [
|
||||
{ text: "Dashboard", href: "#features" },
|
||||
{ text: "Export Data", href: "#" },
|
||||
],
|
||||
@@ -152,54 +149,27 @@ export default function HomePage() {
|
||||
/>
|
||||
</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"},
|
||||
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: "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: "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: "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: "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: "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: "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: "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"
|
||||
@@ -221,41 +191,17 @@ 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"},
|
||||
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: "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: "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: "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: "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: "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."},
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -271,33 +217,10 @@ 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"]}
|
||||
/>
|
||||
</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."},
|
||||
]}
|
||||
names={[
|
||||
"TechCorp", "InnovateLabs", "CloudSync", "DataFlow", "SecureNet", "FastTrack", "VisionAI", "FutureScale"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -343,4 +266,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user