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

faq

Browse Source
This commit is contained in:
Davron Chetin
2025-10-08 11:14:19 +05:00
parent ce0b7e1765
commit 54b7acd143
11 changed files with 1243 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
components/pageParts/faq.tsx Normal file
View File

@@ -0,0 +1,103 @@
import type { CollapseProps } from "antd";
import { Collapse } from "antd";
import Text from "../text";
import Title from "../tools/title";
const FaqTexts: CollapseProps["items"] = [
{
key: "1",
showArrow: false,
className: "!border-[3px] !border-secondary !rounded-[15px] p-5 mb-10",
label: (
<div className="text-black text-2xl font-[600]">
<Text txt="faq1" />
</div>
),
children: (
<div className="pl-5 text-gray-500 text-[16px]">
<Text txt="faq-answer-1" />
</div>
),
},
{
key: "2",
showArrow: false,
className: "!border-[3px] !border-secondary !rounded-[15px] p-5 mb-10",
label: (
<div className="text-black text-2xl font-[600]">
<Text txt="faq2" />
</div>
),
children: (
<div className="pl-5 text-gray-500 text-[16px]">
<Text txt="faq-answer-2" />
</div>
),
},
{
key: "3",
showArrow: false,
className: "!border-[3px] !border-secondary !rounded-[15px] p-5 mb-10",
label: (
<div className="text-black text-2xl font-[600]">
<Text txt="faq3" />
</div>
),
children: (
<div className="pl-5 text-gray-500 text-[16px]">
<p className="mb-3">
<Text txt="faq-answer-3" />
</p>
<ul className="pl-4 flex flex-col gap-2">
<li className="flex items-center justify-end gap-3">
<Text txt="faq-answer-3-1" />
<span className="w-[8px] h-[8px] bg-gray-500 rounded-[50%]"></span>
</li>
<li className="flex items-center justify-end gap-3">
<Text txt="faq-answer-3-2" />
<span className="w-[8px] h-[8px] bg-gray-500 rounded-[50%]"></span>
</li>
<li className="flex items-center justify-end gap-3">
<Text txt="faq-answer-3-3" />
<span className="w-[8px] h-[8px] bg-gray-500 rounded-[50%]"></span>
</li>
</ul>
</div>
),
},
{
key: "4",
showArrow: false,
className: "!border-[3px] !border-secondary !rounded-[15px] p-5 mb-5",
label: (
<div className="text-black text-2xl font-[600]">
<Text txt="faq4" />
</div>
),
children: (
<div className="pl-5 text-gray-500 text-[16px]">
<Text txt="faq-answer-4" />
</div>
),
},
];
export default function Faq() {
return (
<div className="max-w-[1200px] w-full mx-auto text-left mb-30">
<div className="mb-10">
<Title text="faq-h2" />
</div>
<div>
<Collapse
ghost
accordion
className="border-[3px] border-b-[3px] bg-white border-secondary rounded-[50px] mb-5"
items={FaqTexts}
bordered={false}
defaultActiveKey={["1"]}
/>
</div>
</div>
);
}

48
components/pageParts/offer.tsx Normal file
View File

@@ -0,0 +1,48 @@
import Image from "next/image";
import Title from "../tools/title";
import Text from "../text";
import { Ekskavator_offer } from "@/assets";
export default function Offer() {
return (
<div className="my-6 mb-30 ">
{/* title */}
<div className="my-20">
<Title text="about-h2" />
</div>
{/* body */}
<div className="flex max-[1200px]:flex-wrap items-start justify-end max-w-[1200px] w-full mx-auto">
<Image
src={Ekskavator_offer}
alt="Ekskavator image"
className="max-[1200px]:flex hidden w-[700px] "
/>
<div className="flex flex-col items-end text-left justify-end gap-5 text-gray-500 max-w-[500px] w-full min-w-[600px] ">
<div className="text-[16px] leading-[30px]">
<Text txt="about-p" />
</div>
<div className="text-primary flex flex-col text-[18px] relative pl-8">
<div className=" absolute left-0">
<div className="bg-primary w-[3px] h-[28px]"></div>
<div className="bg-secondary w-[3px] h-[100px]"></div>
</div>
<span>"</span>
<Text txt="about-block-quote" />
<span className="mt-2">"</span>
</div>
<button className="group relative text-white hover:text-primary">
<Text txt="contact-us" />
</button>
</div>
<Image
src={Ekskavator_offer}
alt="Ekskavator image"
className="min-[1200px]:flex hidden w-[700px] "
/>
</div>
</div>
);
}

42
components/pageParts/texnika.tsx Normal file
View File

@@ -0,0 +1,42 @@
"use client";
import Marquee from "react-fast-marquee";
import Title from "../tools/title";
import { Gehl, Hyundai, JCB, Lonking, Mitsubishi, XCMG } from "@/assets";
import Image, { StaticImageData } from "next/image";
const slideImage: StaticImageData[] = [
Lonking,
Hyundai,
Gehl,
JCB,
Mitsubishi,
XCMG,
];
export default function Texnika() {
return (
<div className="flex flex-col items-center justify-center gap-20 mt-20 max-w-[1200px] w-full mx-auto">
<Title text="brand-h2" />
<Marquee
direction="left"
className="ml-20"
>
{slideImage.map((item, index) => (
<div
key={index}
className="mx-10 min-w-[200px] flex items-center justify-center"
>
<Image
src={item}
alt={`Brand ${index}`}
width={200}
height={200}
className="object-contain"
/>
</div>
))}
</Marquee>
</div>
);
}