bender/1257630b-bd3f-4589-860f-69f3fd04aa92
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-02 20:50:06 +00:00
parent df029d5037
commit 38fee39c9c
1 changed files with 53 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
src/app/page.tsx
View File

@@ -45,7 +45,7 @@ export default function HomePage() {
borderRadius="pill" borderRadius="pill"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="medium" sizing="medium"
background="aurora" background="circleGradient"
cardStyle="layered-gradient" cardStyle="layered-gradient"
primaryButtonStyle="radial-glow" primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid" secondaryButtonStyle="solid"
@@ -56,9 +56,7 @@ export default function HomePage() {
brandName="CloudSync" brandName="CloudSync"
navItems={navItems} navItems={navItems}
button={{ button={{
text: "Get Started", text: "Get Started", href: "/pricing"}}
href: "/pricing",
}}
/> />
</div> </div>
@@ -66,7 +64,7 @@ export default function HomePage() {
<HeroLogoBillboardSplit <HeroLogoBillboardSplit
logoText="CloudSync" logoText="CloudSync"
description="Seamlessly sync your data across all platforms. Enterprise-grade security with zero complexity. Join thousands of teams automating their workflows." description="Seamlessly sync your data across all platforms. Enterprise-grade security with zero complexity. Join thousands of teams automating their workflows."
background={{ variant: "aurora" }} background={{ variant: "plain" }}
buttons={[ buttons={[
{ text: "Start Free Trial", href: "/pricing" }, { text: "Start Free Trial", href: "/pricing" },
{ text: "Watch Demo", href: "#" }, { text: "Watch Demo", href: "#" },
@@ -90,53 +88,23 @@ export default function HomePage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Real-Time Synchronization", title: "Real-Time Synchronization", description: "Instant data sync across all your tools and platforms", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-data-synchronization-acr-1772484361833-8ba061d5.png", imageAlt: "Real-time sync feature", buttonIcon: ArrowRight,
description: "Instant data sync across all your tools and platforms", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-data-synchronization-acr-1772484361833-8ba061d5.png?_wi=1",
imageAlt: "Real-time sync feature",
buttonIcon: ArrowRight,
buttonHref: "#",
},
{ {
title: "Advanced Security", title: "Advanced Security", description: "Enterprise-grade encryption and compliance standards", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/abstract-illustration-of-security-and-en-1772484363252-dbad034c.png", imageAlt: "Security features", buttonIcon: Shield,
description: "Enterprise-grade encryption and compliance standards", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/abstract-illustration-of-security-and-en-1772484363252-dbad034c.png?_wi=1",
imageAlt: "Security features",
buttonIcon: Shield,
buttonHref: "#",
},
{ {
title: "Custom Workflows", title: "Custom Workflows", description: "Build automation tailored to your unique processes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-workflow-automation-and--1772484362726-ba10f98d.png", imageAlt: "Workflow customization", buttonIcon: Zap,
description: "Build automation tailored to your unique processes", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-workflow-automation-and--1772484362726-ba10f98d.png?_wi=1",
imageAlt: "Workflow customization",
buttonIcon: Zap,
buttonHref: "#",
},
{ {
title: "Analytics Dashboard", title: "Analytics Dashboard", description: "Deep insights into your data and team performance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/dashboard-analytics-visualization-with-m-1772484362759-1bcf8cea.png", imageAlt: "Analytics dashboard", buttonIcon: TrendingUp,
description: "Deep insights into your data and team performance", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/dashboard-analytics-visualization-with-m-1772484362759-1bcf8cea.png?_wi=1",
imageAlt: "Analytics dashboard",
buttonIcon: TrendingUp,
buttonHref: "#",
},
{ {
title: "API Integration", title: "API Integration", description: "Connect with 500+ applications seamlessly", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-api-integration-and-conn-1772484361758-d7ab5707.png", imageAlt: "API integrations", buttonIcon: Plug,
description: "Connect with 500+ applications seamlessly", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-api-integration-and-conn-1772484361758-d7ab5707.png?_wi=1",
imageAlt: "API integrations",
buttonIcon: Plug,
buttonHref: "#",
},
{ {
title: "24/7 Support", title: "24/7 Support", description: "Dedicated support team ready to help anytime", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-customer-support-and-ass-1772484362219-cbe7a847.png", imageAlt: "Customer support", buttonIcon: Headphones,
description: "Dedicated support team ready to help anytime", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/illustration-of-customer-support-and-ass-1772484362219-cbe7a847.png?_wi=1",
imageAlt: "Customer support",
buttonIcon: Headphones,
buttonHref: "#",
},
]} ]}
/> />
</div> </div>
@@ -150,29 +118,17 @@ export default function HomePage() {
animationType="slide-up" animationType="slide-up"
metrics={[ metrics={[
{ {
id: "1", id: "1", icon: Users,
icon: Users, title: "Active Users", value: "50,000+"},
title: "Active Users",
value: "50,000+",
},
{ {
id: "2", id: "2", icon: Building,
icon: Building, title: "Enterprise Clients", value: "1,200+"},
title: "Enterprise Clients",
value: "1,200+",
},
{ {
id: "3", id: "3", icon: Globe,
icon: Globe, title: "Countries", value: "85+"},
title: "Countries",
value: "85+",
},
{ {
id: "4", id: "4", icon: Zap,
icon: Zap, title: "Daily Automations", value: "10M+"},
title: "Daily Automations",
value: "10M+",
},
]} ]}
/> />
</div> </div>
@@ -188,48 +144,19 @@ export default function HomePage() {
animationType="slide-up" animationType="slide-up"
plans={[ plans={[
{ {
id: "starter", id: "starter", badge: "Great to Start", badgeIcon: Sparkles,
badge: "Great to Start", price: "$29/mo", subtitle: "Perfect for small teams", features: [
badgeIcon: Sparkles, "Up to 10 team members", "Basic automations", "1 GB data storage", "Email support", "Standard integrations"],
price: "$29/mo",
subtitle: "Perfect for small teams",
features: [
"Up to 10 team members",
"Basic automations",
"1 GB data storage",
"Email support",
"Standard integrations",
],
}, },
{ {
id: "pro", id: "pro", badge: "Most Popular", badgeIcon: Star,
badge: "Most Popular", price: "$99/mo", subtitle: "For growing teams", features: [
badgeIcon: Star, "Up to 100 team members", "Advanced automations", "100 GB data storage", "Priority support", "500+ integrations", "Custom workflows"],
price: "$99/mo",
subtitle: "For growing teams",
features: [
"Up to 100 team members",
"Advanced automations",
"100 GB data storage",
"Priority support",
"500+ integrations",
"Custom workflows",
],
}, },
{ {
id: "enterprise", id: "enterprise", badge: "Custom Solutions", badgeIcon: Crown,
badge: "Custom Solutions", price: "Custom", subtitle: "Enterprise-scale needs", features: [
badgeIcon: Crown, "Unlimited team members", "White-label options", "Unlimited storage", "Dedicated account manager", "Custom integrations", "SLA guaranteed"],
price: "Custom",
subtitle: "Enterprise-scale needs",
features: [
"Unlimited team members",
"White-label options",
"Unlimited storage",
"Dedicated account manager",
"Custom integrations",
"SLA guaranteed",
],
}, },
]} ]}
/> />
@@ -246,37 +173,17 @@ export default function HomePage() {
animationType="slide-up" animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Johnson", role: "Operations Director", company: "TechFlow Inc", rating: 5,
name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/professional-headshot-of-a-confident-wom-1772484361224-191e8bae.png"},
role: "Operations Director",
company: "TechFlow Inc",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/professional-headshot-of-a-confident-wom-1772484361224-191e8bae.png?_wi=1",
},
{ {
id: "2", id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/professional-headshot-of-an-asian-man-in-1772484361289-886f28b6.png"},
role: "CTO",
company: "InnovateLab",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/professional-headshot-of-an-asian-man-in-1772484361289-886f28b6.png?_wi=1",
},
{ {
id: "3", id: "3", name: "Emily Rodriguez", role: "CEO", company: "GrowthCo", rating: 5,
name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/professional-headshot-of-a-latina-woman--1772484360873-51cfd050.png"},
role: "CEO",
company: "GrowthCo",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/professional-headshot-of-a-latina-woman--1772484360873-51cfd050.png?_wi=1",
},
{ {
id: "4", id: "4", name: "David Kim", role: "Product Manager", company: "CloudWorks", rating: 5,
name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/professional-headshot-of-an-asian-man-in-1772484361243-e20eca29.png"},
role: "Product Manager",
company: "CloudWorks",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APBMvIz3X0Osbgvb61KTzyrNiE/professional-headshot-of-an-asian-man-in-1772484361243-e20eca29.png?_wi=1",
},
]} ]}
kpiItems={[ kpiItems={[
{ value: "98%", label: "Customer Satisfaction" }, { value: "98%", label: "Customer Satisfaction" },
@@ -296,35 +203,20 @@ export default function HomePage() {
faqsAnimation="slide-up" faqsAnimation="slide-up"
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "What makes CloudSync different?", content:
title: "What makes CloudSync different?", "CloudSync combines enterprise-grade security with user-friendly simplicity. Our platform is built for teams of any size and integrates with 500+ applications out of the box."},
content:
"CloudSync combines enterprise-grade security with user-friendly simplicity. Our platform is built for teams of any size and integrates with 500+ applications out of the box.",
},
{ {
id: "2", id: "2", title: "Is my data secure?", content:
title: "Is my data secure?", "Yes. We use military-grade AES-256 encryption, comply with SOC 2 and GDPR standards, and conduct regular security audits. Your data is always encrypted in transit and at rest."},
content:
"Yes. We use military-grade AES-256 encryption, comply with SOC 2 and GDPR standards, and conduct regular security audits. Your data is always encrypted in transit and at rest.",
},
{ {
id: "3", id: "3", title: "How long does setup take?", content:
title: "How long does setup take?", "Most teams get started in under 15 minutes. Our intuitive dashboard guides you through initial configuration, and our onboarding team is available to help if needed."},
content:
"Most teams get started in under 15 minutes. Our intuitive dashboard guides you through initial configuration, and our onboarding team is available to help if needed.",
},
{ {
id: "4", id: "4", title: "Can I export my data?", content:
title: "Can I export my data?", "Absolutely. You have full access to your data at any time and can export it in multiple formats. We believe in data portability and transparency."},
content:
"Absolutely. You have full access to your data at any time and can export it in multiple formats. We believe in data portability and transparency.",
},
{ {
id: "5", id: "5", title: "What if I need custom integrations?", content:
title: "What if I need custom integrations?", "Our API is fully documented and powerful. Enterprise plans include dedicated support for custom integrations and API development."},
content:
"Our API is fully documented and powerful. Enterprise plans include dedicated support for custom integrations and API development.",
},
]} ]}
/> />
</div> </div>
@@ -336,19 +228,13 @@ export default function HomePage() {
socialLinks={[ socialLinks={[
{ {
icon: Twitter, icon: Twitter,
href: "https://twitter.com/cloudsync", href: "https://twitter.com/cloudsync", ariaLabel: "Twitter"},
ariaLabel: "Twitter",
},
{ {
icon: Linkedin, icon: Linkedin,
href: "https://linkedin.com/company/cloudsync", href: "https://linkedin.com/company/cloudsync", ariaLabel: "LinkedIn"},
ariaLabel: "LinkedIn",
},
{ {
icon: Github, icon: Github,
href: "https://github.com/cloudsync", href: "https://github.com/cloudsync", ariaLabel: "GitHub"},
ariaLabel: "GitHub",
},
]} ]}
/> />
</div> </div>