Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -30,66 +30,44 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Accueil",
+          name: "Accueil",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Avantages",
+          name: "Avantages",          id: "benefits"},
-          id: "benefits",
-        },
         {
-          name: "Comment ça marche",
+          name: "Comment ça marche",          id: "how-it-works"},
-          id: "how-it-works",
-        },
         {
-          name: "Avis",
+          name: "Avis",          id: "testimonials"},
-          id: "testimonials",
-        },
       ]}
       brandName="Pawsy"
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero" className="py-12 md:py-20">
       <HeroCarouselLogo
       logoText="Pawsy"
       description="Le jouet intelligent qui garde votre chien actif, heureux et sans ennui."
       buttons={[
         {
-          text: "Acheter maintenant",
+          text: "Acheter maintenant",          href: "#"},
-          href: "#",
-        },
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=1",          imageAlt: "Chien joyeux jouant avec le jouet Pawsy"},
-          imageAlt: "Chien joyeux jouant avec le jouet Pawsy",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=2",          imageAlt: "Chien joyeux jouant avec le jouet Pawsy"},
-          imageAlt: "Chien joyeux jouant avec le jouet Pawsy",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=3",
+          imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=3",          imageAlt: "Chien joyeux jouant avec le jouet Pawsy"},
-          imageAlt: "Chien joyeux jouant avec le jouet Pawsy",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=4",
+          imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=4",          imageAlt: "Chien joyeux jouant avec le jouet Pawsy"},
-          imageAlt: "Chien joyeux jouant avec le jouet Pawsy",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=5",
+          imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=5",          imageAlt: "Chien joyeux jouant avec le jouet Pawsy"},
-          imageAlt: "Chien joyeux jouant avec le jouet Pawsy",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=6",
+          imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=6",          imageAlt: "Chien joyeux jouant avec le jouet Pawsy"},
-          imageAlt: "Chien joyeux jouant avec le jouet Pawsy",
-        },
       ]}
     />
   </div>
 
-  <div id="problem-solution" data-section="problem-solution">
+  <div id="problem-solution" data-section="problem-solution" className="py-16 md:py-24">
       <TextAbout
       useInvertedBackground={false}
       tag="Solution"
@@ -97,73 +75,40 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="benefits" data-section="benefits">
+  <div id="benefits" data-section="benefits" className="py-16 md:py-24">
       <FeatureCardTwentyFour
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
         {
-          id: "1",
+          id: "1",          title: "Jouet Interactif",          author: "Smart Tech",          description: "Réagit aux mouvements de votre chien.",          tags: [
-          title: "Jouet Interactif",
+            "Interactif",            "IA"],
-          author: "Smart Tech",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-dachshund-dog-with-chewing-toy_23-2149202501.jpg?_wi=1",          imageAlt: "Jouet interactif"},
-          description: "Réagit aux mouvements de votre chien.",
-          tags: [
-            "Interactif",
-            "IA",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-dachshund-dog-with-chewing-toy_23-2149202501.jpg?_wi=1",
-          imageAlt: "Jouet interactif",
-        },
         {
-          id: "2",
+          id: "2",          title: "Réduit l'anxiété",          author: "Bien-être",          description: "Occupe l'esprit et calme les chiens.",          tags: [
-          title: "Réduit l'anxiété",
+            "Calme",            "Santé"],
-          author: "Bien-être",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-dachshund-dog-with-chewing-toy_23-2149202501.jpg?_wi=2",          imageAlt: "Réduction anxiété"},
-          description: "Occupe l'esprit et calme les chiens.",
-          tags: [
-            "Calme",
-            "Santé",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-dachshund-dog-with-chewing-toy_23-2149202501.jpg?_wi=2",
-          imageAlt: "Réduction anxiété",
-        },
         {
-          id: "3",
+          id: "3",          title: "Activité Physique",          author: "Forme",          description: "Garde votre chien actif toute la journée.",          tags: [
-          title: "Activité Physique",
+            "Forme",            "Sport"],
-          author: "Forme",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-dachshund-dog-with-chewing-toy_23-2149202501.jpg?_wi=3",          imageAlt: "Activité physique"},
-          description: "Garde votre chien actif toute la journée.",
-          tags: [
-            "Forme",
-            "Sport",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-dachshund-dog-with-chewing-toy_23-2149202501.jpg?_wi=3",
-          imageAlt: "Activité physique",
-        },
       ]}
       title="Pourquoi Pawsy ?"
       description="La solution intelligente pour le bien-être de votre compagnon."
     />
   </div>
 
-  <div id="how-it-works" data-section="how-it-works">
+  <div id="how-it-works" data-section="how-it-works" className="py-16 md:py-24">
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "Allumez",          content: "Activez le jouet avec un simple clic."},
-          title: "Allumez",
-          content: "Activez le jouet avec un simple clic.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Lancez",          content: "Placez-le au sol pour commencer le jeu."},
-          title: "Lancez",
-          content: "Placez-le au sol pour commencer le jeu.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Regardez votre chien jouer",          content: "Votre chien profite de son nouveau compagnon."},
-          title: "Regardez votre chien jouer",
-          content: "Votre chien profite de son nouveau compagnon.",
-        },
       ]}
       sideTitle="Comment ça marche ?"
       sideDescription="Trois étapes simples pour le bonheur de votre chien."
