new car added and added some new features to header location icon and again added show case section
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user