added all new chanes

This commit is contained in:
ahmadrezabd
2025-12-20 19:42:04 +03:30
parent d02c44e4c4
commit 5e6c788b54
16 changed files with 35 additions and 29 deletions
+8 -8
View File
@@ -22,19 +22,19 @@ export default function Features() {
const images = {
"item-1": {
image: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1207&h=929&fit=crop&q=80",
image: "/assets/main-pic/4section/Systems Integration.jpg",
alt: "System integration",
},
"item-2": {
image: "https://images.unsplash.com/photo-1558494949-ef010cbdcc31?w=1207&h=929&fit=crop&q=80",
image: "/assets/main-pic/4section/Powerful Management panels.jpg",
alt: "Management panels",
},
"item-3": {
image: "https://images.unsplash.com/photo-1557683316-973673baf926?w=1207&h=929&fit=crop&q=80",
image: "/assets/main-pic/4section/Interaction with Social Networks.jpg",
alt: "Social media integration",
},
"item-4": {
image: "https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1207&h=929&fit=crop&q=80",
image: "/assets/main-pic/4section/Process Automation.jpg",
alt: "Process automation",
},
};
@@ -113,9 +113,9 @@ export default function Features() {
</AccordionItem>
</Accordion>
<div className="bg-background relative flex overflow-hidden rounded-3xl border p-2">
<div className="bg-background relative flex overflow-hidden rounded-3xl border p-0 m-0">
<div className="w-15 absolute inset-0 right-0 ml-auto border-l bg-[repeating-linear-gradient(-45deg,var(--color-border),var(--color-border)_1px,transparent_1px,transparent_8px)]"></div>
<div className="aspect-76/59 bg-background relative w-[calc(3/4*100%+3rem)] rounded-2xl">
<div className="aspect-76/59 bg-background relative w-full rounded-3xl m-0 p-0">
<AnimatePresence mode="wait">
<motion.div
key={`${activeItem}-id`}
@@ -123,11 +123,11 @@ export default function Features() {
animate={{ opacity: 1, y: 0, scale: 1 }}
exit={{ opacity: 0, y: 6, scale: 0.98 }}
transition={{ duration: 0.2 }}
className="size-full overflow-hidden rounded-2xl border bg-zinc-900 shadow-md"
className="size-full overflow-hidden rounded-3xl m-0 p-0"
>
<Image
src={images[activeItem].image}
className="size-full object-cover object-left-top dark:mix-blend-lighten"
className="size-full object-cover dark:mix-blend-lighten"
alt={images[activeItem].alt}
width={1207}
height={929}