@@ -171,52 +116,27 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
+  <div id="testimonials" data-section="testimonials" className="py-16 md:py-24">
       <TestimonialCardThirteen
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sophie M.",          handle: "@sophie",          testimonial: "Mon chien ne s'ennuie plus jamais !",          rating: 5,
-          name: "Sophie M.",
+          imageSrc: "http://img.b2bpic.net/free-photo/image-hipster-guy-pet-owner-holding-cute-black-pug-dog-poop-bag-standing-white-background_1258-75815.jpg"},
-          handle: "@sophie",
-          testimonial: "Mon chien ne s'ennuie plus jamais !",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/image-hipster-guy-pet-owner-holding-cute-black-pug-dog-poop-bag-standing-white-background_1258-75815.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Thomas L.",          handle: "@thomas",          testimonial: "Produit incroyable et très durable.",          rating: 5,
-          name: "Thomas L.",
+          imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-jeans-is-resting-living-room-playing-with-dog_197531-14792.jpg"},
-          handle: "@thomas",
-          testimonial: "Produit incroyable et très durable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-jeans-is-resting-living-room-playing-with-dog_197531-14792.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Julie B.",          handle: "@julie",          testimonial: "Vraiment efficace pendant mes journées au bureau.",          rating: 5,
-          name: "Julie B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-photo-young-handsome-man-entrepreneur-working-cafe-laptop-while-his-dog-sits_1258-245283.jpg"},
-          handle: "@julie",
-          testimonial: "Vraiment efficace pendant mes journées au bureau.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-photo-young-handsome-man-entrepreneur-working-cafe-laptop-while-his-dog-sits_1258-245283.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Marc D.",          handle: "@marc",          testimonial: "Mon labrador adore jouer avec Pawsy.",          rating: 5,
-          name: "Marc D.",
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-autumn-field-playing-with-dog_1157-26846.jpg"},
-          handle: "@marc",
-          testimonial: "Mon labrador adore jouer avec Pawsy.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-autumn-field-playing-with-dog_1157-26846.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Emma R.",          handle: "@emma",          testimonial: "Un investissement utile pour mon chien.",          rating: 5,
-          name: "Emma R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-german-shepherd-dog-gradient-lighting_23-2149277179.jpg"},
-          handle: "@emma",
-          testimonial: "Un investissement utile pour mon chien.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-german-shepherd-dog-gradient-lighting_23-2149277179.jpg",
-        },
       ]}
       showRating={true}
       title="Avis de nos clients"
@@ -224,50 +144,22 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
+  <div id="contact" data-section="contact" className="py-16 md:py-24">
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Promotion"
       title="Offre limitée aujourd’hui"
       description="Profitez de 20% de réduction immédiate."
     />
   </div>
 
-  <div id="footer" data-section="footer">
+  <div id="footer" data-section="footer" className="py-12 bg-background-accent/50">
-      <FooterSimple
+      <FooterLogoReveal
-      columns={[
+      logoText="Pawsy"
-        {
+      leftLink={{ text: "Mentions Légales", href: "#" }}
-          title: "Boutique",
+      rightLink={{ text: "Contact", href: "#" }}
-          items: [
-            {
-              label: "Nos produits",
-              href: "#",
-            },
-            {
-              label: "Service client",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Légal",
-          items: [
-            {
-              label: "Mentions légales",
-              href: "#",
-            },
-            {
-              label: "Politique de confidentialité",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Pawsy. Tous droits réservés."
-      bottomRightText="Paiement sécurisé et livraison rapide en France."
     />
   </div>
       </ReactLenis>