gfs

neerajrekwar · Dec 20, 2024 · 6fede76 · 6fede76
1 parent 255bf3d
commit 6fede76
Show file tree

Hide file tree

Showing 8 changed files with 12 additions and 12 deletions.
diff --git a/app/blog/first-post/page.tsx b/app/blog/first-post/page.tsx
@@ -53,7 +53,7 @@ export default function FirstPostPage() {
           </p>
           {post && (
             <div>
-              <img
+              <Image
                 src={post?.imageUrl}
                 alt={post?.title}
                 className="float-left mr-4 mb-2 w-1/3 h-auto object-cover rounded-lg"

diff --git a/app/blog/second-post/page.tsx b/app/blog/second-post/page.tsx
@@ -53,7 +53,7 @@ export default function SecondPostPage() {
           </p>
           {post && (
             <div>
-              <img
+              <Image
                 src={post?.imageUrl}
                 alt={post?.title}
                 className="float-left mr-4 mb-2 w-1/3 h-auto object-cover rounded-lg"

diff --git a/app/blog/third-post/page.tsx b/app/blog/third-post/page.tsx
@@ -53,7 +53,7 @@ export default function ThirdPostPage() {
           </p>
           {post && (
             <div>
-              <img
+              <Image
                 src={post?.imageUrl}
                 alt={post?.title}
                 className="float-left mr-4 mb-2 w-1/3 h-auto object-cover rounded-lg"

diff --git a/components/DataSet.tsx b/components/DataSet.tsx
@@ -1,6 +1,7 @@
 // app/components/DataSet.tsx
 import React from 'react';
 import data from '../app/blog/data/dataset.json';
+import Image from 'next/image';
 
 interface DataItem {
     id: string;
@@ -21,7 +22,7 @@ const DataSet: React.FC = () => {
                 <div key={item.id} className="relative flex rounded-sm gap-2 bg-seven overflow-hidden w-1/4 ">
                     <div className='overflow-hidden p-1 rounded-sm'>
 
-                        <img
+                        <Image
                             src={item.media_url}
                             alt={item.timestamp}
                             className="w-full h-auto hover:opacity-75 transition-all duration-800 rounded object-cover"

diff --git a/components/Gallery.tsx b/components/Gallery.tsx
@@ -1,4 +1,5 @@
 'use client'
+import Image from 'next/image';
 import React from 'react';
 
 interface Image {
@@ -21,7 +22,7 @@ const Gallery: React.FC<GalleryProps> = ({ feed }) => {
       {images &&
         images.map((image) => (
           <div key={image.id} className="relative overflow-hidden">
-            <img
+            <Image
               src={image.media_url}
               alt={image.caption}
               className="w-full h-auto object-cover"

diff --git a/components/InstaGallery.tsx b/components/InstaGallery.tsx
@@ -1,4 +1,5 @@
 "use client"
+import Image from 'next/image';
 import React, { useEffect, useState } from 'react';
 
 interface Image {
@@ -37,7 +38,7 @@ const InstaGallery: React.FC = () => {
         {images.map((image) => (
           <div key={image.id} className="relative overflow-hidden w-1/4 ">
             <div className='overflow-hidden rounded-sm'>
-            <img
+            <Image
               src={image.media_url}
               alt={image.caption}
               className="w-full h-auto object-cover"

diff --git a/components/ui/accordion.tsx → components/accordion.tsx b/components/ui/accordion.tsx → components/accordion.tsx
diff --git a/components/ui/Accordion.tsx b/components/ui/Accordion.tsx
@@ -1,11 +1,8 @@
 import { AnimatedTooltipPreview } from "@/components/AnimatedToolstips";
 import { AnimatedTooltip } from "@/components/ui/animated-tooltip";
-import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-} from "@/components/ui/accordion";
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent} from "../accordion";
+
+
 
 export function AccordionDemo() {
   return (