ui changes

components/hero.tsx

@@ -2,6 +2,7 @@
 
 import { Button } from "@/components/ui/button"
 import { useLanguage } from "@/contexts/language-context"
+import Link from "next/link"
 
 export default function Hero() {
   const { t } = useLanguage()
@@ -14,9 +15,12 @@ export default function Hero() {
             <h1 className="text-4xl md:text-5xl lg:text-6xl font-bold text-foreground leading-tight">{t.hero.title}</h1>
             <p className="text-lg text-muted-foreground">{t.hero.description}</p>
             <div className="flex flex-col sm:flex-row gap-4">
-              <Button size="lg" className="bg-primary hover:bg-primary/90">
-                {t.hero.demo}
-              </Button>
+              <Link href="https://demo.dwatt.uz/">
+                <Button size="lg" className="bg-primary hover:bg-primary/90">
+                  {t.hero.demo}
+                </Button>
+              </Link>
+              <a href="#contact">
               <Button
                 size="lg"
                 variant="outline"
@@ -24,6 +28,7 @@ export default function Hero() {
               >
                 {t.hero.contact}
               </Button>
+              </a>
             </div>
           </div>