2026-05-31 20:03:38 +00:00
1 changed files with 108 additions and 0 deletions
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -0,0 +1,108 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import { Car, Crown, Facebook, Instagram, Mail, Sofa, SprayCan, Twitter } from "lucide-react";
+
+export default function PricingPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "/#about" },
+    { name: "Services", id: "/#features" },
+    { name: "Packages", id: "/#products" },
+    { name: "Pricing", id: "/pricing" },
+    { name: "Testimonials", id: "/#testimonials" },
+    { name: "FAQ", id: "/#faq" },
+    { name: "Contact", id: "/#contact" },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="largeSmallSizeLargeTitles"
+      background="floatingGradient"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={navItems}
+            brandName="Deluxe Detailing"
+            button={{ text: "Book Now", href: "/#contact" }}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="pricing-page-section" data-section="pricing-page-section">
+          <PricingCardFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Services & Pricing"
+            description="Detailed breakdown of our car detailing packages and pressure washing services. For inquiries or to book, please text us at 301-641-7262."
+            plans={[
+              {
+                id: "car-detailing-interior",                tag: "Car Detailing",                tagIcon: Sofa,
+                price: "$110",                period: "Base price",                description: "Deep clean and refresh for your vehicle's interior.",                button: { text: "Text to Book", href: "tel:301-641-7262" },
+                featuresTitle: "Service Includes:",                features: ["Full Interior Detailing"],
+              },
+              {
+                id: "car-detailing-exterior",                tag: "Car Detailing",                tagIcon: Car,
+                price: "$80",                period: "Base price",                description: "Meticulous wash and polish for a sparkling exterior.",                button: { text: "Text to Book", href: "tel:301-641-7262" },
+                featuresTitle: "Service Includes:",                features: ["Full Exterior Detailing"],
+              },
+              {
+                id: "car-detailing-complete",                tag: "Car Detailing",                tagIcon: Crown,
+                price: "$170 - $215",                period: "Base prices",                description: "Comprehensive care for both interior and exterior based on vehicle size.",                button: { text: "Text to Book", href: "tel:301-641-7262" },
+                featuresTitle: "Vehicle Base Prices:",                features: [
+                  "2 door Sedans ($170)",                  "4 door Sedans ($185)",                  "4 door SUVs ($200)",                  "Full size SUVs ($215)"],
+              },
+              {
+                id: "pressure-washing",                tag: "Pressure Washing",                tagIcon: SprayCan,
+                price: "Free Estimates",                period: "Contact Us",                description: "Professional pressure washing services for your property. Get a personalized quote today.",                button: { text: "Text for Estimate", href: "tel:301-641-7262" },
+                featuresTitle: "Service Details:",                features: ["Residential Pressure Washing", "Commercial Pressure Washing"],
+              },
+            ]}
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{
+              variant: "radial-gradient"}}
+            tag="Get in Touch"
+            title="Schedule Your Service"
+            description="For questions or to book your car detailing or pressure washing service, please text us at 301-641-7262 or fill out the form below."
+            tagIcon={Mail}
+            inputPlaceholder="Your Email Address"
+            buttonText="Send Message"
+            termsText="By sending a message, you agree to our Terms and Conditions."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Deluxe Detailing"
+            copyrightText="© 2024 Deluxe Detailing. All rights reserved."
+            socialLinks={[
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}