Switch to version 2: modified src/app/page.tsx
This commit is contained in:
210
src/app/page.tsx
210
src/app/page.tsx
@@ -6,12 +6,12 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Beef, Building, Cake, Wheat, Tractor, Users, BookOpen } from "lucide-react";
|
||||
import { Award, Beef, Building, Cake, CheckCircle, Heart, Milk, ShieldCheck, Star, Sun, Wheat } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,49 +31,83 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Activités", id: "activities" },
|
||||
{ name: "Réserver", id: "contact" },
|
||||
{
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Qui sommes-nous ?", id: "about"},
|
||||
{
|
||||
name: "Activités", id: "activities"},
|
||||
{
|
||||
name: "Réserver", id: "contact"},
|
||||
]}
|
||||
brandName="Dar Nouar Kids"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Dar Nouar Kids"
|
||||
description="Une immersion totale dans la nature pour éveiller les sens et créer des souvenirs inoubliables en famille."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
dashboard={{
|
||||
title: "Programme Pédagogique", logoIcon: Tractor,
|
||||
stats: [
|
||||
{ title: "Activités", values: [15, 20, 25], description: "Activités ludiques disponibles" },
|
||||
{ title: "Visiteurs", values: [500, 750, 1000], description: "Familles ravies cette année" },
|
||||
{ title: "Jours", values: [300, 350, 365], description: "Ouverture annuelle" }
|
||||
],
|
||||
sidebarItems: [{ icon: BookOpen, active: true }, { icon: Users }, { icon: Tractor }],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kid-learning-garden_23-2151447746.jpg", buttons: [],
|
||||
listItems: []
|
||||
}}
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Bienvenue à Dar Nouar Kids — La Ferme Pédagogique de vos Enfants"
|
||||
description="Découvrez une expérience unique en pleine nature à Tamaris. Ateliers, animaux, activités et souvenirs inoubliables pour toute la famille."
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver maintenant — 06 41 70 01 51", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-girl-holding-harvested-spring-onion_23-2147907084.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mother-with-daughter-playing-summer-field_1157-37777.jpg", alt: "Mother with daughter playing in a summer field"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mother-her-daughter_1098-18035.jpg", alt: "Happy mother and her daughter"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mother-with-daughter-playing-summer-field_1157-37698.jpg", alt: "Mother with daughter playing in a summer field"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mother-with-son-playing-summer-park_1157-21804.jpg", alt: "Mother with son playing in a summer park"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mother-daughter-park_1328-4009.jpg", alt: "Mother and daughter in a park"},
|
||||
]}
|
||||
avatarText="Rejoignez plus de 500+ familles heureuses"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/kid-learning-garden_23-2151447746.jpg", alt: "Kid learning to garden"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/boy-with-hat-outdoor_23-2148551130.jpg", alt: "Boy with hat outdoor"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-transplanting-process-plants_23-2149080689.jpg", alt: "Close up on transplanting process of plants"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/woman-sitting-grass_23-2148617193.jpg", alt: "Woman sitting on the grass"},
|
||||
{
|
||||
type: "text", text: "Nature & Éducation"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="Reconnecter avec l'essentiel"
|
||||
tag="Notre Mission"
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Qui sommes-nous ?"
|
||||
description="Dar Nouar Kids est une ferme pédagogique située à Route Moulay Thami, Dar Bouazza, Tamaris, à deux pas de Casablanca. Nous accueillons les familles, les groupes scolaires et les entreprises dans un cadre verdoyant et authentique. Notre mission : reconnecter les enfants avec la nature à travers des activités ludiques, éducatives et mémorables."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%", title: "Nature"},
|
||||
{
|
||||
value: "4+", title: "Activités phares"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-girls-working-field_23-2147907089.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-media" data-section="social-media">
|
||||
<SocialProofOne
|
||||
title="Rejoignez notre communauté"
|
||||
description="Partagez vos moments forts et suivez nos actualités en direct."
|
||||
names={["Instagram", "Facebook", "TikTok", "YouTube"]}
|
||||
title="Suivez nos aventures"
|
||||
description="Retrouvez-nous sur les réseaux sociaux pour découvrir nos dernières activités, ateliers et moments magiques à la ferme."
|
||||
names={["Instagram", "Facebook"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -83,13 +117,54 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Beef, title: "Découverte des animaux", description: "Approche pédagogique et respectueuse." },
|
||||
{ icon: Wheat, title: "Ateliers traditionnels", description: "Pétrissage, traite et jardinage." },
|
||||
{ icon: Cake, title: "Fêtes privées", description: "Anniversaires inoubliables à la ferme." },
|
||||
{ icon: Building, title: "Événements entreprise", description: "Cohésion d'équipe au grand air." },
|
||||
{
|
||||
icon: Beef,
|
||||
title: "Découverte des animaux", description: "Rencontrez nos animaux adorables et apprenez sur la vie à la ferme."},
|
||||
{
|
||||
icon: Wheat,
|
||||
title: "Atelier pain maison", description: "Pétrissez votre propre pain traditionnel marocain."},
|
||||
{
|
||||
icon: Milk,
|
||||
title: "Atelier petit lait", description: "Découvrez les secrets de la fabrication des produits laitiers."},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Balade en charrette", description: "Une promenade magique à travers la ferme."},
|
||||
{
|
||||
icon: Cake,
|
||||
title: "Anniversaires & Fêtes", description: "Organisez vos événements spéciaux dans un cadre unique."},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Team Building", description: "Événements sur mesure pour les entreprises."},
|
||||
]}
|
||||
title="Nos services"
|
||||
description="Des expériences riches pour tous les âges."
|
||||
title="Nos activités"
|
||||
description="Découvrez nos ateliers interactifs conçus pour éveiller la curiosité de vos enfants."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Ferme entretenue", description: "Espace propre, verdoyant et sécurisé."},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Animaux adorables", description: "Animaux doux et bien soignés."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Ateliers éducatifs", description: "Apprenez en vous amusant."},
|
||||
{
|
||||
icon: Sun,
|
||||
title: "En plein air", description: "Profitez du grand air et du soleil de Tamaris."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Sécurité garantie", description: "Un cadre adapté pour tous les âges."},
|
||||
]}
|
||||
title="Pourquoi nous choisir ?"
|
||||
description="Un espace conçu pour la sécurité et l'épanouissement de vos enfants."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -99,13 +174,25 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Houda C.", handle: "@houda", testimonial: "Le meilleur endroit pour les enfants !", rating: 5 },
|
||||
{ id: "2", name: "Nesrine B.", handle: "@nesrine", testimonial: "Une organisation parfaite pour les anniversaires.", rating: 5 },
|
||||
{ id: "3", name: "Client Famille", handle: "@famille", testimonial: "Un dimanche au vert indispensable.", rating: 4 },
|
||||
{
|
||||
id: "1", name: "Houda Chaoui", handle: "@houda", testimonial: "Une belle découverte, les animaux sont adorables et les ateliers sont géniaux.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan9nJPWNRWLShaygqMT2RcIIR/uploaded-1778611538996-p7gzzkay.avif"},
|
||||
{
|
||||
id: "2", name: "Leena Mugawer", handle: "@leena", testimonial: "Exceptionnel pour nos team building, une expérience mémorable.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan9nJPWNRWLShaygqMT2RcIIR/uploaded-1778611548010-uvx9sgk1.avif"},
|
||||
{
|
||||
id: "3", name: "Nesrine Boukhles", handle: "@nesrine", testimonial: "Parfait pour les anniversaires, organisation au top !", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan9nJPWNRWLShaygqMT2RcIIR/uploaded-1778611560314-cu30vzdl.avif"},
|
||||
{
|
||||
id: "4", name: "Client Famille", handle: "@famille", testimonial: "Un lieu idéal pour passer un dimanche au vert.", rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan9nJPWNRWLShaygqMT2RcIIR/uploaded-1778611579777-93i6zmoo.avif"},
|
||||
{
|
||||
id: "5", name: "Client Entreprise", handle: "@corp", testimonial: "Très bien structuré pour les groupes.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dan9nJPWNRWLShaygqMT2RcIIR/uploaded-1778611614979-77c65uvj.avif"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Ils nous font confiance"
|
||||
description="Témoignages de nos familles visiteuses."
|
||||
title="Ce que pensent nos visiteurs"
|
||||
description="Des moments inoubliables partagés avec nos clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,22 +201,28 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Horaires", content: "Mardi-Dimanche, 9h-18h" },
|
||||
{ id: "f2", title: "Accès", content: "Route Moulay Thami, Tamaris" },
|
||||
{
|
||||
id: "f1", title: "Où êtes-vous situés ?", content: "Nous sommes à Route Moulay Thami, Dar Bouazza, Tamaris."},
|
||||
{
|
||||
id: "f2", title: "Quels sont vos horaires ?", content: "Mardi au Dimanche : 09h00 — 18h00. Lundi fermé."},
|
||||
{
|
||||
id: "f3", title: "Comment réserver ?", content: "Appelez-nous au 06 41 70 01 51."},
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Tout savoir sur votre visite."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/courtyard-rural-house-building-with-grass-trees_1258-52399.jpg"
|
||||
title="Informations pratiques"
|
||||
description="Tout ce que vous devez savoir pour organiser votre visite."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Réservations"
|
||||
title="Planifiez votre visite"
|
||||
description="Réservez votre créneau dès maintenant par téléphone ou WhatsApp."
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact"
|
||||
title="Réservez votre visite dès maintenant !"
|
||||
description="Ne manquez pas cette expérience unique pour vos enfants. Contactez-nous par téléphone ou WhatsApp pour réserver votre journée."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -137,9 +230,24 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Dar Nouar Kids"
|
||||
columns={[
|
||||
{ title: "Contact", items: [{ label: "06 41 70 01 51", href: "tel:0641700151" }] },
|
||||
{ title: "Liens", items: [{ label: "Accueil", href: "#hero" }, { label: "Activités", href: "#activities" }] },
|
||||
{
|
||||
title: "Informations", items: [
|
||||
{
|
||||
label: "Adresse : Route Moulay Thami, Dar Bouazza, Tamaris", href: "#"},
|
||||
{
|
||||
label: "Tél : 06 41 70 01 51", href: "tel:0641700151"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Liens", items: [
|
||||
{
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "Activités", href: "#activities"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Dar Nouar Kids — Tous droits réservés"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user