diff --git a/backend/artistsmgmt/api/__pycache__/urls.cpython-310.pyc b/backend/artistsmgmt/api/__pycache__/urls.cpython-310.pyc
index 8708c4d..5e81a26 100644
Binary files a/backend/artistsmgmt/api/__pycache__/urls.cpython-310.pyc and b/backend/artistsmgmt/api/__pycache__/urls.cpython-310.pyc differ
diff --git a/backend/artistsmgmt/api/__pycache__/views.cpython-310.pyc b/backend/artistsmgmt/api/__pycache__/views.cpython-310.pyc
index b8c9fd4..6821c3f 100644
Binary files a/backend/artistsmgmt/api/__pycache__/views.cpython-310.pyc and b/backend/artistsmgmt/api/__pycache__/views.cpython-310.pyc differ
diff --git a/backend/artistsmgmt/api/views.py b/backend/artistsmgmt/api/views.py
index 8019067..73bb9f8 100644
--- a/backend/artistsmgmt/api/views.py
+++ b/backend/artistsmgmt/api/views.py
@@ -67,11 +67,14 @@ class ArtistRetrieveUpdateDestroyView(generics.RetrieveUpdateDestroyAPIView):
     queryset = Artist.objects.all()
     serializer_class = ArtistSerializer
     
-class ArtistUpdateView(RetrieveUpdateAPIView):
+class ArtistUpdateView(generics.UpdateAPIView):
     queryset = Artist.objects.all()
     serializer_class = ArtistSerializer
     # permission_classes = [IsAuthenticated]  # Adjust permissions as needed
 
