Update src/app/page.tsx

Merge version_27 into main

src/app/page.tsx

@@ -8,10 +8,10 @@ import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Award, ShieldCheck, Users } from "lucide-react";
+import { Award, ShieldCheck, Users, Search, ShoppingCart } from "lucide-react";
 
 export default function LandingPage() {
   const handleProductClick = () => {
@@ -36,15 +36,25 @@ export default function LandingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleCentered
+          <div className="w-full flex items-center justify-between p-4 bg-white/80 backdrop-blur-md sticky top-0 z-50 border-b">
-            navItems={[
+              <div className="flex items-center gap-4 border rounded-full px-4 py-2 bg-gray-50">
-              { name: "Accueil", id: "#hero" },
+                  <Search className="w-5 h-5 text-gray-500" />
-              { name: "Produits", id: "#products" },
+                  <input type="text" placeholder="Rechercher des produits..." className="bg-transparent outline-none" />
-              { name: "À Propos", id: "#about" },
+              </div>
-              { name: "Contact", id: "#contact" },
+              <NavbarStyleApple
-            ]}
+                navItems={[
-            brandName="SAE Réunion"
+                  { name: "Accueil", id: "#hero" },
-          />
+                  { name: "Produits", id: "#products" },
+                  { name: "À Propos", id: "#about" },
+                  { name: "Contact", id: "#contact" },
+                ]}
+                brandName="SAE Réunion"
+              />
+              <button className="flex items-center gap-2 px-6 py-2 bg-primary text-white rounded-full font-semibold">
+                  <ShoppingCart className="w-5 h-5" />
+                  Mon Panier
+              </button>
+          </div>
         </div>
 
         <div id="hero" data-section="hero">
@@ -164,4 +174,4 @@ Nos solutions d'EPI certifiées protègent vos collaborateurs et assurent la con
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}