From 65e3d9a6907e2a1a1537bf3ac5bbb08bd746394f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 2 Mar 2026 18:25:15 +0000
Subject: [PATCH] Update src/app/pricing/page.tsx

---
 src/app/pricing/page.tsx | 147 ++++++++++++---------------------------
 1 file changed, 46 insertions(+), 101 deletions(-)

diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index f14cdb5..32f2083 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -3,18 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import Link from "next/link";
 import { DollarSign } from "lucide-react";
 
-const navItems = [
-  { name: "Home", id: "/" },
-  { name: "Services", id: "/services" },
-  { name: "Pricing", id: "/pricing" },
-  { name: "Gallery", id: "/gallery" },
-  { name: "Contact", id: "/contact" },
-];
-
 export default function PricingPage() {
   return (
     <ThemeProvider
@@ -23,121 +15,80 @@ export default function PricingPage() {
       borderRadius="rounded"
       contentWidth="small"
       sizing="mediumLargeSizeMediumTitles"
-      background="fluid"
+      background="circleGradient"
       cardStyle="gradient-bordered"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
+      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
-          navItems={navItems}
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Gallery", id: "/gallery" },
+            { name: "Contact", id: "#contact" },
+          ]}
           brandName="Elite Auto Detailing"
           bottomLeftText="Professional Auto Detailing"
           bottomRightText="(###) ###-#### or text us"
         />
       </div>
 
+      {/* Pricing Plans */}
       <div id="pricing" data-section="pricing">
         <PricingCardNine
-          title="Transparent Pricing for Every Budget"
-          description="Choose the package that fits your needs. Final pricing depends on vehicle size and condition. All packages include satisfaction guarantee and professional results."
+          title="Our Pricing Packages"
+          description="Transparent, competitive pricing for every budget. Choose the package that suits your vehicle's needs."
           tag="Pricing & Packages"
           tagIcon={DollarSign}
           tagAnimation="slide-up"
           plans={[
             {
-              id: "basic",
-              title: "Basic Clean",
-              price: "Starting at $89",
-              period: "per vehicle",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193171.jpg?_wi=2",
-              imageAlt: "Basic Clean package",
-              button: { text: "Book Now", href: "#contact" },
-              features: [
-                "Exterior wash and dry",
-                "Tire shine",
-                "Window cleaning",
-                "Quick vacuum interior",
-              ],
+              id: "basic",              title: "Basic Clean",              price: "Starting at $89",              period: "per vehicle",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193171.jpg?_wi=2",              imageAlt: "Basic Clean package",              button: { text: "Book Now", href: "#contact" },
+              features: ["Exterior wash and dry", "Tire shine", "Window cleaning", "Quick vacuum interior"],
             },
             {
-              id: "interior-refresh",
-              title: "Interior Refresh",
-              price: "Starting at $149",
-              period: "per vehicle",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=2",
-              imageAlt: "Interior Refresh package",
-              button: { text: "Book Now", href: "#contact" },
-              features: [
-                "Complete interior vacuum",
-                "Carpet and upholstery cleaning",
-                "Dashboard cleaning",
-                "Interior protectant",
-              ],
+              id: "interior-refresh",              title: "Interior Refresh",              price: "Starting at $149",              period: "per vehicle",              imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=2",              imageAlt: "Interior Refresh package",              button: { text: "Book Now", href: "#contact" },
+              features: ["Complete interior vacuum", "Carpet and upholstery cleaning", "Dashboard cleaning", "Interior protectant"],
             },
             {
-              id: "exterior-shine",
-              title: "Exterior Shine",
-              price: "Starting at $179",
-              period: "per vehicle",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-2793.jpg?_wi=2",
-              imageAlt: "Exterior Shine package",
-              button: { text: "Book Now", href: "#contact" },
-              features: [
-                "Professional wash and dry",
-                "Clay bar decontamination",
-                "Premium wax application",
-                "Trim and tire conditioning",
-              ],
-            },
-            {
-              id: "full-detail",
-              title: "Full Detail",
-              price: "Starting at $299",
-              period: "per vehicle",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg?_wi=2",
-              imageAlt: "Full Detail package - Most Popular",
-              button: { text: "Book Now", href: "#contact" },
-              features: [
-                "Complete interior detailing",
-                "Professional exterior detailing",
-                "Paint protection",
-                "Engine bay cleaning",
-                "Leather conditioning",
-                "Interior protectant",
-              ],
-            },
-            {
-              id: "ceramic-package",
-              title: "Ceramic Coating",
-              price: "Starting at $499",
-              period: "per vehicle",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=4",
-              imageAlt: "Ceramic Coating package",
-              button: { text: "Book Now", href: "#contact" },
-              features: [
-                "Full detail package included",
-                "Professional ceramic coating",
-                "Multi-year paint protection",
-                "Hydrophobic finish",
-                "Free 6-month inspection",
-              ],
+              id: "full-detail",              title: "Full Detail",              price: "Starting at $299",              period: "per vehicle",              imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg?_wi=2",              imageAlt: "Full Detail package - Most Popular",              button: { text: "Book Now", href: "#contact" },
+              features: ["Complete interior detailing", "Professional exterior detailing", "Paint protection", "Engine bay cleaning", "Leather conditioning", "Interior protectant"],
             },
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "Schedule Your Detail Today", href: "#contact" }]}
+          buttons={[{ text: "View All Packages", href: "/" }]}
           buttonAnimation="slide-up"
         />
       </div>
 
+      {/* Contact */}
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get Your Custom Quote"
+          description="Tell us about your vehicle and desired services. We'll provide a detailed quote and availability."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "phone", type: "tel", placeholder: "(###) ###-####", required: true },
+            { name: "email", type: "email", placeholder: "your@email.com", required: true },
+            { name: "vehicleType", type: "text", placeholder: "Vehicle Type", required: true },
+          ]}
+          textarea={{ name: "details", placeholder: "Describe your vehicle's condition and desired services...", rows: 4 }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg?_wi=3"
+          imageAlt="Professional detailing equipment"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Request Quote"
+        />
+      </div>
+
+      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="http://img.b2bpic.net/free-photo/luxury-car-interior-brown-black-colors_181624-31177.jpg?_wi=3"
@@ -146,8 +97,7 @@ export default function PricingPage() {
           copyrightText="© 2025 Elite Auto Detailing & Mobile Services LLC. All rights reserved."
           columns={[
             {
-              title: "Services",
-              items: [
+              title: "Services",              items: [
                 { label: "Interior Detailing", href: "/services" },
                 { label: "Exterior Detailing", href: "/services" },
                 { label: "Paint Correction", href: "/services" },
@@ -156,8 +106,7 @@ export default function PricingPage() {
               ],
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "Home", href: "/" },
                 { label: "About Us", href: "/about" },
                 { label: "Gallery", href: "/gallery" },
@@ -166,14 +115,10 @@ export default function PricingPage() {
               ],
             },
             {
-              title: "Contact",
-              items: [
+              title: "Contact",              items: [
                 { label: "Call: (###) ###-####", href: "tel:+1-###-###-####" },
                 { label: "Text Us", href: "sms:+1-###-###-####" },
-                {
-                  label: "Email: info@eliteautodetailing.com",
-                  href: "mailto:info@eliteautodetailing.com",
-                },
+                { label: "Email: info@eliteautodetailing.com", href: "mailto:info@eliteautodetailing.com" },
                 { label: "Service Area: [City/Region]", href: "#" },
                 { label: "Hours: Mon-Sun, By Appointment", href: "#" },
               ],