Update src/app/products/page.tsx

src/app/products/page.tsx

@@ -5,6 +5,8 @@ import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import { CheckCircle } from "lucide-react";
 
 export default function ProductsPage() {
   return (
@@ -52,6 +54,28 @@ export default function ProductsPage() {
           />
         </div>
 
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+             animationType="slide-up"
+             textboxLayout="default"
+             useInvertedBackground={true}
+             title="Flexible Plans"
+             description="Choose the best plan for your shopping journey."
+             plans={[
+               {
+                 id: "basic",                 badge: "Basic",                 badgeIcon: CheckCircle,
+                 price: "Rs. 1,000",                 subtitle: "Perfect for casual shoppers",                 features: ["Weekly discounts", "Newsletter access"],
+                 buttons: [{ text: "Get Started" }]
+               },
+               {
+                 id: "pro",                 badge: "Pro",                 badgeIcon: CheckCircle,
+                 price: "Rs. 5,000",                 subtitle: "For the frequent local shopper",                 features: ["Free shipping", "Priority support", "Exclusive sales"],
+                 buttons: [{ text: "Upgrade Now" }]
+               }
+             ]}
+          />
+        </div>
+
         <div id="footer" data-section="footer">
           <FooterSimple
             columns={[
@@ -65,4 +89,4 @@ export default function ProductsPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}