Davron/spestexnika
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

carType page over

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2025-11-07 20:00:27 +05:00
parent 2207df3b8c
commit 051d9053dc
28 changed files with 774 additions and 336 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
components/nav_foot/footer.tsx
View File

@@ -1,5 +1,5 @@
import Image from "next/image";
import Text from "../text";
import Text from "../lib_components/text";
import {
FaFacebookF,
FaTwitter,
@@ -110,62 +110,62 @@ export default function Footer() {
</div>
</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
className="
<div className="group relative">
<div
className="
flex gap-1 items-center text-white text-xl
opacity-0 translate-x-8 pointer-events-none
group-hover:opacity-100 group-hover:translate-x-0 group-hover:pointer-events-auto
transition-all duration-1000 ease-in-out delay-800 hover:cursor-pointer
"
>
<p className="bg-[#0e76a8] p-2 rounded-[8px]">Telegram</p>
<span className="rounded-full p-2 bg-[#0e76a8] ml-2">
<FaTelegram />
</span>
</div>
>
<p className="bg-[#0e76a8] p-2 rounded-[8px]">Telegram</p>
<span className="rounded-full p-2 bg-[#0e76a8] ml-2">
<FaTelegram />
</span>
</div>
</div>
<div className="group relative my-2 ">
<div
className="
<div className="group relative my-2 ">
<div
className="
flex gap-1 items-center text-white text-xl
opacity-0 translate-x-6 pointer-events-none
group-hover:opacity-100 group-hover:translate-x-0 group-hover:pointer-events-auto
transition-all duration-500 ease-in-out delay-600 hover:cursor-pointer
"
>
<p className="bg-[#00900c] p-2 rounded-[8px] bg-linear-to-tr from-[#feda75] via-[#cc2980] to-[#9a2eba] ">
Instagram
</p>
<span className="bg-linear-to-tr from-[#feda75] via-[#cc2980] to-[#9a2eba] rounded-[50%] p-2 ">
<FaInstagram />
</span>
</div>
>
<p className="bg-[#00900c] p-2 rounded-[8px] bg-linear-to-tr from-[#feda75] via-[#cc2980] to-[#9a2eba] ">
Instagram
</p>
<span className="bg-linear-to-tr from-[#feda75] via-[#cc2980] to-[#9a2eba] rounded-[50%] p-2 ">
<FaInstagram />
</span>
</div>
</div>
<div className="group relative">
<div
className="
<div className="group relative">
<div
className="
flex gap-1 items-center text-white text-xl
opacity-0 translate-x-2 pointer-events-none
group-hover:opacity-100 group-hover:translate-x-0 group-hover:pointer-events-auto
transition-all duration-100 ease-in-out delay-200 hover:cursor-pointer
"
>
<p className="bg-[#00900c] p-2 rounded-[8px]">Phone</p>
<span className="rounded-[50%] p-2 bg-[#00900c] ">
<FaPhone />
</span>
</div>
>
<p className="bg-[#00900c] p-2 rounded-[8px]">Phone</p>
<span className="rounded-[50%] p-2 bg-[#00900c] ">
<FaPhone />
</span>
</div>
<Image
src={Ekxkavator_vektor}
width={90}
height={90}
className="mt-3 hover:cursor-pointer icon_animation rounded-[50%] object-cover"
alt="icon image"
/>
</div>
<Image
src={Ekxkavator_vektor}
width={90}
height={90}
className="mt-3 hover:cursor-pointer icon_animation rounded-[50%] object-cover"
alt="icon image"
/>
</div>
</div>

44
components/nav_foot/navbar.tsx
View File

@@ -4,7 +4,7 @@ import { useTranslation } from "react-i18next";
import { useState } from "react";
import i18n from "@/i18n";
import { Link } from "react-scroll";
import Text from "../text";
import Text from "../lib_components/text";
import "./navbar.css";
import { logoImg } from "@/assets";
import Image from "next/image";
@@ -70,27 +70,27 @@ export default function Navbar() {
{/* change language part */}
<div className=" max-[580px]:flex hidden items-center justify-center gap-5">
<button
onClick={() => handleChangeLang("uz")}
className={`hover:cursor-pointer ${
lang === "uz" && "bg-secondary text-primary rounded-[8px]"
} px-2 py-1 text-[20px] ${
lang !== "uz" && "border-l-2 border-b-2 border-primary"
} `}
>
UZ
</button>
<button
onClick={() => handleChangeLang("ru")}
className={`hover:cursor-pointer ${
lang === "ru" && "bg-secondary text-primary rounded-[8px]"
} px-2 py-1 text-[20px] ${
lang !== "ru" && "border-r-2 border-b-2 border-primary"
}`}
>
RU
</button>
</div>
<button
onClick={() => handleChangeLang("uz")}
className={`hover:cursor-pointer ${
lang === "uz" && "bg-secondary text-primary rounded-[8px]"
} px-2 py-1 text-[20px] ${
lang !== "uz" && "border-l-2 border-b-2 border-primary"
} `}
>
UZ
</button>
<button
onClick={() => handleChangeLang("ru")}
className={`hover:cursor-pointer ${
lang === "ru" && "bg-secondary text-primary rounded-[8px]"
} px-2 py-1 text-[20px] ${
lang !== "ru" && "border-r-2 border-b-2 border-primary"
}`}
>
RU
</button>
</div>
<div onClick={changeToggler} className={togglerIcon}>
<div className="toggle_item1"></div>