Update src/app/page.tsx

This commit is contained in:
2026-05-15 16:34:30 +00:00
parent 0966b31b2b
commit 3d276f7bae

View File

@@ -10,7 +10,10 @@ 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 PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import { Sparkles, Search, Award, Users, ArrowRight, CheckCircle } from "lucide-react";
export default function WebAgency2Page() {
return (
@@ -34,9 +37,7 @@ export default function WebAgency2Page() {
{ name: "Services", id: "services" },
{ name: "À Propos", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Pricing", id: "/pricing" },
{ name: "Features Comparison", id: "/comparison" },
{ name: "Pricing Highlights", id: "/pricing-highlighted" }
{ name: "Tarifs", id: "pricing" }
]}
button={{ text: "Démarrer", href: "#contact" }}
/>
@@ -92,6 +93,45 @@ export default function WebAgency2Page() {
]}
/>
</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">
<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>
<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."