From 305f9f8f615fbb3888de65522155ff8ba5f83d1f Mon Sep 17 00:00:00 2001
From: Vaishnavi-Zope <122734855+Vaishnavi-Zope@users.noreply.github.com>
Date: Sun, 24 Nov 2024 10:46:15 +0530
Subject: [PATCH 1/2] Tshirt listing page

---
 Product Page/Tshirt listing | 164 ++++++++++++++++++++++++++++++++++++
 1 file changed, 164 insertions(+)
 create mode 100644 Product Page/Tshirt listing

diff --git a/Product Page/Tshirt listing b/Product Page/Tshirt listing
new file mode 100644
index 0000000..929414b
--- /dev/null
+++ b/Product Page/Tshirt listing	
@@ -0,0 +1,164 @@
+import React, { useState } from 'react';
+
+const tshirtData = [
+  {
+    id: 1,
+    image: 'https://via.placeholder.com/800x400',
+    description: 'This is a cool t-shirt with a graphic design.',
+    color: 'Red',
+    size: 'M, L, XL',
+    price: '$20',
+  },
+  {
+    id: 2,
+    image: 'https://via.placeholder.com/800x400',
+    description: 'A comfortable t-shirt made from organic cotton.',
+    color: 'Blue',
+    size: 'S, M, L',
+    price: '$25',
+  },
+  {
+    id: 3,
+    image: 'https://via.placeholder.com/800x400',
+    description: 'A trendy t-shirt perfect for casual wear.',
+    color: 'Black',
+    size: 'M, L, XXL',
+    price: '$22',
+  },
+];
+
+const LandingPage = () => {
+  const [currentSlide, setCurrentSlide] = useState(0);
+
+  const handleNextSlide = () => {
+    setCurrentSlide((currentSlide + 1) % tshirtData.length);
+  };
+
+  const handlePrevSlide = () => {
+    setCurrentSlide((currentSlide - 1 + tshirtData.length) % tshirtData.length);
+  };
+
+  return (
+    <div style={{ textAlign: 'center', margin: '0 auto', maxWidth: '850px' }}>
+      {/* Heading */}
+      <h1>Introduction to Trending T-Shirts</h1>
+
+      {/* Slider with Arrow Buttons */}
+      <div
+        className="slider"
+        style={{
+          position: 'relative',
+          margin: '20px auto',
+          display: 'inline-block',
+        }}
+      >
+        {/* Image */}
+        <img
+          src={tshirtData[currentSlide].image}
+          alt="T-Shirt"
+          style={{
+            width: '100%',
+            height: 'auto',
+            maxWidth: '800px',
+            borderRadius: '8px',
+            display: 'block',
+          }}
+        />
+
+        {/* Left Arrow */}
+        <button
+          onClick={handlePrevSlide}
+          style={{
+            position: 'absolute',
+            top: '50%',
+            left: '10px',
+            transform: 'translateY(-50%)',
+            fontSize: '24px',
+            backgroundColor: 'rgba(0, 0, 0, 0.5)', // Transparent background
+            border: 'none',
+            borderRadius: '50%',
+            color: '#fff',
+            width: '40px',
+            height: '40px',
+            cursor: 'pointer',
+            outline: 'none',
+          }}
+        >
+          &lt;
+        </button>
+
+        {/* Right Arrow */}
+        <button
+          onClick={handleNextSlide}
+          style={{
+            position: 'absolute',
+            top: '50%',
+            right: '10px',
+            transform: 'translateY(-50%)',
+            fontSize: '24px',
+            backgroundColor: 'rgba(0, 0, 0, 0.5)', // Transparent background
+            border: 'none',
+            borderRadius: '50%',
+            color: '#fff',
+            width: '40px',
+            height: '40px',
+            cursor: 'pointer',
+            outline: 'none',
+          }}
+        >
+          &gt;
+        </button>
+      </div>
+
+      {/* Description */}
+      <p style={{ marginTop: '10px', fontSize: '18px', color: '#333' }}>
+        {tshirtData[currentSlide].description}
+      </p>
+
+      {/* Table */}
+      <table
+        style={{
+          margin: '20px auto',
+          borderCollapse: 'collapse',
+          width: '60%',
+          backgroundColor: 'rgba(255, 255, 255, 0.8)', // Semi-transparent background
+          borderRadius: '8px',
+        }}
+      >
+        <tbody>
+          <tr>
+            <td style={tableHeaderStyle}>Color</td>
+            <td style={tableCellStyle}>{tshirtData[currentSlide].color}</td>
+          </tr>
+          <tr>
+            <td style={tableHeaderStyle}>Size</td>
+            <td style={tableCellStyle}>{tshirtData[currentSlide].size}</td>
+          </tr>
+          <tr>
+            <td style={tableHeaderStyle}>Price</td>
+            <td style={tableCellStyle}>{tshirtData[currentSlide].price}</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+// Styling for table cells
+const tableHeaderStyle = {
+  padding: '10px',
+  backgroundColor: '#333',
+  color: '#fff',
+  fontWeight: 'bold',
+  textAlign: 'left',
+  width: '40%',
+};
+
+const tableCellStyle = {
+  padding: '10px',
+  textAlign: 'left',
+  border: '1px solid #ddd',
+  width: '60%',
+};
+
+export default LandingPage;

From 62335faeab9df70625406c6cd4c43a472ebe5d31 Mon Sep 17 00:00:00 2001
From: Vaishnavi-Zope <122734855+Vaishnavi-Zope@users.noreply.github.com>
Date: Sun, 24 Nov 2024 12:15:28 +0530
Subject: [PATCH 2/2] Delete Product Page directory

---
 Product Page/Tshirt listing | 164 ------------------------------------
 1 file changed, 164 deletions(-)
 delete mode 100644 Product Page/Tshirt listing

diff --git a/Product Page/Tshirt listing b/Product Page/Tshirt listing
deleted file mode 100644
index 929414b..0000000
--- a/Product Page/Tshirt listing	
+++ /dev/null
@@ -1,164 +0,0 @@
-import React, { useState } from 'react';
-
-const tshirtData = [
-  {
-    id: 1,
-    image: 'https://via.placeholder.com/800x400',
-    description: 'This is a cool t-shirt with a graphic design.',
-    color: 'Red',
-    size: 'M, L, XL',
-    price: '$20',
-  },
-  {
-    id: 2,
-    image: 'https://via.placeholder.com/800x400',
-    description: 'A comfortable t-shirt made from organic cotton.',
-    color: 'Blue',
-    size: 'S, M, L',
-    price: '$25',
-  },
-  {
-    id: 3,
-    image: 'https://via.placeholder.com/800x400',
-    description: 'A trendy t-shirt perfect for casual wear.',
-    color: 'Black',
-    size: 'M, L, XXL',
-    price: '$22',
-  },
-];
-
-const LandingPage = () => {
-  const [currentSlide, setCurrentSlide] = useState(0);
-
-  const handleNextSlide = () => {
-    setCurrentSlide((currentSlide + 1) % tshirtData.length);
-  };
-
-  const handlePrevSlide = () => {
-    setCurrentSlide((currentSlide - 1 + tshirtData.length) % tshirtData.length);
-  };
-
-  return (
-    <div style={{ textAlign: 'center', margin: '0 auto', maxWidth: '850px' }}>
-      {/* Heading */}
-      <h1>Introduction to Trending T-Shirts</h1>
-
-      {/* Slider with Arrow Buttons */}
-      <div
-        className="slider"
-        style={{
-          position: 'relative',
-          margin: '20px auto',
-          display: 'inline-block',
-        }}
-      >
-        {/* Image */}
-        <img
-          src={tshirtData[currentSlide].image}
-          alt="T-Shirt"
-          style={{
-            width: '100%',
-            height: 'auto',
-            maxWidth: '800px',
-            borderRadius: '8px',
-            display: 'block',
-          }}
-        />
-
-        {/* Left Arrow */}
-        <button
-          onClick={handlePrevSlide}
-          style={{
-            position: 'absolute',
-            top: '50%',
-            left: '10px',
-            transform: 'translateY(-50%)',
-            fontSize: '24px',
-            backgroundColor: 'rgba(0, 0, 0, 0.5)', // Transparent background
-            border: 'none',
-            borderRadius: '50%',
-            color: '#fff',
-            width: '40px',
-            height: '40px',
-            cursor: 'pointer',
-            outline: 'none',
-          }}
-        >
-          &lt;
-        </button>
-
-        {/* Right Arrow */}
-        <button
-          onClick={handleNextSlide}
-          style={{
-            position: 'absolute',
-            top: '50%',
-            right: '10px',
-            transform: 'translateY(-50%)',
-            fontSize: '24px',
-            backgroundColor: 'rgba(0, 0, 0, 0.5)', // Transparent background
-            border: 'none',
-            borderRadius: '50%',
-            color: '#fff',
-            width: '40px',
-            height: '40px',
-            cursor: 'pointer',
-            outline: 'none',
-          }}
-        >
-          &gt;
-        </button>
-      </div>
-
-      {/* Description */}
-      <p style={{ marginTop: '10px', fontSize: '18px', color: '#333' }}>
-        {tshirtData[currentSlide].description}
-      </p>
-
-      {/* Table */}
-      <table
-        style={{
-          margin: '20px auto',
-          borderCollapse: 'collapse',
-          width: '60%',
-          backgroundColor: 'rgba(255, 255, 255, 0.8)', // Semi-transparent background
-          borderRadius: '8px',
-        }}
-      >
-        <tbody>
-          <tr>
-            <td style={tableHeaderStyle}>Color</td>
-            <td style={tableCellStyle}>{tshirtData[currentSlide].color}</td>
-          </tr>
-          <tr>
-            <td style={tableHeaderStyle}>Size</td>
-            <td style={tableCellStyle}>{tshirtData[currentSlide].size}</td>
-          </tr>
-          <tr>
-            <td style={tableHeaderStyle}>Price</td>
-            <td style={tableCellStyle}>{tshirtData[currentSlide].price}</td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  );
-};
-
-// Styling for table cells
-const tableHeaderStyle = {
-  padding: '10px',
-  backgroundColor: '#333',
-  color: '#fff',
-  fontWeight: 'bold',
-  textAlign: 'left',
-  width: '40%',
-};
-
-const tableCellStyle = {
-  padding: '10px',
-  textAlign: 'left',
-  border: '1px solid #ddd',
-  width: '60%',
-};
-
-export default LandingPage;