Compare commits
170 Commits
version_32
...
version_62
| Author | SHA1 | Date | |
|---|---|---|---|
| c37ee45dd9 | |||
| ae6e35f9d1 | |||
| 99f5af3ce5 | |||
| f92885a384 | |||
| 7f48a3a23f | |||
| 801ef13ad3 | |||
| ab0c5472ee | |||
| 3e45039fd7 | |||
| 605bf655cd | |||
| 45a733a21c | |||
| 42ed3350cc | |||
| 469e7bc4c5 | |||
| 3d9d16054c | |||
| e9ebf38702 | |||
| 245849e139 | |||
| fa13c94aae | |||
| fd261020d2 | |||
| 277ee78e9e | |||
| 3d61fb8b13 | |||
| ba0dcef684 | |||
| f3d9ea0324 | |||
| fe16fb7bcb | |||
| 25b65554bb | |||
| ab52e1b3ef | |||
| e05bff3018 | |||
| 60bd37e0f1 | |||
| d247e23d81 | |||
| d44c9ca5d0 | |||
| 04e8712c08 | |||
| 2991b2c22e | |||
| 809fac6323 | |||
| ef3c1cb995 | |||
| e13d0963a5 | |||
| 2cfadee187 | |||
| 4ffe390e1f | |||
| 6cd6b42875 | |||
| c1da9bb321 | |||
| 98173327c8 | |||
| c476bdbb13 | |||
| 48b85432d3 | |||
| b5aa9315f0 | |||
| ee229cbd90 | |||
| 7bb142fd84 | |||
| 8f9ae90c00 | |||
| c0cd2184f7 | |||
| c07c6e7311 | |||
| 1e7dad7ad9 | |||
| 73084df2b0 | |||
| d40fd0c6ee | |||
| 8d49de9bc9 | |||
| d79d797444 | |||
| 1aa21b97dc | |||
| cf47a5ae9f | |||
| 89e09a29ec | |||
| 3c4e77a580 | |||
| 9d73c54318 | |||
| d005171071 | |||
| 78b76baffb | |||
| d3c8118ae9 | |||
| 768f314a17 | |||
| b06b52a768 | |||
| 56727d640d | |||
| 4500b76002 | |||
| e31eb9a7f3 | |||
| 6949ae7216 | |||
| a863688bc1 | |||
| 735c80f372 | |||
| 1fc38ceb3d | |||
| 284dd1a79f | |||
| 6c15aa3c5f | |||
| d88a2c6325 | |||
| a55343c17a | |||
| 77fb8aa36d | |||
| 4b2efebfd1 | |||
| fea9f47837 | |||
| d5b35cd7be | |||
| 144c9109b8 | |||
| fb8b2702e5 | |||
| 73d94cc1f7 | |||
| d11de498cc | |||
| 0246cf064d | |||
| 5c85e960ef | |||
| 2fabb18437 | |||
| 434c24831b | |||
| 70b4e6f006 | |||
| 3c5e28d328 | |||
| 8f57187b3c | |||
| 3d871b5b29 | |||
| 0e1f6a2ec9 | |||
| 9d4a065fc8 | |||
| aa41639fe7 | |||
| 4fb704e7ee | |||
| 7c2558edae | |||
| f7e81683dd | |||
| 095370909a | |||
| 0755c8abbf | |||
| 1186e76532 | |||
| be055c02cc | |||
| bb4a101439 | |||
| 7aa0134741 | |||
| ae6c453a9c | |||
| c784904728 | |||
| c8d2e1be88 | |||
| 7ce05b5b8a | |||
| bfc502daf7 | |||
| d89fa229c7 | |||
| a106d8ebdd | |||
| f01dc720fa | |||
| 6f764786db | |||
| 11fc414d8b | |||
| 52923ea725 | |||
| 302ea0620d | |||
| 306c76120f | |||
| aefb8c99d9 | |||
| 50de777115 | |||
| 453183177d | |||
| 56623eaf04 | |||
| ebe32e750a | |||
| 6eb8a7b287 | |||
| 16d64fa460 | |||
| 59f3f8ff13 | |||
| 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 |
@@ -23,14 +23,14 @@ export default function ComparisonPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Switzerweb"
|
||||
navItems={[
|
||||
{ name: "Réalisations", id: "work" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Pricing Highlights", id: "/pricing-highlighted" }
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Réalisations", id: "/#work" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "À Propos", id: "/#about" },
|
||||
{ name: "Tarifs", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Démarrer", href: "#contact" }}
|
||||
button={{ text: "Démarrer", href: "/contact" }}
|
||||
/>
|
||||
<div className="pt-32 pb-20 text-center">
|
||||
<h1 className="text-4xl font-medium">Page vide</h1>
|
||||
@@ -40,11 +40,11 @@ export default function ComparisonPage() {
|
||||
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: "#" }] },
|
||||
{ title: "Entreprise", items: [{ label: "À Propos", href: "/#about" }, { label: "Services", href: "/#services" }] },
|
||||
{ title: "Services", items: [{ label: "Dév Web", href: "/#services" }, { label: "SEO", href: "/#services" }] },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
73
src/app/contact/page.tsx
Normal file
73
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,73 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
|
||||
export default function ContactPage() {
|
||||
const handleSubmit = (data: Record<string, string>) => {
|
||||
console.log("Sending to theodore.elmiger@gmail.com:", data);
|
||||
window.location.href = `mailto:theodore.elmiger@gmail.com?subject=Nouveau message de ${data.name}&body=Nom: ${data.name}%0AEmail: ${data.email}%0A%0A${data.message}`;
|
||||
};
|
||||
|
||||
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>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Switzerweb"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Réalisations", id: "/#work" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "À Propos", id: "/#about" },
|
||||
{ name: "Tarifs", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div className="pt-32 pb-20">
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
title="Parlons de votre projet"
|
||||
description="Nous sommes à votre écoute pour concevoir la solution digitale qui correspond à vos ambitions."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Votre nom", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Votre email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Décrivez votre projet", rows: 5, required: true }}
|
||||
buttonText="Envoyer"
|
||||
onSubmit={handleSubmit}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778867278663-8og1q5hx.png"
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Switzerweb"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778866973153-laldct7r.png?_wi=2"
|
||||
columns={[
|
||||
{ items: [{ label: "À Propos", href: "/#about" }, { label: "Services", href: "/#services" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Dév Web", href: "/#services" }, { label: "SEO", href: "/#services" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
126
src/app/page.tsx
126
src/app/page.tsx
@@ -8,9 +8,10 @@ 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 TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import { Sparkles, Search, Award, Users, ArrowRight } from "lucide-react";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import { Sparkles, Search, Award, Users, ArrowRight, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function WebAgency2Page() {
|
||||
return (
|
||||
@@ -22,7 +23,7 @@ export default function WebAgency2Page() {
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
@@ -30,12 +31,14 @@ export default function WebAgency2Page() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Switzerweb"
|
||||
navItems={[
|
||||
{ name: "Réalisations", id: "work" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Réalisations", id: "/#work" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "À Propos", id: "/#about" },
|
||||
{ name: "Tarifs", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Démarrer", href: "#contact" }}
|
||||
button={{ text: "Démarrer", href: "/contact" }}
|
||||
/>
|
||||
<HeroOverlayTestimonial
|
||||
title="Innovation Digitale & Excellence Créative"
|
||||
@@ -48,7 +51,7 @@ export default function WebAgency2Page() {
|
||||
{ name: "John Doe", handle: "@johndoe", testimonial: "Le partenaire idéal pour booster notre visibilité en ligne.", rating: 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" }]}
|
||||
buttons={[{ text: "View Our Projects", href: "/#work" }]}
|
||||
/>
|
||||
<div id="services">
|
||||
<FeatureBento
|
||||
@@ -64,48 +67,71 @@ export default function WebAgency2Page() {
|
||||
},
|
||||
{
|
||||
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" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-pawini9k.png", imageAlt: "Projet 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-z8ttb3x3.png", imageAlt: "Projet 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778687704099-xqyy35cv.png", imageAlt: "Projet 3" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Témoignages Clients"
|
||||
description="Ce que nos clients disent de notre expertise."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
topMarqueeDirection="left"
|
||||
speed={30}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sophie L.", handle: "@sophie", testimonial: "Une transformation totale de notre identité visuelle. Résultat sublime." },
|
||||
{ id: "t2", name: "Marc P.", handle: "@marc", testimonial: "Professionnalisme et rapidité au rendez-vous. Je recommande vivement." },
|
||||
{ id: "t3", name: "Julie M.", handle: "@julie", testimonial: "Le SEO a clairement fait décoller nos ventes en quelques mois." },
|
||||
{ id: "t4", name: "Lucas D.", handle: "@lucas", testimonial: "Une équipe de choc pour des résultats concrets." }
|
||||
]}
|
||||
/>
|
||||
</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" }]}
|
||||
buttons={[{ text: "Voir tous les projets", href: "/#work" }]}
|
||||
buttonAnimation="slide-up"
|
||||
cardClassName="!h-auto aspect-video"
|
||||
cardClassName="!h-full !aspect-video object-cover"
|
||||
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 },
|
||||
{ title: "Digital Inflatables Artist", description: "Site portfolio", imageSrc: "https://images.unsplash.com/photo-1549692520-acc6669e2fde?q=80&w=1000&auto=format&fit=crop", imageAlt: "Digital Inflatables Artist", buttonHref: "/#work", buttonIcon: ArrowRight },
|
||||
{ title: "FLEX Studio", description: "Site showcase", imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?q=80&w=1000&auto=format&fit=crop", imageAlt: "FLEX Studio", buttonHref: "/#work", buttonIcon: ArrowRight },
|
||||
{ title: "Sport Air Event", description: "Site e-commerce", imageSrc: "https://images.unsplash.com/photo-1587620962725-abab7fe55159?q=80&w=1000&auto=format&fit=crop", imageAlt: "Sport Air Event", buttonHref: "/#work", buttonIcon: ArrowRight },
|
||||
{ title: "Association LeLi", description: "Site non-profit", imageSrc: "https://images.unsplash.com/photo-1605379399642-870262d3d051?q=80&w=1000&auto=format&fit=crop", imageAlt: "Association LeLi", buttonHref: "/#work", buttonIcon: ArrowRight },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing">
|
||||
<PricingCardThree
|
||||
title="Nos Tarifs"
|
||||
description="La qualité Apple, la puissance du Web."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "one-page", price: "250 CHF", name: "Site One Page", buttons: [{ text: "Démarrer", href: "/contact" }],
|
||||
features: ["SEO de base", "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>
|
||||
<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
|
||||
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."
|
||||
@@ -118,26 +144,28 @@ export default function WebAgency2Page() {
|
||||
{ id: "satisfaction", value: "99%", title: "Satisfaction", description: "Taux de satisfaction client", icon: Users },
|
||||
]}
|
||||
/>
|
||||
<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" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<div id="contact">
|
||||
<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" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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: "#" }] },
|
||||
{ title: "Entreprise", items: [{ label: "À Propos", href: "/#about" }, { label: "Services", href: "/#services" }] },
|
||||
{ title: "Services", items: [{ label: "Dév Web", href: "/#services" }, { label: "SEO", href: "/#services" }] },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
67
src/app/pricing-highlighted-cards/page.tsx
Normal file
67
src/app/pricing-highlighted-cards/page.tsx
Normal file
@@ -0,0 +1,67 @@
|
||||
"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: "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" }] },
|
||||
{ title: "Services", items: [{ label: "Dév Web", href: "#" }, { label: "SEO", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -25,14 +25,13 @@ export default function PricingHighlightedPage() {
|
||||
<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" },
|
||||
{ name: "Pricing Highlights", id: "/pricing-highlighted" }
|
||||
{ name: "Pricing", id: "pricing" }
|
||||
]}
|
||||
button={{ text: "Démarrer", href: "#contact" }}
|
||||
button={{ text: "Démarrer", href: "/contact" }}
|
||||
/>
|
||||
<div id="pricing-highlighted" className="pt-32 pb-20">
|
||||
<PricingCardOne
|
||||
@@ -50,11 +49,11 @@ export default function PricingHighlightedPage() {
|
||||
logoText="Switzerweb"
|
||||
copyrightText="© 2026 | Switzerweb"
|
||||
columns={[
|
||||
{ title: "Entreprise", items: [{ label: "À Propos", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Entreprise", items: [{ label: "À Propos", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Services", items: [{ label: "Dév Web", href: "#" }, { label: "SEO", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,14 +24,13 @@ export default function PricingPage() {
|
||||
<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" },
|
||||
{ name: "Pricing Highlights", id: "/pricing-highlighted" }
|
||||
{ name: "Pricing", id: "pricing" }
|
||||
]}
|
||||
button={{ text: "Démarrer", href: "#contact" }}
|
||||
button={{ text: "Démarrer", href: "/contact" }}
|
||||
/>
|
||||
<div id="pricing" className="pt-32 pb-20">
|
||||
<PricingCardThree
|
||||
@@ -41,9 +40,9 @@ export default function PricingPage() {
|
||||
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: "#" }] }
|
||||
{ id: "starter", price: "$49", name: "Starter", features: ["SEO de base", "Design Réactif", "Maintenance Mensuelle"], buttons: [{ text: "Démarrer", href: "/contact" }] },
|
||||
{ id: "growth", price: "$99", name: "Growth", features: ["SEO Avancé", "Stratégie Digitale", "Support 24/7", "Analytique"], buttons: [{ text: "Choisir", 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: "/contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -51,11 +50,11 @@ export default function PricingPage() {
|
||||
logoText="Switzerweb"
|
||||
copyrightText="© 2026 | Switzerweb"
|
||||
columns={[
|
||||
{ title: "Entreprise", items: [{ label: "À Propos", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Entreprise", items: [{ label: "À Propos", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Services", items: [{ label: "Dév Web", href: "#" }, { label: "SEO", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user