From fe0a7b1d248922effcd417367931c2b996fba282 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 4 Mar 2026 12:31:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a06e8ce..666993f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,11 +16,11 @@ export default function GamingCalculator() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
-      defaultTextAnimation="reveal-blur"
+      defaultTextAnimation="entrance-slide"
       borderRadius="soft"
       contentWidth="compact"
       sizing="medium"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="layered-gradient"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="layered"
@@ -44,7 +44,7 @@ export default function GamingCalculator() {
         <HeroSplitKpi
           title="Discover Your Gaming Performance"
           description="Get instant FPS predictions for any game with your selected GPU, CPU, and monitor settings. Compare performance across thousands of hardware combinations and find your perfect gaming setup."
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "plain" }}
           kpis={[
             { value: "50K+", label: "Hardware Combinations" },
             { value: "2000+", label: "Games Tracked" },
@@ -73,7 +73,7 @@ export default function GamingCalculator() {
           features={[
             {
               id: "1",              title: "Complete Hardware Database",              author: "Updated Daily",              description: "Access the latest graphics cards from NVIDIA, AMD, and Intel processors with real-time specifications and pricing data. Our database covers every GPU generation and CPU model currently available in the market.",              tags: ["Real-time Data", "Complete Inventory"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-showcase-of-graphics-card-1772627305306-850f7898.png?_wi=1",              imageAlt: "Graphics Card Showcase"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-showcase-of-graphics-card-1772627305306-850f7898.png",              imageAlt: "Graphics Card Showcase"
             },
             {
               id: "2",              title: "Instant FPS Predictions",              author: "AI-Powered",              description: "Get accurate frame rate predictions across 2000+ games with a single click. Our machine learning model analyzes hardware specifications against benchmark data to provide reliable performance estimates.",              tags: ["AI Technology", "Fast Results"],
@@ -81,7 +81,7 @@ export default function GamingCalculator() {
             },
             {
               id: "3",              title: "Advanced Filtering",              author: "Powerful Tools",              description: "Filter GPUs and CPUs by performance tier, price range, power consumption, and more. Build your perfect gaming PC configuration with detailed specifications and performance comparisons.",              tags: ["Smart Filtering", "Comparisons"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-collection-of-high-performance-gaming--1772627305326-1e053a0c.png?_wi=1",              imageAlt: "CPU Processor Selection"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-collection-of-high-performance-gaming--1772627305326-1e053a0c.png",              imageAlt: "CPU Processor Selection"
             }
           ]}
           animationType="slide-up"
@@ -98,22 +98,22 @@ export default function GamingCalculator() {
           tagIcon={Zap}
           products={[
             {
-              id: "rtx4090",              name: "NVIDIA GeForce RTX 4090",              price: "$1,599",              variant: "24GB GDDR6X • 16,384 CUDA Cores",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-showcase-of-graphics-card-1772627305306-850f7898.png?_wi=2",              imageAlt: "RTX 4090 Graphics Card"
+              id: "rtx4090",              name: "NVIDIA GeForce RTX 4090",              price: "$1,599",              variant: "24GB GDDR6X • 16,384 CUDA Cores",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-showcase-of-graphics-card-1772627305306-850f7898.png",              imageAlt: "RTX 4090 Graphics Card"
             },
             {
-              id: "rtx4080",              name: "NVIDIA GeForce RTX 4080",              price: "$1,199",              variant: "16GB GDDR6X • 9,728 CUDA Cores",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-showcase-of-graphics-card-1772627305306-850f7898.png?_wi=3",              imageAlt: "RTX 4080 Graphics Card"
+              id: "rtx4080",              name: "NVIDIA GeForce RTX 4080",              price: "$1,199",              variant: "16GB GDDR6X • 9,728 CUDA Cores",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-showcase-of-graphics-card-1772627305306-850f7898.png",              imageAlt: "RTX 4080 Graphics Card"
             },
             {
-              id: "rtx4070",              name: "NVIDIA GeForce RTX 4070",              price: "$599",              variant: "12GB GDDR6 • 5,888 CUDA Cores",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-showcase-of-graphics-card-1772627305306-850f7898.png?_wi=4",              imageAlt: "RTX 4070 Graphics Card"
+              id: "rtx4070",              name: "NVIDIA GeForce RTX 4070",              price: "$599",              variant: "12GB GDDR6 • 5,888 CUDA Cores",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-showcase-of-graphics-card-1772627305306-850f7898.png",              imageAlt: "RTX 4070 Graphics Card"
             },
             {
-              id: "i914900k",              name: "Intel Core i9-14900K",              price: "$689",              variant: "24 Cores • 6.0 GHz Boost",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-collection-of-high-performance-gaming--1772627305326-1e053a0c.png?_wi=2",              imageAlt: "Intel Core i9-14900K Processor"
+              id: "i914900k",              name: "Intel Core i9-14900K",              price: "$689",              variant: "24 Cores • 6.0 GHz Boost",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-collection-of-high-performance-gaming--1772627305326-1e053a0c.png",              imageAlt: "Intel Core i9-14900K Processor"
             },
             {
-              id: "r9-7950x",              name: "AMD Ryzen 9 7950X",              price: "$549",              variant: "16 Cores • 5.7 GHz Boost",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-collection-of-high-performance-gaming--1772627305326-1e053a0c.png?_wi=3",              imageAlt: "AMD Ryzen 9 7950X Processor"
+              id: "r9-7950x",              name: "AMD Ryzen 9 7950X",              price: "$549",              variant: "16 Cores • 5.7 GHz Boost",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-collection-of-high-performance-gaming--1772627305326-1e053a0c.png",              imageAlt: "AMD Ryzen 9 7950X Processor"
             },
             {
-              id: "rx7900xtx",              name: "AMD Radeon RX 7900 XTX",              price: "$799",              variant: "24GB GDDR6 • 6,144 Stream Processors",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-showcase-of-graphics-card-1772627305306-850f7898.png?_wi=5",              imageAlt: "AMD RX 7900 XTX Graphics Card"
+              id: "rx7900xtx",              name: "AMD Radeon RX 7900 XTX",              price: "$799",              variant: "24GB GDDR6 • 6,144 Stream Processors",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-showcase-of-graphics-card-1772627305306-850f7898.png",              imageAlt: "AMD RX 7900 XTX Graphics Card"
             }
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -128,7 +128,7 @@ export default function GamingCalculator() {
         <MetricCardFourteen
           title="Average FPS Across Popular Gaming Titles - RTX 4090 at 1440p Ultra Settings"
           tag="Performance Benchmarks"
-          tagAnimation="reveal-blur"
+          tagAnimation="slide-up"
           metrics={[
             {
               id: "1",              value: "180+ FPS",              description: "Cyberpunk 2077 with Path Tracing at Ultra settings delivers exceptional frame rates"
@@ -156,10 +156,10 @@ export default function GamingCalculator() {
           tagIcon={Star}
           testimonials={[
             {
-              id: "1",              name: "Marcus Chen",              handle: "@GamingTech Pro",              testimonial: "This FPS calculator saved me hundreds of dollars. I finally know exactly what to expect before buying hardware. Incredibly accurate predictions!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-headshot-photo-of-a-male--1772627304933-42a5fef0.png?_wi=1",              imageAlt: "Marcus Chen"
+              id: "1",              name: "Marcus Chen",              handle: "@GamingTech Pro",              testimonial: "This FPS calculator saved me hundreds of dollars. I finally know exactly what to expect before buying hardware. Incredibly accurate predictions!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-headshot-photo-of-a-male--1772627304933-42a5fef0.png",              imageAlt: "Marcus Chen"
             },
             {
-              id: "2",              name: "Jessica Rodriguez",              handle: "@PCBuilderLife",              testimonial: "The interface is intuitive and the data is comprehensive. I've recommended this tool to all my friends building gaming PCs. Absolutely essential.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-headshot-photo-of-a-femal-1772627305006-f2d9daf0.png?_wi=1",              imageAlt: "Jessica Rodriguez"
+              id: "2",              name: "Jessica Rodriguez",              handle: "@PCBuilderLife",              testimonial: "The interface is intuitive and the data is comprehensive. I've recommended this tool to all my friends building gaming PCs. Absolutely essential.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-headshot-photo-of-a-femal-1772627305006-f2d9daf0.png",              imageAlt: "Jessica Rodriguez"
             },
             {
               id: "3",              name: "David Thompson",              handle: "@EsportsAnalyst",              testimonial: "As someone who needs to benchmark hardware for tournaments, this tool is invaluable. Real-time updates and accurate predictions every single time.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-headshot-of-a-male-esport-1772627304000-5b257ec9.png",              imageAlt: "David Thompson"
@@ -168,10 +168,10 @@ export default function GamingCalculator() {
               id: "4",              name: "Emma Wilson",              handle: "@StreamingQueens",              testimonial: "Used this to upgrade my streaming rig. The FPS predictions helped me choose the perfect balance between performance and cost. Would definitely use again.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-headshot-of-a-female-cont-1772627305128-4ddda525.png",              imageAlt: "Emma Wilson"
             },
             {
-              id: "5",              name: "Alex Kumar",              handle: "@HardwareBenchmark",              testimonial: "Compared this with other calculators and it's by far the most accurate. The AI predictions are spot on. Best tool for gamers serious about their rigs.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-headshot-photo-of-a-male--1772627304933-42a5fef0.png?_wi=2",              imageAlt: "Alex Kumar"
+              id: "5",              name: "Alex Kumar",              handle: "@HardwareBenchmark",              testimonial: "Compared this with other calculators and it's by far the most accurate. The AI predictions are spot on. Best tool for gamers serious about their rigs.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-headshot-photo-of-a-male--1772627304933-42a5fef0.png",              imageAlt: "Alex Kumar"
             },
             {
-              id: "6",              name: "Sarah Lee",              handle: "@GamesDev",              testimonial: "As a game developer, I use this to understand performance across various player hardware. Incredibly useful for optimization decisions.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-headshot-photo-of-a-femal-1772627305006-f2d9daf0.png?_wi=2",              imageAlt: "Sarah Lee"
+              id: "6",              name: "Sarah Lee",              handle: "@GamesDev",              testimonial: "As a game developer, I use this to understand performance across various player hardware. Incredibly useful for optimization decisions.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATr6mthZEsPU88wqGCB9kbAI7x/a-professional-headshot-photo-of-a-femal-1772627305006-f2d9daf0.png",              imageAlt: "Sarah Lee"
             }
           ]}
           animationType="slide-up"
-- 
2.49.1