Add src/app/products/page.tsx

Merge version_1 into main

src/app/layout.tsx

@@ -21,11 +21,7 @@ export const metadata: Metadata = {
   },
 };
 
-
-const openSans = Open_Sans({
-  variable: "--font-open-sans",
-  subsets: ["latin"],
-});
+const openSans = Open_Sans({ variable: "--font-open-sans", subsets: ["latin"] });
 
 export default function RootLayout({
   children,

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"
@@ -44,16 +44,16 @@ export default function LandingPage() {
         <div id="hero" data-section="hero">
           <HeroSplitDualMedia
             background={{ variant: "radial-gradient" }}
-            title="Senerita+Libya منتجات طبيعية خالية من السلفات والبرابين"
+            title="Senerita+Libyaمنتجات طبيعية خالية من السلفات والبرابين"
             description="مستخلصات طبيعية تناسب جميع انواع الشعر "
             tag="عنايتك بشعرك تبداء من هنا "
             mediaItems={[
-              { videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777500758031-ht9iuq8y.mp4", imageAlt: "Senerita hair care collection" },
+              { videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777483790814-ws7z9gvq.mp4", imageAlt: "Senerita hair care collection" },
               { videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777318479678-dtk614x2.mp4", imageAlt: "Senerita product line up" }
             ]}
             mediaAnimation="slide-up"
             rating={5}
-            ratingText="Trusted by 5,000+ Libyan familie"
+            ratingText="Trusted by 5,000+ Libyan families"
           />
         </div>
 
@@ -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="نهتم بشعرك وصحته لان هذا واجبنا اتجاهكم  "
-          />
-        </div>
-
         <div id="features" data-section="features">
           <FeatureCardTen
             animationType="slide-up"
@@ -90,8 +74,8 @@ export default function LandingPage() {
               { title: "شامبو + سيروم الكافيين  ", description: "غني بالبيوتين و الكرياتين والكولاجين ، لتعزيز نمو الشعر والمحافظة على بصيلاتها ومنحه لمعانا وقوة", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777317919883-u9mbftva.jpg", imageAlt: "Foundation bottles" }, items: [{ icon: Leaf, text: "لعناية يومية وصحية لشعرك " }], reverse: false },
               { title: "شامبو إكليل الجبل ", description: "تحفيز بصيلات الشعر والمساعدة في التكثيف الحيوي  ", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cx9nk9sCSbinRaOXqM7TyaxmbU/uploaded-1777317963591-phr5pus9.jpg", imageAlt: "Science lab" }, items: [{ icon: FlaskConical, text: "لعناية اكثر ولمعان اقوة " }], reverse: true }
             ]}
-            title="صحة الشعر من صحتك وأناقتك "
-            description="منتجات غنية بالمستخلصات الطبيعية لفروة شعر ناعمة وحيوية "
+            title="Why Choose Senerita Libya?"
+            description="We blend the best of scientific innovation with pure natural ingredients."
           />
         </div>
 
@@ -112,11 +96,11 @@ export default function LandingPage() {
             gridVariant="three-columns-all-equal-width"
             useInvertedBackground={false}
             testimonials={[
-              { id: "t1", name: "FATIMA ", role: "الله منتجكم شامبو السيروم جدا رهيب وفادني كثير ", company: "طرابلس ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-coquettish-brunette-woman-laughing-smiling-looking-down-flirty-standing-ove_1258-87409.jpg?_wi=2" },
-              { id: "t2", name: "Fatima ", role: "اهنيكم على منتجاتكم الجميلة وتجربة تتكرر اكيد ", company: "بنغازي ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-corrects-her-hairstyle-looks-aside_8353-10717.jpg" }
+              { id: "t1", name: "FATIMA ", role: "Homemaker", company: "Tripoli", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-coquettish-brunette-woman-laughing-smiling-looking-down-flirty-standing-ove_1258-87409.jpg?_wi=2" },
+              { id: "t2", name: "Fatima ", role: "Beauty Enthusiast", company: "Benghazi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-corrects-her-hairstyle-looks-aside_8353-10717.jpg" }
             ]}
             title="اراء العملاء "
-            description="تعليقات العملاء و مدى رضائهم عن منتجاتنا  "
+            description="Hear from our community members."
           />
         </div>
 
@@ -124,11 +108,11 @@ export default function LandingPage() {
           <FaqSplitText
             useInvertedBackground={true}
             faqs={[
-              { id: "q1", title: "آمنة للشعر؟ Senerita libya هل منتجات", content: "Yes, our natural formula is designed for all hair textures." },
+              { id: "q1", title: "Are products safe for all hair types?", content: "Yes, our natural formula is designed for all hair textures." },
               { id: "q2", title: "Where can I buy Senerita products?", content: "Available through our website and authorized local pharmacies." },
               { id: "q3", title: "Do you offer international shipping?", content: "Currently, we serve the Libyan market exclusively to maintain freshness." }
             ]}
-            sideTitle="الأسألة والأستفسارات  "
+            sideTitle="Frequently Asked Questions"
             faqsAnimation="slide-up"
           />
         </div>

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>
+  );
+}