Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
313
src/app/page.tsx
313
src/app/page.tsx
@@ -31,95 +31,43 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Boutique",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Boutique", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="O2 Move"
|
||||
button={{ text: "Contactez-nous", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="O2 Move : Votre Expert IT et E-commerce"
|
||||
description="Propulsez votre entreprise vers le futur avec nos solutions informatiques sur mesure et une expertise e-commerce complète."
|
||||
buttons={[
|
||||
{
|
||||
text: "En savoir plus",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Appelez le 0671107876",
|
||||
href: "tel:0671107876",
|
||||
},
|
||||
{ text: "En savoir plus", href: "#about" },
|
||||
{ text: "Appelez le 0671107876", href: "tel:0671107876" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/keyboard-mouse-table_93675-129663.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/keyboard-mouse-table_93675-129663.jpg"
|
||||
imageAlt="O2 Move Tech & Ecommerce Solutions"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/working-place-designer-closeup_93675-131349.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cup-tea-lamp-laptop-desktop-night_169016-17447.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-attending-online-freelancer-e-learning-program-home_482257-92063.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-48716.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-therapy_23-2148928793.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/working-place-designer-closeup_93675-131349.jpg", alt: "Portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cup-tea-lamp-laptop-desktop-night_169016-17447.jpg", alt: "Portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-attending-online-freelancer-e-learning-program-home_482257-92063.jpg", alt: "Portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-48716.jpg", alt: "Portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-therapy_23-2148928793.jpg", alt: "Portrait 5" }
|
||||
]}
|
||||
avatarText="Rejoignez plus de 100+ clients satisfaits."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertise IT",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Solutions E-commerce",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sécurité Réseau",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Développement App",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Support 24/7",
|
||||
},
|
||||
{ type: "text", text: "Expertise IT" },
|
||||
{ type: "text", text: "Solutions E-commerce" },
|
||||
{ type: "text", text: "Sécurité Réseau" },
|
||||
{ type: "text", text: "Développement App" },
|
||||
{ type: "text", text: "Support 24/7" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,16 +78,10 @@ export default function LandingPage() {
|
||||
title="L'Innovation au cœur d'O2 Move"
|
||||
description="Fondée sur l'excellence technique, O2 Move accompagne les entreprises dans leur transformation numérique. Que vous ayez besoin d'un site marchand performant ou d'une infrastructure informatique solide, nous avons la solution."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Projets livrés",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client satisfait",
|
||||
},
|
||||
{ value: "100+", title: "Projets livrés" },
|
||||
{ value: "98%", title: "Client satisfait" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167413.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167413.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -152,20 +94,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expertise E-commerce",
|
||||
description: "Création de boutiques en ligne performantes et sécurisées.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-trails-blue-lights_23-2147785864.jpg?_wi=1",
|
||||
title: "Expertise E-commerce", description: "Création de boutiques en ligne performantes et sécurisées.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-trails-blue-lights_23-2147785864.jpg"
|
||||
},
|
||||
{
|
||||
title: "Infrastructure IT",
|
||||
description: "Gestion, maintenance et sécurisation de vos parcs informatiques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-banner-background-remixed-from-public-domain-by-nasa_53876-104239.jpg?_wi=1",
|
||||
title: "Infrastructure IT", description: "Gestion, maintenance et sécurisation de vos parcs informatiques.", imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-banner-background-remixed-from-public-domain-by-nasa_53876-104239.jpg"
|
||||
},
|
||||
{
|
||||
title: "Développement sur mesure",
|
||||
description: "Solutions logicielles et applications adaptées à vos besoins.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901778.jpg?_wi=1",
|
||||
},
|
||||
title: "Développement sur mesure", description: "Solutions logicielles et applications adaptées à vos besoins.", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901778.jpg"
|
||||
}
|
||||
]}
|
||||
title="Nos Services"
|
||||
description="Des solutions pensées pour votre croissance numérique."
|
||||
@@ -179,48 +115,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Gadget Tech Pro",
|
||||
price: "199€",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736818.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Routeur Wi-Fi 6",
|
||||
price: "129€",
|
||||
variant: "Réseau",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-writing-clipboard-medium-shot_23-2148323435.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tablette Business",
|
||||
price: "450€",
|
||||
variant: "Gestion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/few-electronic-devices-displayed-grey-background-smart-phone-pad-calculator-all-digital-except-pen-scene-workplace_1372-24.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Micro Studio Pro",
|
||||
price: "89€",
|
||||
variant: "Audio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105546.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Clavier Ergonomique",
|
||||
price: "149€",
|
||||
variant: "Accessoire",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Housse Protection",
|
||||
price: "49€",
|
||||
variant: "Protection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-her-laptop-inside-her-purse_23-2148777575.jpg",
|
||||
},
|
||||
{ id: "1", name: "Gadget Tech Pro", price: "199€", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736818.jpg" },
|
||||
{ id: "2", name: "Routeur Wi-Fi 6", price: "129€", variant: "Réseau", imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-writing-clipboard-medium-shot_23-2148323435.jpg" },
|
||||
{ id: "3", name: "Tablette Business", price: "450€", variant: "Gestion", imageSrc: "http://img.b2bpic.net/free-photo/few-electronic-devices-displayed-grey-background-smart-phone-pad-calculator-all-digital-except-pen-scene-workplace_1372-24.jpg" },
|
||||
{ id: "4", name: "Micro Studio Pro", price: "89€", variant: "Audio", imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105546.jpg" },
|
||||
{ id: "5", name: "Clavier Ergonomique", price: "149€", variant: "Accessoire", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-laptop-notepad_23-2147982595.jpg" },
|
||||
{ id: "6", name: "Housse Protection", price: "49€", variant: "Protection", imageSrc: "http://img.b2bpic.net/free-photo/woman-putting-her-laptop-inside-her-purse_23-2148777575.jpg" }
|
||||
]}
|
||||
title="Sélection High-Tech"
|
||||
description="Retrouvez nos produits informatiques incontournables."
|
||||
@@ -233,33 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Années d'expérience",
|
||||
items: [
|
||||
"Expertise technique",
|
||||
"Veille technologique",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Support IT",
|
||||
items: [
|
||||
"Disponibilité maximale",
|
||||
"Intervention rapide",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Qualité",
|
||||
items: [
|
||||
"Standards élevés",
|
||||
"Fiabilité garantie",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Années d'expérience", items: ["Expertise technique", "Veille technologique"] },
|
||||
{ id: "m2", value: "24/7", title: "Support IT", items: ["Disponibilité maximale", "Intervention rapide"] },
|
||||
{ id: "m3", value: "100%", title: "Qualité", items: ["Standards élevés", "Fiabilité garantie"] }
|
||||
]}
|
||||
title="Nos Performances"
|
||||
description="Des chiffres qui témoignent de notre engagement."
|
||||
@@ -271,61 +147,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jean Dupont",
|
||||
date: "2023",
|
||||
title: "PDG",
|
||||
quote: "Un service IT irréprochable.",
|
||||
tag: "Satisfait",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-guy-classic-black-shirt-with-arms-crossed_146671-13946.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keyboard-mouse-table_93675-129663.jpg?_wi=2",
|
||||
imageAlt: "business person portrait smile",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marie Curie",
|
||||
date: "2023",
|
||||
title: "Dirigeante",
|
||||
quote: "Notre boutique e-commerce explose les ventes.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167413.jpg?_wi=2",
|
||||
imageAlt: "business person portrait smile",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Thomas V.",
|
||||
date: "2024",
|
||||
title: "CTO",
|
||||
quote: "O2 Move est un partenaire clé.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/serious-focused-freelancer-using-laptop_1262-18611.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-trails-blue-lights_23-2147785864.jpg?_wi=2",
|
||||
imageAlt: "business person portrait smile",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sophie M.",
|
||||
date: "2024",
|
||||
title: "Manager",
|
||||
quote: "Support ultra réactif.",
|
||||
tag: "Recommandé",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-male-worker-standing-warehouse_107420-96550.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-banner-background-remixed-from-public-domain-by-nasa_53876-104239.jpg?_wi=2",
|
||||
imageAlt: "business person portrait smile",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marc B.",
|
||||
date: "2024",
|
||||
title: "Consultant",
|
||||
quote: "Solutions informatiques top niveau.",
|
||||
tag: "Top",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901778.jpg?_wi=2",
|
||||
imageAlt: "business person portrait smile",
|
||||
},
|
||||
{ id: "1", name: "Jean Dupont", date: "2023", title: "PDG", quote: "Un service IT irréprochable.", tag: "Satisfait", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-guy-classic-black-shirt-with-arms-crossed_146671-13946.jpg", imageSrc: "http://img.b2bpic.net/free-photo/keyboard-mouse-table_93675-129663.jpg" },
|
||||
{ id: "2", name: "Marie Curie", date: "2023", title: "Dirigeante", quote: "Notre boutique e-commerce explose les ventes.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167413.jpg" },
|
||||
{ id: "3", name: "Thomas V.", date: "2024", title: "CTO", quote: "O2 Move est un partenaire clé.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/serious-focused-freelancer-using-laptop_1262-18611.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-trails-blue-lights_23-2147785864.jpg" },
|
||||
{ id: "4", name: "Sophie M.", date: "2024", title: "Manager", quote: "Support ultra réactif.", tag: "Recommandé", avatarSrc: "http://img.b2bpic.net/free-photo/confident-male-worker-standing-warehouse_107420-96550.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-banner-background-remixed-from-public-domain-by-nasa_53876-104239.jpg" },
|
||||
{ id: "5", name: "Marc B.", date: "2024", title: "Consultant", quote: "Solutions informatiques top niveau.", tag: "Top", avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901778.jpg" }
|
||||
]}
|
||||
title="Avis Clients"
|
||||
description="La satisfaction de nos partenaires est notre priorité."
|
||||
@@ -337,21 +163,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Comment vous contacter ?",
|
||||
content: "Vous pouvez nous appeler directement au 0671107876.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quels sont vos services IT ?",
|
||||
content: "Maintenance, cybersécurité, cloud et développement.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Proposez-vous du e-commerce ?",
|
||||
content: "Oui, nous créons des sites marchands de A à Z.",
|
||||
},
|
||||
{ id: "f1", title: "Comment vous contacter ?", content: "Vous pouvez nous appeler directement au 0671107876." },
|
||||
{ id: "f2", title: "Quels sont vos services IT ?", content: "Maintenance, cybersécurité, cloud et développement." },
|
||||
{ id: "f3", title: "Proposez-vous du e-commerce ?", content: "Oui, nous créons des sites marchands de A à Z." }
|
||||
]}
|
||||
title="Questions Fréquentes"
|
||||
description="Besoin d'éclaircissements ? Nous répondons à vos interrogations."
|
||||
@@ -362,46 +176,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Prêt à démarrer votre projet avec O2 Move ? Appelez-nous dès maintenant au 0671107876."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler maintenant",
|
||||
href: "tel:0671107876",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Appeler maintenant", href: "tel:0671107876" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Boutique",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Accueil", href: "#hero" }, { label: "Services", href: "#features" }] },
|
||||
{ items: [{ label: "Boutique", href: "#products" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="O2 Move"
|
||||
/>
|
||||
@@ -409,4 +194,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user