Update portfolio

gorbatiukcom · Jan 10, 2024 · df679c3 · df679c3
1 parent 9c1a3f9
commit df679c3
Show file tree

Hide file tree

Showing 5 changed files with 71 additions and 25 deletions.
diff --git a/public/images/house/cc13-1.jpg b/public/images/house/cc13-1.jpg
diff --git a/public/images/house/portfolio_1.png b/public/images/house/portfolio_1.png
diff --git a/src/app/portfolio/[projectId]/page.tsx b/src/app/portfolio/[projectId]/page.tsx
@@ -1,6 +1,7 @@
 "use client";
-import { Flex, Heading, Image } from "@chakra-ui/react";
+import { Button, Flex, Heading, Image, Text } from "@chakra-ui/react";
 
+import { Link } from "@/components/link";
 import { PortfolioProjects } from "@/constants/portfolio";
 
 export default function Home({ params }: { params: { projectId: string } }) {
@@ -18,9 +19,16 @@ export default function Home({ params }: { params: { projectId: string } }) {
 
  return (
  <Flex flexDirection="column" alignItems="center" pt={[4, 10]} pb={10}>
- <Heading px={[4, 10]} mx="auto" mb={[4, 10]} fontWeight={400} fontSize={["2xl", "3xl"]}>
- {projectData?.name}
- </Heading>
+ <Flex flexDirection="column" px={[4, 10]} mx="auto" mb={[4, 10]}>
+ <Heading fontWeight={400} fontSize={["2xl", "3xl"]} textAlign="center">
+ {projectData?.name}
+ </Heading>
+ {projectData?.description ? (
+ <Text fontSize={["16px", "20px"]} fontWeight={400} textAlign="center" mt={[2, 4]}>
+ {projectData?.description}
+ </Text>
+ ) : null}
+ </Flex>
 
  <Flex flexDirection="column" alignItems="center" justifyContent="center" px={2} gap={2}>
  {projectData?.images &&
@@ -38,6 +46,33 @@ export default function Home({ params }: { params: { projectId: string } }) {
  );
  })}
  </Flex>
+ <Flex
+ justifyContent={["center", "flex-end"]}
+ position="fixed"
+ width="100%"
+ bottom={["16px", "40px"]}
+ px={["16px", "40px"]}
+ >
+ <Link href="/contacts" width="max-content">
+ <Button
+ width="max-content"
+ height={["40px", "60px"]}
+ px={["20px", "70px"]}
+ background="black"
+ color="textPrimaryWhite"
+ fontSize={["16px", "24px"]}
+ borderRadius={8}
+ transition="0.2s"
+ fontWeight={400}
+ border="2px solid white"
+ _hover={{
+ background: "brand.blue",
+ }}
+ >
+ Zamówić projekt
+ </Button>
+ </Link>
+ </Flex>
  </Flex>
  );
 }
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
@@ -42,20 +42,33 @@ export default function Home() {
  </Text>
  ) : null}
 
- <Text
- display={["none", "block"]}
- position="absolute"
- bottom="48px"
- left="48px"
- color="transparent"
- fontSize="40px"
- _groupHover={{
- color: "white",
- transitionDuration: "0.2s",
- }}
- >
- {name}
- </Text>
+ <Flex flexDirection="column" position="absolute" bottom="48px" left="48px">
+ <Text
+ display={["none", "block"]}
+ color="transparent"
+ fontSize="40px"
+ _groupHover={{
+ color: "white",
+ transitionDuration: "0.2s",
+ }}
+ >
+ {name}
+ </Text>
+ {description ? (
+ <Text
+ display={["none", "block"]}
+ color="transparent"
+ fontSize="20px"
+ _groupHover={{
+ color: "white",
+ transitionDuration: "0.2s",
+ }}
+ fontWeight={400}
+ >
+ {description}
+ </Text>
+ ) : null}
+ </Flex>
  </Flex>
  </Link>
  );

diff --git a/src/constants/portfolio.ts b/src/constants/portfolio.ts
@@ -19,27 +19,26 @@ export const PortfolioProjects: PortfolioProject[] = [
  {
  projectId: "budynek-w-warszawie",
  name: "Budynek w Warszawie",
- image: "/images/house/portfolio_1.png",
+ image: "/images/house/pc09-7.jpg",
  images: [
- "/images/house/cc13-1.jpg",
- "/images/house/cc14-1.jpg",
+ "/images/house/pc09-7.jpg",
  "/images/house/cc15-3.jpg",
  "/images/house/cc18-2.jpg",
  "/images/house/cc19-4.jpg",
  "/images/house/cc28-3.jpg",
  "/images/house/cc29-2.jpg",
+ "/images/house/cc14-1.jpg",
  "/images/house/cc30-2.jpg",
  "/images/house/cc32-2.jpg",
  "/images/house/cc34-1.jpg",
  "/images/house/8FGZxxDJxUMp.jpg",
- "/images/house/NW4VNCnJUO5IcQZP.jpg",
  "/images/house/pc03-8.jpg",
+ "/images/house/pc18-5.jpg",
  "/images/house/pc04-9.jpg",
  "/images/house/pc05-1.jpg",
  "/images/house/pc06-4.jpg",
  "/images/house/pc07-5.jpg",
  "/images/house/pc08-6.jpg",
- "/images/house/pc09-7.jpg",
  "/images/house/pc10-2.jpg",
  "/images/house/pc11-3.jpg",
  "/images/house/pc12-4.jpg",
@@ -49,9 +48,8 @@ export const PortfolioProjects: PortfolioProject[] = [
  "/images/house/pc15-1.jpg",
  "/images/house/pc16-3.jpg",
  "/images/house/pc17-4.jpg",
- "/images/house/pc18-5.jpg",
  "/images/house/pc19-6.jpg",
  ],
- description: "Powierzchnia domu 102 m2",
+ description: "Powierzchnia domu 298 m2",
  },
 ];