From 8f308e67b0fd1cc7ca878fc4547db3db379bcfdd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 06:24:00 +0000
Subject: [PATCH] Update src/app/pricing/page.tsx

---
 src/app/pricing/page.tsx | 123 +++++++++------------------------------
 1 file changed, 26 insertions(+), 97 deletions(-)

diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 1e562c5..12f4b85 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -16,81 +16,24 @@ export default function PricingPage() {
 
   const plans = [
     {
-      title: "Starter",
-      price: "₹20",
-      period: "/month",
-      features: [
-        "1 GB RAM",
-        "1 vCPU Core",
-        "10 GB NVMe SSD",
-        "Up to 20 Players",
-        "DDoS Protection",
-        "24/7 Support",
-        "Daily Backups",
-        "Full FTP Access",
-      ],
-      buttonText: "Deploy Server",
-      buttonHref: "https://panel.hexacraft.hosting/order",
-      highlighted: false,
+      title: "Starter",      price: "₹20",      period: "/month",      features: [
+        "1 GB RAM",        "1 vCPU Core",        "10 GB NVMe SSD",        "Up to 20 Players",        "DDoS Protection",        "24/7 Support",        "Daily Backups",        "Full FTP Access"],
+      buttonText: "Deploy Server",      buttonHref: "https://panel.hexacraft.hosting/order",      highlighted: false,
     },
     {
-      title: "Professional",
-      price: "₹40",
-      period: "/month",
-      features: [
-        "2 GB RAM",
-        "2 vCPU Cores",
-        "20 GB NVMe SSD",
-        "Up to 50 Players",
-        "DDoS Protection",
-        "Priority Support",
-        "Hourly Backups",
-        "Full FTP Access",
-        "Modpack Support",
-      ],
-      buttonText: "Deploy Server",
-      buttonHref: "https://panel.hexacraft.hosting/order",
-      highlighted: false,
+      title: "Professional",      price: "₹40",      period: "/month",      features: [
+        "2 GB RAM",        "2 vCPU Cores",        "20 GB NVMe SSD",        "Up to 50 Players",        "DDoS Protection",        "Priority Support",        "Hourly Backups",        "Full FTP Access",        "Modpack Support"],
+      buttonText: "Deploy Server",      buttonHref: "https://panel.hexacraft.hosting/order",      highlighted: false,
     },
     {
-      title: "Ultimate",
-      price: "₹80",
-      period: "/month",
-      features: [
-        "4 GB RAM",
-        "4 vCPU Cores",
-        "40 GB NVMe SSD",
-        "Up to 100 Players",
-        "Advanced DDoS Protection",
-        "Priority Support",
-        "Real-time Backups",
-        "Full FTP Access",
-        "Modpack Support",
-        "Plugin Installation",
-      ],
-      buttonText: "Deploy Server",
-      buttonHref: "https://panel.hexacraft.hosting/order",
-      highlighted: true,
+      title: "Ultimate",      price: "₹80",      period: "/month",      features: [
+        "4 GB RAM",        "4 vCPU Cores",        "40 GB NVMe SSD",        "Up to 100 Players",        "Advanced DDoS Protection",        "Priority Support",        "Real-time Backups",        "Full FTP Access",        "Modpack Support",        "Plugin Installation"],
+      buttonText: "Deploy Server",      buttonHref: "https://panel.hexacraft.hosting/order",      highlighted: true,
     },
     {
-      title: "Enterprise",
-      price: "₹160",
-      period: "/month",
-      features: [
-        "8 GB RAM",
-        "8 vCPU Cores",
-        "80 GB NVMe SSD",
-        "Unlimited Players",
-        "Enterprise DDoS Protection",
-        "Dedicated Support",
-        "Real-time Backups",
-        "Full FTP Access",
-        "All Modpack Types",
-        "Custom Configurations",
-      ],
-      buttonText: "Deploy Server",
-      buttonHref: "https://panel.hexacraft.hosting/order",
-      highlighted: false,
+      title: "Enterprise",      price: "₹160",      period: "/month",      features: [
+        "8 GB RAM",        "8 vCPU Cores",        "80 GB NVMe SSD",        "Unlimited Players",        "Enterprise DDoS Protection",        "Dedicated Support",        "Real-time Backups",        "Full FTP Access",        "All Modpack Types",        "Custom Configurations"],
+      buttonText: "Deploy Server",      buttonHref: "https://panel.hexacraft.hosting/order",      highlighted: false,
     },
   ];
 
@@ -117,10 +60,10 @@ export default function PricingPage() {
       </div>
 
       <div id="pricing-hero" data-section="pricing-hero">
-        <section className="min-h-screen flex items-center justify-center px-4 md:px-6 py-20">
+        <section className="min-h-screen flex items-center justify-center px-4 md:px-6 py-20 bg-gradient-to-b from-background via-card/30 to-background">
           <div className="max-w-6xl mx-auto">
             <div className="text-center mb-16">
-              <h1 className="text-5xl md:text-6xl font-bold mb-6 text-foreground">
+              <h1 className="text-5xl md:text-7xl font-bold mb-6 text-foreground bg-clip-text bg-gradient-to-r from-primary-cta via-accent to-secondary-cta text-transparent">
                 Simple, Transparent Pricing
               </h1>
               <p className="text-xl md:text-2xl text-accent mb-4">
@@ -166,7 +109,7 @@ export default function PricingPage() {
                     {plan.title}
                   </h3>
                   <div className="mb-6">
-                    <span className="text-4xl font-bold text-primary-cta">
+                    <span className="text-4xl font-bold bg-gradient-to-r from-primary-cta to-accent bg-clip-text text-transparent">
                       {plan.price}
                     </span>
                     <span className="text-accent ml-2">{plan.period}</span>
@@ -214,7 +157,7 @@ export default function PricingPage() {
       </div>
 
       <div id="pricing-faq" data-section="pricing-faq">
-        <section className="px-4 md:px-6 py-20 bg-card/50">
+        <section className="px-4 md:px-6 py-20 bg-gradient-to-b from-card/50 to-background">
           <div className="max-w-3xl mx-auto">
             <h2 className="text-3xl md:text-4xl font-bold text-center mb-12 text-foreground">
               Frequently Asked Questions
@@ -223,27 +166,19 @@ export default function PricingPage() {
             <div className="space-y-6">
               {[
                 {
-                  q: "Can I upgrade my plan later?",
-                  a: "Yes! You can upgrade anytime. Your data migrates automatically with zero downtime, and billing adjusts proportionally.",
-                },
+                  q: "Can I upgrade my plan later?",                  a: "Yes! You can upgrade anytime. Your data migrates automatically with zero downtime, and billing adjusts proportionally."},
                 {
-                  q: "What payment methods do you accept?",
-                  a: "We accept Credit/Debit Cards, UPI, Net Banking, Digital Wallets, and Bank Transfers for enterprise accounts.",
-                },
+                  q: "What payment methods do you accept?",                  a: "We accept Credit/Debit Cards, UPI, Net Banking, Digital Wallets, and Bank Transfers for enterprise accounts."},
                 {
-                  q: "Is there a refund policy?",
-                  a: "Absolutely! We offer a 7-day money-back guarantee. After that, you can get prorated refunds for early cancellation.",
-                },
+                  q: "Is there a refund policy?",                  a: "Absolutely! We offer a 7-day money-back guarantee. After that, you can get prorated refunds for early cancellation."},
                 {
-                  q: "Are there any hidden fees?",
-                  a: "No! What you see is what you pay. ₹20 per GB RAM with no setup fees, no hidden charges, no surprise costs.",
-                },
+                  q: "Are there any hidden fees?",                  a: "No! What you see is what you pay. ₹20 per GB RAM with no setup fees, no hidden charges, no surprise costs."},
               ].map((item, index) => (
                 <div
                   key={index}
-                  className="border border-accent/30 rounded-lg p-6 bg-background/50"
+                  className="border border-accent/30 rounded-lg p-6 bg-background/50 hover:border-accent/60 transition-all duration-300"
                 >
-                  <h3 className="text-lg font-bold text-foreground mb-2">
+                  <h3 className="text-lg font-bold text-primary-cta mb-2">
                     {item.q}
                   </h3>
                   <p className="text-accent">{item.a}</p>
@@ -261,22 +196,16 @@ export default function PricingPage() {
           socialLinks={[
             {
               icon: Twitter,
-              href: "https://twitter.com/hexacraft",
-              ariaLabel: "HexaCraft Twitter",
-            },
+              href: "https://twitter.com/hexacraft",              ariaLabel: "HexaCraft Twitter"},
             {
               icon: Github,
-              href: "https://github.com/hexacraft",
-              ariaLabel: "HexaCraft GitHub",
-            },
+              href: "https://github.com/hexacraft",              ariaLabel: "HexaCraft GitHub"},
             {
               icon: Mail,
-              href: "mailto:support@hexacraft.hosting",
-              ariaLabel: "HexaCraft Email",
-            },
+              href: "mailto:support@hexacraft.hosting",              ariaLabel: "HexaCraft Email"},
           ]}
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}