From f5bf674066cfa5abdfe62cb5fb3aeb4b3121f3d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Muhammed=20Ak=C4=B1nc=C4=B1?=
 <95518574+MuhammedAkinci@users.noreply.github.com>
Date: Sat, 16 Dec 2023 22:43:45 +0300
Subject: [PATCH] =?UTF-8?q?frontend=20geli=C5=9Ftirildi.=20Hatalar=20d?=
 =?UTF-8?q?=C3=BCzeltildi.Fixlendi?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/chatbot.webp                           | Bin 0 -> 1760 bytes
 src/app/kurslar/[courseId]/ogren/page.jsx     |  45 ++++++++++++++++++
 .../kurslar/[courseId]/ogren/page.module.css  |  36 ++++++++++++++
 src/app/kurslar/[courseId]/page.jsx           |   9 ++--
 src/app/kurslar/[courseId]/page.module.css    |   3 ++
 src/app/page.jsx                              |   1 +
 src/components/Header.jsx                     |   8 ----
 7 files changed, 91 insertions(+), 11 deletions(-)
 create mode 100644 public/chatbot.webp
 create mode 100644 src/app/kurslar/[courseId]/ogren/page.jsx
 create mode 100644 src/app/kurslar/[courseId]/ogren/page.module.css

diff --git a/public/chatbot.webp b/public/chatbot.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e948c77662c5164e34cc29b6fe53263261a198c2
GIT binary patch
literal 1760
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

literal 0
HcmV?d00001

diff --git a/src/app/kurslar/[courseId]/ogren/page.jsx b/src/app/kurslar/[courseId]/ogren/page.jsx
new file mode 100644
index 0000000..f3fd079
--- /dev/null
+++ b/src/app/kurslar/[courseId]/ogren/page.jsx
@@ -0,0 +1,45 @@
+"use client";
+import React from 'react';
+import Link from 'next/link';
+import styles from './page.module.css';
+import Container from '@/components/Container';
+
+const Step = ({ step, completed, onClick }) => (
+    <div className={styles.step} onClick={() => onClick()}>
+        {completed ? '✅' : '◻️'} {step}
+    </div>
+);
+
+const Home = () => {
+    return (
+        <div className={styles.container}>
+            {/* Soldaki ders videosu */}
+            <div className={styles.videoContainer}>
+                {/* Video bileşeni veya iframe ekleyebilirsiniz */}
+                <iframe
+                    src="https://www.youtube.com/embed/VIDEO_ID"
+                    title="YouTube video player"
+                    frameBorder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                    allowFullScreen
+                    className={styles.video}
+                ></iframe>
+            </div>
+
+            {/* Sağdaki kurs içeriği */}
+            <div className={styles.sidebar}>
+                
+                <div className={styles.courseContainer}>
+                    <h2>Kurs İçeriği</h2>
+                    <div className={styles.courseContent}>
+                        <Step step="Adım 1" completed={false} onClick={() => {}} />
+                        <Step step="Adım 2" completed={false} onClick={() => {}} />
+                        <Step step="Adım 3" completed={false} onClick={() => {}} />
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default Home;
diff --git a/src/app/kurslar/[courseId]/ogren/page.module.css b/src/app/kurslar/[courseId]/ogren/page.module.css
new file mode 100644
index 0000000..e4df585
--- /dev/null
+++ b/src/app/kurslar/[courseId]/ogren/page.module.css
@@ -0,0 +1,36 @@
+/* styles/Home.module.css */
+
+.container {
+    display: flex;
+  }
+  
+  .sidebar {
+    width: 500px;
+    padding: 50px;
+    border-left: 2px solid #ccc;
+  }
+  
+  .videoContainer {
+    flex: 1; 
+    padding: 20px;
+  }
+  
+  .courseContent {
+    flex: 1;
+    padding: 10px;
+  }
+  
+  .step {
+    cursor: pointer;
+    margin-bottom: 10px;
+  }
+  
+  .video {
+    width: 120%;
+    max-width: 1000px;
+    aspect-ratio: 16 / 9;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  
\ No newline at end of file
diff --git a/src/app/kurslar/[courseId]/page.jsx b/src/app/kurslar/[courseId]/page.jsx
index 461f40b..776bba5 100644
--- a/src/app/kurslar/[courseId]/page.jsx
+++ b/src/app/kurslar/[courseId]/page.jsx
@@ -1,3 +1,4 @@
+import Link from 'next/link';
 import Container from "@/components/Container";
 import { COURSES } from "@/mockData";
 import { cn, formatPrice } from "@/utils";
@@ -21,9 +22,11 @@ export default function CourseDetailPage({ params }) {
 						<button className={cn(styles.buyButton, "btn btn-primary")}>
 							Satın Al: {formatPrice(course.price)}
 						</button>
-						<button className={cn(styles.buyButton, "btn btn-primary")}>
-							Eğitime Başla
-						</button>
+						<br/>
+						<br/>
+						<Link href={`/kurslar/${params.courseId}/ogren`} className={cn(styles.startButton, "btn btn-primary")}>
+      						Eğitime Başla
+						</Link>
 					</div>
 				</div>
 
diff --git a/src/app/kurslar/[courseId]/page.module.css b/src/app/kurslar/[courseId]/page.module.css
index 9df403a..48284a6 100644
--- a/src/app/kurslar/[courseId]/page.module.css
+++ b/src/app/kurslar/[courseId]/page.module.css
@@ -27,6 +27,9 @@
 .buyButton {
 	margin-top: 1.5rem;
 }
+.startButton {
+	margin-top: 1rem;
+}
 
 .description {
 	margin-top: 1.5rem;
diff --git a/src/app/page.jsx b/src/app/page.jsx
index 0c3cabb..fcc2d93 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -24,6 +24,7 @@ export default function HomePage() {
           <CourseGrid courses={COURSES} />
         </section>
       </Container>
+      
     </main>
   );
 }
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 7af8932..d814b13 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -12,14 +12,6 @@ export default function Header() {
 			</Link>
 
 			<div className={styles.nav}>
-				{/* Arama butonu ekleniyor */}
-				<div className={styles.search}>
-					<input className={styles["search-input"]} type="text" placeholder="Ara..." />
-					<button className={styles["search-button"]} type="button">
-						Ara
-					</button>
-				</div>
-
 				<Link href="/hesabim" className="btn btn-flat">
 					Hesabım
 				</Link>