Bob AI: Add minecraft page

src/App.tsx

@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
+import MinecraftPage from "@/pages/MinecraftPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/minecraft" element={<MinecraftPage />} />
       </Route>
     </Routes>
   );

src/components/Layout.tsx

@@ -34,7 +34,9 @@ export default function Layout() {
   {
     "name": "Faq",
     "href": "#faq"
-  }
+  },
+  { name: "Minecraft", href: "/minecraft" },
+
 ];
 
   return (

src/pages/MinecraftPage.tsx

@@ -0,0 +1,96 @@
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards";
+import PricingSimpleCards from "@/components/sections/pricing/PricingSimpleCards";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function MinecraftPage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground">
+      <NavbarCentered
+        logo="BlockHost"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Client Area", href: "/login" }}
+      />
+      
+      <main>
+        <HeroBillboard
+          tag="Minecraft Hosting"
+          title="Build Your Dream World"
+          description="High-performance Minecraft servers with instant setup, DDoS protection, and 24/7 support. Start your adventure today."
+          primaryButton={{ text: "View Plans", href: "#pricing" }}
+          secondaryButton={{ text: "Learn More", href: "#features" }}
+          imageSrc="https://images.unsplash.com/photo-1607513746994-51f730a44832?q=80&w=2000&auto=format&fit=crop"
+        />
+
+        <FeaturesIconCards
+          tag="Why Us"
+          title="Premium Performance"
+          description="Our servers are built for speed and reliability, ensuring your players never experience lag."
+          features={[
+            {
+              icon: "Shield",
+              title: "DDoS Protection",
+              description: "Enterprise-grade mitigation to keep your server online 24/7 without interruptions."
+            },
+            {
+              icon: "Cpu",
+              title: "Latest Hardware",
+              description: "Powered by high-clock speed CPUs and NVMe SSDs for lightning-fast chunk loading."
+            },
+            {
+              icon: "Globe",
+              title: "Global Locations",
+              description: "Deploy your server in multiple regions worldwide for the lowest possible latency."
+            }
+          ]}
+        />
+
+        <PricingSimpleCards
+          tag="Pricing"
+          title="Choose Your Plan"
+          description="Scalable plans for servers of all sizes, from private SMPs to massive networks."
+          plans={[
+            {
+              tag: "Dirt Tier",
+              price: "$4.99/mo",
+              description: "Perfect for small groups of friends.",
+              features: ["2GB RAM", "Unlimited Slots", "Standard Support", "Shared IP"]
+            },
+            {
+              tag: "Iron Tier",
+              price: "$14.99/mo",
+              description: "For growing communities and modpacks.",
+              features: ["8GB RAM", "Unlimited Slots", "Priority Support", "Free Dedicated IP"]
+            },
+            {
+              tag: "Diamond Tier",
+              price: "$29.99/mo",
+              description: "Ultimate performance for large networks.",
+              features: ["16GB RAM", "Unlimited Slots", "24/7 Priority Support", "Free Dedicated IP"]
+            }
+          ]}
+        />
+      </main>
+
+      <FooterSimple
+        brand="BlockHost"
+        columns={[
+          {
+            title: "Games",
+            items: [
+              { label: "Minecraft", href: "/minecraft" },
+              { label: "Fortnite", href: "/fortnite" }
+            ]
+          }
+        ]}
+        copyright="© 2024 BlockHost. All rights reserved."
+        links={[
+          { label: "Terms", href: "/terms" },
+          { label: "Privacy", href: "/privacy" }
+        ]}
+      />
+    </div>
+  );
+}

src/routes.ts

@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/minecraft', label: 'Minecraft', pageFile: 'MinecraftPage' },
 ];