Merge version_2 into main

Merge version_2 into main

src/app/features/page.tsx

@@ -38,9 +38,9 @@ export default function FeaturesPage() {
       </div>
 
       <div id="features-hero" data-section="features-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 text-center">
-            <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">
               Powerful Features Built for Minecraft
             </h1>
             <p className="text-xl md:text-2xl text-accent">
@@ -56,51 +56,33 @@ export default function FeaturesPage() {
           description="Industry-leading features and reliability for your Minecraft server hosting needs"
           textboxLayout="default"
           useInvertedBackground={true}
-          animationType="slide-up"
+          animationType="scale-rotate"
           features={[
             {
-              id: "instant-setup",
-              title: "Instant Server Setup",
-              description:
-                "Deploy your Minecraft server in seconds with our automated provisioning system. Get online immediately without technical hassles.",
-              tag: "Quick Deploy",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/a-fast-paced-animation-showing-a-minecra-1772690806666-8bf48d5b.png?_wi=2",
-              imageAlt: "Instant Server Setup",
-            },
+              id: "instant-setup",              title: "Instant Server Setup",              description:
+                "Deploy your Minecraft server in seconds with our automated provisioning system. Get online immediately without technical hassles.",              tag: "Quick Deploy",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/a-fast-paced-animation-showing-a-minecra-1772690806666-8bf48d5b.png?_wi=2",              imageAlt: "Instant Server Setup"},
             {
-              id: "nvme-storage",
-              title: "NVMe SSD Storage",
-              description:
-                "Lightning-fast NVMe SSD storage included with every plan. Experience unmatched read/write speeds for optimal gameplay performance.",
-              tag: "10GB SSD",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/close-up-of-nvme-ssd-storage-drives-with-1772690806194-823b5b4c.png?_wi=3",
-              imageAlt: "NVMe SSD Storage",
-            },
+              id: "nvme-storage",              title: "NVMe SSD Storage",              description:
+                "Lightning-fast NVMe SSD storage included with every plan. Experience unmatched read/write speeds for optimal gameplay performance.",              tag: "10GB SSD",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/close-up-of-nvme-ssd-storage-drives-with-1772690806194-823b5b4c.png?_wi=3",              imageAlt: "NVMe SSD Storage"},
             {
-              id: "powerful-cpus",
-              title: "Powerful CPUs",
-              description:
-                "Enterprise-grade CPU cores paired with each RAM allocation. Dedicated processing power ensures smooth gameplay for all players.",
-              tag: "1 vCPU/GB",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/powerful-cpu-processor-with-neon-glow-ef-1772690806088-42a92022.png?_wi=3",
-              imageAlt: "Powerful CPU Processing",
-            },
+              id: "powerful-cpus",              title: "Powerful CPUs",              description:
+                "Enterprise-grade CPU cores paired with each RAM allocation. Dedicated processing power ensures smooth gameplay for all players.",              tag: "1 vCPU/GB",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/powerful-cpu-processor-with-neon-glow-ef-1772690806088-42a92022.png?_wi=3",              imageAlt: "Powerful CPU Processing"},
           ]}
         />
       </div>
 
       <div id="features-details" data-section="features-details">
-        <section className="px-4 md:px-6 py-20">
+        <section className="px-4 md:px-6 py-20 bg-gradient-to-b from-background to-card/30">
           <div className="max-w-5xl mx-auto">
-            <h2 className="text-4xl md:text-5xl font-bold mb-16 text-foreground text-center">
+            <h2 className="text-4xl md:text-5xl font-bold mb-16 text-foreground text-center bg-clip-text bg-gradient-to-r from-primary-cta to-accent text-transparent">
               High-Performance Infrastructure
             </h2>
 
             <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-              <div className="bg-card border border-accent/30 rounded-lg p-8">
+              <div className="bg-gradient-to-br from-primary-cta/10 to-accent/10 border border-primary-cta/30 rounded-lg p-8 hover:border-primary-cta/60 hover:shadow-lg hover:shadow-primary-cta/20 transition-all duration-300">
                 <h3 className="text-xl font-bold text-primary-cta mb-3">
                   Enterprise Hardware
                 </h3>
@@ -110,8 +92,8 @@ export default function FeaturesPage() {
                 </p>
               </div>
 
-              <div className="bg-card border border-accent/30 rounded-lg p-8">
-                <h3 className="text-xl font-bold text-primary-cta mb-3">
+              <div className="bg-gradient-to-br from-secondary-cta/10 to-accent/10 border border-secondary-cta/30 rounded-lg p-8 hover:border-secondary-cta/60 hover:shadow-lg hover:shadow-secondary-cta/20 transition-all duration-300">
+                <h3 className="text-xl font-bold text-secondary-cta mb-3">
                   Global CDN
                 </h3>
                 <p className="text-accent">
@@ -120,7 +102,7 @@ export default function FeaturesPage() {
                 </p>
               </div>
 
-              <div className="bg-card border border-accent/30 rounded-lg p-8">
+              <div className="bg-gradient-to-br from-primary-cta/10 to-accent/10 border border-primary-cta/30 rounded-lg p-8 hover:border-primary-cta/60 hover:shadow-lg hover:shadow-primary-cta/20 transition-all duration-300">
                 <h3 className="text-xl font-bold text-primary-cta mb-3">
                   Automatic Scaling
                 </h3>
@@ -130,8 +112,8 @@ export default function FeaturesPage() {
                 </p>
               </div>
 
-              <div className="bg-card border border-accent/30 rounded-lg p-8">
-                <h3 className="text-xl font-bold text-primary-cta mb-3">
+              <div className="bg-gradient-to-br from-secondary-cta/10 to-accent/10 border border-secondary-cta/30 rounded-lg p-8 hover:border-secondary-cta/60 hover:shadow-lg hover:shadow-secondary-cta/20 transition-all duration-300">
+                <h3 className="text-xl font-bold text-secondary-cta mb-3">
                   Network Optimization
                 </h3>
                 <p className="text-accent">
@@ -151,22 +133,16 @@ export default function FeaturesPage() {
           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>
   );
-}
+}

src/app/layout.tsx

@@ -6,43 +6,27 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
 const halant = Halant({
-  variable: "--font-halant",
-  subsets: ["latin"],
+  variable: "--font-halant",  subsets: ["latin"],
   weight: ["300", "400", "500", "600", "700"],
 });
 
 const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "HexaCraft - Minecraft Hosting at ₹20/GB",
-  description: "Powerful, affordable Minecraft server hosting. Instant setup, NVMe SSD, DDoS protection, 99.9% uptime. ₹20/GB RAM. Start your server today!",
-  keywords: "minecraft hosting, server hosting, affordable hosting, DDoS protection, minecraft server, gaming hosting",
-  metadataBase: new URL("https://hexacraft.hosting"),
+  title: "HexaCraft - Minecraft Hosting at ₹20/GB",  description: "Powerful, affordable Minecraft server hosting. Instant setup, NVMe SSD, DDoS protection, 99.9% uptime. ₹20/GB RAM. Start your server today!",  keywords: "minecraft hosting, server hosting, affordable hosting, DDoS protection, minecraft server, gaming hosting",  metadataBase: new URL("https://hexacraft.hosting"),
   alternates: {
-    canonical: "https://hexacraft.hosting",
-  },
+    canonical: "https://hexacraft.hosting"},
   openGraph: {
-    title: "HexaCraft - Minecraft Hosting at ₹20/GB",
-    description: "Powerful, affordable Minecraft server hosting with instant setup and enterprise features.",
-    type: "website",
-    siteName: "HexaCraft",
-    images: [
+    title: "HexaCraft - Minecraft Hosting at ₹20/GB",    description: "Powerful, affordable Minecraft server hosting with instant setup and enterprise features.",    type: "website",    siteName: "HexaCraft",    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/a-professional-minecraft-gaming-setup-wi-1772690808995-c87cb41c.png",
-        alt: "HexaCraft Minecraft Hosting",
-      },
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/a-professional-minecraft-gaming-setup-wi-1772690808995-c87cb41c.png",        alt: "HexaCraft Minecraft Hosting"},
     ],
   },
   twitter: {
-    card: "summary_large_image",
-    title: "HexaCraft - Minecraft Hosting at ₹20/GB",
-    description: "Powerful, affordable Minecraft server hosting.",
-    images: [
-      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/a-professional-minecraft-gaming-setup-wi-1772690808995-c87cb41c.png",
-    ],
+    card: "summary_large_image",    title: "HexaCraft - Minecraft Hosting at ₹20/GB",    description: "Powerful, affordable Minecraft server hosting.",    images: [
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/a-professional-minecraft-gaming-setup-wi-1772690808995-c87cb41c.png"],
   },
 };
 
@@ -1430,4 +1414,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -10,7 +10,7 @@ import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCar
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import { Twitter, Github, Mail } from "lucide-react";
+import { Twitter, Github, Mail, Zap, Shield, Cpu, Gauge } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
@@ -52,17 +52,11 @@ export default function HomePage() {
           ]}
           slides={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/a-professional-minecraft-gaming-setup-wi-1772690808995-c87cb41c.png",
-              imageAlt: "Professional Minecraft Gaming Setup",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/a-professional-minecraft-gaming-setup-wi-1772690808995-c87cb41c.png",              imageAlt: "Professional Minecraft Gaming Setup"},
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/close-up-of-nvme-ssd-storage-drives-with-1772690806194-823b5b4c.png?_wi=1",
-              imageAlt: "High-Speed NVMe Storage",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/close-up-of-nvme-ssd-storage-drives-with-1772690806194-823b5b4c.png?_wi=1",              imageAlt: "High-Speed NVMe Storage"},
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/powerful-cpu-processor-with-neon-glow-ef-1772690806088-42a92022.png?_wi=1",
-              imageAlt: "Powerful CPU Processing",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/powerful-cpu-processor-with-neon-glow-ef-1772690806088-42a92022.png?_wi=1",              imageAlt: "Powerful CPU Processing"},
           ]}
           autoplayDelay={5000}
           showDimOverlay={true}
