From d6385513d9b7cb1951f8161d0dead7ef090f79d0 Mon Sep 17 00:00:00 2001
From: choibk <choibk350@gmail.com>
Date: Mon, 19 Jan 2026 19:01:01 +0900
Subject: [PATCH] Implement Content Protection (Disable Selection/Drag)

---
 src/assets/consultant_profile.webp |  0
 src/assets/logo.webp               |  0
 src/components/Navbar.jsx          |  4 ++--
 src/pages/About.jsx                |  5 ++++-
 src/styles/main.css                | 26 ++++++++++++++++++++++++++
 5 files changed, 32 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/consultant_profile.webp
 create mode 100644 src/assets/logo.webp

diff --git a/src/assets/consultant_profile.webp b/src/assets/consultant_profile.webp
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/logo.webp b/src/assets/logo.webp
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 8c048fe..7c036dc 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
-import logo from '../assets/logo.png';
+import logo from '../assets/logo.webp';
 
 const Navbar = () => {
   const [isOpen, setIsOpen] = useState(false);
@@ -13,7 +13,7 @@ const Navbar = () => {
     <nav className="navbar">
       <div className="container navbar-container">
         <Link to="/about" className="logo">
-          <img src={logo} alt="Sokuree Logo" className="logo-image" />
+          <img src={logo} alt="Sokuree Logo" className="logo-image" width="40" height="40" />
           Sokuree Consultant
         </Link>
 
diff --git a/src/pages/About.jsx b/src/pages/About.jsx
index ab561b0..62ace97 100644
--- a/src/pages/About.jsx
+++ b/src/pages/About.jsx
@@ -1,4 +1,4 @@
-import consultantProfile from '../assets/consultant_profile.png';
+import consultantProfile from '../assets/consultant_profile.webp';
 
 const About = () => {
     return (
@@ -33,6 +33,9 @@ const About = () => {
                             src={consultantProfile}
                             alt="대표 컨설턴트"
                             className="profile-image"
+                            loading="lazy"
+                            width="400"
+                            height="500"
                         />
                     </div>
                     <div className="profile-content-container">
diff --git a/src/styles/main.css b/src/styles/main.css
index 473cd4c..ad73037 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -34,6 +34,32 @@ body {
     color: var(--text-color);
     background-color: var(--main-bg);
     scroll-behavior: smooth;
+
+    /* Content Protection: Disable Text Selection */
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+/* Allow text selection in inputs and textareas for usability */
+input,
+textarea {
+    -webkit-user-select: text;
+    -moz-user-select: text;
+    -ms-user-select: text;
+    user-select: text;
+}
+
+/* Content Protection: Disable Image Dragging & Right Click */
+img {
+    -webkit-user-drag: none;
+    -khtml-user-drag: none;
+    -moz-user-drag: none;
+    -o-user-drag: none;
+    user-drag: none;
+    pointer-events: none;
+    /* Prevents right-click context menu on images */
 }
 
 /* Utilities */