Update src/app/page.tsx

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -260,7 +260,7 @@ export default function LandingPage() {
       <div id="pricing" data-section="pricing">
         <PricingCardThree
           title="Simple, Transparent Pricing"
-          description="Start free, scale as you grow. No hidden fees, cancel anytime."
+          description="Start free, scale as you grow—most agents upgrade within 30 days after seeing results"
           tag="Pricing Plans"
           tagIcon={DollarSign}
           textboxLayout="default"

src/components/sections/hero/HeroBillboardDashboard.tsx

@@ -8,7 +8,6 @@ import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig } from "@/types/button";
 import type { DashboardSidebarItem, DashboardStat, DashboardListItem } from "@/components/shared/Dashboard";
 import type { ChartDataItem } from "@/components/bento/BentoLineChart/utils";
-import HeroSection from "@/components/hero/HeroSection";
 
 type HeroBillboardDashboardBackgroundProps = Extract<
   HeroBackgroundVariantProps,
@@ -94,8 +93,8 @@ const HeroBillboardDashboard = ({
   backgroundImage,
 }: HeroBillboardDashboardProps) => {
   return (
-    <HeroSection
+    <section
-      ariaLabel={ariaLabel}
+      aria-label={ariaLabel}
       className={cls("relative w-full py-hero-page-padding", className)}
       style={{ backgroundImage: backgroundImage ? `url(${backgroundImage})` : undefined }}
     >
@@ -121,7 +120,7 @@ const HeroBillboardDashboard = ({
           className={cls(dashboard.className, dashboardClassName)}
         />
       </div>
-    </HeroSection>
+    </section>
   );
 };
 

src/components/shared/AvatarGroup.tsx

@@ -105,96 +105,3 @@ const TeamSection = () => (
     ariaLabel="Team avatars"
   />
 );
-
-export const Pricing = () => (
-  <div className="space-y-12">
-    <div className="border-t border-b border-gray-200 px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:p-6">
-      <div className="sm:col-span-3">
-        <h3 className="text-lg font-medium leading-6 text-gray-900">Pricing</h3>
-        <p className="mt-1 text-sm text-gray-500">
-          Choose a pricing plan that works for you.
-        </p>
-      </div>
-      <div className="mt-10 sm:col-span-2 sm:mt-0">
-        <div className="bg-white shadow px-4 py-5 sm:rounded-lg sm:p-6">
-          <div className="mt-6 flex items-center justify-between">
-            <p className="text-4xl font-bold text-gray-900">$20</p>
-            <p className="text-base font-medium text-gray-500">per month</p>
-          </div>
-          <ul role="list" className="mt-8 space-y-10">
-            <li className="flex gap-x-4 text-sm leading-6">
-              <svg
-                className="h-6 w-5 text-green-500"
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 24 24"
-                strokeWidth="1.5"
-                stroke="currentColor"
-                aria-hidden="true"
-              >
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-                />
-              </svg>
-              <span>Unlimited projects</span>
-            </li>
-            <li className="flex gap-x-4 text-sm leading-6">
-              <svg
-                className="h-6 w-5 text-green-500"
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 24 24"
-                strokeWidth="1.5"
-                stroke="currentColor"
-                aria-hidden="true"
-              >
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-                />
-              </svg>
-              <span>24/7 support</span>
-            </li>
-            <li className="flex gap-x-4 text-sm leading-6">
-              <svg
-                className="h-6 w-5 text-green-500"
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 24 24"
-                strokeWidth="1.5"
-                stroke="currentColor"
-                aria-hidden="true"
-              >
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-                />
-              </svg>
-              <span>Custom domain</span>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-);
-
-export const Team = () => (
-  <div className="space-y-12">
-    <div className="border-t border-b border-gray-200 px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:p-6">
-      <div className="sm:col-span-3">
-        <h3 className="text-lg font-medium leading-6 text-gray-900">Our Team</h3>
-        <p className="mt-1 text-sm text-gray-500">
-          Meet the team behind the scenes.
-        </p>
-      </div>
-      <div className="mt-10 sm:col-span-2 sm:mt-0">
-        <TeamSection />
-      </div>
-    </div>
-  </div>
-);