Compare commits

..

23 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
3 changed files with 92 additions and 36 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

@@ -3,14 +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 MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import FooterBase from "@/components/sections/footer/FooterBase";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import { Sparkles, Search, ArrowUpRight, Award, Users } from "lucide-react";
import { Sparkles, Search, Award, Users, ArrowRight } from "lucide-react";
export default function WebAgency2Page() {
return (
@@ -34,30 +34,22 @@ export default function WebAgency2Page() {
{ name: "Services", id: "services" },
{ name: "À Propos", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Comparison", id: "/comparison" },
]}
button={{ text: "Démarrer", href: "#contact" }}
/>
<HeroSplitDoubleCarousel
title="See Our Work See What Clients Say"
description="Explore completed projects and real client feedback without interruption Our portfolio speaks for itself"
<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: "View Our Projects", 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/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" },
]}
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" },
]}
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" }]}
/>
<div id="services">
<FeatureBento
@@ -91,23 +83,28 @@ export default function WebAgency2Page() {
buttonAnimation="slide-up"
cardClassName="!h-auto aspect-video"
features={[
{ title: "Association LeLi", description: "Site à but non lucratif", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-leli-project.png", imageAlt: "Association LeLi", buttonIcon: ArrowUpRight, buttonHref: "#" },
{ title: "Sport Air Event", description: "Site e-commerce", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-sportair-project.png", imageAlt: "Sport Air Event", buttonIcon: ArrowUpRight, buttonHref: "#" },
{ title: "FLEX Studio", description: "Plateforme créative", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-flexstudio-project.png", imageAlt: "FLEX Studio", buttonIcon: ArrowUpRight, buttonHref: "#" },
{ title: "Digital Inflatables Artist", description: "Portfolio interactif", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-digitalinfl-project.png", imageAlt: "Digital Inflatables Artist", buttonIcon: ArrowUpRight, buttonHref: "#" },
{ 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>
<TestimonialCardSix
<TestimonialCardSixteen
title="Témoignages"
description="Ce que nos clients disent de nous."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
carouselClassName="!gap-0"
kpiItems={[
{ value: "50+", label: "Clients satisfaits" },
{ value: "120", label: "Projets livrés" },
{ value: "15", label: "Récompenses" },
]}
testimonials={[
{ id: "1", name: "Maria Santos", handle: "@luxuriatravel", testimonial: "Switzerweb 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: "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" },
]}
/>
<MetricCardOne

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);