9 Commits

Author SHA1 Message Date
f1b29407bc Update src/app/page.tsx 2026-04-18 14:52:59 +00:00
7834d22639 Merge version_3 into main
Merge version_3 into main
2026-04-18 14:52:30 +00:00
b1bae07060 Update src/app/page.tsx 2026-04-18 14:52:24 +00:00
c2a5369387 Merge version_3 into main
Merge version_3 into main
2026-04-18 14:52:03 +00:00
c29ca74e1a Update src/app/page.tsx 2026-04-18 14:51:57 +00:00
4f93baa833 Merge version_3 into main
Merge version_3 into main
2026-04-18 14:51:27 +00:00
3f86f3f6db Update src/app/page.tsx 2026-04-18 14:51:25 +00:00
00c8f273c7 Merge version_2 into main
Merge version_2 into main
2026-04-18 14:49:34 +00:00
f39bd90b7f Update src/app/page.tsx 2026-04-18 14:49:28 +00:00

View File

@@ -12,6 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
export default function LandingPage() {
return (
@@ -32,29 +33,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Accueil",
id: "hero",
},
name: "Accueil", id: "hero"},
{
name: "À propos",
id: "about",
},
name: "À propos", id: "about"},
{
name: "Nos services",
id: "features",
},
name: "Nos services", id: "features"},
{
name: "Projets",
id: "products",
},
name: "Projets", id: "products"},
{
name: "Tarifs",
id: "pricing",
},
name: "Tarifs", id: "pricing"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Agence Cousins"
/>
@@ -63,99 +52,56 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Design Web Moderne au Maroc"
description="Nous sommes deux cousins, créateurs passionnés de sites vitrines et e-commerce. Nous donnons vie à vos idées avec des designs uniques, modernes et pensés pour vos utilisateurs."
testimonials={[
{
name: "Youssef Alaoui",
handle: "@youssef",
testimonial: "Leur capacité à créer des interfaces modernes est bluffante. Travail très pro.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
},
name: "Youssef Alaoui", handle: "@youssef", testimonial: "Leur capacité à créer des interfaces modernes est bluffante. Travail très pro.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
{
name: "Fatima Zahra",
handle: "@fatima",
testimonial: "Un design épuré qui correspond exactement à ce que je voulais pour ma boutique.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67073.jpg",
},
name: "Fatima Zahra", handle: "@fatima", testimonial: "Un design épuré qui correspond exactement à ce que je voulais pour ma boutique.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67073.jpg"},
{
name: "Karim Bennani",
handle: "@karim",
testimonial: "Rapidité et efficacité, nos projets sont maintenant bien mieux mis en valeur.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-dress-code-introducing-something_114579-19021.jpg",
},
name: "Karim Bennani", handle: "@karim", testimonial: "Rapidité et efficacité, nos projets sont maintenant bien mieux mis en valeur.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-dress-code-introducing-something_114579-19021.jpg"},
{
name: "Mouna Idrissi",
handle: "@mouna",
testimonial: "Une agence très à l'écoute. Le résultat pour mon cabinet d'avocats est parfait.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-posing_23-2148142768.jpg",
},
name: "Mouna Idrissi", handle: "@mouna", testimonial: "Une agence très à l'écoute. Le résultat pour mon cabinet d'avocats est parfait.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-posing_23-2148142768.jpg"},
{
name: "Omar Fassi",
handle: "@omar",
testimonial: "Vraiment ravi de la collaboration. Ces cousins ont un talent fou.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-model-hijab-outfits_114579-8833.jpg",
},
name: "Omar Fassi", handle: "@omar", testimonial: "Vraiment ravi de la collaboration. Ces cousins ont un talent fou.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-model-hijab-outfits_114579-8833.jpg"},
]}
buttons={[
{
text: "Voir nos projets",
href: "#products",
},
text: "Demander un devis gratuit", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
alt: "Client Youssef",
},
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg", alt: "Client Youssef"},
{
src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg",
alt: "Client Fatima",
},
src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg", alt: "Client Fatima"},
{
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
alt: "Client Karim",
},
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", alt: "Client Karim"},
{
src: "http://img.b2bpic.net/free-photo/smiling-broadly-business-woman-showing-thumb-up_1262-1127.jpg",
alt: "Client Mouna",
},
src: "http://img.b2bpic.net/free-photo/smiling-broadly-business-woman-showing-thumb-up_1262-1127.jpg", alt: "Client Mouna"},
{
src: "http://img.b2bpic.net/free-photo/happy-successful-muslim-businesswoman-posing-outside_74855-2007.jpg",
alt: "Client Omar",
},
src: "http://img.b2bpic.net/free-photo/happy-successful-muslim-businesswoman-posing-outside_74855-2007.jpg", alt: "Client Omar"},
]}
avatarText="Rejoignez nos 100+ clients satisfaits"
marqueeItems={[
{
type: "text",
text: "Design Moderne",
},
type: "text", text: "Design Moderne"},
{
type: "text",
text: "E-commerce",
},
type: "text", text: "E-commerce"},
{
type: "text",
text: "Sites Vitrines",
},
type: "text", text: "Sites Vitrines"},
{
type: "text",
text: "Expérience Utilisateur",
},
type: "text", text: "Expérience Utilisateur"},
{
type: "text",
text: "Stratégie Digitale",
},
type: "text", text: "Stratégie Digitale"},
]}
/>
</div>
@@ -167,17 +113,11 @@ export default function LandingPage() {
description="Deux cousins, deux perspectives, une seule ambition : élever les standards du design web au Maroc. Nous créons des expériences digitales sur mesure, pensées pour l'indépendance et la croissance."
metrics={[
{
value: "100%",
title: "Satisfaction client",
},
value: "100%", title: "Satisfaction client"},
{
value: "Unique",
title: "Approche Design",
},
value: "Unique", title: "Approche Design"},
{
value: "Pro",
title: "Service dédié",
},
value: "Pro", title: "Service dédié"},
]}
imageSrc="http://img.b2bpic.net/free-photo/conversation-two-men-turbans-talking-looking-involved_259150-59417.jpg"
mediaAnimation="slide-up"
@@ -192,38 +132,43 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Sites Juridiques & Libéraux",
tags: [
"Avocats",
"Expertise",
],
imageSrc: "http://img.b2bpic.net/free-photo/universal-justice-concept-tablet-with-gavel_23-2152001182.jpg",
},
id: "f1", title: "Sites Juridiques & Libéraux", tags: [
"Avocats", "Expertise"],
imageSrc: "http://img.b2bpic.net/free-photo/universal-justice-concept-tablet-with-gavel_23-2152001182.jpg"},
{
id: "f2",
title: "Marques & E-commerce",
tags: [
"Mode",
"Indépendant",
],
imageSrc: "http://img.b2bpic.net/free-photo/me-too-lettering-cardboard-woman_23-2148405244.jpg",
},
id: "f2", title: "Marques & E-commerce", tags: [
"Mode", "Indépendant"],
imageSrc: "http://img.b2bpic.net/free-photo/me-too-lettering-cardboard-woman_23-2148405244.jpg"},
{
id: "f3",
title: "Architecture & Immobilier",
tags: [
"Vitrine",
"Design",
],
imageSrc: "http://img.b2bpic.net/free-psd/business-instagram-stories-template_23-2148879216.jpg",
},
id: "f3", title: "Architecture & Immobilier", tags: [
"Vitrine", "Design"],
imageSrc: "http://img.b2bpic.net/free-psd/business-instagram-stories-template_23-2148879216.jpg"},
]}
title="Nos spécialités"
description="Nous adaptons notre style à vos besoins, qu'il s'agisse de vitrines élégantes ou de boutiques performantes."
/>
</div>
<div id="portfolio" data-section="portfolio">
<FeatureCardTwentySeven
animationType="blur-reveal"
title="Portfolio Expérimental"
description="Une exploration de designs audacieux et de solutions innovantes pour nos clients."
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "p1", title: "E-commerce Immersif", descriptions: ["Design expérimental avec navigation fluide."],
imageSrc: "http://img.b2bpic.net/free-photo/med-school-pupil-works-his-thesis-isolated-mockup-screen_482257-123332.jpg?_wi=1"
},
{
id: "p2", title: "Plateforme Institutionnelle", descriptions: ["Architecture d'information complexe rendue simple."],
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-influencer-template_23-2149884920.jpg?_wi=1"
}
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
@@ -232,47 +177,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Portfolio Design",
price: "Vitrines",
variant: "Moderne",
imageSrc: "http://img.b2bpic.net/free-photo/med-school-pupil-works-his-thesis-isolated-mockup-screen_482257-123332.jpg",
},
id: "p1", name: "Portfolio Design", price: "Vitrines", variant: "Moderne", imageSrc: "http://img.b2bpic.net/free-photo/med-school-pupil-works-his-thesis-isolated-mockup-screen_482257-123332.jpg?_wi=2"},
{
id: "p2",
name: "Site Avocat",
price: "Prestige",
variant: "Institutionnel",
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-influencer-template_23-2149884920.jpg",
},
id: "p2", name: "Site Avocat", price: "Prestige", variant: "Institutionnel", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-influencer-template_23-2149884920.jpg?_wi=2"},
{
id: "p3",
name: "Marque de Mode",
price: "Shop",
variant: "Minimaliste",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg",
},
id: "p3", name: "Marque de Mode", price: "Shop", variant: "Minimaliste", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg"},
{
id: "p4",
name: "Cabinet d'Architecture",
price: "Pro",
variant: "Spatial",
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg",
},
id: "p4", name: "Cabinet d'Architecture", price: "Pro", variant: "Spatial", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg"},
{
id: "p5",
name: "Concept Restaurant",
price: "Experience",
variant: "Visuel",
imageSrc: "http://img.b2bpic.net/free-photo/creative-postcard-set-blue-wall_53876-26209.jpg",
},
id: "p5", name: "Concept Restaurant", price: "Experience", variant: "Visuel", imageSrc: "http://img.b2bpic.net/free-photo/creative-postcard-set-blue-wall_53876-26209.jpg"},
{
id: "p6",
name: "Startup Tech",
price: "SaaS",
variant: "Digital",
imageSrc: "http://img.b2bpic.net/free-photo/young-corporate-analyst-handling-financial-tasks-chroma-key-display_482257-123549.jpg",
},
id: "p6", name: "Startup Tech", price: "SaaS", variant: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/young-corporate-analyst-handling-financial-tasks-chroma-key-display_482257-123549.jpg"},
]}
title="Projets & Maquettes"
description="Un aperçu de notre polyvalence stylistique pour vos futurs sites."
@@ -286,55 +201,28 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "l1",
badge: "Basique",
price: "Début",
subtitle: "Parfait pour une vitrine simple.",
buttons: [
id: "l1", badge: "Basique", price: "Début", subtitle: "Parfait pour une vitrine simple.", buttons: [
{
text: "Choisir",
href: "#contact",
},
text: "Demander un Devis", href: "#contact"},
],
features: [
"Design personnalisé",
"Responsive",
"SEO de base",
],
"Design personnalisé", "Responsive", "SEO de base"],
},
{
id: "l2",
badge: "Pro",
price: "Avancé",
subtitle: "Pour les marques qui veulent vendre.",
buttons: [
id: "l2", badge: "Pro", price: "Avancé", subtitle: "Pour les marques qui veulent vendre.", buttons: [
{
text: "Choisir",
href: "#contact",
},
text: "Demander un Devis", href: "#contact"},
],
features: [
"E-commerce",
"Gestion produits",
"Admin dédié",
],
"E-commerce", "Gestion produits", "Admin dédié"],
},
{
id: "l3",
badge: "Custom",
price: "Sur-mesure",
subtitle: "Pour un site unique et puissant.",
buttons: [
id: "l3", badge: "Custom", price: "Sur-mesure", subtitle: "Pour un site unique et puissant.", buttons: [
{
text: "Choisir",
href: "#contact",
},
text: "Demander un Devis", href: "#contact"},
],
features: [
"Tout inclus",
"Stratégie digitale",
"Support continu",
],
"Tout inclus", "Stratégie digitale", "Support continu"],
},
]}
title="Nos tarifs transparents"
@@ -349,31 +237,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Engagement",
items: [
"Design",
"Projets",
],
id: "m1", value: "100%", title: "Engagement", items: [
"Design", "Projets"],
},
{
id: "m2",
value: "100%",
title: "Local",
items: [
"Maroc",
"Créativité",
],
id: "m2", value: "100%", title: "Local", items: [
"Maroc", "Créativité"],
},
{
id: "m3",
value: "100%",
title: "Suivi",
items: [
"Qualité",
"Support",
],
id: "m3", value: "100%", title: "Suivi", items: [
"Qualité", "Support"],
},
]}
title="Pourquoi nous choisir ?"
@@ -387,45 +260,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Excellent travail",
quote: "Cousins passionnés, excellent résultat.",
name: "Youssef",
role: "Entrepreneur",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg",
},
id: "t1", title: "Excellent travail", quote: "Cousins passionnés, excellent résultat.", name: "Youssef", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg"},
{
id: "t2",
title: "Design épuré",
quote: "Très satisfait du rendu final.",
name: "Fatima",
role: "Fondatrice",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg",
},
id: "t2", title: "Design épuré", quote: "Très satisfait du rendu final.", name: "Fatima", role: "Fondatrice", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg"},
{
id: "t3",
title: "Pro et efficace",
quote: "Une réactivité très appréciable.",
name: "Karim",
role: "Gérant",
imageSrc: "http://img.b2bpic.net/free-photo/business-man-curly-cute-handsome-guy-black-suit-red-tie-excitingly-holding-fist-up_140725-162612.jpg",
},
id: "t3", title: "Pro et efficace", quote: "Une réactivité très appréciable.", name: "Karim", role: "Gérant", imageSrc: "http://img.b2bpic.net/free-photo/business-man-curly-cute-handsome-guy-black-suit-red-tie-excitingly-holding-fist-up_140725-162612.jpg"},
{
id: "t4",
title: "Parfait pour mon cabinet",
quote: "Mon cabinet d'avocats a enfin une image pro.",
name: "Mouna",
role: "Avocate",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-businessman-black-suit-smiling-amazed-showing-number-three-standing-whit_1258-145454.jpg",
},
id: "t4", title: "Parfait pour mon cabinet", quote: "Mon cabinet d'avocats a enfin une image pro.", name: "Mouna", role: "Avocate", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-businessman-black-suit-smiling-amazed-showing-number-three-standing-whit_1258-145454.jpg"},
{
id: "t5",
title: "Talentueux",
quote: "Un duo qui promet beaucoup.",
name: "Omar",
role: "CEO",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-ear-bandage-art-studio_23-2149705901.jpg",
},
id: "t5", title: "Talentueux", quote: "Un duo qui promet beaucoup.", name: "Omar", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-ear-bandage-art-studio_23-2149705901.jpg"},
]}
title="Ce qu'ils pensent"
description="Découvrez l'avis de ceux qui nous ont fait confiance."
@@ -436,8 +279,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
tag="Contact"
title="Discutons de votre projet"
description="Envoyez-nous un message pour démarrer votre collaboration avec nous."
@@ -449,29 +291,19 @@ export default function LandingPage() {
logoText="Agence Cousins"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Accueil",
href: "#hero",
},
label: "Accueil", href: "#hero"},
{
label: "Nos projets",
href: "#products",
},
label: "Nos projets", href: "#products"},
],
},
{
title: "Légal",
items: [
title: "Légal", items: [
{
label: "Mentions légales",
href: "#",
},
label: "Mentions légales", href: "#"},
{
label: "Confidentialité",
href: "#",
},
label: "Confidentialité", href: "#"},
],
},
]}
@@ -480,4 +312,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}