Update theme colors

Merge version_1 into main

src/app/page.tsx

@@ -10,8 +10,15 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import { MapPin } from "lucide-react";
+import { useRouter } from "next/navigation";
 
 export default function LandingPage() {
+  const router = useRouter();
+
+  const handleProductClick = (id: string) => {
+    router.push(`/products/${id}`);
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -77,13 +84,16 @@ export default function LandingPage() {
       products={[
         {
           id: "p1",          brand: "Indoor",          name: "Monstera Deliciosa",          price: "25€",          rating: 5,
-          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/agave-palm-tree-plant-gray-background_53876-110285.jpg"},
+          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/agave-palm-tree-plant-gray-background_53876-110285.jpg",          onProductClick: () => handleProductClick("p1")
+        },
         {
           id: "p2",          brand: "Outdoor",          name: "Seasonal Petunias",          price: "12€",          rating: 5,
-          reviewCount: "24",          imageSrc: "http://img.b2bpic.net/free-photo/scucculent-flower_1372-187.jpg"},
+          reviewCount: "24",          imageSrc: "http://img.b2bpic.net/free-photo/scucculent-flower_1372-187.jpg",          onProductClick: () => handleProductClick("p2")
+        },
         {
           id: "p3",          brand: "Indoor",          name: "Ceramic Succulents",          price: "18€",          rating: 4,
-          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/plants-stairs-interior-design_23-2149155762.jpg"},
+          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/plants-stairs-interior-design_23-2149155762.jpg",          onProductClick: () => handleProductClick("p3")
+        },
       ]}
       title="Explore Our Collection"
       description="Browse our curated selection of indoor plants, seasonal flowers, and unique landscaping finds."
@@ -147,4 +157,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/product/monstera/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
+
+export default function MonsteraPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Monstera", id: "/product/monstera" },
+            { name: "Petunias", id: "/product/petunias" },
+          ]}
+          brandName="Floridea"
+          button={{ text: "Cart", href: "/cart" }}
+        />
+        <div className="pt-32 pb-20">
+          <ProductDetailCard
+            layout="page"
+            name="Monstera Deliciosa"
+            price="25€"
+            description="The iconic Swiss Cheese Plant. Perfect for bringing a tropical vibe to any living room. Requires bright indirect light and infrequent watering."
+            images={[{ src: "http://img.b2bpic.net/free-photo/agave-palm-tree-plant-gray-background_53876-110285.jpg", alt: "Monstera Deliciosa" }]}
+            buttons={[{ text: "Add to Cart" }]}
+          />
+        </div>
+        <FooterLogoReveal
+          logoText="Floridea"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Instagram", href: "https://instagram.com" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/product/petunias/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
+
+export default function PetuniasPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Monstera", id: "/product/monstera" },
+            { name: "Petunias", id: "/product/petunias" },
+          ]}
+          brandName="Floridea"
+          button={{ text: "Cart", href: "/cart" }}
+        />
+        <div className="pt-32 pb-20">
+          <ProductDetailCard
+            layout="page"
+            name="Seasonal Petunias"
+            price="12€"
+            description="Vibrant, weather-resistant petunias perfect for balcony pots and outdoor garden borders. Enjoy a full season of blooming colors."
+            images={[{ src: "http://img.b2bpic.net/free-photo/scucculent-flower_1372-187.jpg", alt: "Seasonal Petunias" }]}
+            buttons={[{ text: "Add to Cart" }]}
+          />
+        </div>
+        <FooterLogoReveal
+          logoText="Floridea"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Instagram", href: "https://instagram.com" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06e6;
-  --primary-cta: #0a7039;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000f06e6;
-  --accent: #b8a89c;
-  --background-accent: #c4c4c4;
+  --background: #000000;
+  --card: #1f4035;
+  --foreground: #ffffff;
+  --primary-cta: #ffffff;
+  --primary-cta-text: #051a12;
+  --secondary-cta: #0d2b1f;
+  --secondary-cta-text: #d4f6e8;
+  --accent: #0d5238;
+  --background-accent: #10b981;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);