@@ -76,58 +70,28 @@ export default function HomePage() {
           description="Industry-leading features and reliability for your Minecraft server hosting needs"
           textboxLayout="default"
           useInvertedBackground={true}
-          animationType="slide-up"
+          animationType="scale-rotate"
           features={[
             {
-              id: "instant-setup",
-              title: "Instant Server Setup",
-              description:
-                "Deploy your Minecraft server in seconds with our automated provisioning system. Get online immediately without technical hassles.",
-              tag: "Quick Deploy",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/a-fast-paced-animation-showing-a-minecra-1772690806666-8bf48d5b.png?_wi=1",
-              imageAlt: "Instant Server Setup",
-            },
+              id: "instant-setup",              title: "Instant Server Setup",              description:
+                "Deploy your Minecraft server in seconds with our automated provisioning system. Get online immediately without technical hassles.",              tag: "Quick Deploy",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/a-fast-paced-animation-showing-a-minecra-1772690806666-8bf48d5b.png?_wi=1",              imageAlt: "Instant Server Setup"},
             {
-              id: "nvme-storage",
-              title: "NVMe SSD Storage",
-              description:
-                "Lightning-fast NVMe SSD storage included with every plan. Experience unmatched read/write speeds for optimal gameplay performance.",
-              tag: "10GB SSD",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/close-up-of-nvme-ssd-storage-drives-with-1772690806194-823b5b4c.png?_wi=2",
-              imageAlt: "NVMe SSD Storage",
-            },
+              id: "nvme-storage",              title: "NVMe SSD Storage",              description:
+                "Lightning-fast NVMe SSD storage included with every plan. Experience unmatched read/write speeds for optimal gameplay performance.",              tag: "10GB SSD",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/close-up-of-nvme-ssd-storage-drives-with-1772690806194-823b5b4c.png?_wi=2",              imageAlt: "NVMe SSD Storage"},
             {
-              id: "powerful-cpus",
-              title: "Powerful CPUs",
-              description:
-                "Enterprise-grade CPU cores paired with each RAM allocation. Dedicated processing power ensures smooth gameplay for all players.",
-              tag: "1 vCPU/GB",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/powerful-cpu-processor-with-neon-glow-ef-1772690806088-42a92022.png?_wi=2",
-              imageAlt: "Powerful CPU Processing",
-            },
+              id: "powerful-cpus",              title: "Powerful CPUs",              description:
+                "Enterprise-grade CPU cores paired with each RAM allocation. Dedicated processing power ensures smooth gameplay for all players.",              tag: "1 vCPU/GB",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/powerful-cpu-processor-with-neon-glow-ef-1772690806088-42a92022.png?_wi=2",              imageAlt: "Powerful CPU Processing"},
             {
-              id: "ddos-protection",
-              title: "DDoS Protection",
-              description:
-                "Advanced DDoS mitigation keeps your server online 24/7. Protection against volumetric and application-layer attacks included.",
-              tag: "Always Protected",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/digital-shield-icon-with-neon-cyan-and-p-1772690806911-7e6679ac.png",
-              imageAlt: "DDoS Protection",
-            },
+              id: "ddos-protection",              title: "DDoS Protection",              description:
+                "Advanced DDoS mitigation keeps your server online 24/7. Protection against volumetric and application-layer attacks included.",              tag: "Always Protected",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/digital-shield-icon-with-neon-cyan-and-p-1772690806911-7e6679ac.png",              imageAlt: "DDoS Protection"},
             {
-              id: "uptime-guarantee",
-              title: "99.9% Uptime",
-              description:
-                "Redundant infrastructure and automatic failover ensure your server stays online. SLA-backed reliability you can count on.",
-              tag: "SLA Backed",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/server-status-indicator-showing-99-9-upt-1772690806779-84918bc9.png",
-              imageAlt: "99.9% Uptime Guarantee",
-            },
+              id: "uptime-guarantee",              title: "99.9% Uptime",              description:
+                "Redundant infrastructure and automatic failover ensure your server stays online. SLA-backed reliability you can count on.",              tag: "SLA Backed",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/server-status-indicator-showing-99-9-upt-1772690806779-84918bc9.png",              imageAlt: "99.9% Uptime Guarantee"},
           ]}
         />
       </div>
@@ -138,8 +102,8 @@ export default function HomePage() {
           description="See why thousands of players trust HexaCraft for their Minecraft server hosting"
           textboxLayout="default"
           useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
+          gridVariant="bento-grid"
+          animationType="blur-reveal"
           metrics={[
             { id: "1", value: "₹20/GB", description: "Affordable Pricing Model" },
             { id: "2", value: "99.9%", description: "Uptime Guarantee" },
@@ -155,69 +119,33 @@ export default function HomePage() {
           description="Join thousands of satisfied players and server admins using HexaCraft"
           textboxLayout="default"
           useInvertedBackground={true}
-          animationType="slide-up"
+          animationType="blur-reveal"
           speed={40}
           testimonials={[
             {
-              id: "1",
-              name: "Raj Patel",
-              handle: "@RajGaming",
-              testimonial:
-                "Best hosting service I've used! Server runs smoothly, support is amazing, and the pricing can't be beaten. HexaCraft is my go-to for all my Minecraft servers.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/avatar-portrait-of-a-young-minecraft-gam-1772690809033-96aa0367.png",
-              imageAlt: "Raj Patel",
-            },
+              id: "1",              name: "Raj Patel",              handle: "@RajGaming",              testimonial:
+                "Best hosting service I've used! Server runs smoothly, support is amazing, and the pricing can't be beaten. HexaCraft is my go-to for all my Minecraft servers.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/avatar-portrait-of-a-young-minecraft-gam-1772690809033-96aa0367.png",              imageAlt: "Raj Patel"},
             {
-              id: "2",
-              name: "Priya Sharma",
-              handle: "@PixelBuilder_",
-              testimonial:
-                "Switched from expensive hosting to HexaCraft and couldn't be happier. The performance is incredible and my players have noticed zero lag difference.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/avatar-portrait-of-a-minecraft-server-ad-1772690806870-f1a52d65.png",
-              imageAlt: "Priya Sharma",
-            },
+              id: "2",              name: "Priya Sharma",              handle: "@PixelBuilder_",              testimonial:
+                "Switched from expensive hosting to HexaCraft and couldn't be happier. The performance is incredible and my players have noticed zero lag difference.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/avatar-portrait-of-a-minecraft-server-ad-1772690806870-f1a52d65.png",              imageAlt: "Priya Sharma"},
             {
-              id: "3",
-              name: "Arjun Kumar",
-              handle: "@BuildMaster99",
-              testimonial:
-                "As a server admin managing 5 servers, HexaCraft has saved me thousands. Reliable, fast, and their support team actually helps when you need them.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/avatar-portrait-of-a-competitive-minecra-1772690806528-c019df75.png",
-              imageAlt: "Arjun Kumar",
-            },
+              id: "3",              name: "Arjun Kumar",              handle: "@BuildMaster99",              testimonial:
+                "As a server admin managing 5 servers, HexaCraft has saved me thousands. Reliable, fast, and their support team actually helps when you need them.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/avatar-portrait-of-a-competitive-minecra-1772690806528-c019df75.png",              imageAlt: "Arjun Kumar"},
             {
-              id: "4",
-              name: "Neha Reddy",
-              handle: "@NehaPlays",
-              testimonial:
-                "The 4GB RAM plan handles my 50+ player server without breaking a sweat. Worth every rupee. Highly recommend HexaCraft to anyone!",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/avatar-portrait-of-a-minecraft-community-1772690806757-7cb7452a.png",
-              imageAlt: "Neha Reddy",
-            },
+              id: "4",              name: "Neha Reddy",              handle: "@NehaPlays",              testimonial:
+                "The 4GB RAM plan handles my 50+ player server without breaking a sweat. Worth every rupee. Highly recommend HexaCraft to anyone!",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/avatar-portrait-of-a-minecraft-community-1772690806757-7cb7452a.png",              imageAlt: "Neha Reddy"},
             {
-              id: "5",
-              name: "Vikram Singh",
-              handle: "@VikramServers",
-              testimonial:
-                "Superior performance at unbeatable prices. HexaCraft's uptime has been impeccable for the past 6 months. Best decision I made for my community.",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/avatar-portrait-of-a-content-creator-or--1772690806106-2e997cc1.png",
-              imageAlt: "Vikram Singh",
-            },
+              id: "5",              name: "Vikram Singh",              handle: "@VikramServers",              testimonial:
+                "Superior performance at unbeatable prices. HexaCraft's uptime has been impeccable for the past 6 months. Best decision I made for my community.",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/avatar-portrait-of-a-content-creator-or--1772690806106-2e997cc1.png",              imageAlt: "Vikram Singh"},
             {
-              id: "6",
-              name: "Anjali Verma",
-              handle: "@AnjalinMC",
-              testimonial:
-                "Setting up my server took literally 2 minutes. The instant deployment is insane. Plus the DDoS protection gives me peace of mind. 10/10 service!",
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/avatar-portrait-of-a-dedicated-minecraft-1772690805626-49e4b273.png",
-              imageAlt: "Anjali Verma",
-            },
+              id: "6",              name: "Anjali Verma",              handle: "@AnjalinMC",              testimonial:
+                "Setting up my server took literally 2 minutes. The instant deployment is insane. Plus the DDoS protection gives me peace of mind. 10/10 service!",              imageSrc:
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/avatar-portrait-of-a-dedicated-minecraft-1772690805626-49e4b273.png",              imageAlt: "Anjali Verma"},
           ]}
         />
       </div>
@@ -229,25 +157,9 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           names={[
-            "Minecraft",
-            "Spigot",
-            "PaperMC",
-            "Bukkit",
-            "Curseforge",
-            "Java",
-            "Ubuntu",
-            "Cloudflare",
-          ]}
+            "Minecraft",            "Spigot",            "PaperMC",            "Bukkit",            "Curseforge",            "Java",            "Ubuntu",            "Cloudflare"]}
           logos={[
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/official-minecraft-game-logo-iconic-bloc-1772690805606-3f49908a.png",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/spigot-server-software-logo-popular-mine-1772690806926-4f96013e.png",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/papermc-logo-high-performance-minecraft--1772690805267-33686d80.png",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/bukkit-server-software-logo-classic-mine-1772690806440-e13718db.png",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/curseforge-logo-community-platform-for-m-1772690806150-3e92fcd6.png",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/java-programming-language-logo-required--1772690805494-dbe94d57.png",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/ubuntu-linux-logo-server-operating-syste-1772690805775-4118dff3.png",
-            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/cloudflare-logo-network-security-and-ddo-1772690804968-19ce04b2.png",
-          ]}
+            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/official-minecraft-game-logo-iconic-bloc-1772690805606-3f49908a.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/spigot-server-software-logo-popular-mine-1772690806926-4f96013e.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/papermc-logo-high-performance-minecraft--1772690805267-33686d80.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/bukkit-server-software-logo-classic-mine-1772690806440-e13718db.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/curseforge-logo-community-platform-for-m-1772690806150-3e92fcd6.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/java-programming-language-logo-required--1772690805494-dbe94d57.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/ubuntu-linux-logo-server-operating-syste-1772690805775-4118dff3.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVvoJpoys0QjDz9w505JtM24pt/cloudflare-logo-network-security-and-ddo-1772690804968-19ce04b2.png"]}
           speed={40}
           showCard={true}
         />
