Merge pull request #22 from KanishkSogani/ui-update

update navbar and buttons text

Author: Zahnentferner

web/src/components/LandingPage/cta-section.tsx

@@ -30,7 +30,7 @@ export function CtaSection() {
                     size="lg"
                     className="bg-gradient-to-r from-purple-600 to-amber-500 hover:from-purple-700 hover:to-amber-600 text-white shadow-lg shadow-purple-700/20 group w-full md:w-auto"
                   >
-                    <span>Get Started</span>
+                    <span>Create TNT</span>
                     <ArrowRight className="ml-2 h-4 w-4 transition-transform group-hover:translate-x-1" />
                   </Button>
                 </Link>

web/src/components/LandingPage/hero-section.tsx

@@ -66,7 +66,7 @@ export function HeroSection() {
                   size="lg"
                   className="w-full bg-gradient-to-r from-purple-600 to-amber-500 hover:from-purple-700 hover:to-amber-600 text-white shadow-lg shadow-purple-700/20"
                 >
-                  Get Started
+                  Create TNT
                 </Button>
               </Link>
               <Button

web/src/components/Navbar.tsx

@@ -6,20 +6,12 @@ import { cn } from "@/lib/utils";
 import { Menu, X } from "lucide-react";
 import Image from "next/image";
 import { ConnectButton } from "@rainbow-me/rainbowkit";
-import { usePathname } from "next/navigation";
 import Link from "next/link";
 interface NavLink {
   name: string;
   href: string;
 }
 
-const landingPageLinks: NavLink[] = [
-  { name: "Home", href: "#hero" },
-  { name: "How It Works", href: "#how-it-works" },
-  { name: "Features", href: "#features" },
-  { name: "Get Started", href: "#cta" },
-];
-
 const appLinks = [
   { name: "Create", href: "/create" },
   { name: "My TNTs", href: "/my-tnts" },
@@ -29,8 +21,6 @@ const appLinks = [
 export function Navbar() {
   const [isScrolled, setIsScrolled] = useState(false);
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
-  const pathname = usePathname();
-  const isLandingPage = pathname === "/";
 
   useEffect(() => {
     const handleScroll = () => {
@@ -41,14 +31,6 @@ export function Navbar() {
     return () => window.removeEventListener("scroll", handleScroll);
   }, []);
 
-  const scrollToSection = (href: string) => {
-    setIsMobileMenuOpen(false);
-    const element = document.querySelector(href);
-    if (element) {
-      element.scrollIntoView({ behavior: "smooth" });
-    }
-  };
-
   return (
     <header
       className={cn(
@@ -70,25 +52,15 @@ export function Navbar() {
 
         {/* Desktop Navigation */}
         <nav className="hidden md:flex items-center space-x-8">
-          {isLandingPage
-            ? landingPageLinks.map((link) => (
-                <button
-                  key={link.name}
-                  onClick={() => scrollToSection(link.href)}
-                  className="text-slate-300 hover:text-white transition-colors duration-200"
-                >
-                  {link.name}
-                </button>
-              ))
-            : appLinks.map((link) => (
-                <Link
-                  key={link.name}
-                  href={link.href}
-                  className="text-slate-300 hover:text-white transition-colors duration-200"
-                >
-                  {link.name}
-                </Link>
-              ))}
+          {appLinks.map((link) => (
+            <Link
+              key={link.name}
+              href={link.href}
+              className="text-slate-300 hover:text-white transition-colors duration-200"
+            >
+              {link.name}
+            </Link>
+          ))}
           <ConnectButton />
         </nav>
 
@@ -105,25 +77,15 @@ export function Navbar() {
       {isMobileMenuOpen && (
         <div className="md:hidden absolute top-full left-0 right-0 bg-black/95 backdrop-blur-md border-b border-slate-800/50 shadow-lg py-4">
           <nav className="flex flex-col items-center space-y-4 px-4">
-            {isLandingPage
-              ? landingPageLinks.map((link) => (
-                  <button
-                    key={link.name}
-                    onClick={() => scrollToSection(link.href)}
-                    className="text-slate-300 hover:text-white transition-colors duration-200 py-2"
-                  >
-                    {link.name}
-                  </button>
-                ))
-              : appLinks.map((link) => (
-                  <Link
-                    key={link.name}
-                    href={link.href}
-                    className="text-slate-300 hover:text-white transition-colors duration-200 py-2"
-                  >
-                    {link.name}
-                  </Link>
-                ))}
+            {appLinks.map((link) => (
+              <Link
+                key={link.name}
+                href={link.href}
+                className="text-slate-300 hover:text-white transition-colors duration-200 py-2"
+              >
+                {link.name}
+              </Link>
+            ))}
             <div className="w-full flex justify-center">
               <ConnectButton />
             </div>