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

new car added and added some new features to header location icon and again added show case section

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2025-11-14 15:14:41 +05:00
parent 8827f612a5
commit 8a2708a03a
81 changed files with 1147 additions and 476 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
components/pageParts/hero.tsx
View File

@@ -2,53 +2,51 @@
import { motion } from "framer-motion";
import Image from "next/image";
import Text from "../lib_components/text";
export default function HeroSection() {
return (
<section
dir="ltr"
className="relative w-full md:h-[300px] max-md:py-10 max-lg:px-2 overflow-hidden flex items-center justify-center"
className="relative w-full md:h-[500px] max-md:py-10 max-lg:px-2 overflow-hidden flex items-center justify-between"
>
<Image
{/* <Image
src="/hero2.jpg" // public papkaga rasm joylash (masalan, texnika rasmi)
alt="SpetsTexnika"
width={800}
height={400}
className="object-contain rounded-3xl"
/>
/> */}
{/* Asosiy kontent */}
{/* <div className="relative z-20 max-w-6xl mx-auto md:px-6 px-3 text-primary flex flex-col md:flex-row items-center gap-5 justify-between">
<div className="absolute inset-0 z-10">
<Image
src="/hero2.jpg" // public papkaga rasm joylash (masalan, texnika rasmi)
alt="SpetsTexnika"
fill
className="object-cover opacity-30"
priority
/>
</div>
{/* <div className="absolute inset-0 -z-10 mx-auto w-full h-full">
<Image
src="/2.jpg"
alt="SpetsTexnika"
fill
className="object-cover"
priority
/>
</div> */}
Chap tomondagi matn
<div className="relative z-20 max-w-7xl w-full mx-auto md:px-6 px-3 text-primary flex flex-col md:flex-row items-center gap-5 justify-between">
{/* Chap tomondagi matn */}
<motion.div
className="space-y-6 max-w-xl"
className="space-y-3 max-w-xl backdrop-blur-3xl bg-[#ffffff4a] rounded-xl py-6 px-4"
initial={{ opacity: 0, x: -60 }}
animate={{ opacity: 1, x: 0 }}
transition={{ duration: 0.8, ease: "easeOut" }}
>
<h1 className="text-2xl lg:text-4xl font-extrabold leading-tight">
Ishonchli <span className="text-yellow-400">SpesTexnika</span> —
sizning loyihangiz uchun eng yaxshi tanlov!
</h1>
<div className="text-2xl lg:text-4xl font-extrabold leading-tight text-primary">
<Text txt="hero_title"/>
</div>
<p className="text-lg text-gray-600">
Biz eng so‘nggi texnikalar, maxsus transportlar va qurilish
uskunalarini qulay narxda taqdim etamiz.
</p>
<div className="text-xl font-medium text-secondary">
<Text txt="hero_desc"/>
</div>
</motion.div>
O‘ng tomondagi texnika rasmi
{/* O‘ng tomondagi texnika rasmi */}
<motion.div
className="hidden md:block"
initial={{ opacity: 0, x: 80 }}
@@ -63,7 +61,7 @@ export default function HeroSection() {
className="drop-shadow-2xl rounded-xl"
/>
</motion.div>
</div> */}
</div>
{/* Pastdagi to‘lqinli animatsiya (dekor) */}
{/* <motion.div