Compare commits

...

130 Commits

Author SHA1 Message Date
f01dc720fa Update src/app/page.tsx 2026-05-15 17:31:03 +00:00
11fc414d8b Update src/app/page.tsx 2026-05-15 17:30:33 +00:00
302ea0620d Update src/app/page.tsx 2026-05-15 17:29:58 +00:00
aefb8c99d9 Update src/app/page.tsx 2026-05-15 17:29:23 +00:00
453183177d Update src/app/page.tsx 2026-05-15 17:28:53 +00:00
ebe32e750a Update src/app/page.tsx 2026-05-15 17:28:24 +00:00
6eb8a7b287 Merge version_43 into main
Merge version_43 into main
2026-05-15 17:26:40 +00:00
16d64fa460 Update src/app/page.tsx 2026-05-15 17:26:34 +00:00
59f3f8ff13 Merge version_43 into main
Merge version_43 into main
2026-05-15 17:26:08 +00:00
7cb338eec8 Update src/app/page.tsx 2026-05-15 17:26:05 +00:00
d46a89ec8f Merge version_42 into main
Merge version_42 into main
2026-05-15 17:25:24 +00:00
1a34b7f490 Update src/app/page.tsx 2026-05-15 17:25:18 +00:00
642437766e Merge version_41 into main
Merge version_41 into main
2026-05-15 17:24:38 +00:00
d452b58cb2 Update src/app/page.tsx 2026-05-15 17:24:35 +00:00
437de662f5 Merge version_40 into main
Merge version_40 into main
2026-05-15 17:23:54 +00:00
ef1f9cd321 Update src/app/page.tsx 2026-05-15 17:23:48 +00:00
07c0db0ff7 Merge version_40 into main
Merge version_40 into main
2026-05-15 17:23:21 +00:00
282bd88284 Update src/app/page.tsx 2026-05-15 17:23:18 +00:00
c2e7acb9e9 Merge version_39 into main
Merge version_39 into main
2026-05-15 17:18:27 +00:00
3819a4d2ee Update src/app/page.tsx 2026-05-15 17:18:21 +00:00
05ef2bebcb Merge version_39 into main
Merge version_39 into main
2026-05-15 17:17:54 +00:00
d8614a9a34 Update src/app/page.tsx 2026-05-15 17:17:48 +00:00
1c79c73caa Switch to version 37: modified src/app/page.tsx 2026-05-15 17:15:32 +00:00
719af84fe3 Merge version_38 into main
Merge version_38 into main
2026-05-15 16:52:58 +00:00
c6c1dfe7d3 Update src/app/page.tsx 2026-05-15 16:52:55 +00:00
f54ce309ab Merge version_38 into main
Merge version_38 into main
2026-05-15 16:52:30 +00:00
8871c24336 Update src/app/page.tsx 2026-05-15 16:52:27 +00:00
7644ca489e Merge version_38 into main
Merge version_38 into main
2026-05-15 16:52:04 +00:00
81a30c98df Update src/app/page.tsx 2026-05-15 16:52:01 +00:00
f28d25b5c4 Merge version_38 into main
Merge version_38 into main
2026-05-15 16:51:37 +00:00
22d4800cfe Update src/app/page.tsx 2026-05-15 16:51:34 +00:00
9f27ce678d Merge version_37 into main
Merge version_37 into main
2026-05-15 16:50:19 +00:00
8b68c5fee1 Update src/app/pricing-highlighted-cards/page.tsx 2026-05-15 16:50:16 +00:00
dccb4e816e Update src/app/pricing-highlighted/page.tsx 2026-05-15 16:50:15 +00:00
6fdc906281 Update src/app/pricing/page.tsx 2026-05-15 16:50:15 +00:00
8a0ae3a429 Update src/app/page.tsx 2026-05-15 16:50:14 +00:00
1ee333ec53 Update src/app/comparison/page.tsx 2026-05-15 16:50:14 +00:00
6708ab9dda Merge version_36 into main
Merge version_36 into main
2026-05-15 16:47:58 +00:00
2004e4beb1 Update src/app/pricing-highlighted-cards/page.tsx 2026-05-15 16:47:55 +00:00
10bd348011 Update src/app/pricing-highlighted/page.tsx 2026-05-15 16:47:54 +00:00
5bc9a34210 Update src/app/pricing/page.tsx 2026-05-15 16:47:54 +00:00
ee0e0d3cd5 Update src/app/page.tsx 2026-05-15 16:47:53 +00:00
020cc53fea Update src/app/comparison/page.tsx 2026-05-15 16:47:53 +00:00
c1058ab901 Merge version_35 into main
Merge version_35 into main
2026-05-15 16:46:11 +00:00
692d3feb5e Update src/app/pricing-highlighted-cards/page.tsx 2026-05-15 16:46:08 +00:00
cbb261022f Update src/app/pricing-highlighted/page.tsx 2026-05-15 16:46:07 +00:00
80ad9bbc90 Update src/app/pricing/page.tsx 2026-05-15 16:46:07 +00:00
ae527b8494 Update src/app/page.tsx 2026-05-15 16:46:06 +00:00
dd8a7c96db Update src/app/comparison/page.tsx 2026-05-15 16:46:06 +00:00
0d7796f5c0 Merge version_34 into main
Merge version_34 into main
2026-05-15 16:45:04 +00:00
1483354222 Update src/app/page.tsx 2026-05-15 16:45:01 +00:00
52e9dccf91 Merge version_33 into main
Merge version_33 into main
2026-05-15 16:43:32 +00:00
89dfd757d4 Add src/app/pricing-highlighted-cards/page.tsx 2026-05-15 16:43:29 +00:00
cdd993aee0 Update src/app/pricing-highlighted/page.tsx 2026-05-15 16:43:28 +00:00
6006a0c895 Update src/app/pricing/page.tsx 2026-05-15 16:43:28 +00:00
b3af744e87 Update src/app/page.tsx 2026-05-15 16:43:28 +00:00
27848dfc81 Update src/app/comparison/page.tsx 2026-05-15 16:43:27 +00:00
1bdaccb998 Merge version_32 into main
Merge version_32 into main
2026-05-15 16:41:14 +00:00
84d1fe2eaa Update src/app/page.tsx 2026-05-15 16:41:10 +00:00
89a124f949 Merge version_31 into main
Merge version_31 into main
2026-05-15 16:40:00 +00:00
9625e210f4 Update src/app/pricing-highlighted/page.tsx 2026-05-15 16:39:57 +00:00
2089b188d4 Update src/app/pricing/page.tsx 2026-05-15 16:39:56 +00:00
0d8a567675 Update src/app/page.tsx 2026-05-15 16:39:56 +00:00
c2e667bfb8 Update src/app/comparison/page.tsx 2026-05-15 16:39:55 +00:00
bbd4130d04 Merge version_30 into main
Merge version_30 into main
2026-05-15 16:38:08 +00:00
1e8472fc01 Update src/app/page.tsx 2026-05-15 16:38:05 +00:00
3e14daae4e Merge version_29 into main
Merge version_29 into main
2026-05-15 16:36:36 +00:00
70b0fb878b Update src/app/pricing-highlighted/page.tsx 2026-05-15 16:36:33 +00:00
b990e3d931 Update src/app/pricing/page.tsx 2026-05-15 16:36:32 +00:00
800f02c04d Update src/app/page.tsx 2026-05-15 16:36:32 +00:00
83a41d7e9f Update src/app/comparison/page.tsx 2026-05-15 16:36:31 +00:00
2899d5b371 Merge version_28 into main
Merge version_28 into main
2026-05-15 16:34:34 +00:00
3d276f7bae Update src/app/page.tsx 2026-05-15 16:34:30 +00:00
0966b31b2b Merge version_27 into main
Merge version_27 into main
2026-05-15 16:31:40 +00:00
0b81cef451 Add src/app/pricing-highlighted/page.tsx 2026-05-15 16:31:37 +00:00
d14f2c5d37 Update src/app/pricing/page.tsx 2026-05-15 16:31:36 +00:00
a6501fd8b9 Update src/app/page.tsx 2026-05-15 16:31:36 +00:00
7549c60a9e Update src/app/comparison/page.tsx 2026-05-15 16:31:35 +00:00
02e36a8a33 Switch to version 25: modified src/app/page.tsx 2026-05-15 16:30:27 +00:00
1b7d7bd9ee Merge version_26 into main
Merge version_26 into main
2026-05-15 16:29:44 +00:00
621dda645f Update src/app/page.tsx 2026-05-15 16:29:41 +00:00
683cd0e3ff Merge version_26 into main
Merge version_26 into main
2026-05-15 16:29:17 +00:00
b16fcdf3bf Update src/app/page.tsx 2026-05-15 16:29:11 +00:00
9baf262094 Merge version_25 into main
Merge version_25 into main
2026-05-15 16:28:21 +00:00
2155a9ce66 Update src/app/pricing/page.tsx 2026-05-15 16:28:18 +00:00
e13d575f16 Merge version_25 into main
Merge version_25 into main
2026-05-15 16:27:56 +00:00
f1d856a652 Add src/app/pricing/page.tsx 2026-05-15 16:27:53 +00:00
f18382ca11 Update src/app/page.tsx 2026-05-15 16:27:53 +00:00
edc5cc6445 Update src/app/comparison/page.tsx 2026-05-15 16:27:52 +00:00
1abcc657cf Merge version_24 into main
Merge version_24 into main
2026-05-15 16:26:35 +00:00
4485b75d1a Update src/app/styles/variables.css 2026-05-15 16:26:32 +00:00
b430a5ebce Update src/app/page.tsx 2026-05-15 16:26:32 +00:00
159fac70e8 Update src/app/comparison/page.tsx 2026-05-15 16:26:31 +00:00
e9ae83f681 Merge version_23 into main
Merge version_23 into main
2026-05-15 16:24:40 +00:00
9bdada7ae6 Update src/app/comparison/page.tsx 2026-05-15 16:24:37 +00:00
4e731c0df2 Merge version_23 into main
Merge version_23 into main
2026-05-15 16:24:16 +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
7 changed files with 339 additions and 265 deletions