@@ -262,53 +174,29 @@ export default function HomePage() {
           faqsAnimation="slide-up"
           faqs={[
             {
-              id: "1",
-              title: "What is included in each plan?",
-              content:
-                "Each plan includes:<br/><strong>Dedicated RAM:</strong> As specified (1GB, 2GB, 4GB, or 8GB)<br/><strong>vCPU Cores:</strong> 1 core per GB of RAM<br/><strong>NVMe Storage:</strong> 10GB per GB of RAM<br/><strong>DDoS Protection:</strong> Enterprise-grade, always-on<br/><strong>24/7 Support:</strong> Via Discord and ticket system<br/><strong>Automatic Backups:</strong> Daily backups included<br/><strong>Full Control Panel:</strong> Easy server management",
-            },
+              id: "1",              title: "What is included in each plan?",              content:
+                "Each plan includes:<br/><strong>Dedicated RAM:</strong> As specified (1GB, 2GB, 4GB, or 8GB)<br/><strong>vCPU Cores:</strong> 1 core per GB of RAM<br/><strong>NVMe Storage:</strong> 10GB per GB of RAM<br/><strong>DDoS Protection:</strong> Enterprise-grade, always-on<br/><strong>24/7 Support:</strong> Via Discord and ticket system<br/><strong>Automatic Backups:</strong> Daily backups included<br/><strong>Full Control Panel:</strong> Easy server management"},
             {
-              id: "2",
-              title: "Can I upgrade my server later?",
-              content:
-                "Yes! You can upgrade your plan anytime. Simply select a higher tier, and we'll migrate your data to the new server without any downtime. Billing adjusts proportionally for the remainder of your month.",
-            },
+              id: "2",              title: "Can I upgrade my server later?",              content:
+                "Yes! You can upgrade your plan anytime. Simply select a higher tier, and we'll migrate your data to the new server without any downtime. Billing adjusts proportionally for the remainder of your month."},
             {
-              id: "3",
-              title: "What payment methods do you accept?",
-              content:
-                "We accept all major payment methods including:<br/>• Credit/Debit Cards (Visa, Mastercard)<br/>• UPI (Google Pay, PhonePe, Paytm)<br/>• Net Banking<br/>• Digital Wallets<br/>• Bank Transfer for enterprise accounts",
-            },
+              id: "3",              title: "What payment methods do you accept?",              content:
+                "We accept all major payment methods including:<br/>• Credit/Debit Cards (Visa, Mastercard)<br/>• UPI (Google Pay, PhonePe, Paytm)<br/>• Net Banking<br/>• Digital Wallets<br/>• Bank Transfer for enterprise accounts"},
             {
-              id: "4",
-              title: "Is there a refund policy?",
-              content:
-                "Yes! If you're not satisfied with our service, we offer a 7-day money-back guarantee. No questions asked. After 7 days, we offer prorated refunds for early cancellation.",
-            },
+              id: "4",              title: "Is there a refund policy?",              content:
+                "Yes! If you're not satisfied with our service, we offer a 7-day money-back guarantee. No questions asked. After 7 days, we offer prorated refunds for early cancellation."},
             {
-              id: "5",
-              title: "Do you support modpacks?",
-              content:
-                "Absolutely! HexaCraft supports all modpacks including:<br/>• CurseForge modpacks<br/>• Technic modpacks<br/>• Custom modpacks<br/>• Forge and Fabric servers<br/>• Pre-loaded modpack options available",
-            },
+              id: "5",              title: "Do you support modpacks?",              content:
+                "Absolutely! HexaCraft supports all modpacks including:<br/>• CurseForge modpacks<br/>• Technic modpacks<br/>• Custom modpacks<br/>• Forge and Fabric servers<br/>• Pre-loaded modpack options available"},
             {
-              id: "6",
-              title: "What's your support response time?",
-              content:
-                "Our team typically responds within 30 minutes during business hours (9 AM - 9 PM IST). For critical issues, we have 24/7 emergency support. Join our Discord community for instant peer support too!",
-            },
+              id: "6",              title: "What's your support response time?",              content:
+                "Our team typically responds within 30 minutes during business hours (9 AM - 9 PM IST). For critical issues, we have 24/7 emergency support. Join our Discord community for instant peer support too!"},
             {
-              id: "7",
-              title: "Can I install custom plugins?",
-              content:
-                "Yes! Full FTP access is included with every plan. Install any plugin compatible with your server software. We support Spigot, Paper, Bukkit, and other major platforms.",
-            },
+              id: "7",              title: "Can I install custom plugins?",              content:
+                "Yes! Full FTP access is included with every plan. Install any plugin compatible with your server software. We support Spigot, Paper, Bukkit, and other major platforms."},
             {
-              id: "8",
-              title: "Is there a setup fee?",
-              content:
-                "No setup fees! Your server is ready to use immediately after purchase. No hidden charges. You only pay the listed monthly price for your chosen plan.",
-            },
+              id: "8",              title: "Is there a setup fee?",              content:
+                "No setup fees! Your server is ready to use immediately after purchase. No hidden charges. You only pay the listed monthly price for your chosen plan."},
           ]}
         />
       </div>
