Merge pull request #14 from anurag-bit/main

component-update
developers-sky · Mar 3, 2024 · 0867b1a · 0867b1a
2 parents 9afabc0 + 15be5b8
commit 0867b1a
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 10 deletions.
diff --git a/next.config.js b/next.config.js
@@ -1,4 +1,8 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+    images: {
+        domains: ['res.cloudinary.com'],
+    }
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;
diff --git a/src/app/picturesque/page.tsx b/src/app/picturesque/page.tsx
@@ -49,8 +49,8 @@ export default function Home() {
                         <ContextMenuTrigger>
                             <div className="w-[95.5vw] min-h-screen   bg-gray-800">
                                 <MouseImageTrail
-                                    renderImageBuffer={50}
-                                    rotationRange={10}
+                                    renderImageBuffer={40}
+                                    rotationRange={15}
                                     images={[
                                         "https://res.cloudinary.com/anurag256k/image/upload/f_auto,q_auto/v1/Technojam/odupmyfwo3blymj5tncq",
                                         "https://res.cloudinary.com/anurag256k/image/upload/f_auto,q_auto/v1/Technojam/rijyqxeor6f3ifojp6jy",
@@ -66,7 +66,7 @@ export default function Home() {
                                         "https://res.cloudinary.com/anurag256k/image/upload/f_auto,q_auto/v1/Technojam/wg5p3yr7c2jiudfcqluv",
                                     ].filter(Boolean)}
                                 >
-                                    <section className="grid h-screen w-full place-content-center bg-gray-800">
+                                    <section className="grid h-screen w-full place-content-center rounded-2xl pt-10 pb-10 pl-10 pr-10 bg-gray-900">
                                         <p className="flex items-center gap-2 text-3xl font-bold uppercase text-pink-">
                                             <img src="https://res.cloudinary.com/anurag256k/image/upload/f_auto,q_auto/v1/Technojam/slstruuwf3wdwsezrwl1" alt="TechnoJam" className="flex items-center gap-2 text-3xl font-bold uppercase text-pink-" style={{ width: "775px", height: "auto" }} />
                                         </p>

diff --git a/src/components/ui/parallax-scroll.tsx b/src/components/ui/parallax-scroll.tsx
@@ -37,7 +37,7 @@ export const ParallaxScroll = ({
         className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 items-start  max-w-5xl mx-auto gap-10 py-40 px-10"
         ref={gridRef}
       >
-        <div className="grid gap-10">
+        <div className="grid gap-8">
           {firstPart.map((el, idx) => (
             <motion.div
               style={{ y: translateFirst }} // Apply the translateY motion value here
@@ -53,7 +53,7 @@ export const ParallaxScroll = ({
             </motion.div>
           ))}
         </div>
-        <div className="grid gap-10">
+        <div className="grid gap-8">
           {secondPart.map((el, idx) => (
             <motion.div style={{ y: translateSecond }} key={"grid-2" + idx}>
               <Image
@@ -66,14 +66,14 @@ export const ParallaxScroll = ({
             </motion.div>
           ))}
         </div>
-        <div className="grid gap-10">
+        <div className="grid gap-8">
           {thirdPart.map((el, idx) => (
             <motion.div style={{ y: translateThird }} key={"grid-3" + idx}>
               <Image
                 src={el}
                 className="h-80 w-full object-cover object-left-top rounded-lg gap-10 !m-0 !p-0"
-                height="400"
-                width="400"
+                height="350"
+                width="350"
                 alt="thumbnail"
               />
             </motion.div>