Compare commits

..

50 Commits

Author SHA1 Message Date
9bdada7ae6 Update src/app/comparison/page.tsx 2026-05-15 16:24:37 +00:00
5e9086ac4f Update src/app/styles/variables.css 2026-05-15 16:24:12 +00:00
11a7ba8854 Update src/app/comparison/page.tsx 2026-05-15 16:24:12 +00:00
cd11cd0bb4 Merge version_22 into main
Merge version_22 into main
2026-05-15 16:22:53 +00:00
5e10de8bb2 Update src/app/page.tsx 2026-05-15 16:22:50 +00:00
c253cc7f29 Merge version_21 into main
Merge version_21 into main
2026-05-15 16:21:49 +00:00
534a589f25 Update src/app/page.tsx 2026-05-15 16:21:46 +00:00
f208212c9f Add src/app/comparison/page.tsx 2026-05-15 16:21:45 +00:00
0969ee222c Merge version_20 into main
Merge version_20 into main
2026-05-15 16:21:07 +00:00
57c7ad01b5 Update src/app/page.tsx 2026-05-15 16:21:04 +00:00
d87743e0bd Merge version_19 into main
Merge version_19 into main
2026-05-15 16:20:28 +00:00
254f5dacc2 Update src/app/page.tsx 2026-05-15 16:20:25 +00:00
f14afd6909 Merge version_18 into main
Merge version_18 into main
2026-05-15 16:19:48 +00:00
daddf5fc2c Update src/app/page.tsx 2026-05-15 16:19:44 +00:00
c0d6bb03f6 Merge version_17 into main
Merge version_17 into main
2026-05-15 16:18:55 +00:00
1c93ac553c Update src/app/page.tsx 2026-05-15 16:18:52 +00:00
f854f1a758 Merge version_16 into main
Merge version_16 into main
2026-05-15 16:15:54 +00:00
b23b4ff545 Update src/app/page.tsx 2026-05-15 16:15:51 +00:00
737075607c Merge version_16 into main
Merge version_16 into main
2026-05-15 16:15:25 +00:00
aa00820124 Update src/app/page.tsx 2026-05-15 16:15:22 +00:00
6628db4e7b Merge version_15 into main
Merge version_15 into main
2026-05-15 16:11:16 +00:00
6d317f29cb Update src/app/page.tsx 2026-05-15 16:11:13 +00:00
6bfad29920 Merge version_14 into main
Merge version_14 into main
2026-05-15 16:09:46 +00:00
55d31a3e7d Update src/app/page.tsx 2026-05-15 16:09:43 +00:00
8f71879be6 Merge version_13 into main
Merge version_13 into main
2026-05-15 16:07:07 +00:00
320777f3a4 Update src/app/page.tsx 2026-05-15 16:07:01 +00:00
f617353590 Merge version_12 into main
Merge version_12 into main
2026-05-15 16:04:14 +00:00
569c2fa0be Update src/app/page.tsx 2026-05-15 16:04:11 +00:00
e8480ea875 Merge version_11 into main
Merge version_11 into main
2026-05-15 16:02:19 +00:00
37613d004a Update src/app/page.tsx 2026-05-15 16:02:16 +00:00
85b1a8e58c Merge version_10 into main
Merge version_10 into main
2026-05-15 16:00:27 +00:00
2c81960760 Remove watermark 2026-05-15 16:00:24 +00:00
228a21b160 Merge version_10 into main
Merge version_10 into main
2026-05-13 16:02:54 +00:00
8a65d9c8fc Update src/app/page.tsx 2026-05-13 16:02:51 +00:00
c932298cb2 Merge version_9 into main
Merge version_9 into main
2026-05-13 16:00:39 +00:00
757dddc62b Update src/app/page.tsx 2026-05-13 16:00:33 +00:00
4d2ce153b8 Merge version_8 into main
Merge version_8 into main
2026-05-13 15:59:42 +00:00
ea98e1075e Update src/app/page.tsx 2026-05-13 15:59:38 +00:00
65efeb40da Merge version_7 into main
Merge version_7 into main
2026-05-13 15:57:17 +00:00
68647d8c29 Update src/app/page.tsx 2026-05-13 15:57:14 +00:00
9efff85929 Merge version_6 into main
Merge version_6 into main
2026-05-13 15:55:59 +00:00
b9ab9eceb1 Update src/app/page.tsx 2026-05-13 15:55:56 +00:00
8772839dc8 Merge version_6 into main
Merge version_6 into main
2026-05-13 15:55:30 +00:00
26f83f50fa Update src/app/page.tsx 2026-05-13 15:55:24 +00:00
a6891c800a Merge version_5 into main
Merge version_5 into main
2026-05-13 15:48:59 +00:00
171dc244ec Update src/app/page.tsx 2026-05-13 15:48:56 +00:00
efab809b00 Merge version_5 into main
Merge version_5 into main
2026-05-13 15:48:30 +00:00
a8fe99fa59 Update src/app/page.tsx 2026-05-13 15:48:26 +00:00
e3df107c3b Merge version_4 into main
Merge version_4 into main
2026-05-13 15:47:00 +00:00
d715ea913c Merge version_4 into main
Merge version_4 into main
2026-05-13 15:46:36 +00:00
4 changed files with 136 additions and 211 deletions

