images

next.config.mjs

@@ -1,6 +1,5 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  output: "export",
   trailingSlash: true,
   distDir: "dist",
 };

src/app/page.tsx

@@ -370,32 +370,37 @@ export default function App() {
           </div>
 
           <div className="relative sm:grid grid-cols-2 xl:gap-x-8 sm:gap-x-6 2xl:mb-[200px] sm:mb-[120px] mb-20">
-            <div className="2xl:mt-[220px] xl:mt-40 sm:mt-[104px]">
+            <div>
+              <ExampleCard
+                title="ЖК «Upside Towers»"
+                company="Upside Development"
+                image="/images/examples/5.jpg"
+              />
               <ExampleCard
                 title="ЖК «Life Резиденция»"
                 company="ГК Паритет Девелопмент"
-                image="/images/Aivaz1.jpg"
+                image="/images/examples/1.jpg"
               />
 
               <ExampleCard
                 title="ЖК «Айвазовский City»"
                 company="ЭНКО"
-                image="/images/Aivaz3.jpg"
+                image="/images/examples/3.jpg"
                 className="xl:mb-[0px] sm:mb-[0px] mb-[0px]"
               />
             </div>
 
-            <div>
+            <div className="2xl:mt-[220px] xl:mt-40 sm:mt-[104px]">
               <ExampleCard
                 title="Авторский квартал Машаров"
                 company="Сибинтел Девелопмент"
-                image="/images/Aivaz2.jpg"
+                image="/images/examples/2.jpg"
               />
 
               <ExampleCard
                 title="ЖК «Сюжеты»"
                 company="Fortis Development"
-                image="/images/Aivaz4.jpg"
+                image="/images/examples/4.jpg"
               />
             </div>
 
@@ -668,7 +673,7 @@ export default function App() {
           </div>
 
           <Winners />
-          <Reviews />
+          {/* <Reviews /> */}
 
           <div className="flex flex-col 2xl:gap-16 xl:gap-10 gap-8 2xl:mb-[200px] sm:mb-[120px] mb-20">
             <Heading2>Проекты</Heading2>

src/components/MoreProjectButton.tsx

@@ -1,5 +1,6 @@
 import { motion } from "framer-motion";
 import PlusIcon from "./icons/PlusIcon";
+import ArrowIcon from "./icons/ArrowIcon";
 
 interface MoreProjectButtonProps {
   onClick?: () => void;
@@ -12,11 +13,14 @@ function MoreProjectButton({ onClick }: MoreProjectButtonProps) {
       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] px-6 py-4 flex sm:flex-col sm:justify-center justify-between items-center gap-2"
+      className="border border-[#3D425C] px-6 py-4 flex sm:flex-col sm:justify-end items-end gap-2 sm:rounded-none rounded-full"
       onClick={onClick}
     >
-      <p className="font-gilroy font-medium leading-none">Показать еще</p>
-      <PlusIcon />
+      <div className="flex gap-2 items-center justify-between sm:justify-end w-full">
+        <p className="font-gilroy font-medium leading-none">Показать еще</p>
+        <ArrowIcon className="sm:block hidden" />
+        <PlusIcon className="block sm:hidden" />
+      </div>
     </motion.button>
   );
 }

src/components/Reviews.tsx

@@ -14,6 +14,7 @@ import ArrowLeftIcon from "./icons/ArrowLeftIcon";
 import ArrowRightIcon from "./icons/ArrowRightIcon";
 import { Transition } from "react-transition-group";
 import PlayerIcon from "./icons/PlayerIcon";
+import Image from "next/image";
 
 type Review = {
   id: string;
@@ -121,10 +122,12 @@ function Reviews() {
                 <div
                   className={`transition-opacity xl:w-[368px] sm:min-w-[354px]  min-w-[328px] duration-300 pr-10 flex items-start gap-6`}
                 >
-                  <img
+                  <Image
+                    width={72}
+                    height={72}
                     src={REVIEWS[selectedImageIndex].avatar}
                     alt={REVIEWS[selectedImageIndex].name}
-                    className="rounded-full w-[72px]"
+                    className="rounded-full"
                   />
                   <div>
                     <p className="font-semibold sm:mb-4 text-xl">

src/components/icons/ArrowIcon.tsx

@@ -1,6 +1,11 @@
-function ArrowIcon() {
+interface IArrowIconProps {
+  className?: string;
+}
+
+function ArrowIcon({ className }: IArrowIconProps) {
   return (
     <svg
+      className={`${className ? className : ""}`}
       width="24"
       height="24"
       viewBox="0 0 24 24"

src/components/icons/PlusIcon.tsx

@@ -1,6 +1,11 @@
-function PlusIcon() {
+interface IPlusIconProps {
+  className?: string;
+}
+
+function PlusIcon({ className }: IPlusIconProps) {
   return (
     <svg
+      className={`${className ? className : ""}`}
       width="25"
       height="24"
       viewBox="0 0 25 24"