Merge version_1 into main #2
176
src/app/page.tsx
176
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="WebMaup"
|
||||
/>
|
||||
@@ -49,45 +43,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Des sites web modernes qui attirent et convertissent."
|
||||
description="WebMaup crée votre présence en ligne professionnelle, rapidement et efficacement pour votre business local."
|
||||
buttons={[
|
||||
{
|
||||
text: "Obtenir mon site",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Obtenir mon site", href: "#contact"},
|
||||
{
|
||||
text: "Voir les projets",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "Voir les projets", href: "#portfolio"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg?_wi=1",
|
||||
imageAlt: "Dashboard preview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg", imageAlt: "Dashboard preview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg?_wi=2",
|
||||
imageAlt: "Dashboard preview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg", imageAlt: "Dashboard preview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg?_wi=3",
|
||||
imageAlt: "Dashboard preview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg", imageAlt: "Dashboard preview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg?_wi=4",
|
||||
imageAlt: "Dashboard preview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg", imageAlt: "Dashboard preview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg?_wi=5",
|
||||
imageAlt: "Dashboard preview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg", imageAlt: "Dashboard preview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg?_wi=6",
|
||||
imageAlt: "Dashboard preview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg", imageAlt: "Dashboard preview"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,64 +77,40 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Création de site web",
|
||||
description: "Sites vitrines et boutiques professionnels.",
|
||||
icon: Globe,
|
||||
title: "Création de site web", description: "Sites vitrines et boutiques professionnels.", icon: Globe,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-setting-web-icon-design-element_460848-10096.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-setting-web-icon-design-element_460848-10096.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-setting-web-icon-design-element_460848-10096.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-setting-web-icon-design-element_460848-10096.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg?_wi=7",
|
||||
imageAlt: "saas dashboard mockup",
|
||||
},
|
||||
{
|
||||
title: "Design & UX/UI",
|
||||
description: "Expérience utilisateur pensée pour convertir.",
|
||||
icon: Layout,
|
||||
title: "Design & UX/UI", description: "Expérience utilisateur pensée pour convertir.", icon: Layout,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-diverse-people-holding-wed-design-board_53876-65667.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-diverse-people-holding-wed-design-board_53876-65667.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-diverse-people-holding-wed-design-board_53876-65667.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-diverse-people-holding-wed-design-board_53876-65667.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-setting-web-icon-design-element_460848-10096.jpg?_wi=3",
|
||||
imageAlt: "web design icon",
|
||||
},
|
||||
{
|
||||
title: "SEO de base",
|
||||
description: "Visibilité accrue sur les moteurs de recherche.",
|
||||
icon: Search,
|
||||
title: "SEO de base", description: "Visibilité accrue sur les moteurs de recherche.", icon: Search,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-working-tools_1134-67.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-working-tools_1134-67.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-working-tools_1134-67.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-working-tools_1134-67.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-diverse-people-holding-wed-design-board_53876-65667.jpg?_wi=3",
|
||||
imageAlt: "ux design icon",
|
||||
},
|
||||
{
|
||||
title: "Maintenance",
|
||||
description: "Support technique et mises à jour assurées.",
|
||||
icon: Settings,
|
||||
title: "Maintenance", description: "Support technique et mises à jour assurées.", icon: Settings,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/app-menu-front-side-with-white-background_187299-39717.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/app-menu-front-side-with-white-background_187299-39717.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/app-menu-front-side-with-white-background_187299-39717.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/app-menu-front-side-with-white-background_187299-39717.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-working-tools_1134-67.jpg?_wi=3",
|
||||
imageAlt: "seo search icon",
|
||||
},
|
||||
]}
|
||||
title="Nos Services"
|
||||
@@ -173,41 +126,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cabinet Conseils",
|
||||
price: "Expertise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-asia-young-creative-people-smart-casual-wear-discussing-business-brainstorming_7861-3066.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Cabinet Conseils", price: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/group-asia-young-creative-people-smart-casual-wear-discussing-business-brainstorming_7861-3066.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Esthétique Moderne",
|
||||
price: "Beauty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-corporate-woman-working-fresh-air-outdoors-sitting-bench-with-laptop-digital_1258-194320.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Esthétique Moderne", price: "Beauty", imageSrc: "http://img.b2bpic.net/free-photo/portrait-corporate-woman-working-fresh-air-outdoors-sitting-bench-with-laptop-digital_1258-194320.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Studio Détente",
|
||||
price: "Lifestyle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166862.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Studio Détente", price: "Lifestyle", imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166862.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cabinet Conseils",
|
||||
price: "Expertise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-asia-young-creative-people-smart-casual-wear-discussing-business-brainstorming_7861-3066.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Cabinet Conseils", price: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/group-asia-young-creative-people-smart-casual-wear-discussing-business-brainstorming_7861-3066.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Esthétique Moderne",
|
||||
price: "Beauty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-corporate-woman-working-fresh-air-outdoors-sitting-bench-with-laptop-digital_1258-194320.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Esthétique Moderne", price: "Beauty", imageSrc: "http://img.b2bpic.net/free-photo/portrait-corporate-woman-working-fresh-air-outdoors-sitting-bench-with-laptop-digital_1258-194320.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Studio Détente",
|
||||
price: "Lifestyle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166862.jpg?_wi=2",
|
||||
},
|
||||
id: "6", name: "Studio Détente", price: "Lifestyle", imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166862.jpg"},
|
||||
]}
|
||||
title="Nos Projets"
|
||||
description="Un aperçu de notre savoir-faire."
|
||||
@@ -222,25 +151,15 @@ export default function LandingPage() {
|
||||
author="Julie, Esthéticienne"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-latin-businesswoman-standing-with-arms-crossed-against-isolated-background_662251-639.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-latin-businesswoman-standing-with-arms-crossed-against-isolated-background_662251-639.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-afro-businessman-wearing-shirt-black-suit-glasses-looking-front-while-standing-beige-wall_158595-7638.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-afro-businessman-wearing-shirt-black-suit-glasses-looking-front-while-standing-beige-wall_158595-7638.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg", alt: "Client"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -251,8 +170,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact"
|
||||
title="Prêt à améliorer votre image en ligne ?"
|
||||
description="Faites une demande de devis maintenant."
|
||||
@@ -264,29 +182,19 @@ export default function LandingPage() {
|
||||
logoText="WebMaup"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@webmaup.fr",
|
||||
},
|
||||
label: "Email", href: "mailto:hello@webmaup.fr"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user