Update src/app/donate/page.tsx

Merge version_9 into main

src/app/donate/page.tsx

@@ -21,16 +21,18 @@ export default function DonatePage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Project", id: "/details" },
-            { name: "Donate", id: "/donate" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          brandName="Mandir Eagle Project"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Project", id: "/details" },
+              { name: "Donate", id: "/donate" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Mandir Eagle Project"
+          />
+        </div>
         
         <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto text-center">
           <Heart className="w-16 h-16 mx-auto text-primary mb-6" />
@@ -53,14 +55,16 @@ export default function DonatePage() {
           </div>
         </main>
 
-        <FooterBaseReveal
-          logoText="SDSV Mandir Eagle Service Project"
-          columns={[
-            { title: "Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Donate", href: "/donate" }] },
-            { title: "Support", items: [{ label: "Troop 424", href: "#" }, { label: "Contact", href: "/contact" }] }
-          ]}
-          copyrightText="© 2024 Saicharan Kotturu"
-        />
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="SDSV Mandir Eagle Service Project"
+            columns={[
+              { title: "Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Donate", href: "/donate" }] },
+              { title: "Support", items: [{ label: "Troop 424", href: "#" }, { label: "Contact", href: "/contact" }] }
+            ]}
+            copyrightText="© 2024 Saicharan Kotturu"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -29,11 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        { name: "Home", id: "home" },
-        { name: "About", id: "about" },
-        { name: "Project", id: "details" },
-        { name: "Donate", id: "donate" },
-        { name: "Contact", id: "contact" },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Project", id: "/#details" },
+        { name: "Donate", id: "/donate" },
+        { name: "Contact", id: "/#contact" },
       ]}
       brandName="Mandir Eagle Project"
     />
@@ -44,8 +44,8 @@ export default function LandingPage() {
       background={{ variant: "gradient-bars" }}
       title="Light Up Our Temple Community"
       linkCards={[
-        { title: "Donate via Zelle", description: "Support the project directly with Zelle", button: { text: "Donate", href: "#donate" }, icon: Heart },
-        { title: "View Progress", description: "See project updates and goals", button: { text: "Learn More", href: "#details" }, icon: Target }
+        { title: "Donate via Zelle", description: "Support the project directly with Zelle", button: { text: "Donate", href: "/donate" }, icon: Heart },
+        { title: "View Progress", description: "See project updates and goals", button: { text: "Learn More", href: "/#details" }, icon: Target }
       ]}
     />
   </div>
@@ -83,9 +83,9 @@ export default function LandingPage() {
       description="Your contributions directly fund the project materials. Please use Zelle at the temple office to contribute."
       useInvertedBackground={true}
       plans={[
-        { id: "p1", badge: "Supporter", price: "$25", subtitle: "One solar bulb contribution", features: ["Direct solar light support"], buttons: [{ text: "Donate Now", href: "#" }] },
-        { id: "p2", badge: "Structural", price: "$100", subtitle: "Signpost materials", features: ["Durable signpost materials"], buttons: [{ text: "Donate Now", href: "#" }] },
-        { id: "p3", badge: "Champion", price: "$500", subtitle: "Infrastructure funding", features: ["Complete light assembly"], buttons: [{ text: "Donate Now", href: "#" }] },
+        { id: "p1", badge: "Supporter", price: "$25", subtitle: "One solar bulb contribution", features: ["Direct solar light support"], buttons: [{ text: "Donate Now", href: "/donate" }] },
+        { id: "p2", badge: "Structural", price: "$100", subtitle: "Signpost materials", features: ["Durable signpost materials"], buttons: [{ text: "Donate Now", href: "/donate" }] },
+        { id: "p3", badge: "Champion", price: "$500", subtitle: "Infrastructure funding", features: ["Complete light assembly"], buttons: [{ text: "Donate Now", href: "/donate" }] },
       ]}
     />
   </div>