-    def get_object(self):
-        user = self.request.user
-        return Artist.objects.get(user=user)
+    def patch(self, request, *args, **kwargs):
+        instance = self.get_object()
+        serializer = self.get_serializer(instance, data=request.data, partial=True)
+        serializer.is_valid(raise_exception=True)
+        self.perform_update(serializer)
+        return Response(serializer.data)
\ No newline at end of file
diff --git a/frontend/src/components/profile/ArtistProfile.js b/frontend/src/components/profile/ArtistProfile.js
new file mode 100644
index 0000000..707153a
--- /dev/null
+++ b/frontend/src/components/profile/ArtistProfile.js
@@ -0,0 +1,10 @@
+import React from 'react';
+
+const ArtistProfile = () => {
+  return (
+    <div className="mb-5">
+    </div>
+  );
+};
+
+export default ArtistProfile;
diff --git a/frontend/src/components/profile/ContactForm.js b/frontend/src/components/profile/ContactForm.js
new file mode 100644
index 0000000..8ed7d8f
--- /dev/null
+++ b/frontend/src/components/profile/ContactForm.js
@@ -0,0 +1,36 @@
+import React from 'react';
+
+const ContactForm = () => {
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    // Handle form submission logic
+  };
+
+  return (
+    <div className="mb-5">
+      <h2>Contact</h2>
+      {/* <Form onSubmit={handleSubmit}>
+        <Form.Group controlId="formName">
+          <Form.Label>Name</Form.Label>
+          <Form.Control type="text" placeholder="Enter your name" />
+        </Form.Group>
+
+        <Form.Group controlId="formEmail">
+          <Form.Label>Email address</Form.Label>
+          <Form.Control type="email" placeholder="Enter email" />
+        </Form.Group>
+
+        <Form.Group controlId="formMessage">
+          <Form.Label>Message</Form.Label>
+          <Form.Control as="textarea" rows={3} placeholder="Enter your message" />
+        </Form.Group>
+
+        <Button variant="primary" type="submit">
+          Submit
+        </Button>
+      </Form> */}
+    </div>
+  );
+};
+
+export default ContactForm;
diff --git a/frontend/src/components/profile/HeroSection.js b/frontend/src/components/profile/HeroSection.js
new file mode 100644
index 0000000..b826cc5
--- /dev/null
+++ b/frontend/src/components/profile/HeroSection.js
@@ -0,0 +1,25 @@
+//Hero.js
+
+import Link from 'next/link';
+
+const Hero = () => {
+    return(
+        <section id='heroproj'>
+            <div className='heroproj-container' data-aos="fade-up" data-aos-delay="150" >
+                <h1>"Discover,Showcase, Connect, Thrive."
+                </h1>
+                <h2>
+                    Join us on a journey where art knows no bounds,<br /> and limitless imagination with our artists.
+                </h2>
+            <div className='d-flex'>
+                    <Link href='#portfolio' className='btn-get-started scrollto'>
+                        View Artists
+                    </Link>
+                </div>
+            </div>
+        </section>
+       
+    );
+};
+
+export default Hero;
\ No newline at end of file
diff --git a/frontend/src/components/profile/Navbar.js b/frontend/src/components/profile/Navbar.js
new file mode 100644
index 0000000..ae52a35
--- /dev/null
+++ b/frontend/src/components/profile/Navbar.js
@@ -0,0 +1,51 @@
+import React from "react";
+import Link from "next/link";
+
+const Customnavbar = () => {
+  return (
+    <nav className="navbar navbar-expand-lg navbar-light bg-light">
+      <div className="container">
+        <a className="navbar-brand" href="#">
+          Artist Profile
+        </a>
+        <button
+          className="navbar-toggler"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navbarNav"
+          aria-controls="navbarNav"
+          aria-expanded="false"
+          aria-label="Toggle navigation"
+        >
+          <span className="navbar-toggler-icon"></span>
+        </button>
+        <div className="collapse navbar-collapse" id="navbarNav">
+          <ul className="navbar-nav ms-auto">
+            <li className="nav-item">
+              <a className="nav-link" href="#">
+                Home
+              </a>
+            </li>
+            <li className="nav-item">
+              <a className="nav-link" href="#">
+                Artists
+              </a>
+            </li>
+            <li className="nav-item">
+              <a className="nav-link" href="#">
+                About
+              </a>
+            </li>
+            <li className="nav-item">
+              <a className="nav-link" href="#">
+                Contact
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+  );
+};
+
+export default Customnavbar;
diff --git a/frontend/src/components/profile/Portfolio.js b/frontend/src/components/profile/Portfolio.js
new file mode 100644
index 0000000..731c1fe
--- /dev/null
+++ b/frontend/src/components/profile/Portfolio.js
@@ -0,0 +1,40 @@
+import React from 'react';
+
+const Portfolio = () => {
+  // Sample data for portfolio items
+  const portfolioItems = [
+    {
+      title: 'Project 1',
+      image: 'path/to/project1-image.jpg',
+      description: 'Description of project 1...',
+      link: 'https://project1-link.com',
+    },
+    // Add more items as needed
+  ];
+
+  return (
+    // <div className="mb-5">
+    //   <h2>Portfolio</h2>
+    //   <div className="row">
+    //     {portfolioItems.map((item, index) => (
+    //       <div className="col-md-4 mb-4" key={index}>
+    //         <Card>
+    //           <Card.Img variant="top" src={item.image} />
+    //           <Card.Body>
+    //             <Card.Title>{item.title}</Card.Title>
+    //             <Card.Text>{item.description}</Card.Text>
+    //             <Button variant="primary" href={item.link} target="_blank">
+    //               View Project
+    //             </Button>
+    //           </Card.Body>
+    //         </Card>
+    //       </div>
+    //     ))}
+    //   </div>
+    // </div>
+
+    <h1>Portfolio</h1>
+  );
+};
+
+export default Portfolio;
diff --git a/frontend/src/pages/_app.js b/frontend/src/pages/_app.js
index fa49705..fdcb22d 100644
--- a/frontend/src/pages/_app.js
+++ b/frontend/src/pages/_app.js
@@ -10,8 +10,9 @@ export default function App({ Component, pageProps, router }) {
   const isLoginPage = router.pathname === '/login';
   const isSignupPage = router.pathname === '/signup';
   const isShowcasePage = router.pathname === '/showcase';
+  const isProfilePage = router.pathname === '/profile';
 
-  const shouldIncludeNavbarAndFooter = !(isLoginPage || isSignupPage || isShowcasePage);
+  const shouldIncludeNavbarAndFooter = !(isLoginPage || isSignupPage || isShowcasePage || isProfilePage);
 
   useEffect(() => {
     // Initialize Google Analytics
diff --git a/frontend/src/pages/profile.js b/frontend/src/pages/profile.js
new file mode 100644
index 0000000..4da1a52
--- /dev/null
+++ b/frontend/src/pages/profile.js
@@ -0,0 +1,20 @@
+import React from "react";
+import Navbar from "../components/profile/Navbar";
+import ArtistProfile from "../components/profile/ArtistProfile";
+import Portfolio from "../components/profile/Portfolio";
+import ContactForm from "../components/profile/ContactForm";
+import Hero from "@/components/profile/HeroSection";
+
+const Profile = () => {
+  return (
+    <div>
+      <Navbar />
+      <Hero />
+      <ArtistProfile />
+      <Portfolio />
+      <ContactForm />
+    </div>
+  );
+};
+
+export default Profile;