Compare commits
64 Commits
version_28
...
version_43
| Author | SHA1 | Date | |
|---|---|---|---|
| 16d64fa460 | |||
| 7cb338eec8 | |||
| d46a89ec8f | |||
| 1a34b7f490 | |||
| 642437766e | |||
| d452b58cb2 | |||
| 437de662f5 | |||
| ef1f9cd321 | |||
| 07c0db0ff7 | |||
| 282bd88284 | |||
| c2e7acb9e9 | |||
| 3819a4d2ee | |||
| 05ef2bebcb | |||
| d8614a9a34 | |||
| 1c79c73caa | |||
| 719af84fe3 | |||
| c6c1dfe7d3 | |||
| f54ce309ab | |||
| 8871c24336 | |||
| 7644ca489e | |||
| 81a30c98df | |||
| f28d25b5c4 | |||
| 22d4800cfe | |||
| 9f27ce678d | |||
| 8b68c5fee1 | |||
| dccb4e816e | |||
| 6fdc906281 | |||
| 8a0ae3a429 | |||
| 1ee333ec53 | |||
| 6708ab9dda | |||
| 2004e4beb1 | |||
| 10bd348011 | |||
| 5bc9a34210 | |||
| ee0e0d3cd5 | |||
| 020cc53fea | |||
| c1058ab901 | |||
| 692d3feb5e | |||
| cbb261022f | |||
| 80ad9bbc90 | |||
| ae527b8494 | |||
| dd8a7c96db | |||
| 0d7796f5c0 | |||
| 1483354222 | |||
| 52e9dccf91 | |||
| 89dfd757d4 | |||
| cdd993aee0 | |||
| 6006a0c895 | |||
| b3af744e87 | |||
| 27848dfc81 | |||
| 1bdaccb998 | |||
| 84d1fe2eaa | |||
| 89a124f949 | |||
| 9625e210f4 | |||
| 2089b188d4 | |||
| 0d8a567675 | |||
| c2e667bfb8 | |||
| bbd4130d04 | |||
| 1e8472fc01 | |||
| 3e14daae4e | |||
| 70b0fb878b | |||
| b990e3d931 | |||
| 800f02c04d | |||
| 83a41d7e9f | |||
| 2899d5b371 |
@@ -4,7 +4,6 @@ import ReactLenis from "lenis/react";
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
|
||||||
|
|
||||||
export default function ComparisonPage() {
|
export default function ComparisonPage() {
|
||||||
return (
|
return (
|
||||||
@@ -24,28 +23,18 @@ export default function ComparisonPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
brandName="Switzerweb"
|
brandName="Switzerweb"
|
||||||
navItems={[
|
navItems={[
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Réalisations", id: "work" },
|
{ name: "Réalisations", id: "work" },
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "À Propos", id: "about" },
|
{ name: "À Propos", id: "about" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "contact" },
|
||||||
{ name: "Pricing", id: "/pricing" },
|
{ name: "Pricing", id: "pricing" }
|
||||||
{ name: "Features Comparison", id: "/comparison" },
|
|
||||||
{ name: "Pricing Highlights", id: "/pricing-highlighted" }
|
|
||||||
]}
|
]}
|
||||||
button={{ text: "Démarrer", href: "#contact" }}
|
button={{ text: "Démarrer", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
<div id="features-comparison" className="pt-32 pb-20">
|
<div className="pt-32 pb-20 text-center">
|
||||||
<PricingCardEight
|
<h1 className="text-4xl font-medium">Page vide</h1>
|
||||||
title="Features Comparison"
|
<p className="mt-4">Les sections ont été retirées comme demandé.</p>
|
||||||
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>
|
</div>
|
||||||
<FooterBase
|
<FooterBase
|
||||||
logoText="Switzerweb"
|
logoText="Switzerweb"
|
||||||
@@ -58,4 +47,4 @@ export default function ComparisonPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -8,11 +8,8 @@ import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|||||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
||||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
|
||||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||||
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
|
|
||||||
import { Sparkles, Search, Award, Users, ArrowRight, CheckCircle } from "lucide-react";
|
import { Sparkles, Search, Award, Users, ArrowRight, CheckCircle } from "lucide-react";
|
||||||
|
|
||||||
export default function WebAgency2Page() {
|
export default function WebAgency2Page() {
|
||||||
@@ -25,7 +22,7 @@ export default function WebAgency2Page() {
|
|||||||
sizing="medium"
|
sizing="medium"
|
||||||
background="none"
|
background="none"
|
||||||
cardStyle="glass-elevated"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="metallic"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
@@ -33,6 +30,7 @@ export default function WebAgency2Page() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
brandName="Switzerweb"
|
brandName="Switzerweb"
|
||||||
navItems={[
|
navItems={[
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Réalisations", id: "work" },
|
{ name: "Réalisations", id: "work" },
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "À Propos", id: "about" },
|
{ name: "À Propos", id: "about" },
|
||||||
@@ -93,62 +91,29 @@ export default function WebAgency2Page() {
|
|||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div id="features-comparison">
|
|
||||||
<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>
|
|
||||||
<div id="pricing">
|
<div id="pricing">
|
||||||
<PricingCardThree
|
<PricingCardThree
|
||||||
title="Nos Plans Tarifaires"
|
title="Nos Tarifs"
|
||||||
description="Choisissez l'offre qui propulsera votre projet vers le succès."
|
description="La qualité Apple, la puissance du Web."
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="split-description"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
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: "one-page", price: "250 CHF", name: "Site One Page", buttons: [{ text: "Démarrer", href: "#contact" }],
|
||||||
{ 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: "#" }] }
|
features: ["Design épuré type Apple", "Performance optimisée", "Responsive sur mobile"]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "multi-pages", price: "1350 CHF", name: "Multi-pages", badge: "Populaire", badgeIcon: CheckCircle, buttons: [{ text: "Choisir", href: "#contact" }],
|
||||||
|
features: ["Architecture multi-pages", "Gestion de contenu (CMS)", "SEO Avancé", "Formulaires complexes"]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "personnalise", price: "Sur devis", name: "Sur-mesure", buttons: [{ text: "Parlons-en", href: "#contact" }],
|
||||||
|
features: ["Développement spécifique", "Support prioritaire", "Intégration API", "Monitoring 24/7"]
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div id="pricing-highlighted">
|
|
||||||
<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>
|
|
||||||
<TestimonialCardSixteen
|
|
||||||
title="Témoignages"
|
|
||||||
description="Ce que nos clients disent de nous."
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
animationType="slide-up"
|
|
||||||
kpiItems={[
|
|
||||||
{ value: "50+", label: "Clients satisfaits" },
|
|
||||||
{ value: "120", label: "Projets livrés" },
|
|
||||||
{ value: "15", label: "Récompenses" },
|
|
||||||
]}
|
|
||||||
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" },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<MetricCardOne
|
<MetricCardOne
|
||||||
title="Approuvé par les leaders du secteur"
|
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."
|
description="Des années d'expérience dans la création de produits numériques orientés résultats."
|
||||||
@@ -161,17 +126,19 @@ export default function WebAgency2Page() {
|
|||||||
{ id: "satisfaction", value: "99%", title: "Satisfaction", description: "Taux de satisfaction client", icon: Users },
|
{ id: "satisfaction", value: "99%", title: "Satisfaction", description: "Taux de satisfaction client", icon: Users },
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<ContactCTA
|
<div id="contact">
|
||||||
tag="Entrer en contact"
|
<ContactCTA
|
||||||
title="Prêt à transformer votre présence numérique ?"
|
tag="Entrer en contact"
|
||||||
description="Construisons quelque chose d'extraordinaire ensemble. Contactez-nous pour discuter de votre projet."
|
title="Prêt à transformer votre présence numérique ?"
|
||||||
background={{ variant: "rotated-rays-animated" }}
|
description="Construisons quelque chose d'extraordinaire ensemble. Contactez-nous pour discuter de votre projet."
|
||||||
buttons={[
|
background={{ variant: "rotated-rays-animated" }}
|
||||||
{ text: "Lancer votre projet", href: "#contact" },
|
buttons={[
|
||||||
]}
|
{ text: "Lancer votre projet", href: "#contact" },
|
||||||
buttonAnimation="slide-up"
|
]}
|
||||||
useInvertedBackground={false}
|
buttonAnimation="slide-up"
|
||||||
/>
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
<FooterBase
|
<FooterBase
|
||||||
logoText="Switzerweb"
|
logoText="Switzerweb"
|
||||||
copyrightText="© 2026 | Switzerweb"
|
copyrightText="© 2026 | Switzerweb"
|
||||||
|
|||||||
68
src/app/pricing-highlighted-cards/page.tsx
Normal file
68
src/app/pricing-highlighted-cards/page.tsx
Normal 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>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -25,13 +25,12 @@ export default function PricingHighlightedPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
brandName="Switzerweb"
|
brandName="Switzerweb"
|
||||||
navItems={[
|
navItems={[
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Réalisations", id: "work" },
|
{ name: "Réalisations", id: "work" },
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "À Propos", id: "about" },
|
{ name: "À Propos", id: "about" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "contact" },
|
||||||
{ name: "Pricing", id: "/pricing" },
|
{ name: "Pricing", id: "pricing" }
|
||||||
{ name: "Features Comparison", id: "/comparison" },
|
|
||||||
{ name: "Pricing Highlights", id: "/pricing-highlighted" }
|
|
||||||
]}
|
]}
|
||||||
button={{ text: "Démarrer", href: "#contact" }}
|
button={{ text: "Démarrer", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
@@ -58,4 +57,4 @@ export default function PricingHighlightedPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -24,13 +24,12 @@ export default function PricingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
brandName="Switzerweb"
|
brandName="Switzerweb"
|
||||||
navItems={[
|
navItems={[
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Réalisations", id: "work" },
|
{ name: "Réalisations", id: "work" },
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Services", id: "services" },
|
||||||
{ name: "À Propos", id: "about" },
|
{ name: "À Propos", id: "about" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "contact" },
|
||||||
{ name: "Pricing", id: "/pricing" },
|
{ name: "Pricing", id: "pricing" }
|
||||||
{ name: "Features Comparison", id: "/comparison" },
|
|
||||||
{ name: "Pricing Highlights", id: "/pricing-highlighted" }
|
|
||||||
]}
|
]}
|
||||||
button={{ text: "Démarrer", href: "#contact" }}
|
button={{ text: "Démarrer", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
@@ -59,4 +58,4 @@ export default function PricingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user