diff --git a/public/images/clients/1.png b/public/images/clients/1.png new file mode 100644 index 0000000..d983e6e Binary files /dev/null and b/public/images/clients/1.png differ diff --git a/public/images/clients/10.png b/public/images/clients/10.png new file mode 100644 index 0000000..5d44abf Binary files /dev/null and b/public/images/clients/10.png differ diff --git a/public/images/clients/11.png b/public/images/clients/11.png new file mode 100644 index 0000000..4863858 Binary files /dev/null and b/public/images/clients/11.png differ diff --git a/public/images/clients/12.png b/public/images/clients/12.png new file mode 100644 index 0000000..19dd10b Binary files /dev/null and b/public/images/clients/12.png differ diff --git a/public/images/clients/13.png b/public/images/clients/13.png new file mode 100644 index 0000000..e876b1b Binary files /dev/null and b/public/images/clients/13.png differ diff --git a/public/images/clients/14.png b/public/images/clients/14.png new file mode 100644 index 0000000..cd723d6 Binary files /dev/null and b/public/images/clients/14.png differ diff --git a/public/images/clients/15.png b/public/images/clients/15.png new file mode 100644 index 0000000..63568e8 Binary files /dev/null and b/public/images/clients/15.png differ diff --git a/public/images/clients/16.png b/public/images/clients/16.png new file mode 100644 index 0000000..66bf90a Binary files /dev/null and b/public/images/clients/16.png differ diff --git a/public/images/clients/17.png b/public/images/clients/17.png new file mode 100644 index 0000000..ea9585c Binary files /dev/null and b/public/images/clients/17.png differ diff --git a/public/images/clients/18.png b/public/images/clients/18.png new file mode 100644 index 0000000..5cb4674 Binary files /dev/null and b/public/images/clients/18.png differ diff --git a/public/images/clients/19.png b/public/images/clients/19.png new file mode 100644 index 0000000..cdd9974 Binary files /dev/null and b/public/images/clients/19.png differ diff --git a/public/images/clients/2.png b/public/images/clients/2.png new file mode 100644 index 0000000..c963dd6 Binary files /dev/null and b/public/images/clients/2.png differ diff --git a/public/images/clients/20.png b/public/images/clients/20.png new file mode 100644 index 0000000..1bcfca5 Binary files /dev/null and b/public/images/clients/20.png differ diff --git a/public/images/clients/21.png b/public/images/clients/21.png new file mode 100644 index 0000000..f5e31bc Binary files /dev/null and b/public/images/clients/21.png differ diff --git a/public/images/clients/22.png b/public/images/clients/22.png new file mode 100644 index 0000000..9637090 Binary files /dev/null and b/public/images/clients/22.png differ diff --git a/public/images/clients/23.png b/public/images/clients/23.png new file mode 100644 index 0000000..2d4e4bb Binary files /dev/null and b/public/images/clients/23.png differ diff --git a/public/images/clients/24.png b/public/images/clients/24.png new file mode 100644 index 0000000..58b4754 Binary files /dev/null and b/public/images/clients/24.png differ diff --git a/public/images/clients/25.png b/public/images/clients/25.png new file mode 100644 index 0000000..3242ee9 Binary files /dev/null and b/public/images/clients/25.png differ diff --git a/public/images/clients/26.png b/public/images/clients/26.png new file mode 100644 index 0000000..ada3297 Binary files /dev/null and b/public/images/clients/26.png differ diff --git a/public/images/clients/27.png b/public/images/clients/27.png new file mode 100644 index 0000000..be23a62 Binary files /dev/null and b/public/images/clients/27.png differ diff --git a/public/images/clients/28.png b/public/images/clients/28.png new file mode 100644 index 0000000..1ebea5c Binary files /dev/null and b/public/images/clients/28.png differ diff --git a/public/images/clients/29.png b/public/images/clients/29.png new file mode 100644 index 0000000..10c523e Binary files /dev/null and b/public/images/clients/29.png differ diff --git a/public/images/clients/3.png b/public/images/clients/3.png new file mode 100644 index 0000000..f753eaf Binary files /dev/null and b/public/images/clients/3.png differ diff --git a/public/images/clients/30.png b/public/images/clients/30.png new file mode 100644 index 0000000..d3ebd55 Binary files /dev/null and b/public/images/clients/30.png differ diff --git a/public/images/clients/31.png b/public/images/clients/31.png new file mode 100644 index 0000000..eecffce Binary files /dev/null and b/public/images/clients/31.png differ diff --git a/public/images/clients/4.png b/public/images/clients/4.png new file mode 100644 index 0000000..999310b Binary files /dev/null and b/public/images/clients/4.png differ diff --git a/public/images/clients/5.png b/public/images/clients/5.png new file mode 100644 index 0000000..2d82a20 Binary files /dev/null and b/public/images/clients/5.png differ diff --git a/public/images/clients/6.png b/public/images/clients/6.png new file mode 100644 index 0000000..9b9ed5e Binary files /dev/null and b/public/images/clients/6.png differ diff --git a/public/images/clients/7.png b/public/images/clients/7.png new file mode 100644 index 0000000..d358ee2 Binary files /dev/null and b/public/images/clients/7.png differ diff --git a/public/images/clients/8.png b/public/images/clients/8.png new file mode 100644 index 0000000..514bf92 Binary files /dev/null and b/public/images/clients/8.png differ diff --git a/public/images/clients/9.png b/public/images/clients/9.png new file mode 100644 index 0000000..0e8dc12 Binary files /dev/null and b/public/images/clients/9.png differ diff --git a/src/Projects/MobileProjects.tsx b/src/Projects/MobileProjects.tsx index 296f9ba..cf84f37 100644 --- a/src/Projects/MobileProjects.tsx +++ b/src/Projects/MobileProjects.tsx @@ -50,7 +50,8 @@ const MobileProjects = ({ sortedProjects }: IProjectsProps) => { previosLabel = label; return ( <> - {/*
*/} +
+
diff --git a/src/app/page.tsx b/src/app/page.tsx index 515c758..000ff10 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -36,6 +36,7 @@ import { Video } from "../types/Video"; import Reviews from "@components/Reviews"; import Histories from "@components/Histories"; import Projects from "../Projects/Projects"; +import Clients from "@components/Clients"; const VIDEOS_FEATURES: Video[] = [ { @@ -614,25 +615,7 @@ export default function App() { -
- - Наши клиенты{" "} - в девелопменте - - - -
- -
-
+
diff --git a/src/components/Clients.tsx b/src/components/Clients.tsx new file mode 100644 index 0000000..26ee89c --- /dev/null +++ b/src/components/Clients.tsx @@ -0,0 +1,67 @@ +import Image from "next/image"; +import Heading2 from "./Headings/Heading2"; + +interface IClient { + id: string; + src: string; +} + +const clients: IClient[] = [ + { id: "1", src: "/images/clients/1.png" }, + { id: "2", src: "/images/clients/2.png" }, + { id: "3", src: "/images/clients/3.png" }, + { id: "4", src: "/images/clients/4.png" }, + { id: "5", src: "/images/clients/5.png" }, + { id: "6", src: "/images/clients/6.png" }, + { id: "7", src: "/images/clients/7.png" }, + { id: "8", src: "/images/clients/8.png" }, + { id: "9", src: "/images/clients/9.png" }, + { id: "10", src: "/images/clients/10.png" }, + { id: "11", src: "/images/clients/11.png" }, + { id: "12", src: "/images/clients/12.png" }, + { id: "13", src: "/images/clients/13.png" }, + { id: "31", src: "/images/clients/14.png" }, + { id: "14", src: "/images/clients/15.png" }, + { id: "15", src: "/images/clients/16.png" }, + { id: "16", src: "/images/clients/17.png" }, + { id: "17", src: "/images/clients/18.png" }, + { id: "18", src: "/images/clients/19.png" }, + { id: "19", src: "/images/clients/20.png" }, + { id: "20", src: "/images/clients/21.png" }, + { id: "21", src: "/images/clients/22.png" }, + { id: "22", src: "/images/clients/23.png" }, + { id: "23", src: "/images/clients/24.png" }, + { id: "24", src: "/images/clients/25.png" }, + { id: "25", src: "/images/clients/26.png" }, + { id: "26", src: "/images/clients/27.png" }, + { id: "27", src: "/images/clients/28.png" }, + { id: "28", src: "/images/clients/29.png" }, + { id: "29", src: "/images/clients/30.png" }, + { id: "30", src: "/images/clients/31.png" }, +]; + +const Clients = () => { + return ( +
+
+ + Наши клиенты{" "} + в девелопменте + + + {clients.map((client) => ( + + ))} +
+
+
+ ); +}; + +export default Clients; diff --git a/src/components/MoreProjectButton.tsx b/src/components/MoreProjectButton.tsx index d99a92c..a73324a 100644 --- a/src/components/MoreProjectButton.tsx +++ b/src/components/MoreProjectButton.tsx @@ -13,7 +13,7 @@ function MoreProjectButton({ onClick }: IMoreProjectButtonProps) { whileInView={{ opacity: 1 }} viewport={{ once: true, margin: "-100px" }} transition={{ duration: 1, ease: [0.58, 0.12, 0.27, 0.98], delay: 0.2 }} - className="border border-[#3D425C] p-4 flex sm:flex-col sm:justify-end items-end gap-2 sm:rounded-none rounded-full aspect-square" + className="border border-[#3D425C] p-4 flex sm:flex-col sm:justify-end items-end gap-2 sm:rounded-none rounded-full sm:aspect-square hover:border-[#3D425C] active:border-[#3d425cc4] active:text-[#ffffffc4] duration-150 ease-in-out transition-all" onClick={onClick} >
diff --git a/src/components/icons/ArrowIcon.tsx b/src/components/icons/ArrowIcon.tsx index f4366ae..55e8516 100644 --- a/src/components/icons/ArrowIcon.tsx +++ b/src/components/icons/ArrowIcon.tsx @@ -16,7 +16,7 @@ function ArrowIcon({ className }: IArrowIconProps) { fillRule="evenodd" clipRule="evenodd" d="M5 12C5 12.5523 5.44771 13 6 13L15.4817 13L10.9504 17.2724C10.5485 17.6513 10.5299 18.2842 10.9088 18.686C11.2876 19.0879 11.9205 19.1065 12.3224 18.7276L18.686 12.7276C18.8864 12.5387 19 12.2754 19 12C19 11.7246 18.8864 11.4614 18.686 11.2724L12.3224 5.27241C11.9205 4.89354 11.2876 4.91215 10.9088 5.31399C10.5299 5.71583 10.5485 6.34872 10.9504 6.72759L15.4817 11L6 11C5.44772 11 5 11.4477 5 12Z" - fill="white" + fill="currentColor" /> );