connect links to a tegs

app/[lang]/[carType]/[carDeatil]/page.tsx

@@ -68,19 +68,19 @@ export default function CarDetailPage() {
             <Text txt="note2" />
           </div>
           <div className="flex gap-6">
-            <button className="
+            <a href="tel:+998917412920" className="
             bg-secondary p-3 px-6 rounded-lg border-2 border-secondary text-white
             hover:cursor-pointer hover:bg-white hover:text-secondary
             ">
               <Text txt="book" />
-            </button>
+            </a>
-            <button className="
+            <a href="https://t.me/@ndx_09" className="
               flex gap-4 p-3 rounded-lg border-2 border-sky-500 text-sky-500
               hover:cursor-pointer hover:text-black hover:border-black 
               ">
               <Send className="w-6 h-6" />
               <Text txt="ask" />
-            </button>
+            </a>
           </div>
         </div>
       </div>

app/[lang]/page.tsx

@@ -5,6 +5,7 @@ import Faq from "@/components/pageParts/faq";
 import Partners from "@/components/pageParts/partners";
 import Map from "@/components/pageParts/map";
 import CustomSlider from "@/components/pageParts/newsSlider";
+import Footer from "@/components/nav_foot/footer";
 
 export default function Home() {
   return (
@@ -14,7 +15,9 @@ export default function Home() {
       </section>
       <Texnika />
       <Offer />
+      <section id="about">
         <CustomSlider />
+      </section>
       <Faq />
       <Partners />
       <Map />

components/cards/sliderCard.tsx

@@ -5,11 +5,13 @@ import Image from "next/image";
 import Link from "next/link";
 import Text from "../lib_components/text";
 import { motion } from "framer-motion";
+import { useParams } from "next/navigation";
 
 export default function SliderCard({ data }: { data: ProductTypes }) {
+  const router = useParams();
   return (
     <Link
-      href={data.path}
+      href={`/${router.lang}/${data.path}`}
       id="news_slider_card"
       className="group hover:cursor-pointer block"
     >

components/nav_foot/footer.tsx

@@ -32,25 +32,25 @@ export default function Footer() {
               </div>
               <div className="  flex items-center justify-center gap-2">
                 <a
-                  href=""
+                  href="https://www.facebook.com/"
                   className="rounded-[50] hover:bg-secondary bg-gray-500 p-3 text-white hover:cursor-pointer "
                 >
                   <FaFacebookF />
                 </a>
                 <a
-                  href=""
+                  href="https://x.com/"
                   className="rounded-[50] hover:bg-secondary bg-gray-500 p-3 text-white hover:cursor-pointer "
                 >
                   <FaTwitter />
                 </a>
                 <a
-                  href=""
+                  href="https://www.linkedin.com/in/davron-chetin-959833246/"
                   className="rounded-[50] hover:bg-secondary bg-gray-500 p-3 text-white hover:cursor-pointer "
                 >
                   <FaLinkedinIn />
                 </a>
                 <a
-                  href=""
+                  href="https://t.me/@ndx_09"
                   className="rounded-[50] hover:bg-secondary bg-gray-500 p-3 text-white hover:cursor-pointer "
                 >
                   <FaTelegramPlane />
@@ -111,7 +111,8 @@ export default function Footer() {
         </div>
         <div className=" max-[1200px]:absolute z-10 bottom-30 right-5  group flex flex-col items-end justify-end pt-15">
           <div className="group relative">
-            <div
+            <a
+              href="https://t.me/@ndx_09"
               className="
                     flex gap-1 items-center text-white text-xl
                     opacity-0 translate-x-8 pointer-events-none
@@ -123,11 +124,11 @@ export default function Footer() {
               <span className="rounded-full p-2 bg-[#0e76a8] ml-2">
                 <FaTelegram />
               </span>
-            </div>
+            </a>
           </div>
 
           <div className="group relative my-2 ">
-            <div
+            <a href="https://instagram.com/temur_wariors"
               className="
                     flex gap-1 items-center text-white text-xl
                     opacity-0 translate-x-6 pointer-events-none
@@ -141,11 +142,11 @@ export default function Footer() {
               <span className="bg-linear-to-tr from-[#feda75] via-[#cc2980] to-[#9a2eba] rounded-[50%] p-2 ">
                 <FaInstagram />
               </span>
-            </div>
+            </a>
           </div>
 
           <div className="group relative">
-            <div
+            <a href="tel:+998917412920"
               className="
                     flex gap-1 items-center text-white text-xl
                     opacity-0 translate-x-2 pointer-events-none
@@ -157,7 +158,7 @@ export default function Footer() {
               <span className="rounded-[50%] p-2 bg-[#00900c] ">
                 <FaPhone />
               </span>
-            </div>
+            </a>
           </div>
           <Image
             src={Ekxkavator_vektor}

components/nav_foot/navbar.tsx

@@ -142,7 +142,7 @@ function LinkGroup({ togle_func }: { togle_func: () => void }) {
   return (
     <>
       <Link
-        to="service"
+        to="contact"
         smooth={true}
         duration={500}
         offset={-200}

components/pageParts/contact.tsx

@@ -1,3 +1,4 @@
+import Text from "../lib_components/text";
 
 export default function Contact() {
   return (
@@ -5,7 +6,7 @@ export default function Contact() {
       <div className="mx-auto absolute z-20 -top-25 bg-secondary max-w-[1200px] w-full py-10 flex flex-col items-center clip-trapezoid">
         <div id="contactClip" className="w-full flex flex-col items-center justify-center">
           <h2 className="text-2xl md:text-3xl font-bold text-primary mb-5 text-center">
-          Qo'ng'iroqni buyurtma qiling
+          <Text txt="contact-h2"/>
         </h2>
 
         {/* Input va Button bloki */}
@@ -16,7 +17,7 @@ export default function Contact() {
             className="flex-1 py-3 px-5 bg-white text-gray-600 placeholder-gray-400 text-lg clip-input focus:outline-none"
           />
           <button className="bg-primary sm:-ml-5 text-white sm:px-6 sm:py-3 p-2 text-lg font-medium clip-button">
-            Menga qo'ng'iroq qiling
+            <Text txt="call"/>
           </button>
         </div>
         </div>

components/pageParts/offer.tsx

@@ -32,12 +32,12 @@ export default function Offer() {
             <Text txt="about-block-quote" />
             <span className="mt-2">"</span>
           </div>
-          <button className="w-[200px] h-[50px] flex items-center justify-center group relative text-white hover:text-primary bg-primary text-lg font-bold py-2 px-5 hover:cursor-pointer">
+          <a href="tel:+998917412920" className="w-[200px] h-[50px] flex items-center justify-center group relative text-white hover:text-primary bg-primary text-lg font-bold py-2 px-5 hover:cursor-pointer">
             <div className="w-full h-full flex items-center justify-center z-20 absolute">
               <Text txt="contact-us" />
             </div>
             <span className="w-[15px] h-[15px] bg-secondary absolute z-10 bottom-0 right-0 group-hover:w-full group-hover:h-full "></span>
-          </button>
+          </a>
         </div>
 
         <Image