Switch to version 5: modified src/app/reminders/page.tsx

src/app/reminders/page.tsx

@@ -14,29 +14,39 @@ export default function RemindersPage() {
 
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="medium"
-        sizing="largeSmallSizeLargeTitles"
-        background="fluid"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="solid"
-        headingFontWeight="light"
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="large"
+        background="aurora"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleApple
             navItems={[
-              { name: "Home", id: "#home" },
-              { name: "Features", id: "#features" },
-              { name: "About", id: "#about" },
-              { name: "Pricing", id: "#pricing" },
-              { name: "Testimonials", id: "#testimonials" },
-              { name: "FAQ", id: "#faq" },
-              { name: "Contact", id: "#contact" },
-              { name: "Reminders", id: "/reminders" },
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "Planner",                id: "/planner"},
+              {
+                name: "Reminders",                id: "/reminders"},
+              {
+                name: "Features",                id: "#features"},
+              {
+                name: "About",                id: "#about"},
+              {
+                name: "Pricing",                id: "#pricing"},
+              {
+                name: "Testimonials",                id: "#testimonials"},
+              {
+                name: "FAQ",                id: "#faq"},
+              {
+                name: "Contact",                id: "#contact"},
             ]}
             brandName="AI Planner Pro"
           />
@@ -80,7 +90,8 @@ export default function RemindersPage() {
                   { label: "Features", href: "#features" },
                   { label: "Pricing", href: "#pricing" },
                   { label: "Integrations", href: "#" },
-                  { label: "Reminders", href: "/reminders" },
+                  { label: "Planner", href: "/planner" },
+                  { label: "Reminders", href: "/reminders" }
                 ],
               },
               {
@@ -105,4 +116,4 @@ export default function RemindersPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}