Update src/app/page.tsx
This commit is contained in:
180
src/app/page.tsx
180
src/app/page.tsx
@@ -30,25 +30,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "home",
|
||||
href: "/",
|
||||
name: "Accueil", id: "home"
|
||||
},
|
||||
{
|
||||
name: "Boutique",
|
||||
id: "boutique",
|
||||
href: "/boutique",
|
||||
name: "Boutique", id: "boutique"
|
||||
},
|
||||
{
|
||||
name: "Promotions",
|
||||
id: "promotions",
|
||||
href: "/promotions",
|
||||
name: "Promotions", id: "promotions"
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "contact"
|
||||
}
|
||||
]}
|
||||
brandName="ELIAS PHONE"
|
||||
/>
|
||||
@@ -57,19 +49,17 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
title="iPhone. Pure Performance."
|
||||
description="Tous les modèles disponibles avec garantie et livraison partout au Maroc."
|
||||
buttons={[
|
||||
{
|
||||
text: "Voir les iPhones",
|
||||
href: "/boutique",
|
||||
text: "Voir les iPhones", href: "/boutique"
|
||||
},
|
||||
{
|
||||
text: "Commander via WhatsApp",
|
||||
href: "https://wa.me/XXXXXXXXXX",
|
||||
},
|
||||
text: "Commander via WhatsApp", href: "https://wa.me/XXXXXXXXXX"
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-high-quality-professional-studio-shot--1774467746029-c542498f.png"
|
||||
imageAlt="iPhone 17 Pro Max centered on a white background"
|
||||
@@ -84,26 +74,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "iphone-15-pro-max",
|
||||
name: "iPhone 15 Pro Max",
|
||||
price: "14 990 DH",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-professional-studio-shot-of-an-iphone--1774467746225-a1439ccc.png?_wi=1",
|
||||
imageAlt: "iPhone 15 Pro Max",
|
||||
id: "iphone-15-pro-max", name: "iPhone 15 Pro Max", price: "14 990 DH", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-professional-studio-shot-of-an-iphone--1774467746225-a1439ccc.png", imageAlt: "iPhone 15 Pro Max"
|
||||
},
|
||||
{
|
||||
id: "iphone-14",
|
||||
name: "iPhone 14",
|
||||
price: "8 490 DH",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-clean-isolated-studio-image-of-an-ipho-1774467746059-f17737e8.png?_wi=1",
|
||||
imageAlt: "iPhone 14",
|
||||
id: "iphone-14", name: "iPhone 14", price: "8 490 DH", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-clean-isolated-studio-image-of-an-ipho-1774467746059-f17737e8.png", imageAlt: "iPhone 14"
|
||||
},
|
||||
{
|
||||
id: "iphone-13",
|
||||
name: "iPhone 13",
|
||||
price: "7 290 DH",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/an-elegant-studio-photograph-of-an-iphon-1774467746263-d159db8a.png?_wi=1",
|
||||
imageAlt: "iPhone 13",
|
||||
},
|
||||
id: "iphone-13", name: "iPhone 13", price: "7 290 DH", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/an-elegant-studio-photograph-of-an-iphon-1774467746263-d159db8a.png", imageAlt: "iPhone 13"
|
||||
}
|
||||
]}
|
||||
title="Nos iPhones Phares"
|
||||
description="Découvrez notre sélection des modèles les plus populaires, alliant performance et design."
|
||||
@@ -117,41 +95,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "quality",
|
||||
title: "Qualité Contrôlée",
|
||||
author: "ELIAS PHONE",
|
||||
description: "Chaque iPhone subit une inspection rigoureuse pour assurer son parfait fonctionnement.",
|
||||
tags: [
|
||||
"Vérifié",
|
||||
"Certifié",
|
||||
id: "quality", title: "Qualité Contrôlée", author: "ELIAS PHONE", description: "Chaque iPhone subit une inspection rigoureuse pour assurer son parfait fonctionnement.", tags: [
|
||||
"Vérifié", "Certifié"
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-minimalist-abstract-icon-representing--1774467745949-33367f8b.png",
|
||||
imageAlt: "Icône de qualité contrôlée",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-minimalist-abstract-icon-representing--1774467745949-33367f8b.png", imageAlt: "Icône de qualité contrôlée"
|
||||
},
|
||||
{
|
||||
id: "warranty",
|
||||
title: "Garantie Inclusive",
|
||||
author: "ELIAS PHONE",
|
||||
description: "Tous nos iPhones sont couverts par une garantie complète pour votre tranquillité d'esprit.",
|
||||
tags: [
|
||||
"Sécurité",
|
||||
"Protection",
|
||||
id: "warranty", title: "Garantie Inclusive", author: "ELIAS PHONE", description: "Tous nos iPhones sont couverts par une garantie complète pour votre tranquillité d'esprit.", tags: [
|
||||
"Sécurité", "Protection"
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-premium-minimalist-icon-representing-a-1774467746084-11837efe.png",
|
||||
imageAlt: "Icône de garantie",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-premium-minimalist-icon-representing-a-1774467746084-11837efe.png", imageAlt: "Icône de garantie"
|
||||
},
|
||||
{
|
||||
id: "delivery",
|
||||
title: "Livraison Nationale",
|
||||
author: "ELIAS PHONE",
|
||||
description: "Recevez votre nouvel iPhone directement chez vous, partout au Maroc, rapidement et en toute sécurité.",
|
||||
tags: [
|
||||
"Rapide",
|
||||
"Fiable",
|
||||
id: "delivery", title: "Livraison Nationale", author: "ELIAS PHONE", description: "Recevez votre nouvel iPhone directement chez vous, partout au Maroc, rapidement et en toute sécurité.", tags: [
|
||||
"Rapide", "Fiable"
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-clean-modern-icon-representing-fast-na-1774467746381-18c91ddc.png",
|
||||
imageAlt: "Icône de livraison nationale",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-clean-modern-icon-representing-fast-na-1774467746381-18c91ddc.png", imageAlt: "Icône de livraison nationale"
|
||||
}
|
||||
]}
|
||||
title="Pourquoi Choisir ELIAS PHONE ?"
|
||||
description="Votre satisfaction est notre priorité. Bénéficiez d'un service irréprochable et de produits fiables, garantis et livrés partout au Maroc."
|
||||
@@ -164,37 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Service Exceptionnel !",
|
||||
quote: "L'achat de mon iPhone a été une expérience fluide et agréable. Le personnel est très professionnel et les produits sont impeccables. Je recommande vivement ELIAS PHONE !",
|
||||
name: "Yassine El Amrani",
|
||||
role: "Consultant IT",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-professional-portrait-of-a-young-moroc-1774467746612-60de9674.png",
|
||||
id: "1", title: "Service Exceptionnel !", quote: "L'achat de mon iPhone a été une expérience fluide et agréable. Le personnel est très professionnel et les produits sont impeccables. Je recommande vivement ELIAS PHONE !", name: "Yassine El Amrani", role: "Consultant IT", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-professional-portrait-of-a-young-moroc-1774467746612-60de9674.png"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Qualité Garantie",
|
||||
quote: "J'étais un peu hésitante à acheter un iPhone en ligne, mais ELIAS PHONE a dépassé toutes mes attentes. La qualité est au rendez-vous et la garantie m'a rassurée.",
|
||||
name: "Fatima Zahra",
|
||||
role: "Chef de Projet",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-serene-and-professional-portrait-of-a--1774467746174-a9b6f327.png",
|
||||
id: "2", title: "Qualité Garantie", quote: "J'étais un peu hésitante à acheter un iPhone en ligne, mais ELIAS PHONE a dépassé toutes mes attentes. La qualité est au rendez-vous et la garantie m'a rassurée.", name: "Fatima Zahra", role: "Chef de Projet", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-serene-and-professional-portrait-of-a--1774467746174-a9b6f327.png"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Livraison Rapide et Sécurisée",
|
||||
quote: "Commande passée le matin, livrée l'après-midi à Casablanca ! Service impeccable et iPhone conforme à la description. Une adresse fiable pour vos achats.",
|
||||
name: "Mehdi B.",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-sophisticated-portrait-of-a-middle-age-1774467746625-e4790b52.png",
|
||||
id: "3", title: "Livraison Rapide et Sécurisée", quote: "Commande passée le matin, livrée l'après-midi à Casablanca ! Service impeccable et iPhone conforme à la description. Une adresse fiable pour vos achats.", name: "Mehdi B.", role: "Entrepreneur", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-sophisticated-portrait-of-a-middle-age-1774467746625-e4790b52.png"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Mon Nouveau Téléphone !",
|
||||
quote: "Super content de mon nouvel iPhone acheté chez ELIAS PHONE. L'équipe est très réactive sur WhatsApp, ils ont répondu à toutes mes questions. Merci !",
|
||||
name: "Sarah K.",
|
||||
role: "Étudiante",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-vibrant-and-friendly-portrait-of-a-you-1774467746943-ad278f17.png",
|
||||
},
|
||||
id: "4", title: "Mon Nouveau Téléphone !", quote: "Super content de mon nouvel iPhone acheté chez ELIAS PHONE. L'équipe est très réactive sur WhatsApp, ils ont répondu à toutes mes questions. Merci !", name: "Sarah K.", role: "Étudiante", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-vibrant-and-friendly-portrait-of-a-you-1774467746943-ad278f17.png"
|
||||
}
|
||||
]}
|
||||
title="Ce que disent nos clients"
|
||||
description="Des centaines de clients satisfaits témoignent de notre engagement envers l'excellence et le service client."
|
||||
@@ -209,26 +149,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "iphone-15-pro-max",
|
||||
name: "iPhone 15 Pro Max",
|
||||
price: "14 990 DH",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-professional-studio-shot-of-an-iphone--1774467746225-a1439ccc.png?_wi=2",
|
||||
imageAlt: "iPhone 15 Pro Max",
|
||||
id: "iphone-15-pro-max", name: "iPhone 15 Pro Max", price: "14 990 DH", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-professional-studio-shot-of-an-iphone--1774467746225-a1439ccc.png", imageAlt: "iPhone 15 Pro Max"
|
||||
},
|
||||
{
|
||||
id: "iphone-14",
|
||||
name: "iPhone 14",
|
||||
price: "8 490 DH",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-clean-isolated-studio-image-of-an-ipho-1774467746059-f17737e8.png?_wi=2",
|
||||
imageAlt: "iPhone 14",
|
||||
id: "iphone-14", name: "iPhone 14", price: "8 490 DH", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-clean-isolated-studio-image-of-an-ipho-1774467746059-f17737e8.png", imageAlt: "iPhone 14"
|
||||
},
|
||||
{
|
||||
id: "iphone-13",
|
||||
name: "iPhone 13",
|
||||
price: "7 290 DH",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/an-elegant-studio-photograph-of-an-iphon-1774467746263-d159db8a.png?_wi=2",
|
||||
imageAlt: "iPhone 13",
|
||||
},
|
||||
id: "iphone-13", name: "iPhone 13", price: "7 290 DH", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/an-elegant-studio-photograph-of-an-iphon-1774467746263-d159db8a.png", imageAlt: "iPhone 13"
|
||||
}
|
||||
]}
|
||||
title="Nos iPhones Phares"
|
||||
description="Découvrez notre sélection des modèles les plus populaires, alliant performance et design."
|
||||
@@ -243,26 +171,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "iphone-15-pro-max",
|
||||
name: "iPhone 15 Pro Max",
|
||||
price: "14 990 DH",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-professional-studio-shot-of-an-iphone--1774467746225-a1439ccc.png?_wi=3",
|
||||
imageAlt: "iPhone 15 Pro Max",
|
||||
id: "iphone-15-pro-max", name: "iPhone 15 Pro Max", price: "14 990 DH", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-professional-studio-shot-of-an-iphone--1774467746225-a1439ccc.png", imageAlt: "iPhone 15 Pro Max"
|
||||
},
|
||||
{
|
||||
id: "iphone-14",
|
||||
name: "iPhone 14",
|
||||
price: "8 490 DH",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-clean-isolated-studio-image-of-an-ipho-1774467746059-f17737e8.png?_wi=3",
|
||||
imageAlt: "iPhone 14",
|
||||
id: "iphone-14", name: "iPhone 14", price: "8 490 DH", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/a-clean-isolated-studio-image-of-an-ipho-1774467746059-f17737e8.png", imageAlt: "iPhone 14"
|
||||
},
|
||||
{
|
||||
id: "iphone-13",
|
||||
name: "iPhone 13",
|
||||
price: "7 290 DH",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/an-elegant-studio-photograph-of-an-iphon-1774467746263-d159db8a.png?_wi=3",
|
||||
imageAlt: "iPhone 13",
|
||||
},
|
||||
id: "iphone-13", name: "iPhone 13", price: "7 290 DH", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BS17pegh8pFDXfgRoldgZqEvHz/an-elegant-studio-photograph-of-an-iphon-1774467746263-d159db8a.png", imageAlt: "iPhone 13"
|
||||
}
|
||||
]}
|
||||
title="Nos iPhones Phares"
|
||||
description="Découvrez notre sélection des modèles les plus populaires, alliant performance et design."
|
||||
@@ -275,21 +191,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Quel est le délai de livraison ?",
|
||||
content: "La livraison se fait généralement sous 24 à 48 heures ouvrables partout au Maroc.",
|
||||
id: "faq1", title: "Quel est le délai de livraison ?", content: "La livraison se fait généralement sous 24 à 48 heures ouvrables partout au Maroc."
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Proposez-vous une garantie ?",
|
||||
content: "Oui, tous nos iPhones sont vendus avec une garantie. Les détails varient selon le modèle et la condition.",
|
||||
},
|
||||
id: "faq2", title: "Proposez-vous une garantie ?", content: "Oui, tous nos iPhones sont vendus avec une garantie. Les détails varient selon le modèle et la condition."
|
||||
}
|
||||
]}
|
||||
ctaTitle="Contactez-nous pour Commander"
|
||||
ctaDescription="Notre équipe est disponible pour vous conseiller, répondre à vos questions et finaliser votre commande via WhatsApp. Retrouvez-nous aussi à Darb Ghalaf, Casablanca."
|
||||
ctaButton={{
|
||||
text: "Envoyer un message WhatsApp",
|
||||
href: "https://wa.me/XXXXXXXXXX",
|
||||
text: "Envoyer un message WhatsApp", href: "https://wa.me/XXXXXXXXXX"
|
||||
}}
|
||||
ctaIcon={MessageCircle}
|
||||
accordionAnimationType="smooth"
|
||||
@@ -303,19 +214,16 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/eliasphone",
|
||||
ariaLabel: "Facebook",
|
||||
href: "https://facebook.com/eliasphone", ariaLabel: "Facebook"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/eliasphone",
|
||||
ariaLabel: "Instagram",
|
||||
href: "https://instagram.com/eliasphone", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://wa.me/XXXXXXXXXX",
|
||||
ariaLabel: "WhatsApp",
|
||||
},
|
||||
href: "https://wa.me/XXXXXXXXXX", ariaLabel: "WhatsApp"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user