├── .eslintrc.json ├── .gitignore ├── .prettierrc ├── README.md ├── jsconfig.json ├── next.config.mjs ├── package.json ├── postcss.config.mjs ├── public ├── default.exr ├── heel.glb └── thumb │ ├── black │ ├── 2-1.webp │ ├── 2-2.webp │ ├── 2-3.webp │ └── 2-4.webp │ ├── clover-og.webp │ ├── red │ ├── 1-1.webp │ ├── 1-2.webp │ ├── 1-3.webp │ └── 1-4.webp │ └── yellow │ ├── 3-1.webp │ ├── 3-2.webp │ ├── 3-3.webp │ └── 3-4.webp ├── src ├── app │ ├── _components │ │ ├── CanvasExperience.jsx │ │ └── ProductDetails.jsx │ ├── favicon.ico │ ├── fonts │ │ ├── GeistMonoVF.woff │ │ └── GeistVF.woff │ ├── globals.css │ ├── layout.jsx │ └── page.jsx ├── components │ ├── Details.jsx │ ├── Experience.jsx │ ├── FakeBreadCrumb.jsx │ ├── Header.jsx │ ├── LoadingAnimation.jsx │ ├── Logo.jsx │ ├── Model.jsx │ └── Scene.jsx ├── context │ └── store.js ├── data │ ├── index.js │ └── svg.js └── shader │ └── customStandardMaterial.js └── tailwind.config.js /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/.prettierrc -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/README.md -------------------------------------------------------------------------------- /jsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/jsconfig.json -------------------------------------------------------------------------------- /next.config.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/next.config.mjs -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/package.json -------------------------------------------------------------------------------- /postcss.config.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/postcss.config.mjs -------------------------------------------------------------------------------- /public/default.exr: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/default.exr -------------------------------------------------------------------------------- /public/heel.glb: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/heel.glb -------------------------------------------------------------------------------- /public/thumb/black/2-1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/thumb/black/2-1.webp -------------------------------------------------------------------------------- /public/thumb/black/2-2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/thumb/black/2-2.webp -------------------------------------------------------------------------------- /public/thumb/black/2-3.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/thumb/black/2-3.webp -------------------------------------------------------------------------------- /public/thumb/black/2-4.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/thumb/black/2-4.webp -------------------------------------------------------------------------------- /public/thumb/clover-og.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/thumb/clover-og.webp -------------------------------------------------------------------------------- /public/thumb/red/1-1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/thumb/red/1-1.webp -------------------------------------------------------------------------------- /public/thumb/red/1-2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/thumb/red/1-2.webp -------------------------------------------------------------------------------- /public/thumb/red/1-3.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/thumb/red/1-3.webp -------------------------------------------------------------------------------- /public/thumb/red/1-4.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/thumb/red/1-4.webp -------------------------------------------------------------------------------- /public/thumb/yellow/3-1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/thumb/yellow/3-1.webp -------------------------------------------------------------------------------- /public/thumb/yellow/3-2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/thumb/yellow/3-2.webp -------------------------------------------------------------------------------- /public/thumb/yellow/3-3.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/thumb/yellow/3-3.webp -------------------------------------------------------------------------------- /public/thumb/yellow/3-4.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/public/thumb/yellow/3-4.webp -------------------------------------------------------------------------------- /src/app/_components/CanvasExperience.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/app/_components/CanvasExperience.jsx -------------------------------------------------------------------------------- /src/app/_components/ProductDetails.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/app/_components/ProductDetails.jsx -------------------------------------------------------------------------------- /src/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/app/favicon.ico -------------------------------------------------------------------------------- /src/app/fonts/GeistMonoVF.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/app/fonts/GeistMonoVF.woff -------------------------------------------------------------------------------- /src/app/fonts/GeistVF.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/app/fonts/GeistVF.woff -------------------------------------------------------------------------------- /src/app/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/app/globals.css -------------------------------------------------------------------------------- /src/app/layout.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/app/layout.jsx -------------------------------------------------------------------------------- /src/app/page.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/app/page.jsx -------------------------------------------------------------------------------- /src/components/Details.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/components/Details.jsx -------------------------------------------------------------------------------- /src/components/Experience.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/components/Experience.jsx -------------------------------------------------------------------------------- /src/components/FakeBreadCrumb.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/components/FakeBreadCrumb.jsx -------------------------------------------------------------------------------- /src/components/Header.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/components/Header.jsx -------------------------------------------------------------------------------- /src/components/LoadingAnimation.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/components/LoadingAnimation.jsx -------------------------------------------------------------------------------- /src/components/Logo.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/components/Logo.jsx -------------------------------------------------------------------------------- /src/components/Model.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/components/Model.jsx -------------------------------------------------------------------------------- /src/components/Scene.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/components/Scene.jsx -------------------------------------------------------------------------------- /src/context/store.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/context/store.js -------------------------------------------------------------------------------- /src/data/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/data/index.js -------------------------------------------------------------------------------- /src/data/svg.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/data/svg.js -------------------------------------------------------------------------------- /src/shader/customStandardMaterial.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/src/shader/customStandardMaterial.js -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudhir9297/clover-product-page-r3f/HEAD/tailwind.config.js --------------------------------------------------------------------------------