@@ -320,22 +208,16 @@ export default function HomePage() {
           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>
   );
-}
+}

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>
   );
-}
+}

src/app/support/page.tsx

@@ -38,9 +38,9 @@ export default function SupportPage() {
       </div>
 
       <div id="support-hero" data-section="support-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 text-center">
-            <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">
               Support & FAQ
             </h1>
             <p className="text-xl md:text-2xl text-accent">
@@ -59,61 +59,37 @@ export default function SupportPage() {
           faqsAnimation="slide-up"
           faqs={[
             {
-              id: "1",
-              title: "What is included in each plan?",
-              content:
-                "Each plan includes:<br/><strong>Dedicated RAM:</strong> As specified (1GB, 2GB, 4GB, or 8GB)<br/><strong>vCPU Cores:</strong> 1 core per GB of RAM<br/><strong>NVMe Storage:</strong> 10GB per GB of RAM<br/><strong>DDoS Protection:</strong> Enterprise-grade, always-on<br/><strong>24/7 Support:</strong> Via Discord and ticket system<br/><strong>Automatic Backups:</strong> Daily backups included<br/><strong>Full Control Panel:</strong> Easy server management",
-            },
+              id: "1",              title: "What is included in each plan?",              content:
+                "Each plan includes:<br/><strong>Dedicated RAM:</strong> As specified (1GB, 2GB, 4GB, or 8GB)<br/><strong>vCPU Cores:</strong> 1 core per GB of RAM<br/><strong>NVMe Storage:</strong> 10GB per GB of RAM<br/><strong>DDoS Protection:</strong> Enterprise-grade, always-on<br/><strong>24/7 Support:</strong> Via Discord and ticket system<br/><strong>Automatic Backups:</strong> Daily backups included<br/><strong>Full Control Panel:</strong> Easy server management"},
             {
-              id: "2",
-              title: "Can I upgrade my server later?",
-              content:
-                "Yes! You can upgrade your plan anytime. Simply select a higher tier, and we'll migrate your data to the new server without any downtime. Billing adjusts proportionally for the remainder of your month.",
-            },
+              id: "2",              title: "Can I upgrade my server later?",              content:
+                "Yes! You can upgrade your plan anytime. Simply select a higher tier, and we'll migrate your data to the new server without any downtime. Billing adjusts proportionally for the remainder of your month."},
             {
-              id: "3",
-              title: "What payment methods do you accept?",
-              content:
-                "We accept all major payment methods including:<br/>• Credit/Debit Cards (Visa, Mastercard)<br/>• UPI (Google Pay, PhonePe, Paytm)<br/>• Net Banking<br/>• Digital Wallets<br/>• Bank Transfer for enterprise accounts",
-            },
+              id: "3",              title: "What payment methods do you accept?",              content:
+                "We accept all major payment methods including:<br/>• Credit/Debit Cards (Visa, Mastercard)<br/>• UPI (Google Pay, PhonePe, Paytm)<br/>• Net Banking<br/>• Digital Wallets<br/>• Bank Transfer for enterprise accounts"},
             {
-              id: "4",
-              title: "Is there a refund policy?",
-              content:
-                "Yes! If you're not satisfied with our service, we offer a 7-day money-back guarantee. No questions asked. After 7 days, we offer prorated refunds for early cancellation.",
-            },
+              id: "4",              title: "Is there a refund policy?",              content:
+                "Yes! If you're not satisfied with our service, we offer a 7-day money-back guarantee. No questions asked. After 7 days, we offer prorated refunds for early cancellation."},
             {
-              id: "5",
-              title: "Do you support modpacks?",
-              content:
-                "Absolutely! HexaCraft supports all modpacks including:<br/>• CurseForge modpacks<br/>• Technic modpacks<br/>• Custom modpacks<br/>• Forge and Fabric servers<br/>• Pre-loaded modpack options available",
-            },
+              id: "5",              title: "Do you support modpacks?",              content:
+                "Absolutely! HexaCraft supports all modpacks including:<br/>• CurseForge modpacks<br/>• Technic modpacks<br/>• Custom modpacks<br/>• Forge and Fabric servers<br/>• Pre-loaded modpack options available"},
             {
-              id: "6",
-              title: "What's your support response time?",
-              content:
-                "Our team typically responds within 30 minutes during business hours (9 AM - 9 PM IST). For critical issues, we have 24/7 emergency support. Join our Discord community for instant peer support too!",
-            },
+              id: "6",              title: "What's your support response time?",              content:
+                "Our team typically responds within 30 minutes during business hours (9 AM - 9 PM IST). For critical issues, we have 24/7 emergency support. Join our Discord community for instant peer support too!"},
             {
-              id: "7",
-              title: "Can I install custom plugins?",
-              content:
-                "Yes! Full FTP access is included with every plan. Install any plugin compatible with your server software. We support Spigot, Paper, Bukkit, and other major platforms.",
-            },
+              id: "7",              title: "Can I install custom plugins?",              content:
+                "Yes! Full FTP access is included with every plan. Install any plugin compatible with your server software. We support Spigot, Paper, Bukkit, and other major platforms."},
             {
-              id: "8",
-              title: "Is there a setup fee?",
-              content:
-                "No setup fees! Your server is ready to use immediately after purchase. No hidden charges. You only pay the listed monthly price for your chosen plan.",
-            },
+              id: "8",              title: "Is there a setup fee?",              content:
+                "No setup fees! Your server is ready to use immediately after purchase. No hidden charges. You only pay the listed monthly price for your chosen plan."},
           ]}
         />
       </div>
 
       <div id="support-contact" data-section="support-contact">
-        <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 text-center">
-            <h2 className="text-4xl md:text-5xl font-bold mb-6 text-foreground">
+            <h2 className="text-4xl md:text-5xl font-bold mb-6 text-foreground bg-clip-text bg-gradient-to-r from-primary-cta to-secondary-cta text-transparent">
               Join Our Discord Community
             </h2>
             <p className="text-lg text-accent mb-8 max-w-2xl mx-auto">
@@ -139,22 +115,16 @@ export default function SupportPage() {
           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>
   );
-}
+}