From 89b9a68657e09105a2912530925c52c74bb37812 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Fri, 15 May 2026 12:56:47 +0000
Subject: [PATCH] Add pricing page and update navigation

---
 src/components/Layout.tsx |  4 +++
 src/pages/PricingPage.tsx | 64 +++++++++++++++++++++++++++++++++++++++
 src/routes.ts             |  1 +
 3 files changed, 69 insertions(+)
 create mode 100644 src/pages/PricingPage.tsx

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 3c284de..d38b59f 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -34,6 +34,10 @@ export default function Layout() {
   {
     "name": "Products",
     "href": "#products"
+  },
+  {
+    "name": "Pricing",
+    "href": "/pricing"
   }
 ];
 
diff --git a/src/pages/PricingPage.tsx b/src/pages/PricingPage.tsx
new file mode 100644
index 0000000..23c7aaa
--- /dev/null
+++ b/src/pages/PricingPage.tsx
@@ -0,0 +1,64 @@
+import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function PricingPage() {
+  return (
+    <div id="pricing" data-section="pricing">
+      <SectionErrorBoundary name="pricing">
+        <PricingHighlightedCards
+          tag="Our Plans"
+          title="Flexible Pricing for Every Need"
+          description="Choose the plan that best fits your home or business, with transparent pricing and no hidden fees."
+          plans={[
+            {
+              name: "Basic Comfort",
+              price: "$99",
+              priceDetails: "/month",
+              features: [
+                "Annual AC Tune-up",
+                "Annual Heating Tune-up",
+                "Priority Scheduling",
+                "10% Off Repairs",
+              ],
+              button: {
+                text: "Get Started",
+                href: "#contact",
+              },
+            },
+            {
+              name: "Premium Protection",
+              price: "$149",
+              priceDetails: "/month",
+              features: [
+                "All Basic Comfort Features",
+                "Bi-Annual Air Quality Check",
+                "20% Off Repairs",
+                "No Overtime Charges",
+              ],
+              button: {
+                text: "Choose Plan",
+                href: "#contact",
+              },
+              highlighted: true,
+            },
+            {
+              name: "Ultimate Peace of Mind",
+              price: "$199",
+              priceDetails: "/month",
+              features: [
+                "All Premium Protection Features",
+                "Annual Duct Cleaning",
+                "30% Off Repairs",
+                "24/7 Emergency Service",
+              ],
+              button: {
+                text: "Select Plan",
+                href: "#contact",
+              },
+            },
+          ]}
+        />
+      </SectionErrorBoundary>
+    </div>
+  );
+}
diff --git a/src/routes.ts b/src/routes.ts
index 362ecb5..ae18b1d 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/pricing', label: 'Pricing', pageFile: 'PricingPage' },
 ];
-- 
2.49.1