diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4d47085..31bdfa6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Award, Code, Briefcase, Clock, Lightbulb, Mail } from 'lucide-react';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 
 export default function HomePage() {
   return (
@@ -274,7 +275,20 @@ export default function HomePage() {
           background={{ variant: "plain" }}
         />
       </div>
-      <FooterMedia
+
+      <div id="pricing_card_one" data-section="pricing_card_one">
+        <PricingCardOne
+          plans={[{ name: "Basic", price: "$9", features: ["Feature 1", "Feature 2"] }, { name: "Pro", price: "$29", features: ["Feature 1", "Feature 2", "Feature 3"] }]}
+          animationType="[animationType]"
+          title="Pricing Card One"
+          description="Add your description here."
+          tag="Label"
+          tagIcon="Check"
+          buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
+          textboxLayout="[textboxLayout]"
+          useInvertedBackground="[useInvertedBackground]"
+        />
+      </div>      <FooterMedia
         imageSrc="https://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010118.jpg"
         imageAlt="Technology and digital transformation"
         logoText="TechAcademy"