Update src/app/page.tsx

src/app/page.tsx

@@ -3,14 +3,7 @@
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 
-const navItems = [
-  { name: 'Home', id: '/' },
-  { name: 'Features', id: '/#features' },
-  { name: 'Dashboard', id: '/dashboard' },
-  { name: 'Sign In', id: '/login' },
-];
-
-export default function HomePage() {
+export default function Home() {
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -18,25 +11,36 @@ export default function HomePage() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="circleGradient"
+      background="aurora"
       cardStyle="glass-elevated"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          navItems={navItems}
-          brandName="Webild"
-          button={{ text: 'Get Started', href: '/register' }}
-        />
-      </div>
-      <div className="min-h-screen bg-gradient-to-br from-background to-card flex items-center justify-center">
+      <NavbarLayoutFloatingInline
+        navItems={[
+          { name: 'Home', id: '/' },
+          { name: 'Community', id: '/community' },
+        ]}
+        brandName="Webild"
+        button={{ text: 'Payment Methods', href: '/payment-methods' }}
+        animateOnLoad={true}
+        buttonClassName="bg-gradient-to-r from-primary to-primary-dark hover:shadow-lg hover:shadow-primary/50 transition-all duration-300"
+      />
+      <div className="min-h-screen flex items-center justify-center">
         <div className="text-center">
-          <h1 className="text-4xl font-bold text-foreground mb-4">Welcome to Webild</h1>
-          <p className="text-foreground/60 text-lg">Building the future of web design</p>
+          <h1 className="text-5xl font-bold mb-4">Welcome to Webild</h1>
+          <p className="text-lg text-foreground/75 mb-8">Explore our payment solutions and community</p>
+          <div className="flex gap-4 justify-center">
+            <a href="/payment-methods" className="px-6 py-2 bg-gradient-to-r from-primary to-primary-dark text-white rounded-lg hover:shadow-lg hover:shadow-primary/50 transition-all duration-300">
+              Payment Methods
+            </a>
+            <a href="/community" className="px-6 py-2 bg-secondary-cta text-white rounded-lg hover:opacity-90">
+              Community
+            </a>
+          </div>
         </div>
       </div>
     </ThemeProvider>
   );
-}
+}