diff --git a/src/app/page.tsx b/src/app/page.tsx
index bdc8b94..69535b6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,7 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Sparkles, Users, Code, MessageSquare, Star, CheckCircle, ArrowRight } from "lucide-react";
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 
 export default function LandingPage() {
   return (
@@ -206,6 +207,78 @@ export default function LandingPage() {
         />
       </div>
 
+
+      <div id="pricingcardthree" data-section="pricingcardthree">
+        <PricingCardThree
+          plans={[
+            {
+              id: "starter",
+              price: "$29",
+              name: "Starter",
+              buttons: [
+                {
+                  label: "Get Started",
+                  href: "#contact",
+                  dataWebildId: "pricing_starter_btn"
+                }
+              ],
+              features: [
+                "Up to 5 projects",
+                "Basic design templates",
+                "Email support",
+                "1GB storage"
+              ]
+            },
+            {
+              id: "professional",
+              badge: "Popular",
+              price: "$79",
+              name: "Professional",
+              buttons: [
+                {
+                  label: "Choose Plan",
+                  href: "#contact",
+                  dataWebildId: "pricing_professional_btn"
+                }
+              ],
+              features: [
+                "Unlimited projects",
+                "Advanced design tools",
+                "Priority support",
+                "50GB storage",
+                "Team collaboration"
+              ]
+            },
+            {
+              id: "enterprise",
+              price: "$199",
+              name: "Enterprise",
+              buttons: [
+                {
+                  label: "Contact Sales",
+                  href: "#contact",
+                  dataWebildId: "pricing_enterprise_btn"
+                }
+              ],
+              features: [
+                "Custom solutions",
+                "Dedicated account manager",
+                "24/7 support",
+                "Unlimited storage",
+                "Advanced analytics"
+              ]
+            }
+          ]}
+          carouselMode="buttons"
+          animationType="fadeInUp"
+          title="Simple, Transparent Pricing"
+          description="Choose the perfect plan for your building projects. Scale as you grow."
+          tag="Pricing Plans"
+          textboxLayout="center"
+          useInvertedBackground="light"
+          ariaLabel="Webild pricing plans"
+        />
+      </div>
       <div id="footer-section" data-section="footer-section">
         <FooterBase 
           columns={[