Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a751ecd9c7 |
227
src/app/page.tsx
227
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Accueil",
|
name: "Accueil", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "À Propos",
|
name: "À Propos", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Galerie",
|
name: "Galerie", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="2i Service"
|
brandName="2i Service"
|
||||||
/>
|
/>
|
||||||
@@ -60,77 +50,48 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Téléphones & Laptops à Ouaga – Qualité et Prix Juste."
|
title="Téléphones & Laptops à Ouaga – Qualité et Prix Juste."
|
||||||
description="Expertise certifiée, réparation express et accessoires premium pour tous vos besoins numériques au Burkina Faso."
|
description="Expertise certifiée, réparation express et accessoires premium pour tous vos besoins numériques au Burkina Faso."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{
|
||||||
value: "10+",
|
value: "10+", label: "Années d'expérience"},
|
||||||
label: "Années d'expérience",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "5000+",
|
value: "5000+", label: "Appareils réparés"},
|
||||||
label: "Appareils réparés",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "100%",
|
value: "100%", label: "Client satisfait"},
|
||||||
label: "Client satisfait",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact via WhatsApp",
|
text: "Contact via WhatsApp", href: "https://wa.me/22666317245"},
|
||||||
href: "https://wa.me/226...",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-desk-with-phone-headphones_23-2148291125.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-desk-with-phone-headphones_23-2148291125.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-young-saleswoman-confident-businesswoman-suit-cross-arms-chest-standing-power_1258-194126.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-young-saleswoman-confident-businesswoman-suit-cross-arms-chest-standing-power_1258-194126.jpg", alt: "Client 1"},
|
||||||
alt: "Client 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/professional-woman-standing-with-coffee-busy-street-smiling-camera_1258-119452.jpg",
|
src: "http://img.b2bpic.net/free-photo/professional-woman-standing-with-coffee-busy-street-smiling-camera_1258-119452.jpg", alt: "Client 2"},
|
||||||
alt: "Client 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-young-professional-saleswoman-businesswoman-suit-sitting-office-her-company_1258-194574.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-young-professional-saleswoman-businesswoman-suit-sitting-office-her-company_1258-194574.jpg", alt: "Client 3"},
|
||||||
alt: "Client 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg", alt: "Client 4"},
|
||||||
alt: "Client 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Client 5"},
|
||||||
alt: "Client 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Rejoignez plus de 5000 clients satisfaits"
|
avatarText="Rejoignez plus de 5000 clients satisfaits"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Qualité Garantie"},
|
||||||
text: "Qualité Garantie",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Service Rapide"},
|
||||||
text: "Service Rapide",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Prix Compétitifs"},
|
||||||
text: "Prix Compétitifs",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Expertise Certifiée"},
|
||||||
text: "Expertise Certifiée",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Support Ouaga"},
|
||||||
text: "Support Ouaga",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -150,20 +111,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Vente d'Appareils",
|
title: "Vente d'Appareils", description: "Large sélection de smartphones et ordinateurs de haute qualité.", imageSrc: "http://img.b2bpic.net/free-vector/electronic-devices-collection_1257-100.jpg"},
|
||||||
description: "Large sélection de smartphones et ordinateurs de haute qualité.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/electronic-devices-collection_1257-100.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Réparation Express",
|
title: "Réparation Express", description: "Services de maintenance rapide avec pièces d'origine garanties.", imageSrc: "http://img.b2bpic.net/free-photo/3d-morph-man-builder-with-wrench_1048-13677.jpg"},
|
||||||
description: "Services de maintenance rapide avec pièces d'origine garanties.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-morph-man-builder-with-wrench_1048-13677.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Accessoires High-Tech",
|
title: "Accessoires High-Tech", description: "Protégez et optimisez vos appareils avec nos accessoires premium.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-vintage-camera_53876-32038.jpg"},
|
||||||
description: "Protégez et optimisez vos appareils avec nos accessoires premium.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-vintage-camera_53876-32038.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nos Services"
|
title="Nos Services"
|
||||||
description="Solutions complètes pour vos besoins informatiques et téléphoniques."
|
description="Solutions complètes pour vos besoins informatiques et téléphoniques."
|
||||||
@@ -178,47 +130,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "iPhone 15 Pro", price: "850,000 XOF", variant: "256GB", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-white-background_187299-46270.jpg"},
|
||||||
name: "iPhone 15 Pro",
|
|
||||||
price: "850,000 XOF",
|
|
||||||
variant: "256GB",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-white-background_187299-46270.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "MacBook Pro M3", price: "1,200,000 XOF", variant: "16GB RAM", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-classic-black-suit-working-laptop-outdoor_574295-5632.jpg"},
|
||||||
name: "MacBook Pro M3",
|
|
||||||
price: "1,200,000 XOF",
|
|
||||||
variant: "16GB RAM",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-classic-black-suit-working-laptop-outdoor_574295-5632.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Accessoires Pro", price: "15,000 XOF", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/desk-lamp-with-minimalist-monochrome-background_23-2150763362.jpg"},
|
||||||
name: "Accessoires Pro",
|
|
||||||
price: "15,000 XOF",
|
|
||||||
variant: "Premium",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-lamp-with-minimalist-monochrome-background_23-2150763362.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Tablette iPad Air", price: "450,000 XOF", variant: "Wifi", imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994339.jpg"},
|
||||||
name: "Tablette iPad Air",
|
|
||||||
price: "450,000 XOF",
|
|
||||||
variant: "Wifi",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994339.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Souris Ergonomique", price: "25,000 XOF", variant: "Wireless", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop-keyboard_1057-4328.jpg"},
|
||||||
name: "Souris Ergonomique",
|
|
||||||
price: "25,000 XOF",
|
|
||||||
variant: "Wireless",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-laptop-keyboard_1057-4328.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Chargeur Rapide", price: "10,000 XOF", variant: "65W", imageSrc: "http://img.b2bpic.net/free-photo/laptop_23-2148155404.jpg"},
|
||||||
name: "Chargeur Rapide",
|
|
||||||
price: "10,000 XOF",
|
|
||||||
variant: "65W",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop_23-2148155404.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Galerie de Produits"
|
title="Galerie de Produits"
|
||||||
description="Découvrez notre inventaire mis à jour quotidiennement."
|
description="Découvrez notre inventaire mis à jour quotidiennement."
|
||||||
@@ -233,25 +155,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "98%", title: "Satisfaction", description: "Taux de satisfaction client.", icon: CheckCircle,
|
||||||
value: "98%",
|
|
||||||
title: "Satisfaction",
|
|
||||||
description: "Taux de satisfaction client.",
|
|
||||||
icon: CheckCircle,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "24h", title: "Délai", description: "Réparation rapide moyenne.", icon: Clock,
|
||||||
value: "24h",
|
|
||||||
title: "Délai",
|
|
||||||
description: "Réparation rapide moyenne.",
|
|
||||||
icon: Clock,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "5k+", title: "Produits", description: "Objets vendus et suivis.", icon: Smartphone,
|
||||||
value: "5k+",
|
|
||||||
title: "Produits",
|
|
||||||
description: "Objets vendus et suivis.",
|
|
||||||
icon: Smartphone,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Chiffres Clés"
|
title="Chiffres Clés"
|
||||||
@@ -266,40 +176,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Moussa Traoré", role: "Entrepreneur", testimonial: "Service impeccable et ultra rapide pour mon MacBook.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-works-with-phone-leani_613910-16285.jpg"},
|
||||||
name: "Moussa Traoré",
|
|
||||||
role: "Entrepreneur",
|
|
||||||
testimonial: "Service impeccable et ultra rapide pour mon MacBook.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-works-with-phone-leani_613910-16285.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Fatou Diallo", role: "Étudiante", testimonial: "Le meilleur endroit pour acheter un iPhone à prix juste.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
|
||||||
name: "Fatou Diallo",
|
|
||||||
role: "Étudiante",
|
|
||||||
testimonial: "Le meilleur endroit pour acheter un iPhone à prix juste.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Jean Ouédraogo", role: "Directeur", testimonial: "Equipe très professionnelle, je recommande sans hésiter.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
|
||||||
name: "Jean Ouédraogo",
|
|
||||||
role: "Directeur",
|
|
||||||
testimonial: "Equipe très professionnelle, je recommande sans hésiter.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Marie Kabré", role: "Graphiste", testimonial: "Qualité de réparation exceptionnelle, rien à dire.", imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club-with-blue-red-illumination_1268-24598.jpg"},
|
||||||
name: "Marie Kabré",
|
|
||||||
role: "Graphiste",
|
|
||||||
testimonial: "Qualité de réparation exceptionnelle, rien à dire.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club-with-blue-red-illumination_1268-24598.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Issouf Kaboré", role: "Ingénieur", testimonial: "Le service client est vraiment à l'écoute à Ouaga.", imageSrc: "http://img.b2bpic.net/free-photo/dancing-woman-sunglasses-listening-music-headphones-holding-lolipop-smartphone-laughing_1258-124209.jpg"},
|
||||||
name: "Issouf Kaboré",
|
|
||||||
role: "Ingénieur",
|
|
||||||
testimonial: "Le service client est vraiment à l'écoute à Ouaga.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dancing-woman-sunglasses-listening-music-headphones-holding-lolipop-smartphone-laughing_1258-124209.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Témoignages"
|
title="Témoignages"
|
||||||
description="Ce que nos clients disent de nous."
|
description="Ce que nos clients disent de nous."
|
||||||
@@ -312,20 +197,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Quels sont les modes de paiement ?", content: "Nous acceptons Orange Money, Wave, Moov Money, PayPal et Visa."},
|
||||||
title: "Quels sont les modes de paiement ?",
|
|
||||||
content: "Nous acceptons Orange Money, Wave, Moov Money, PayPal et Visa.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "La réparation est-elle garantie ?", content: "Oui, toutes nos réparations sont garanties sur pièces et main d'œuvre."},
|
||||||
title: "La réparation est-elle garantie ?",
|
|
||||||
content: "Oui, toutes nos réparations sont garanties sur pièces et main d'œuvre.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Où êtes-vous situés ?", content: "Nous sommes basés au cœur de Ouagadougou, accès facile."},
|
||||||
title: "Où êtes-vous situés ?",
|
|
||||||
content: "Nous sommes basés au cœur de Ouagadougou, accès facile.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Questions Fréquentes"
|
title="Questions Fréquentes"
|
||||||
description="Tout ce que vous devez savoir."
|
description="Tout ce que vous devez savoir."
|
||||||
@@ -337,8 +213,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
tag="Contact"
|
tag="Contact"
|
||||||
title="Contactez-Nous"
|
title="Contactez-Nous"
|
||||||
description="Besoin d'aide ? Envoyez-nous un message."
|
description="Besoin d'aide ? Envoyez-nous un message."
|
||||||
@@ -353,25 +228,17 @@ export default function LandingPage() {
|
|||||||
logoText="2i Service"
|
logoText="2i Service"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation",
|
title: "Navigation", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Accueil",
|
label: "Accueil", href: "#hero"},
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "À propos",
|
label: "À propos", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Légal",
|
title: "Légal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy",
|
label: "Privacy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -380,4 +247,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user