View File

@@ -0,0 +1,50 @@
"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";
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: "Home", id: "/" },
{ name: "Réalisations", id: "work" },
{ name: "Services", id: "services" },
{ name: "À Propos", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Pricing", id: "pricing" }
]}
button={{ text: "Démarrer", href: "#contact" }}
/>
<div className="pt-32 pb-20 text-center">
<h1 className="text-4xl font-medium">Page vide</h1>
<p className="mt-4">Les sections ont é retirées comme demandé.</p>
</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 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 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";
import HeroCentered from "@/components/sections/hero/HeroCentered";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import FooterCard from "@/components/sections/footer/FooterCard";
import ContactText from "@/components/sections/contact/ContactText";
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import { Sparkles, Search, Award, Users, ArrowRight, CheckCircle, Zap } from "lucide-react";
export default function WebAgency2Page() {
return (
@@ -25,255 +22,94 @@ export default function WebAgency2Page() {
sizing="medium"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="metallic"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarLayoutFloatingOverlay
brandName="Theodore Elmiger"
navItems={[
{ name: "Réalisations", id: "work" },
{ name: "Services", id: "services" },
{ name: "À Propos", id: "about" },
{ name: "Contact", id: "contact" },
]}
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."
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" },
]}
buttonAnimation="slide-up"
carouselPosition="right"
leftCarouselItems={[
{ 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/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]"
/>
<FeatureBento
title="Nos Services"
description="Nous proposons une gamme complète de services numériques pour aider votre marque à se démarquer en ligne."
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/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/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=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" },
],
},
]}
/>
<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/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-pawini9k.png?_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/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-z8ttb3x3.png?_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/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-xqyy35cv.png?_wi=4", imageAlt: "Projet 3", buttonIcon: ArrowUpRight,
buttonHref: "#"},
{
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: "#"},
]}
/>
<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"},
]}
/>
<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-1778687957597-xmzcujf9.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-1778687957597-dqsdv4cu.png" },
{ id: "3", name: "Alice Martin", handle: "@alicem", testimonial: "Une collaboration fluide et un résultat final impressionnant. Très professionnel.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687957597-kxk8bozl.png" },
{ id: "4", name: "Bob Smith", handle: "@bobsmith", testimonial: "Excellent travail sur l'optimisation mobile. Notre trafic a triplé !", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687957597-yavw4az8.png" },
{ id: "5", name: "Emma Wilson", handle: "@emmaw", testimonial: "L'équipe est à l'écoute et très réactive. Le design est moderne et performant.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687957597-dhsdc1l1.png" },
]}
/>
<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."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
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 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"],
}}
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/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
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
tag="Entrer en contact"
title="Prêt à transformer votre présence numérique ?"
description="Construisons quelque chose d'extraordinaire ensemble. Contactez-nous pour discuter de votre projet."
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="Theodore Elmiger"
copyrightText="© 2026 | Theodore Elmiger"
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: "#" },
],
},
]}
/>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "Réalisations", id: "work" },
{ name: "Services", id: "services" },
{ name: "À Propos", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Tarifs", id: "pricing" }
]}
brandName="Switzerweb"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
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é."
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778862157558-53z96op4.png", alt: "User" }
]}
background={{ variant: "sparkles-gradient" }}
buttons={[{ text: "Démarrer", href: "#contact" }]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="Ce qu'ils pensent de nous"
description="Des retours d'expérience authentiques sur notre travail."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
testimonials={[
{ id: "t1", name: "Maria Santos", role: "Travel Blogger", company: "BlogTravel", rating: 5 },
{ id: "t2", name: "John Doe", role: "Entrepreneur", company: "TechStartup", rating: 5 },
{ id: "t3", name: "Jane Smith", role: "Director", company: "CreativeCo", rating: 5 }
]}
/>
</div>
<div id="services" data-section="services">
<FeatureHoverPattern
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: "Optimisation moteur de recherche.", icon: Search },
{ title: "Développement Web", description: "Sites personnalisés et rapides.", icon: Zap }
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardFive
title="Nos Tarifs"
description="La qualité Apple, la puissance du Web."
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
plans={[
{
id: "one-page", tag: "Standard", price: "250 CHF", period: "/mois", description: "Pour commencer", button: { text: "Démarrer", href: "#contact" },
featuresTitle: "Inclus:", features: ["Design épuré", "Responsive"]
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Prêt à transformer votre présence numérique ?"
background={{ variant: "rotated-rays-animated" }}
buttons={[
{ text: "Lancer votre projet", href: "#contact" }
]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Switzerweb"
copyrightText="© 2026 | Switzerweb"
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -0,0 +1,68 @@
"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 PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import { CheckCircle } from "lucide-react";
export default function PricingHighlightedCardsPage() {
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: "Home", id: "/" },
{ name: "Réalisations", id: "work" },
{ name: "Services", id: "services" },
{ name: "À Propos", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Pricing", id: "pricing" }
]}
button={{ text: "Démarrer", href: "#contact" }}
/>
<div id="pricing-highlighted-cards" className="pt-32 pb-20">
<PricingCardTwo
title="Nos Tarifs"
description="Des solutions adaptées à vos besoins avec des options premium."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "standard", badge: "Basic", price: "$99", subtitle: "Parfait pour démarrer", features: ["SEO de base", "Design Réactif", "Support Email"],
buttons: [{ text: "Choisir", href: "#" }]
},
{
id: "highlighted", badge: "Populaire", badgeIcon: CheckCircle,
price: "$199", subtitle: "Pour booster votre croissance", features: ["Tout le pack Basic", "SEO Avancé", "Analytics", "Support Prioritaire"],
buttons: [{ text: "Choisir", 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

@@ -0,0 +1,60 @@
"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 PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import { CheckCircle } from "lucide-react";
export default function PricingHighlightedPage() {
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: "Home", id: "/" },
{ name: "Réalisations", id: "work" },
{ name: "Services", id: "services" },
{ name: "À Propos", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Pricing", id: "pricing" }
]}
button={{ text: "Démarrer", href: "#contact" }}
/>
<div id="pricing-highlighted" className="pt-32 pb-20">
<PricingCardOne
title="Pricing Plans"
description="Premium plans with highlighted features."
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "pro", badge: "Highlighted", badgeIcon: CheckCircle, price: "$199", subtitle: "Best value plan", features: ["Everything in standard", "Dedicated support", "Custom analytics", "Unlimited projects"] }
]}
/>
</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>
);
}

61
src/app/pricing/page.tsx Normal file
View File

@@ -0,0 +1,61 @@
"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 PricingCardThree from "@/components/sections/pricing/PricingCardThree";
export default function PricingPage() {
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: "Home", id: "/" },
{ name: "Réalisations", id: "work" },
{ name: "Services", id: "services" },
{ name: "À Propos", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Pricing", id: "pricing" }
]}
button={{ text: "Démarrer", href: "#contact" }}
/>
<div id="pricing" className="pt-32 pb-20">
<PricingCardThree
title="Nos Plans Tarifaires"
description="Choisissez l'offre qui propulsera votre projet vers le succès."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "starter", price: "$49", name: "Starter", features: ["SEO de base", "Design Réactif", "Maintenance Mensuelle"], buttons: [{ text: "Démarrer", href: "#" }] },
{ id: "growth", price: "$99", name: "Growth", features: ["SEO Avancé", "Stratégie Digitale", "Support 24/7", "Analytique"], buttons: [{ text: "Choisir", href: "#" }] },
{ id: "pro", price: "$199", name: "Pro", features: ["Tout le pack Growth", "UI/UX Personnalisé", "Gestionnaire Dédié", "Performance Optimisée"], buttons: [{ text: "Passer au niveau supérieur", 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

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