Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f39bd90b7f |
337
src/app/page.tsx
337
src/app/page.tsx
@@ -32,29 +32,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 +51,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: "Voir nos projets", href: "#products"},
|
||||
]}
|
||||
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 +112,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,32 +131,17 @@ 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."
|
||||
@@ -232,47 +156,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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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 +180,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 +216,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 +239,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 +258,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 +270,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 +291,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user