From 38fee39c9c90b67af9f234c8849f20f512c8a27a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 2 Mar 2026 20:50:06 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 220 ++++++++++++-----------------------------------
 1 file changed, 53 insertions(+), 167 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 28a33cb..8054812 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -45,7 +45,7 @@ export default function HomePage() {
       borderRadius="pill"
       contentWidth="mediumLarge"
       sizing="medium"
-      background="aurora"
+      background="circleGradient"
       cardStyle="layered-gradient"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="solid"
@@ -56,9 +56,7 @@ export default function HomePage() {
           brandName="CloudSync"
           navItems={navItems}
           button={{
-            text: "Get Started",
-            href: "/pricing",
-          }}
+            text: "Get Started",            href: "/pricing"}}
         />
       </div>
 
@@ -66,7 +64,7 @@ export default function HomePage() {
         <HeroLogoBillboardSplit
           logoText="CloudSync"
           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={[
             { text: "Start Free Trial", href: "/pricing" },
             { text: "Watch Demo", href: "#" },
@@ -90,53 +88,23 @@ export default function HomePage() {
           useInvertedBackground={false}
           features={[
             {
-              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?_wi=1",
-              imageAlt: "Real-time sync feature",
-              buttonIcon: ArrowRight,
-              buttonHref: "#",
-            },
+              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,
+              buttonHref: "#"},
             {
-              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?_wi=1",
-              imageAlt: "Security features",
-              buttonIcon: Shield,
-              buttonHref: "#",
-            },
+              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,
+              buttonHref: "#"},
             {
-              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?_wi=1",
-              imageAlt: "Workflow customization",
-              buttonIcon: Zap,
-              buttonHref: "#",
-            },
+              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,
+              buttonHref: "#"},
             {
-              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?_wi=1",
-              imageAlt: "Analytics dashboard",
-              buttonIcon: TrendingUp,
-              buttonHref: "#",
-            },
+              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,
+              buttonHref: "#"},
             {
-              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?_wi=1",
-              imageAlt: "API integrations",
-              buttonIcon: Plug,
-              buttonHref: "#",
-            },
+              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,
+              buttonHref: "#"},
             {
-              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?_wi=1",
-              imageAlt: "Customer support",
-              buttonIcon: Headphones,
-              buttonHref: "#",
-            },
+              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,
+              buttonHref: "#"},
           ]}
         />
       </div>
@@ -150,29 +118,17 @@ export default function HomePage() {
           animationType="slide-up"
           metrics={[
             {
-              id: "1",
-              icon: Users,
-              title: "Active Users",
-              value: "50,000+",
-            },
+              id: "1",              icon: Users,
+              title: "Active Users",              value: "50,000+"},
             {
-              id: "2",
-              icon: Building,
-              title: "Enterprise Clients",
-              value: "1,200+",
-            },
+              id: "2",              icon: Building,
+              title: "Enterprise Clients",              value: "1,200+"},
             {
-              id: "3",
-              icon: Globe,
-              title: "Countries",
-              value: "85+",
-            },
+              id: "3",              icon: Globe,
+              title: "Countries",              value: "85+"},
             {
-              id: "4",
-              icon: Zap,
-              title: "Daily Automations",
-              value: "10M+",
-            },
+              id: "4",              icon: Zap,
+              title: "Daily Automations",              value: "10M+"},
           ]}
         />
       </div>
@@ -188,48 +144,19 @@ export default function HomePage() {
           animationType="slide-up"
           plans={[
             {
-              id: "starter",
-              badge: "Great to Start",
-              badgeIcon: Sparkles,
-              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: "starter",              badge: "Great to Start",              badgeIcon: Sparkles,
+              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",
-              badge: "Most Popular",
-              badgeIcon: Star,
-              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: "pro",              badge: "Most Popular",              badgeIcon: Star,
+              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",
-              badge: "Custom Solutions",
-              badgeIcon: Crown,
-              price: "Custom",
-              subtitle: "Enterprise-scale needs",
-              features: [
-                "Unlimited team members",
-                "White-label options",
-                "Unlimited storage",
-                "Dedicated account manager",
-                "Custom integrations",
-                "SLA guaranteed",
-              ],
+              id: "enterprise",              badge: "Custom Solutions",              badgeIcon: Crown,
+              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"
           testimonials={[
             {
-              id: "1",
-              name: "Sarah Johnson",
-              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: "1",              name: "Sarah Johnson",              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"},
             {
-              id: "2",
-              name: "Michael Chen",
-              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: "2",              name: "Michael Chen",              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"},
             {
-              id: "3",
-              name: "Emily Rodriguez",
-              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: "3",              name: "Emily Rodriguez",              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"},
             {
-              id: "4",
-              name: "David Kim",
-              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",
-            },
+              id: "4",              name: "David Kim",              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"},
           ]}
           kpiItems={[
             { value: "98%", label: "Customer Satisfaction" },
@@ -296,35 +203,20 @@ export default function HomePage() {
           faqsAnimation="slide-up"
           faqs={[
             {
-              id: "1",
-              title: "What makes CloudSync different?",
-              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: "1",              title: "What makes CloudSync different?",              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",
-              title: "Is my data secure?",
-              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: "2",              title: "Is my data secure?",              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",
-              title: "How long does setup take?",
-              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: "3",              title: "How long does setup take?",              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",
-              title: "Can I export my data?",
-              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: "4",              title: "Can I export my data?",              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",
-              title: "What if I need custom integrations?",
-              content:
-                "Our API is fully documented and powerful. Enterprise plans include dedicated support for custom integrations and API development.",
-            },
+              id: "5",              title: "What if I need custom integrations?",              content:
+                "Our API is fully documented and powerful. Enterprise plans include dedicated support for custom integrations and API development."},
           ]}
         />
       </div>
@@ -336,19 +228,13 @@ export default function HomePage() {
           socialLinks={[
             {
               icon: Twitter,
-              href: "https://twitter.com/cloudsync",
-              ariaLabel: "Twitter",
-            },
+              href: "https://twitter.com/cloudsync",              ariaLabel: "Twitter"},
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/cloudsync",
-              ariaLabel: "LinkedIn",
-            },
+              href: "https://linkedin.com/company/cloudsync",              ariaLabel: "LinkedIn"},
             {
               icon: Github,
-              href: "https://github.com/cloudsync",
-              ariaLabel: "GitHub",
-            },
+              href: "https://github.com/cloudsync",              ariaLabel: "GitHub"},
           ]}
         />
       </div>