├── .eslintrc.json
├── .gitignore
├── README.md
├── next.config.mjs
├── package-lock.json
├── package.json
├── postcss.config.mjs
├── public
├── audio
│ └── fly-me-to-the-moon.mp3
├── background
│ ├── about-background.png
│ ├── contact-background.png
│ ├── home-background.png
│ └── projects-background.png
├── models
│ ├── about
│ │ ├── controller-transformed.glb
│ │ ├── headphone-transformed.glb
│ │ └── mouse-transformed.glb
│ ├── laptop-transformed.glb
│ ├── scene-transformed.glb
│ └── staff-transformed.glb
├── next.svg
├── resume.pdf
└── vercel.svg
├── src
├── app
│ ├── (subPages)
│ │ ├── about
│ │ │ └── page.tsx
│ │ ├── contact
│ │ │ └── page.tsx
│ │ ├── layout.tsx
│ │ └── projects
│ │ │ └── page.tsx
│ ├── data.ts
│ ├── favicon.ico
│ ├── globals.css
│ ├── layout.tsx
│ └── page.tsx
├── components
│ ├── FireFliesBackground.tsx
│ ├── HomeBtn.tsx
│ ├── RenderModel.tsx
│ ├── ResponsiveComponent.tsx
│ ├── Sound.tsx
│ ├── about
│ │ ├── ItemLayout.tsx
│ │ └── index.tsx
│ ├── contact
│ │ └── Form.tsx
│ ├── models
│ │ ├── Harry.tsx
│ │ ├── Laptop.tsx
│ │ └── about
│ │ │ ├── Controller.tsx
│ │ │ ├── Headphone.tsx
│ │ │ └── Mouse.tsx
│ ├── navigation
│ │ ├── NavButton.tsx
│ │ └── index.tsx
│ └── projects
│ │ ├── ProjectLayout.tsx
│ │ └── index.tsx
└── hook
│ └── useScreenSize.tsx
├── tailwind.config.ts
└── tsconfig.json
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "next/core-web-vitals"
3 | }
4 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 | .yarn/install-state.gz
8 |
9 | # testing
10 | /coverage
11 |
12 | # next.js
13 | /.next/
14 | /out/
15 |
16 | # production
17 | /build
18 |
19 | # misc
20 | .DS_Store
21 | *.pem
22 |
23 | # debug
24 | npm-debug.log*
25 | yarn-debug.log*
26 | yarn-error.log*
27 |
28 | # local env files
29 | .env*.local
30 |
31 | # vercel
32 | .vercel
33 |
34 | # typescript
35 | *.tsbuildinfo
36 | next-env.d.ts
37 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
2 |
3 | ## Getting Started
4 |
5 | First, run the development server:
6 |
7 | ```bash
8 | npm run dev
9 | # or
10 | yarn dev
11 | # or
12 | pnpm dev
13 | # or
14 | bun dev
15 | ```
16 |
17 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18 |
19 | You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
20 |
21 | This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
22 |
23 | ## Learn More
24 |
25 | To learn more about Next.js, take a look at the following resources:
26 |
27 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28 | - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
29 |
30 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
31 |
32 | ## Deploy on Vercel
33 |
34 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
35 |
36 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
37 |
--------------------------------------------------------------------------------
/next.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {};
3 |
4 | export default nextConfig;
5 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "ali-portofolio",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "react": "^18",
13 | "react-dom": "^18",
14 | "next": "14.2.3",
15 | "@emailjs/browser": "^4.2.0",
16 | "@react-three/drei": "^9.99.5",
17 | "@react-three/fiber": "^8.15.16",
18 | "clsx": "^2.1.0",
19 | "framer-motion": "^11.0.8",
20 | "lucide-react": "^0.344.0",
21 | "react-hook-form": "^7.51.0",
22 | "sonner": "^1.4.3",
23 | "three": "^0.162.0"
24 | },
25 | "devDependencies": {
26 | "typescript": "^5",
27 | "@types/node": "^20",
28 | "@types/react": "^18",
29 | "@types/react-dom": "^18",
30 | "autoprefixer": "^10.0.1",
31 | "eslint": "^8",
32 | "eslint-config-next": "14.1.1",
33 | "postcss": "^8",
34 | "tailwindcss": "^3.3.0"
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/postcss.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('postcss-load-config').Config} */
2 | const config = {
3 | plugins: {
4 | tailwindcss: {},
5 | autoprefixer: {},
6 | },
7 | };
8 |
9 | export default config;
10 |
--------------------------------------------------------------------------------
/public/audio/fly-me-to-the-moon.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AliSabet81/creative-portofolio/0c884f01b8c94086a9d8a39c9fbb7a7ecc84ea0d/public/audio/fly-me-to-the-moon.mp3
--------------------------------------------------------------------------------
/public/background/about-background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AliSabet81/creative-portofolio/0c884f01b8c94086a9d8a39c9fbb7a7ecc84ea0d/public/background/about-background.png
--------------------------------------------------------------------------------
/public/background/contact-background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AliSabet81/creative-portofolio/0c884f01b8c94086a9d8a39c9fbb7a7ecc84ea0d/public/background/contact-background.png
--------------------------------------------------------------------------------
/public/background/home-background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AliSabet81/creative-portofolio/0c884f01b8c94086a9d8a39c9fbb7a7ecc84ea0d/public/background/home-background.png
--------------------------------------------------------------------------------
/public/background/projects-background.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AliSabet81/creative-portofolio/0c884f01b8c94086a9d8a39c9fbb7a7ecc84ea0d/public/background/projects-background.png
--------------------------------------------------------------------------------
/public/models/about/controller-transformed.glb:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AliSabet81/creative-portofolio/0c884f01b8c94086a9d8a39c9fbb7a7ecc84ea0d/public/models/about/controller-transformed.glb
--------------------------------------------------------------------------------
/public/models/about/headphone-transformed.glb:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AliSabet81/creative-portofolio/0c884f01b8c94086a9d8a39c9fbb7a7ecc84ea0d/public/models/about/headphone-transformed.glb
--------------------------------------------------------------------------------
/public/models/about/mouse-transformed.glb:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AliSabet81/creative-portofolio/0c884f01b8c94086a9d8a39c9fbb7a7ecc84ea0d/public/models/about/mouse-transformed.glb
--------------------------------------------------------------------------------
/public/models/laptop-transformed.glb:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AliSabet81/creative-portofolio/0c884f01b8c94086a9d8a39c9fbb7a7ecc84ea0d/public/models/laptop-transformed.glb
--------------------------------------------------------------------------------
/public/models/scene-transformed.glb:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AliSabet81/creative-portofolio/0c884f01b8c94086a9d8a39c9fbb7a7ecc84ea0d/public/models/scene-transformed.glb
--------------------------------------------------------------------------------
/public/models/staff-transformed.glb:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/AliSabet81/creative-portofolio/0c884f01b8c94086a9d8a39c9fbb7a7ecc84ea0d/public/models/staff-transformed.glb
--------------------------------------------------------------------------------
/public/next.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/resume.pdf:
--------------------------------------------------------------------------------
1 | %PDF-1.4
2 | %����
3 | 1 0 obj
4 | <>
8 | endobj
9 | 3 0 obj
10 | <>
12 | endobj
13 | 4 0 obj
14 | <>
22 | endobj
23 | 5 0 obj
24 | <>
32 | endobj
33 | 6 0 obj
34 | <>
42 | endobj
43 | 13 0 obj
44 | <>
52 | /StructParent 100000>>
53 | endobj
54 | 14 0 obj
55 | <>
63 | /StructParent 100001>>
64 | endobj
65 | 15 0 obj
66 | <>
74 | /StructParent 100002>>
75 | endobj
76 | 16 0 obj
77 | <>
85 | /StructParent 100003>>
86 | endobj
87 | 17 0 obj
88 | <>
96 | /StructParent 100004>>
97 | endobj
98 | 18 0 obj
99 | <>
107 | /StructParent 100005>>
108 | endobj
109 | 19 0 obj
110 | <>
118 | /StructParent 100006>>
119 | endobj
120 | 20 0 obj
121 | <>
129 | /StructParent 100007>>
130 | endobj
131 | 21 0 obj
132 | <>
140 | /StructParent 100008>>
141 | endobj
142 | 22 0 obj
143 | <> stream
145 | x��}[�$9n�{��|^�Ѻ_�F�j�a�O~��6=��w�?ߤB)��8'��=.����TH��")jS:��� ��w��`�e���ӟ���/�����I��M[�6������/��?n�o�M*��K]5�lZIw۴�������;6��_�|�������l�9+n��7�勼������4�M'�My����åo��[a�7g"�-��g��46����&����|�a>���#t#ܝ/B?^v�7E�-��?���?~�����߽��+4�����˗��=|��#�0���)�6딽Y��O_���ۏ��ݬ�&o��Ϸ����J�e,ͺ4;��U�٥f� ��R>7[���f"й�,�s�0�HQ��9*�\���:��Q2��<�M���U��SjV�AQ:1v8���l1Do�,�&�
146 | ,���o������N�L�R���]FJ'@'��*���Ea����l2���4����:���X!��X1�|���^����x�4����`��t�m�D�� ~�.R��p�:
147 | ������t���Ɏ<���6$�n�7�Մɤ�L×���{�= `���uH6U~���6�$���l�(�m���.Z~�U�e��sn�!
148 | W'5�$�f�q>��/�iG�8�d,��u(��6��=���f} 6*]+���Fj�FZ��1�,�Ο|��U�F�Q>)WQEW�G���FKi�>o���X&0$PA4�'��Y���D"a�s&�����q�s3-4^� V�����Kĝt2�x���A8��(���'�b��E%4�&k&������!}��U��s��LB�k i�l�J����������_������wcI@
149 | u�}gR|������>�~�����_~����������w�u���t�4RJ]P�E��{
150 | ��t0�^~��R�}�`U����]��Sd�wB K2����j�/]Q��^^H���PM5�4Y�L��Bj-��A����)�>���?���v��ېT�D�-�UR��R��UEC>�$��� s)w���B��ځ,�VT<��
151 | �'��3������=�옥����W}OÀ\
152 | �W��rE�'B��|�3��,�z���X=�M�������z�o;f��%c�9����t/nI��������2d.�����4��&�v�\w��c�o�4����#�0*3������mo���8R��/�w����7���c��'�������Ot�2JqK���9��"�0S|XaC&�
153 | �k���{�ze��.����9�
154 | ��(<11�2�7n�"!湦{+�`k�Yd�"D��8���|d�՚ۼO/#���7�ס��_���@7`ֆO������0�{��E���x�Bl�w`}D�|]�;q`D�9��w������=ߘ�-���A��͉�Ϭ�Q`C�^v;����-_�=�.Y�`ma�����-B��K���3W�/K�w�/�K������B��hD��P��2����QU�Ѭ@�����4�5��CZ�ʈK�ƨi6�
155 | �B�5�'a�� 6��Y��1H�(��7`��ϛk�)�Իj����cJ�mhq�� �
156 | ����v��3Ko ���~����鹲(`��n�������J#D�&��F�J�~{:�����i�ؙ�K��!5�^S��Oσ���*S��x�2���U'���p��-�j��{�7s4��":�S�u k4�:�%z3��Y�L��pI+��l0]0G��Î� L\�qf�o���V�>_/=_/&�NN�B3�Y
157 | Y��:s�Ж5��&��uo<�̚�h:�I��y��W��*�֜����a�t[�kuliи�N}{����2ܥ��SXj��V&T�l���N��ĖEi��pR��w�qvSC?��!���+��)-�ݍ��Z�̱������|_Ϳ^�
158 | ��,��@!W����"��.�d<Ӷ&C��1��V��&h\�����#���a���iBB�ж��Im��ޜ���j1��=~�����ާ�n@ m%�>_���A�%�d�ْKv�.�&\��
159 | �}h��}Z=����g�Џ�����J{}j�I'�L�(�w��c�SP��W"�\�_5*K2�f2V��>D7���c�3[�˘�:��{�c�A)/�=�ιĮ�2C �7�82 ��
160 | Y���M�Hm!\�N�Ήz[��� �F.��
161 | �7>����ڣo���7�V `
162 | �1҉ߧ��`2�kj��S&���V�gMӺur�`��Z��)��v�8��� AH��./�oJ*�y�5��LA��ە����p�A.�NAM�4!U�_r�m���H�c���5���s�n{Jם��A���`��᠁�J�Y�*��O�u��S+k��;��&��XU�����C��e�4�����̱r�2�"0���+*Оr����ܒ�H�u5�"�K����/y�-#L ���{�m9��E~��~�_8���g��ݰ �`�o/��Z�&2+�/�>��~Ō`=��zX�S����0�9�`�@��$���4��x��*��X�o�!���.�Z�x����b:���#�������e����e�t�����
163 | =-��K[��@�1������x�E7ynϲ���.j�!6�QAy�[���
164 | �AMO܌Y��Pt�4�����+���J��h|��c�����r����& �,�?�4��;.�/��K1��[ur�PJ���.l7��b��U�6���]d�s9Q�=%�cy n�*� ���>XZ*p|��y)���0�Mf_3
165 | ,S�鰳,�ɬ�I��� ��7�(�Ҳ[�����/����i{R�s�M�_r�3�X���9%zG���~�ޙ����f/Q<�b0��ʙ1r���9jx��H�%[ʕT���[���I�"�L�tw����d@U�I~��@�E�Z;��w�퉍���o�0�=��4:!��l���6�p�:ꜥ�\[-:c�
166 | qϱ�:�ƶy��-m�}i�`������ilO�,�
167 | �Şo�`��aѹnENa���\Ql��w��)���#��Cp��]>����j�뜳�S]�kώ�}֏k��g�������H5��������R�u�2hNi�-��/���t��d
168 | �^���ۈV;Ƭn��Td4�"����";R��~�����'�g��l2� Sѩ��.�~Օ�8;=�~��O��r|D����9xj��o<�3T�q�\}P(��v
169 | )��=\sMչ� �Ҍ�|�K����0.�x��uɟ�6O����� �S�
170 | DH�L�s!Q~� gY;��Cm���B�mp���
171 | k�4��� ��<_�Z�����ON�b��C����L�妭�qL��*����XP+q�Sy��Kz61��"lF�ݰ́�����`�#����m�� ���M�G��`��.�`�ǽ%HA� ���1��N���o؆��&�~lD��fpV㏡K���
172 | c�ޔy��f�U~������|���{Vc�^������+C�Ugq,Z+6>l�6F˦��d���L[�_C`��6����Qk}Gil��ٚ`[�vض����}����U��{��{*�}��J �ǞǩT�A���@�wBH>s��S�t�4�V�M�7FK�sߌ�
173 | �0i���(ܚX|�.�ڗ�&P��L��0�KG��ӗ�J�2 =����8Ui'����nW��sZ`��&����[��m���bf�H �����h}r�H_tc���(����fU��} ��aU!��t�N�+�������lS[yh�l��./�e��%�C�2k��b-�K�t�K����t9�-ʹ���4NU������gH�p�Pwp|�6�
174 | ���� �Ƕ]u�j����4Τg���ʹ���r;�1����5#�tƹ4���q�jM�T՚���x��������^kbێ�L�+;К��kMlCLV��Pn�5�5�<3d��rc'�w̯�Y��֮���it�4� 4_�;�2�e2�F����FoѪTG��@���L��u%c�3�-&V�p�k������شN��3�.��J&!��Y��oḦ́�.
175 | κv$ȏі'�?�!��|-z$�����ϵe=r��dt/�����g�҂��?�JD������{�Ķ*�� �:�Tb[��v�J�ܕ��b��~*�W3���+5�+A(*V�+V,*�/c*��h����v�J�.0�
176 | ��*�v`2%R�r�VD����Xi�J�^�V1Ak����������9&{���$��sQ�q���|h�F�F8;-��Nu%T�`��p�dK����5��K�XB�,Q٦tU���aN�lt�c�,o��2)��a�R)Hb�H��.
177 | �Ӻx$ӏA͓�:�-���-F9�%zB��Vs��5�aGfy嬓��'�#1�hU��cw��1v�1�K�E[��YBYL�
178 | 4
179 | �6�N�9�l�b����xC���9�ծ �/�܀���7H�-�;�����@���[{��P�-���Y�jc��5H��|.V��� cٻ$��K�f�6�{%͆����!�(D�D�$#�s��թ�H�C���"�U���r�+�.�MZ�͂8�ϗ��(C�B$��&�U!9�ū2��u'+e�I#����%�__2+���H��h^�jc���Ȋ��9�&>�j��F\6��a#��lEYbP��{&�؈\cc5l2$�F�ےY�w�������K8��i��A�46��Ԕ� �O_T(���sà �Ķ#~�ys�Ol���6�Ol-rW�m�\E=�Ol���z�Ķ���9�'{�� uY%�}��4e�~6��l�O�*�0JV�b4gX�V��[���*Ċ�i�3~r�P;Gߔ�8���rv�#d|[g�Y�M��C��JH.d��\ ��pѭ�Hr�$=�b�����/7�X��^-���v�,nO���h�P�<_y�a0L_ V��g���|�)��g�77�t�Q�)������X�Z���t8��$n��M=���hSG����M�/,ǃU��x5^U�_�6Hޘ�K�k�4Kn� �c!�6#�e)
180 | �gD�T\;]�1 �������hSsƚ��t�Sy�*�:k|�����L�"�%�-�m�|b�T���)�OlJALSؒ�d�AoL ��P\���8����][�� =K�:���q|W�}t�`������鹉�'�}��2�*�=��u��f� ��w%
181 | ��W�H:�4���5a���v9vk[����M��cߙl&��'�<M?��l>жӀ�7n�����˿a�t.{��a�����8>���ek�|���;���>?#�W���f�I���g��|���c�d�[�Ø�ͼ
182 | C�IL%d-ߐ<��Ä�." �c�x��M
183 | ~:��/����^���L�Tn�|����j�f5<2���i&�l��s��9���XUCa�G`�,�V��e�YU��v�0���
184 | ؖA�*fe�S�ؚ�,U�T�{,&x�G1���p��7��U�`8`��p�*l��A�����������v0����C~N�{�t�I���ε���͇�"͜�O�)�L���
185 | %���nU�s��i
186 | �P�i������������8�}��d'��:��l�L*���hF�,`���D��ٺ�$���I cm����}*�ߠ��w����AL��������{J'7x>4�g��F������s�e|�q�z\ƶ.��p�z\ƶ#.�d����m=.ì���[{\F>希7�\6ZW\������[�9!�t��l�-XBz�z\6�e�d���+>\�YڕX�6�����|�m�?��=c7�r~N���%y�>I���!h��%4��9G'��X���x����2[�PZC�Z]���T\f|��ˌ���O�q2ޭ�a\�f��҈�M�% #:�ĺl}*N�5�x��8c_Z��}�/�]��8��x��I�K�!.�3'y ��-KBDKuEZYZ�*ޏ��������o� p%��DIu�k��V(���4d���~�\K��`cIA�r���:*6")���-Uz��$�T1�ƒ0�AZy�@l+I8d�U5a��6�ܞ
188 | ]�Z{Ғ
189 | �*:��ω����O<�9Brc�U*q�y�ߑ㠊I\���z�AhC��v�B��j?
190 | j��5r��ƴ ܟw�wI~�O�3�:�H'�.͇d�f�рhD�A�$|!�s$��!̢5$lS��`Z����1�˜�j���� 8kֱ2�s��Φ�E�R�Q%)8F}.�u���%�"��f��ޘX Ѽ�3+���]��{v� W� v�c[�Iү{(
191 | cq���(�
192 | d��]���*�A8� �]�F�P#d��5B�p4@�>bo0#�
193 | ���%�@�� PٟR�� ωK�- �w���lD�w��+�n6y��F���g�z7�|��،h��Q�[M�wKжf?6c�\C���jT������"��3�h�a.�l��l:�)l���A ��9 ��"�d�I���
194 | d�2��2N�}2�c�g�YG��(�v6y&�NL~*A��1�3����d��gx�!zr�6�b�j�N|��B�3�5>0���2�����W�}���|�+�O~֒x�e�"fL��pk�4T�K+~���MkMQ´G�:�-�ē\��{��*����x(� .u�\�K^�����J];5Z����ҝ ,%L`��%�Z_z