View File

@@ -0,0 +1,59 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FooterBase from "@/components/sections/footer/FooterBase";
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
export default function ComparisonPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Switzerweb"
navItems={[
{ name: "Accueil", id: "/" },
{ name: "Réalisations", id: "work" },
{ name: "Services", id: "services" },
{ name: "À Propos", id: "about" },
{ name: "Comparison", id: "/comparison" },
]}
button={{ text: "Démarrer", href: "#contact" }}
/>
<div id="features-comparison" className="pt-32 pb-20">
<PricingCardEight
title="Features Comparison"
description="Compare our plans and choose the perfect fit for your digital growth."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "basic", badge: "Essential", price: "$49", subtitle: "For growing brands", features: ["SEO Optimization", "Web Development", "Standard Support"], buttons: [{ text: "Get Started", href: "#" }] },
{ id: "pro", badge: "Professional", price: "$99", subtitle: "For established businesses", features: ["Everything in Basic", "Advanced Analytics", "24/7 Priority Support", "Custom UI/UX"], buttons: [{ text: "Choose Pro", href: "#" }] }
]}
/>
</div>
<FooterBase
logoText="Switzerweb"
copyrightText="© 2026 | Switzerweb"
columns={[
{ title: "Entreprise", items: [{ label: "À Propos", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
{ title: "Services", items: [{ label: "Dév Web", href: "#" }, { label: "SEO", href: "#" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
import "./globals.css";
import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
const halant = Halant({
@@ -31,7 +30,7 @@ export default function RootLayout({
<body
className={`${halant.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<script
dangerouslySetInnerHTML={{

View File

@@ -3,17 +3,14 @@
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
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 { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import { Sparkles, Search, Award, Users, ArrowRight } from "lucide-react";
export default function WebAgency2Page() {
return (
@@ -31,149 +28,85 @@ export default function WebAgency2Page() {
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Webild"
brandName="Switzerweb"
navItems={[
{ name: "Réalisations", id: "work" },
{ name: "Services", id: "services" },
{ name: "À Propos", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Comparison", id: "/comparison" },
]}
button={{ text: "Démarrer", href: "#contact" }}
/>
<HeroSplitDoubleCarousel
title="Nous Bâtissons des Expériences Numériques"
description="Transformez votre marque avec une conception et un développement web de pointe. Nous créons des sites époustouflants qui convertissent vos visiteurs en clients."
<HeroOverlayTestimonial
title="Innovation Digitale & Excellence Créative"
description="Nous transformons vos visions en solutions numériques percutantes. Une approche axée sur les résultats, reconnue par les meilleurs standards du marché."
tag="Agence Primée"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "canvas-reveal" }}
buttons={[
{ text: "Lancer le Projet", href: "#contact" },
{ text: "Voir nos Réalisations", href: "#work" },
testimonials={[
{ name: "Maria Santos", handle: "@luxuriatravel", testimonial: "Un travail exceptionnel, une équipe réactive et des résultats au-delà de mes espérances.", rating: 5 },
{ name: "John Doe", handle: "@johndoe", testimonial: "Le partenaire idéal pour booster notre visibilité en ligne.", rating: 5 },
]}
buttonAnimation="slide-up"
carouselPosition="right"
leftCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp?_wi=1", imageAlt: "Projet 1" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp?_wi=1", imageAlt: "Projet 2" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp?_wi=1", imageAlt: "Projet 3" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp?_wi=1", imageAlt: "Projet 4" },
]}
rightCarouselItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp?_wi=2", imageAlt: "Projet 1" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp?_wi=2", imageAlt: "Projet 2" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp?_wi=2", imageAlt: "Projet 3" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp?_wi=2", imageAlt: "Projet 4" },
]}
carouselItemClassName="!aspect-[4/5]"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778862157558-53z96op4.png"
buttons={[{ text: "View Our Projects", href: "#work" }]}
/>
<FeatureBento
title="Nos Services"
description="Nous proposons une gamme complète de services numériques pour aider votre marque à se démarquer en ligne."
<div id="services">
<FeatureBento
title="Nos Services"
description="Nous proposons une gamme ciblée de services numériques pour maximiser votre impact."
textboxLayout="default"
useInvertedBackground={false}
animationType="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: "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" },
],
},
]}
/>
</div>
<div id="work">
<FeatureCardTwentySix
title="Nos Projets"
description="Une sélection de projets que nous avons réalisés pour des clients de tous secteurs."
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Voir tous les projets", href: "#work" }]}
buttonAnimation="slide-up"
cardClassName="!h-auto aspect-video"
features={[
{ title: "Digital Inflatables Artist", description: "Site portfolio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778861460221-euyk88uh.png", imageAlt: "Digital Inflatables Artist", buttonHref: "#", buttonIcon: ArrowRight },
{ title: "FLEX Studio", description: "Site showcase", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778861460221-khgvbcj0.png", imageAlt: "FLEX Studio", buttonHref: "#", buttonIcon: ArrowRight },
{ title: "Sport Air Event", description: "Site e-commerce", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778861460221-f0q6iebc.png", imageAlt: "Sport Air Event", buttonHref: "#", buttonIcon: ArrowRight },
{ title: "Association LeLi", description: "Site non-profit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778861460221-vobfgdq4.png", imageAlt: "Association LeLi", buttonHref: "#", buttonIcon: ArrowRight },
]}
/>
</div>
<TestimonialCardSixteen
title="Témoignages"
description="Ce que nos clients disent de nous."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
buttons={[{ text: "Tous les Services", href: "#services" }]}
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: "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/project-1.webp?_wi=3", imageAlt: "Projet 1" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp?_wi=3", imageAlt: "Projet 2" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp?_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/project-1.webp?_wi=4", imageAlt: "Projet 1" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp?_wi=4", imageAlt: "Projet 2" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp?_wi=4", imageAlt: "Projet 3" },
],
},
kpiItems={[
{ value: "50+", label: "Clients satisfaits" },
{ value: "120", label: "Projets livrés" },
{ value: "15", label: "Récompenses" },
]}
/>
<FeatureCardTwentySix
title="Nos Projets"
description="Une sélection de projets que nous avons réalisés pour des clients de tous secteurs."
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Voir tous les projets", href: "#work" }]}
buttonAnimation="slide-up"
cardClassName="!h-auto aspect-video"
features={[
{
title: "Projet 1", description: "Description du projet 1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp?_wi=5", imageAlt: "Projet 1", buttonIcon: ArrowUpRight,
buttonHref: "#"},
{
title: "Projet 2", description: "Description du projet 2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp?_wi=5", imageAlt: "Projet 2", buttonIcon: ArrowUpRight,
buttonHref: "#"},
{
title: "Projet 3", description: "Description du projet 3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp?_wi=5", imageAlt: "Projet 3", buttonIcon: ArrowUpRight,
buttonHref: "#"},
{
title: "Projet 4", description: "Description du projet 4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp?_wi=3", imageAlt: "Projet 4", buttonIcon: ArrowUpRight,
buttonHref: "#"},
testimonials={[
{ id: "1", name: "Maria Santos", role: "Travel Enthusiast", company: "@luxuriatravel", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687957597-xmzcujf9.png" },
{ id: "2", name: "John Doe", role: "Founder", company: "@johndoe", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687957597-dqsdv4cu.png" },
{ id: "3", name: "Alice Martin", role: "Director", company: "@alicem", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778861971260-9nz6av8u.png" },
]}
/>
<FeatureBento
title="Notre Promesse"
description="Nous livrons des résultats qui parlent d'eux-mêmes."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
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: [
{ name: "Téléphone", icon: Phone },
{ name: "SMS", icon: MessageCircle },
{ name: "Livres", icon: BookOpen },
{ name: "TV", icon: Tv },
{ name: "Caméra", icon: Camera },
{ name: "Musique", icon: Music },
{ name: "Réglages", icon: Settings },
{ name: "Chat", icon: MessageCircle },
],
},
{
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: [
{ 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,
items: [
{ icon: Shield },
{ icon: Monitor },
{ icon: Zap },
{ icon: TrendingUp },
],
},
{
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/project-1.webp", alt: "Client" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
<MetricCardOne
title="Approuvé par les leaders du secteur"
description="Des années d'expérience dans la création de produits numériques orientés résultats."
@@ -184,49 +117,6 @@ export default function WebAgency2Page() {
metrics={[
{ id: "projects", value: "100+", title: "Projets", description: "Livrés avec succès dans tous les secteurs", icon: Award },
{ id: "satisfaction", value: "99%", title: "Satisfaction", description: "Taux de satisfaction client", icon: Users },
{ id: "years", value: "8+", title: "Années", description: "À façonner des expériences exceptionnelles", icon: TrendingUp },
]}
/>
<FeatureCardSixteen
title="Pourquoi Webild ?"
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"],
}}
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"],
}}
/>
<TeamCardFive
title="Rencontrez l'Équipe"
description="Les esprits créatifs derrière votre futur succès."
textboxLayout="default"
useInvertedBackground={false}
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/project-1.webp?_wi=6", 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/project-2.webp?_wi=6", 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/project-3.webp?_wi=6", imageAlt: "Carlos Mendoza" },
]}
/>
<FaqBase
title="FAQ"
description="Tout ce que vous devez savoir pour travailler avec nous."
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
faqs={[
{ id: "1", title: "Quelle est la durée moyenne d'un projet ?", content: "La plupart des projets sont réalisés en 2-4 semaines selon la complexité. Nous fournissons un planning détaillé lors de la consultation." },
{ id: "2", title: "Comment fonctionne votre tarification ?", content: "Nous proposons des tarifs au projet adaptés à vos besoins, incluant design, développement, SEO et support." },
{ id: "3", title: "Proposez-vous une maintenance continue ?", content: "Oui, nous offrons des forfaits de support et maintenance pour garder votre site performant et sécurisé." },
{ id: "4", title: "Pouvez-vous refondre un site existant ?", content: "Absolument. Nous sommes spécialisés dans la modernisation de sites web tout en préservant votre SEO." },
{ id: "5", title: "Quelles technologies utilisez-vous ?", content: "Nous utilisons des technologies modernes (Next.js, React, Tailwind CSS) pour garantir des sites rapides et évolutifs." },
]}
/>
<ContactCTA
@@ -236,42 +126,19 @@ export default function WebAgency2Page() {
background={{ variant: "rotated-rays-animated" }}
buttons={[
{ text: "Lancer votre projet", href: "#contact" },
{ text: "Voir nos réalisations", href: "#work" },
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
<FooterBase
logoText="Webild"
copyrightText="© 2026 | Webild"
logoText="Switzerweb"
copyrightText="© 2026 | Switzerweb"
columns={[
{
title: "Entreprise", items: [
{ label: "À Propos", href: "#about" },
{ label: "Services", href: "#services" },
{ label: "Réalisations", href: "#work" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Services", items: [
{ label: "Dév Web", href: "#" },
{ label: "SEO", href: "#" },
{ label: "Branding", href: "#" },
{ label: "UI/UX", href: "#" },
],
},
{
title: "Connecter", items: [
{ label: "Twitter", href: "#" },
{ label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "Dribbble", href: "#" },
],
},
{ title: "Entreprise", items: [{ label: "À Propos", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
{ title: "Services", items: [{ label: "Dév Web", href: "#" }, { label: "SEO", href: "#" }] },
]}
/>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #0a0a0a;
--card: #161616;
--foreground: #f0f0f0;
--primary-cta: #ffffff;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1e1e1e;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #e0e0e0;
--accent: #d0d0d0;
--background-accent: #9a9a9a;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);