From 0f48cc6c35a99ca139b5665663793ea3fbba1096 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 16:41:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 465 +++++++++++++++--------------------------------
 1 file changed, 142 insertions(+), 323 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d7c3ea8..c2713b4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,339 +19,158 @@ export default function LandingPage() {
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Produits",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Librairie Najah"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Accueil", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Produits", id: "products" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Librairie Najah"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Imprimerie & Librairie Najah à Rabat"
-      description="Votre partenaire de confiance pour tous vos besoins en impression commerciale, fournitures scolaires et livres académiques au cœur de Rabat."
-      buttons={[
-        {
-          text: "Contactez-nous",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/sewing-machine-accessories-workdesk-shop_23-2147874993.jpg?_wi=1"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273064.jpg",
-          alt: "Fashion office interior",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543694.jpg",
-          alt: "Design office space",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-man-flea-market_23-2149537002.jpg",
-          alt: "Market professional",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-male-worker-choosing-appropriate-inks_1163-2778.jpg",
-          alt: "Worker choosing inks",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-making-surfboard_107420-94953.jpg",
-          alt: "Professional craftsman",
-        },
-      ]}
-      avatarText="Rejoignez plus de 1000 clients satisfaits"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Impression Haute Qualité",
-        },
-        {
-          type: "text",
-          text: "Librairie Académique",
-        },
-        {
-          type: "text",
-          text: "Services de Reliure",
-        },
-        {
-          type: "text",
-          text: "Papeterie Professionnelle",
-        },
-        {
-          type: "text",
-          text: "Ouvert jusqu'à 20h",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "gradient-bars" }}
+            title="Imprimerie & Librairie Najah à Rabat"
+            description="Votre partenaire de confiance pour tous vos besoins en impression commerciale, fournitures scolaires et livres académiques au cœur de Rabat."
+            buttons={[{ text: "Contactez-nous", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/sewing-machine-accessories-workdesk-shop_23-2147874993.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273064.jpg", alt: "Fashion office interior" },
+              { src: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543694.jpg", alt: "Design office space" },
+              { src: "http://img.b2bpic.net/free-photo/side-view-man-flea-market_23-2149537002.jpg", alt: "Market professional" },
+              { src: "http://img.b2bpic.net/free-photo/young-male-worker-choosing-appropriate-inks_1163-2778.jpg", alt: "Worker choosing inks" },
+              { src: "http://img.b2bpic.net/free-photo/man-making-surfboard_107420-94953.jpg", alt: "Professional craftsman" },
+            ]}
+            avatarText="Rejoignez plus de 1000 clients satisfaits"
+            marqueeItems={[
+              { type: "text", text: "Impression Haute Qualité" },
+              { type: "text", text: "Librairie Académique" },
+              { type: "text", text: "Services de Reliure" },
+              { type: "text", text: "Papeterie Professionnelle" },
+              { type: "text", text: "Ouvert jusqu'à 20h" },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Présentation"
-      title="Qualité et Excellence à Rabat"
-      description="Située stratégiquement au N5, Rue Baghdad, Av. Moulay Hassan, nous proposons une gamme complète de services d'impression et une sélection rigoureuse d'ouvrages académiques."
-      subdescription="Ouverts jusqu'à 20h, nous sommes là pour accompagner vos projets professionnels et vos besoins éducatifs."
-      icon={BookOpen}
-      imageSrc="http://img.b2bpic.net/free-photo/ancient-books-library-table_23-2147711433.jpg?_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="services" data-section="services">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Présentation"
+            title="Qualité et Excellence à Rabat"
+            description="Située stratégiquement au N5, Rue Baghdad, Av. Moulay Hassan, nous proposons une gamme complète de services d'impression et une sélection rigoureuse d'ouvrages académiques."
+            subdescription="Ouverts jusqu'à 20h, nous sommes là pour accompagner vos projets professionnels et vos besoins éducatifs."
+            icon={BookOpen}
+            imageSrc="http://img.b2bpic.net/free-photo/ancient-books-library-table_23-2147711433.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "13",
-          title: "Avis Clients",
-          description: "Une communauté satisfaite",
-          icon: Star,
-        },
-        {
-          id: "m2",
-          value: "4.4/5",
-          title: "Note Moyenne",
-          description: "Excellence de service",
-          icon: ThumbsUp,
-        },
-        {
-          id: "m3",
-          value: "20:00",
-          title: "Fermeture",
-          description: "Disponibilité quotidienne",
-          icon: Clock,
-        },
-      ]}
-      title="Nos engagements"
-      description="Des chiffres qui témoignent de notre expertise et de notre dévouement quotidien."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "13", title: "Avis Clients", description: "Une communauté satisfaite", icon: Star },
+              { id: "m2", value: "4.4/5", title: "Note Moyenne", description: "Excellence de service", icon: ThumbsUp },
+              { id: "m3", value: "20:00", title: "Fermeture", description: "Disponibilité quotidienne", icon: Clock },
+            ]}
+            title="Nos engagements"
+            description="Des chiffres qui témoignent de notre expertise et de notre dévouement quotidien."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Impression Commerciale",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-book-with-purple-cover_23-2147615115.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Livres Académiques",
-          price: "Prix librairie",
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-sheets-background_23-2148632494.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          name: "Brochures & Flyers",
-          price: "Sur devis",
-          imageSrc: "http://img.b2bpic.net/free-photo/set-notebooks-white-surface-with-pen_114579-76112.jpg?_wi=1",
-        },
-        {
-          id: "p4",
-          name: "Fournitures Scolaires",
-          price: "Dès 5 dh",
-          imageSrc: "http://img.b2bpic.net/free-photo/notebooks-school-supplies_23-2147654398.jpg",
-        },
-        {
-          id: "p5",
-          name: "Reliure & Finition",
-          price: "Dès 10 dh",
-          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-with-young-designer-who-receives-some-printed-photos-smart-creativ-office_482257-32993.jpg",
-        },
-        {
-          id: "p6",
-          name: "Papeterie Bureau",
-          price: "Sur demande",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-work-office-using-printer_23-2149456925.jpg",
-        },
-      ]}
-      title="Nos Produits et Services"
-      description="Découvrez notre sélection de produits de qualité et nos services d'impression professionnelle."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Impression Commerciale", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/close-up-book-with-purple-cover_23-2147615115.jpg" },
+              { id: "p2", name: "Livres Académiques", price: "Prix librairie", imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-sheets-background_23-2148632494.jpg" },
+              { id: "p3", name: "Brochures & Flyers", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/set-notebooks-white-surface-with-pen_114579-76112.jpg" },
+              { id: "p4", name: "Fournitures Scolaires", price: "Dès 5 dh", imageSrc: "http://img.b2bpic.net/free-photo/notebooks-school-supplies_23-2147654398.jpg" },
+              { id: "p5", name: "Reliure & Finition", price: "Dès 10 dh", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-with-young-designer-who-receives-some-printed-photos-smart-creativ-office_482257-32993.jpg" },
+              { id: "p6", name: "Papeterie Bureau", price: "Sur demande", imageSrc: "http://img.b2bpic.net/free-photo/woman-work-office-using-printer_23-2149456925.jpg" },
+            ]}
+            title="Nos Produits et Services"
+            description="Découvrez notre sélection de produits de qualité et nos services d'impression professionnelle."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyEight
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Expertise Locale",
-          subtitle: "Connaissance du marché de Rabat",
-          category: "Local",
-          value: "100%",
-        },
-        {
-          id: "f2",
-          title: "Réactivité",
-          subtitle: "Service rapide et efficace",
-          category: "Service",
-          value: "Priorité",
-        },
-        {
-          id: "f3",
-          title: "Qualité Garantie",
-          subtitle: "Impression haute définition",
-          category: "Qualité",
-          value: "HD",
-        },
-      ]}
-      title="Pourquoi nous choisir ?"
-      description="Nous mettons notre expertise au service de vos besoins académiques et professionnels."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyEight
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Expertise Locale", subtitle: "Connaissance du marché de Rabat", category: "Local", value: "100%" },
+              { id: "f2", title: "Réactivité", subtitle: "Service rapide et efficace", category: "Service", value: "Priorité" },
+              { id: "f3", title: "Qualité Garantie", subtitle: "Impression haute définition", category: "Qualité", value: "HD" },
+            ]}
+            title="Pourquoi nous choisir ?"
+            description="Nous mettons notre expertise au service de vos besoins académiques et professionnels."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Client 1",
-          date: "2024",
-          title: "Excellent service",
-          quote: "Très satisfait des impressions.",
-          tag: "Impression",
-          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-student-girl-with-books_329181-14851.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/sewing-machine-accessories-workdesk-shop_23-2147874993.jpg?_wi=2",
-          imageAlt: "happy customer bookstore portrait",
-        },
-        {
-          id: "t2",
-          name: "Client 2",
-          date: "2024",
-          title: "Librairie pro",
-          quote: "Grand choix de livres.",
-          tag: "Librairie",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-pointing-his-eye_1298-455.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/ancient-books-library-table_23-2147711433.jpg?_wi=2",
-          imageAlt: "happy customer bookstore portrait",
-        },
-        {
-          id: "t3",
-          name: "Client 3",
-          date: "2024",
-          title: "Rapide",
-          quote: "Travail très rapide.",
-          tag: "Print",
-          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-student-girl-holding-books-library_329181-14866.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-book-with-purple-cover_23-2147615115.jpg?_wi=2",
-          imageAlt: "happy customer bookstore portrait",
-        },
-        {
-          id: "t4",
-          name: "Client 4",
-          date: "2024",
-          title: "Top",
-          quote: "Toujours accueillant.",
-          tag: "Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-couple-home-sharing-tender-moments_23-2149105966.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-sheets-background_23-2148632494.jpg?_wi=2",
-          imageAlt: "happy customer bookstore portrait",
-        },
-        {
-          id: "t5",
-          name: "Client 5",
-          date: "2024",
-          title: "Recommandé",
-          quote: "Imprimerie de confiance.",
-          tag: "Shop",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-sitting-painting-design-studio_329181-17330.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/set-notebooks-white-surface-with-pen_114579-76112.jpg?_wi=2",
-          imageAlt: "happy customer bookstore portrait",
-        },
-      ]}
-      title="Avis de nos clients"
-      description="Ce que disent nos clients de notre service à Rabat."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Client 1", date: "2024", title: "Excellent service", quote: "Très satisfait des impressions.", tag: "Impression", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-student-girl-with-books_329181-14851.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sewing-machine-accessories-workdesk-shop_23-2147874993.jpg", imageAlt: "happy customer bookstore portrait" },
+              { id: "t2", name: "Client 2", date: "2024", title: "Librairie pro", quote: "Grand choix de livres.", tag: "Librairie", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-pointing-his-eye_1298-455.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ancient-books-library-table_23-2147711433.jpg", imageAlt: "happy customer bookstore portrait" },
+              { id: "t3", name: "Client 3", date: "2024", title: "Rapide", quote: "Travail très rapide.", tag: "Print", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-student-girl-holding-books-library_329181-14866.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-book-with-purple-cover_23-2147615115.jpg", imageAlt: "happy customer bookstore portrait" },
+              { id: "t4", name: "Client 4", date: "2024", title: "Top", quote: "Toujours accueillant.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-couple-home-sharing-tender-moments_23-2149105966.jpg", imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-sheets-background_23-2148632494.jpg", imageAlt: "happy customer bookstore portrait" },
+              { id: "t5", name: "Client 5", date: "2024", title: "Recommandé", quote: "Imprimerie de confiance.", tag: "Shop", avatarSrc: "http://img.b2bpic.net/free-photo/woman-sitting-painting-design-studio_329181-17330.jpg", imageSrc: "http://img.b2bpic.net/free-photo/set-notebooks-white-surface-with-pen_114579-76112.jpg", imageAlt: "happy customer bookstore portrait" },
+            ]}
+            title="Avis de nos clients"
+            description="Ce que disent nos clients de notre service à Rabat."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact"
-      title="Besoin d'un renseignement ?"
-      description="N'hésitez pas à nous appeler ou à nous rendre visite à Rabat."
-      buttons={[
-        {
-          text: "Appeler le 06 99 19 94 57",
-          href: "tel:+212699199457",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact"
+            title="Besoin d'un renseignement ?"
+            description="N'hésitez pas à nous appeler ou à nous rendre visite à Rabat."
+            buttons={[{ text: "Appeler le 06 99 19 94 57", href: "tel:+212699199457" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/man-working-printing-house-with-paper-paints_1303-26577.jpg"
-      logoText="Imprimerie Najah"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Accueil",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Appelez-nous",
-              href: "tel:+212699199457",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/man-working-printing-house-with-paper-paints_1303-26577.jpg"
+            logoText="Imprimerie Najah"
+            columns={[
+              {
+                title: "Navigation",                items: [{ label: "Accueil", href: "#hero" }, { label: "Services", href: "#services" }]
+              },
+              {
+                title: "Contact",                items: [{ label: "Appelez-nous", href: "tel:+212699199457" }]
+              }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1