From 6fa46cc25352f20dad51035dfd3c756f3a0d25da Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 15:45:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 102 ++++++++++++-----------------------------------
 1 file changed, 26 insertions(+), 76 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 25fa826..7ec2a2e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,28 +29,18 @@ export default function SaasTemplatePage() {
 
     const features: FeatureCard[] = [
         {
-            bentoComponent: "globe",
-            title: "Global Reach",
-            description: "Connect with users worldwide through our distributed infrastructure",
-        },
+            bentoComponent: "globe",            title: "Global Reach",            description: "Connect with users worldwide through our distributed infrastructure"},
         {
-            bentoComponent: "marquee",
-            variant: "text",
-            centerIcon: Zap,
+            bentoComponent: "marquee",            variant: "text",            centerIcon: Zap,
             texts: ["Fast", "Reliable", "Secure", "Scalable", "Modern"],
-            title: "Built for Speed",
-            description: "Lightning fast performance with optimized delivery",
-        },
+            title: "Built for Speed",            description: "Lightning fast performance with optimized delivery"},
         {
-            bentoComponent: "3d-stack-cards",
-            items: [
+            bentoComponent: "3d-stack-cards",            items: [
                 { icon: Shield, title: "Security", subtitle: "Enterprise-grade", detail: "Bank-level encryption" },
                 { icon: Rocket, title: "Performance", subtitle: "99.9% uptime", detail: "Always available" },
                 { icon: Target, title: "Accuracy", subtitle: "100% reliable", detail: "Data you can trust" },
             ],
-            title: "Built for Scale",
-            description: "Deploy to any region with automatic failover support",
-        }
+            title: "Built for Scale",            description: "Deploy to any region with automatic failover support"}
     ];
 
     return (
@@ -69,12 +59,10 @@ export default function SaasTemplatePage() {
                     description="Create stunning, responsive websites with our comprehensive component library designed"
                     buttons={[
                         {
-                            text: "Get Started",
-                            onClick: () => console.log("Get Started clicked"),
+                            text: "Get Started",                            onClick: () => console.log("Get Started clicked"),
                         },
                         {
-                            text: "Learn More",
-                            onClick: () => console.log("Learn More clicked"),
+                            text: "Learn More",                            onClick: () => console.log("Learn More clicked"),
                         },
                     ]}
                     marqueeItems={[
@@ -87,7 +75,7 @@ export default function SaasTemplatePage() {
                 />
                 <FeatureBento
                     features={features}
-                    animationType="none"
+                    animationType="slide-up"
                     tag="Features"
                     title="Powerful Features"
                     description="Everything you need to build and scale your product"
@@ -105,24 +93,16 @@ export default function SaasTemplatePage() {
                     features={[
                         {
                             icon: Layers,
-                            title: "Modular Architecture",
-                            description: "Build with composable components that scale with your needs",
-                        },
+                            title: "Modular Architecture",                            description: "Build with composable components that scale with your needs"},
                         {
                             icon: Code,
-                            title: "Developer Experience",
-                            description: "Clean APIs and comprehensive documentation for faster development",
-                        },
+                            title: "Developer Experience",                            description: "Clean APIs and comprehensive documentation for faster development"},
                         {
                             icon: Shield,
-                            title: "Enterprise Security",
-                            description: "Bank-level encryption and compliance with industry standards",
-                        },
+                            title: "Enterprise Security",                            description: "Bank-level encryption and compliance with industry standards"},
                         {
                             icon: Rocket,
-                            title: "Lightning Fast",
-                            description: "Optimized for performance with sub-second response times",
-                        },
+                            title: "Lightning Fast",                            description: "Optimized for performance with sub-second response times"},
                     ]}
                 />
                 <TestimonialCardFifteen
@@ -144,54 +124,28 @@ export default function SaasTemplatePage() {
                     useInvertedBackground={false}
                     plans={[
                         {
-                            id: "starter",
-                            badge: "Starter",
-                            badgeIcon: Zap,
-                            price: "$19/mo",
-                            subtitle: "Perfect for individuals",
-                            buttons: [
+                            id: "starter",                            badge: "Starter",                            badgeIcon: Zap,
+                            price: "$19/mo",                            subtitle: "Perfect for individuals",                            buttons: [
                                 { text: "Get Started", onClick: () => console.log("Starter clicked") },
                             ],
                             features: [
-                                "Up to 5 projects",
-                                "Basic analytics",
-                                "24/7 email support",
-                                "API access",
-                            ],
+                                "Up to 5 projects",                                "Basic analytics",                                "24/7 email support",                                "API access"],
                         },
                         {
-                            id: "pro",
-                            badge: "Pro",
-                            badgeIcon: Rocket,
-                            price: "$49/mo",
-                            subtitle: "For growing teams",
-                            buttons: [
+                            id: "pro",                            badge: "Pro",                            badgeIcon: Rocket,
+                            price: "$49/mo",                            subtitle: "For growing teams",                            buttons: [
                                 { text: "Get Started", onClick: () => console.log("Pro clicked") },
                             ],
                             features: [
-                                "Unlimited projects",
-                                "Advanced analytics",
-                                "Priority support",
-                                "Custom integrations",
-                                "Team collaboration",
-                            ],
+                                "Unlimited projects",                                "Advanced analytics",                                "Priority support",                                "Custom integrations",                                "Team collaboration"],
                         },
                         {
-                            id: "enterprise",
-                            badge: "Enterprise",
-                            badgeIcon: Crown,
-                            price: "$99/mo",
-                            subtitle: "For large organizations",
-                            buttons: [
+                            id: "enterprise",                            badge: "Enterprise",                            badgeIcon: Crown,
+                            price: "$99/mo",                            subtitle: "For large organizations",                            buttons: [
                                 { text: "Contact Sales", onClick: () => console.log("Enterprise clicked") },
                             ],
                             features: [
-                                "Everything in Pro",
-                                "Dedicated account manager",
-                                "Custom SLA",
-                                "On-premise deployment",
-                                "Advanced security",
-                            ],
+                                "Everything in Pro",                                "Dedicated account manager",                                "Custom SLA",                                "On-premise deployment",                                "Advanced security"],
                         },
                     ]}
                 />
@@ -210,8 +164,7 @@ export default function SaasTemplatePage() {
                     logoText="SaaSify"
                     columns={[
                         {
-                            title: "Product",
-                            items: [
+                            title: "Product",                            items: [
                                 { label: "Features", href: "#features" },
                                 { label: "Pricing", href: "#pricing" },
                                 { label: "Integrations", href: "#" },
@@ -219,8 +172,7 @@ export default function SaasTemplatePage() {
                             ],
                         },
                         {
-                            title: "Company",
-                            items: [
+                            title: "Company",                            items: [
                                 { label: "About", href: "#about" },
                                 { label: "Blog", href: "#" },
                                 { label: "Careers", href: "#" },
@@ -228,8 +180,7 @@ export default function SaasTemplatePage() {
                             ],
                         },
                         {
-                            title: "Resources",
-                            items: [
+                            title: "Resources",                            items: [
                                 { label: "Documentation", href: "#" },
                                 { label: "Help Center", href: "#" },
                                 { label: "Community", href: "#" },
@@ -237,8 +188,7 @@ export default function SaasTemplatePage() {
                             ],
                         },
                         {
-                            title: "Legal",
-                            items: [
+                            title: "Legal",                            items: [
                                 { label: "Privacy", href: "#" },
                                 { label: "Terms", href: "#" },
                                 { label: "Security", href: "#" },
@@ -250,4 +200,4 @@ export default function SaasTemplatePage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}
\ No newline at end of file
-- 
2.49.1