Bob AI: Populate the newly-created page at src/pages/PricingPage.tsx

src/pages/PricingPage.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered"; // Corrected import path
+import NavbarCentered from "@/components/ui/NavbarCentered";
 import PricingSimpleCards from "@/components/sections/pricing/PricingSimpleCards";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 
@@ -8,54 +8,62 @@ const PricingPage: React.FC = () => {
   return (
     <div className="flex min-h-screen flex-col bg-background text-foreground">
       <NavbarCentered
-        logo="Webild"
+        logo="Emotify"
         navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "Get Started", href: "/contact" }}
+        ctaButton={{ text: "Get Started", href: "/#contact" }}
       />
-      <main className="flex-grow">
+      <main className="flex-grow pt-24">
         <PricingSimpleCards
+          tag="Pricing"
           title="Simple & Transparent Pricing"
-          description="Choose the plan that best fits your needs. No hidden fees, no surprises."
+          description="Choose the plan that best fits your emotional needs. No hidden fees, no surprises."
           plans={[
             {
-              name: "Basic",
-              price: "$19",
-              frequency: "per month",
-              features: ["5 Projects", "10GB Storage", "Basic Analytics", "Community Support"],
-              buttonText: "Start Basic",
-              buttonHref: "/signup",
-              highlighted: false,
+              tag: "Basic",
+              price: "$19/mo",
+              description: "Perfect for individuals starting their emotional journey.",
+              features: ["5 Emotional States", "Standard Resolution", "Basic Analytics", "Community Support"],
             },
             {
-              name: "Pro",
-              price: "$49",
-              frequency: "per month",
-              features: ["Unlimited Projects", "100GB Storage", "Advanced Analytics", "Priority Support", "Custom Integrations"],
-              buttonText: "Go Pro",
-              buttonHref: "/signup",
-              highlighted: true,
+              tag: "Pro",
+              price: "$49/mo",
+              description: "Ideal for professionals seeking deeper focus and flow.",
+              features: ["20 Emotional States", "HD Fidelity States", "Advanced Analytics", "Priority Support"],
             },
             {
-              name: "Enterprise",
-              price: "Custom",
-              frequency: "per month",
-              features: ["All Pro Features", "Dedicated Account Manager", "SLA Guarantee", "On-premise Deployment", "24/7 Premium Support"],
-              buttonText: "Contact Sales",
-              buttonHref: "/contact",
-              highlighted: false,
+              tag: "Enterprise",
+              price: "$199/mo",
+              description: "For teams and power users requiring unlimited access.",
+              features: ["Unlimited Access", "4K Resolution States", "Private Cloud Storage", "24/7 Premium Support"],
             },
           ]}
         />
       </main>
       <FooterSimple
-        logo="Webild"
-        description="Build your next project with Webild."
-        socialLinks={[
-          { name: "Twitter", href: "#" },
-          { name: "LinkedIn", href: "#" },
-          { name: "GitHub", href: "#" },
+        brand="Emotify"
+        columns={[
+          {
+            title: "Product",
+            items: [
+              { label: "Features", href: "/#features" },
+              { label: "Pricing", href: "/pricing" },
+              { label: "Catalog", href: "/#product" },
+            ],
+          },
+          {
+            title: "Company",
+            items: [
+              { label: "About Us", href: "/#about" },
+              { label: "Team", href: "/#team" },
+              { label: "Contact", href: "/#contact" },
+            ],
+          },
         ]}
-        copyright="© 2024 Webild. All rights reserved."
+        links={[
+          { label: "Privacy Policy", href: "#" },
+          { label: "Terms of Service", href: "#" },
+        ]}
+        copyright="© 2024 Emotify. All rights reserved."
       />
     </div>
   );