Add src/app/products/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -34,7 +34,7 @@ export default function LandingPage() {
             navItems={[
               { name: "Home", id: "hero" },
               { name: "About", id: "about" },
-              { name: "Products", id: "products" },
+              { name: "Products", id: "/products" },
               { name: "Contact", id: "contact" },
             ]}
             brandName="Senerita+ Libya"
@@ -65,22 +65,6 @@ export default function LandingPage() {
           />
         </div>
 
-        <div id="products" data-section="products">
-          <ProductCardOne
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="three-columns-all-equal-width"
-            useInvertedBackground={true}
-            products={[
-              { id: "p1", name: "شامبو بذور العنب للقشرة ", price: "LD 79", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777317948965-emtlqjep.jpg" },
-              { id: "p2", name: "شامبو إكليل الجبل", price: "LD 79", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777317963591-phr5pus9.jpg" },
-              { id: "p3", name: "شامبو + سيروم الكافيين ", price: "LD 119", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777317919883-u9mbftva.jpg" }
-            ]}
-            title="من هنا يبدا اهتمامك لشعرك  "
-            description="Formulated with nature's finest extracts to revitalize and strengthen."
-          />
-        </div>
-
         <div id="features" data-section="features">
           <FeatureCardTen
             animationType="slide-up"

src/app/products/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="compact"
+        sizing="large"
+        background="floatingGradient"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Products", id: "/products" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Senerita+ Libya"
+          />
+        </div>
+
+        <div id="products" data-section="products">
+            <PricingCardThree 
+                title="Our Product Tiers"
+                description="Choose the perfect hair care plan for your needs."
+                animationType="slide-up"
+                textboxLayout="default"
+                useInvertedBackground={false}
+                plans={[
+                    { id: "tier1", price: "LD 79", name: "Basic Care", features: ["Natural Extracts", "Sulfate-Free", "Gentle Cleanse"], buttons: [{ text: "Get Started" }] },
+                    { id: "tier2", price: "LD 129", name: "Advanced Care", features: ["Natural Extracts", "Sulfate-Free", "Deep Nourishing Serum", "Scalp Stimulating Formula"], buttons: [{ text: "Choose Plan" }] },
+                    { id: "tier3", price: "LD 199", name: "Premium Therapy", features: ["Full Bundle", "Personalized Consultation", "Priority Support", "Exclusive Hair Oil"], buttons: [{ text: "Buy Now" }] }
+                ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Senerita Libya"
+            copyrightText="© 2025 Senerita Libya | All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}