Compare commits
17 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 68647d8c29 | |||
| 9efff85929 | |||
| b9ab9eceb1 | |||
| 8772839dc8 | |||
| 26f83f50fa | |||
| a6891c800a | |||
| 171dc244ec | |||
| efab809b00 | |||
| a8fe99fa59 | |||
| e3df107c3b | |||
| bb3543153c | |||
| d715ea913c | |||
| 2b2caac10b | |||
| f4804fbb1c | |||
| 3eac6d8858 | |||
| 58e02e832e | |||
| 4c5d4e5cfa |
104
src/app/page.tsx
104
src/app/page.tsx
@@ -12,7 +12,7 @@ import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
|
||||
|
||||
export default function WebAgency2Page() {
|
||||
@@ -31,7 +31,7 @@ export default function WebAgency2Page() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
brandName="Theodore Elmiger"
|
||||
navItems={[
|
||||
{ name: "Réalisations", id: "work" },
|
||||
{ name: "Services", id: "services" },
|
||||
@@ -54,17 +54,16 @@ export default function WebAgency2Page() {
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=1", imageAlt: "UI UX Design - Daily Life app" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=1", imageAlt: "UI UX Design - SaaS platform" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "UI UX Design - Luminé skincare" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp", imageAlt: "UI UX Design - Online courses" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp", imageAlt: "UI UX Design - Business coach" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-pawini9k.png?_wi=1", imageAlt: "Projet 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-z8ttb3x3.png?_wi=1", imageAlt: "Projet 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-xqyy35cv.png?_wi=1", imageAlt: "Projet 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-kuuxuq0p.png?_wi=1", imageAlt: "Projet 4" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=1", imageAlt: "UI UX Design - Luxuria travel" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Design - Dental practice" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", imageAlt: "UI UX Design - AI product builder" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-8.webp", imageAlt: "UI UX Design - AI automation" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-xqyy35cv.png?_wi=2", imageAlt: "Projet 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-kuuxuq0p.png?_wi=2", imageAlt: "Projet 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-pawini9k.png?_wi=2", imageAlt: "Projet 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-z8ttb3x3.png?_wi=2", imageAlt: "Projet 2" },
|
||||
]}
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
@@ -78,21 +77,21 @@ export default function WebAgency2Page() {
|
||||
buttonAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "SEO", description: "Nous optimisons votre site web pour améliorer son classement sur les moteurs de recherche et générer du trafic organique.", bentoComponent: "marquee", centerIcon: Search,
|
||||
variant: "text", texts: ["Mots-clés", "Backlinks", "Meta Tags", "Trafic Organique", "Classements", "Analytique", "SERP", "Indexation"],
|
||||
title: "SEO", description: "Nous optimisons votre site web pour améliorer son classement sur les moteurs de recherche et générer du trafic organique.", bentoComponent: "marquee", centerIcon: Search,
|
||||
variant: "text", texts: ["Mots-clés", "Backlinks", "Meta Tags", "Trafic Organique", "Classements", "Analytique", "SERP", "Indexation"],
|
||||
},
|
||||
{
|
||||
title: "Développement Web", description: "Des sites personnalisés, rapides, responsifs et conçus pour convertir.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Projet web - Plateforme AgentFlow AI" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Projet web - Studio d'architecture" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp", imageAlt: "Projet web - Summit Roofing" },
|
||||
title: "Développement Web", description: "Des sites personnalisés, rapides, responsifs et conçus pour convertir.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-pawini9k.png?_wi=3", imageAlt: "Projet 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-z8ttb3x3.png?_wi=3", imageAlt: "Projet 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-xqyy35cv.png?_wi=3", imageAlt: "Projet 3" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Branding", description: "Construisez une identité de marque mémorable qui résonne avec votre public.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=2", imageAlt: "Projet de marque 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=2", imageAlt: "Projet de marque 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=2", imageAlt: "Projet de marque 3" },
|
||||
title: "Branding", description: "Construisez une identité de marque mémorable qui résonne avec votre public.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-kuuxuq0p.png?_wi=3", imageAlt: "Projet 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-pawini9k.png?_wi=4", imageAlt: "Projet 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-z8ttb3x3.png?_wi=4", imageAlt: "Projet 2" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -107,19 +106,16 @@ export default function WebAgency2Page() {
|
||||
cardClassName="!h-auto aspect-video"
|
||||
features={[
|
||||
{
|
||||
title: "Umbra Skincare", description: "E-commerce de parfums de luxe", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp", imageAlt: "Site web Umbra Skincare", buttonIcon: ArrowUpRight,
|
||||
title: "Projet 1", description: "Description du projet 1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-pawini9k.png?_wi=5", imageAlt: "Projet 1", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Luxuria Travel", description: "Voyages de luxe sur mesure", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp", imageAlt: "Site web Luxuria Travel", buttonIcon: ArrowUpRight,
|
||||
title: "Projet 2", description: "Description du projet 2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-z8ttb3x3.png?_wi=5", imageAlt: "Projet 2", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Dental Care", description: "Cabinet dentaire premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp", imageAlt: "Site web Dental Care", buttonIcon: ArrowUpRight,
|
||||
title: "Projet 3", description: "Description du projet 3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-xqyy35cv.png?_wi=4", imageAlt: "Projet 3", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Summit Roofing", description: "Services de toiture professionnels", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp", imageAlt: "Site web Summit Roofing", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Dubai Real Estate", description: "Immobilier de prestige", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp", imageAlt: "Site web Dubai Real Estate", buttonIcon: ArrowUpRight,
|
||||
title: "Projet 4", description: "Description du projet 4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-kuuxuq0p.png?_wi=4", imageAlt: "Projet 4", buttonIcon: ArrowUpRight,
|
||||
buttonHref: "#"},
|
||||
]}
|
||||
/>
|
||||
@@ -131,9 +127,9 @@ export default function WebAgency2Page() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Optimisation Multi-écrans", description: "Des sites parfaits sur toutes les tailles d'écrans et appareils.", bentoComponent: "phone", statusIcon: Lock,
|
||||
title: "Optimisation Multi-écrans", description: "Des sites parfaits sur toutes les tailles d'écrans et appareils.", bentoComponent: "phone", statusIcon: Lock,
|
||||
alertIcon: Monitor,
|
||||
alertTitle: "Check Responsive", alertMessage: "Tous les points de rupture passés", apps: [
|
||||
alertTitle: "Check Responsive", alertMessage: "Tous les points de rupture passés", apps: [
|
||||
{ name: "Téléphone", icon: Phone },
|
||||
{ name: "SMS", icon: MessageCircle },
|
||||
{ name: "Livres", icon: BookOpen },
|
||||
@@ -145,17 +141,17 @@ export default function WebAgency2Page() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hébergement Sécurisé", description: "Sécurité de niveau entreprise et disponibilité de 99,9%.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
title: "Hébergement Sécurisé", description: "Sécurité de niveau entreprise et disponibilité de 99,9%.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Délais Rapides", description: "Du concept au lancement en un temps record sans sacrifier la qualité.", bentoComponent: "timeline", heading: "Lancement de projet", subheading: "Semaine 1", items: [
|
||||
title: "Délais Rapides", description: "Du concept au lancement en un temps record sans sacrifier la qualité.", bentoComponent: "timeline", heading: "Lancement de projet", subheading: "Semaine 1", items: [
|
||||
{ label: "Découverte & wireframes", detail: "Jour 1-3" },
|
||||
{ label: "Conception & dév", detail: "Jour 4-10" },
|
||||
{ label: "Tests & déploiement", detail: "Jour 11-14" },
|
||||
],
|
||||
completedLabel: "En ligne"},
|
||||
{
|
||||
title: "Intégrations Fluides", description: "Connectez vos outils existants : CRM, analytique, paiements et plus.", bentoComponent: "orbiting-icons", centerIcon: Puzzle,
|
||||
title: "Intégrations Fluides", description: "Connectez vos outils existants : CRM, analytique, paiements et plus.", bentoComponent: "orbiting-icons", centerIcon: Puzzle,
|
||||
items: [
|
||||
{ icon: Shield },
|
||||
{ icon: Monitor },
|
||||
@@ -164,19 +160,19 @@ export default function WebAgency2Page() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Croissance", description: "Des données concrètes pour optimiser votre présence et booster votre trafic.", bentoComponent: "line-chart"},
|
||||
title: "Croissance", description: "Des données concrètes pour optimiser votre présence et booster votre trafic.", bentoComponent: "line-chart"},
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Webild a totalement transformé notre présence en ligne. L'équipe a livré un site magnifique qui a dépassé nos attentes et doublé notre taux de conversion."
|
||||
rating={5}
|
||||
author="— Maria Santos, PDG chez Luxuria Travel"
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", alt: "Client" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
<TestimonialCardSix
|
||||
title="Témoignages"
|
||||
description="Ce que nos clients disent de nous."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Maria Santos", handle: "@luxuriatravel", testimonial: "Theodore Elmiger a totalement transformé notre présence en ligne. L'équipe a livré un site magnifique qui a dépassé nos attentes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-pawini9k.png" },
|
||||
{ id: "2", name: "John Doe", handle: "@johndoe", testimonial: "Service exceptionnel et résultats concrets dès le lancement. Je recommande vivement.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-z8ttb3x3.png" },
|
||||
]}
|
||||
/>
|
||||
<MetricCardOne
|
||||
title="Approuvé par les leaders du secteur"
|
||||
@@ -192,18 +188,18 @@ export default function WebAgency2Page() {
|
||||
]}
|
||||
/>
|
||||
<FeatureCardSixteen
|
||||
title="Pourquoi Webild ?"
|
||||
title="Pourquoi Theodore Elmiger ?"
|
||||
description="Découvrez la différence avec une agence web professionnelle."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Modèles génériques sans personnalité", "Chargement lent et mauvaises performances", "Pas de stratégie SEO", "Design démodé nuisant à la crédibilité", "Aucun support après lancement"],
|
||||
"Modèles génériques sans personnalité", "Chargement lent et mauvaises performances", "Pas de stratégie SEO", "Design démodé nuisant à la crédibilité", "Aucun support après lancement"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Designs personnalisés selon votre marque", "Performances ultra-rapides", "SEO intégré pour booster votre trafic", "Design moderne pour instaurer la confiance", "Support et maintenance dédiés"],
|
||||
"Designs personnalisés selon votre marque", "Performances ultra-rapides", "SEO intégré pour booster votre trafic", "Design moderne pour instaurer la confiance", "Support et maintenance dédiés"],
|
||||
}}
|
||||
/>
|
||||
<TeamCardFive
|
||||
@@ -214,9 +210,9 @@ export default function WebAgency2Page() {
|
||||
animationType="slide-up"
|
||||
mediaClassName="object-[65%_center]"
|
||||
team={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Développeuse Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Sarah Miller" },
|
||||
{ id: "2", name: "Valentina Reyes", role: "Directrice Créative", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "Valentina Reyes" },
|
||||
{ id: "3", name: "Carlos Mendoza", role: "Designer UX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Carlos Mendoza" },
|
||||
{ id: "1", name: "Sarah Miller", role: "Développeuse Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-pawini9k.png?_wi=6", imageAlt: "Sarah Miller" },
|
||||
{ id: "2", name: "Valentina Reyes", role: "Directrice Créative", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-z8ttb3x3.png?_wi=6", imageAlt: "Valentina Reyes" },
|
||||
{ id: "3", name: "Carlos Mendoza", role: "Designer UX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-xqyy35cv.png?_wi=5", imageAlt: "Carlos Mendoza" },
|
||||
]}
|
||||
/>
|
||||
<FaqBase
|
||||
@@ -246,11 +242,11 @@ export default function WebAgency2Page() {
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FooterBase
|
||||
logoText="Webild"
|
||||
copyrightText="© 2026 | Webild"
|
||||
logoText="Theodore Elmiger"
|
||||
copyrightText="© 2026 | Theodore Elmiger"
|
||||
columns={[
|
||||
{
|
||||
title: "Entreprise", items: [
|
||||
title: "Entreprise", items: [
|
||||
{ label: "À Propos", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Réalisations", href: "#work" },
|
||||
@@ -258,7 +254,7 @@ export default function WebAgency2Page() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Dév Web", href: "#" },
|
||||
{ label: "SEO", href: "#" },
|
||||
{ label: "Branding", href: "#" },
|
||||
@@ -266,7 +262,7 @@ export default function WebAgency2Page() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connecter", items: [
|
||||
title: "Connecter", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user