Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
200
src/app/page.tsx
200
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",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Avantages",
|
||||
id: "benefits",
|
||||
},
|
||||
name: "Avantages", id: "benefits"},
|
||||
{
|
||||
name: "Comment ça marche",
|
||||
id: "how-it-works",
|
||||
},
|
||||
name: "Comment ça marche", id: "how-it-works"},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Avis", 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",
|
||||
href: "#",
|
||||
},
|
||||
text: "Acheter maintenant", href: "#"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=1",
|
||||
imageAlt: "Chien joyeux jouant avec le jouet Pawsy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=1", imageAlt: "Chien joyeux jouant avec le jouet Pawsy"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=2",
|
||||
imageAlt: "Chien joyeux jouant avec le jouet Pawsy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=2", imageAlt: "Chien joyeux jouant avec le jouet Pawsy"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=3",
|
||||
imageAlt: "Chien joyeux jouant avec le jouet Pawsy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=3", imageAlt: "Chien joyeux jouant avec le jouet Pawsy"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=4",
|
||||
imageAlt: "Chien joyeux jouant avec le jouet Pawsy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=4", imageAlt: "Chien joyeux jouant avec le jouet Pawsy"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=5",
|
||||
imageAlt: "Chien joyeux jouant avec le jouet Pawsy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=5", imageAlt: "Chien joyeux jouant avec le jouet Pawsy"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=6",
|
||||
imageAlt: "Chien joyeux jouant avec le jouet Pawsy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-bulldog-lifestyle_23-2151765748.jpg?_wi=6", 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",
|
||||
title: "Jouet Interactif",
|
||||
author: "Smart Tech",
|
||||
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: "1", title: "Jouet Interactif", author: "Smart Tech", 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",
|
||||
title: "Réduit l'anxiété",
|
||||
author: "Bien-être",
|
||||
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: "2", title: "Réduit l'anxiété", author: "Bien-être", 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",
|
||||
title: "Activité Physique",
|
||||
author: "Forme",
|
||||
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",
|
||||
},
|
||||
id: "3", title: "Activité Physique", author: "Forme", 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",
|
||||
title: "Allumez",
|
||||
content: "Activez le jouet avec un simple clic.",
|
||||
},
|
||||
id: "1", title: "Allumez", content: "Activez le jouet avec un simple clic."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Lancez",
|
||||
content: "Placez-le au sol pour commencer le jeu.",
|
||||
},
|
||||
id: "2", title: "Lancez", content: "Placez-le au sol pour commencer le jeu."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Regardez votre chien jouer",
|
||||
content: "Votre chien profite de son nouveau compagnon.",
|
||||
},
|
||||
id: "3", 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",
|
||||
name: "Sophie M.",
|
||||
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: "1", name: "Sophie M.", 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",
|
||||
name: "Thomas L.",
|
||||
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: "2", name: "Thomas L.", 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",
|
||||
name: "Julie B.",
|
||||
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: "3", name: "Julie B.", 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",
|
||||
name: "Marc D.",
|
||||
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: "4", name: "Marc D.", 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",
|
||||
name: "Emma R.",
|
||||
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",
|
||||
},
|
||||
id: "5", name: "Emma R.", 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">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Boutique",
|
||||
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 id="footer" data-section="footer" className="py-12 bg-background-accent/50">
|
||||
<FooterLogoReveal
|
||||
logoText="Pawsy"
|
||||
leftLink={{ text: "Mentions Légales", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user