Update src/app/pricing/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -32,7 +32,8 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "Why Us", id: "about" },
             { name: "Gallery", id: "feature" },
-            { name: "Reviews", id: "testimonial" }
+            { name: "Reviews", id: "testimonial" },
+            { name: "Pricing", id: "/pricing" }
           ]}
           button={{ text: "Call Now", href: "tel:+1-555-123-4567" }}
         />
@@ -89,11 +90,11 @@ export default function LandingPage() {
             },
             {
               id: 2,
-              title: "Exterior Detailing",              description: "Hand wash, clay bar treatment, ceramic sealant application, tire & wheel detailing, and paint protection that delivers showroom shine.",              imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36591.jpg",              imageAlt: "Ceramic sealant and exterior detailing process"
+              title: "Exterior Detailing",              description: "Hand wash, clay bar treatment, ceramic sealant application, tire & wheel detailing, and paint protection that delivers showroom shine.",              imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36591.jpg?_wi=1",              imageAlt: "Ceramic sealant and exterior detailing process"
             },
             {
               id: 3,
-              title: "Monthly Maintenance Plans",              description: "Recurring detailing service designed to keep your vehicle in pristine condition. Discounted rates for consistent care and convenience.",              imageSrc: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg",              imageAlt: "Monthly car maintenance plan subscription service"
+              title: "Monthly Maintenance Plans",              description: "Recurring detailing service designed to keep your vehicle in pristine condition. Discounted rates for consistent care and convenience.",              imageSrc: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg?_wi=1",              imageAlt: "Monthly car maintenance plan subscription service"
             }
           ]}
           buttons={[
@@ -148,7 +149,7 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              title: "Exterior Restoration",              description: "Deep cleaning, paint correction, ceramic coating application, and protective shine that makes your vehicle stand out.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193615.jpg",              imageAlt: "Before and after exterior detailing transformation"
+              title: "Exterior Restoration",              description: "Deep cleaning, paint correction, ceramic coating application, and protective shine that makes your vehicle stand out.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193615.jpg?_wi=1",              imageAlt: "Before and after exterior detailing transformation"
             },
             {
               id: 2,
@@ -280,4 +281,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,126 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Award, Sparkles, Zap, Calendar, DollarSign, Facebook, Instagram, Phone } from 'lucide-react';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="largeSizeMediumTitles"
+      background="floatingGradient"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="JB Premium Auto Detail"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "#services" },
+            { name: "Why Us", id: "#about" },
+            { name: "Gallery", id: "#feature" },
+            { name: "Reviews", id: "#testimonial" },
+            { name: "Pricing", id: "#pricing" }
+          ]}
+          button={{ text: "Call Now", href: "tel:+1-555-123-4567" }}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardTwo
+          title="Service Packages"
+          description="Choose the perfect detailing package for your vehicle needs. All packages include mobile service to your location."
+          tag="Transparent Pricing"
+          tagIcon={DollarSign}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          plans={[
+            {
+              id: "basic",              badge: "Popular",              price: "$199",              subtitle: "Perfect for maintenance",              buttons: [
+                { text: "Get Quote", href: "tel:+1-555-123-4567" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Interior vacuum & basic cleaning",                "Exterior hand wash",                "Tire & wheel cleaning",                "Air freshener included"
+              ],
+              badgeIcon: Sparkles
+            },
+            {
+              id: "pro",              badge: "Best Value",              price: "$399",              subtitle: "Comprehensive detailing",              buttons: [
+                { text: "Get Quote", href: "tel:+1-555-123-4567" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Full interior steam cleaning",                "Deep carpet & upholstery extraction",                "Exterior clay bar treatment",                "Ceramic sealant wash",                "Paint protection included"
+              ],
+              badgeIcon: Award
+            },
+            {
+              id: "premium",              badge: "Premium Choice",              price: "$599",              subtitle: "Maximum protection & shine",              buttons: [
+                { text: "Get Quote", href: "tel:+1-555-123-4567" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Complete interior detailing",                "Steam cleaning all surfaces",                "Upholstery stain treatment",                "Full exterior ceramic coating",                "Paint correction & shine",                "6-month protection guarantee"
+              ],
+              badgeIcon: Sparkles
+            }
+          ]}
+          animationType="slide-up"
+        />
+      </div>
+
+      <div id="maintenance" data-section="maintenance">
+        <FeatureCardEight
+          title="Monthly Maintenance Plans"
+          description="Keep your vehicle looking pristine year-round with our recurring detailing packages. Subscribe and save with discounted rates."
+          tag="Recurring Service"
+          tagIcon={Calendar}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            {
+              id: 1,
+              title: "Monthly Plus",              description: "Monthly interior & exterior detailing with priority scheduling. Perfect for maintaining your investment and keeping your vehicle showroom-ready.",              imageSrc: "http://img.b2bpic.net/free-photo/serviceman-does-checkup-client-car_482257-76119.jpg?_wi=2",              imageAlt: "Monthly maintenance plan service"
+            },
+            {
+              id: 2,
+              title: "Bi-Weekly Premium",              description: "Every two weeks professional detailing with deep interior cleaning and exterior protection. Ideal for luxury vehicles and high-use fleets.",              imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36591.jpg?_wi=2",              imageAlt: "Bi-weekly premium detailing service"
+            },
+            {
+              id: 3,
+              title: "Quarterly Elite",              description: "Quarterly comprehensive detailing with ceramic coating touch-ups and paint protection refresh. Best value for consistent maintenance.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193615.jpg?_wi=2",              imageAlt: "Quarterly elite maintenance package"
+            }
+          ]}
+          buttons={[
+            { text: "Subscribe Now", href: "tel:+1-555-123-4567" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="JB Premium Auto Detail"
+          copyrightText="© 2025 JB Premium Auto Detail. All rights reserved. Mobile detailing services in your area."
+          socialLinks={[
+            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Visit our Facebook page" },
+            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
+            { icon: Phone, href: "tel:+1-555-123-4567", ariaLabel: "Call us" }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}