From b7f9bd955536cd54c3e68ed36df38d8f816da0ad Mon Sep 17 00:00:00 2001
From: "ALMAZROUEI Shamma (2021) WKIS203"
<shamma.almazrouei.2021@live.rhul.ac.uk>
Date: Thu, 10 Apr 2025 09:28:57 +0530
Subject: [PATCH] Remove languages
---
skillswap/src/main.jsx | 6 +-
skillswap/src/pages/Landing.jsx | 27 +++++---
skillswap/src/pages/Languages.jsx | 109 ------------------------------
3 files changed, 18 insertions(+), 124 deletions(-)
delete mode 100644 skillswap/src/pages/Languages.jsx
diff --git a/skillswap/src/main.jsx b/skillswap/src/main.jsx
index 0cb9939..20cca83 100644
--- a/skillswap/src/main.jsx
+++ b/skillswap/src/main.jsx
@@ -14,7 +14,6 @@ import Painting from './pages/Painting';
import Photography from './pages/Photography';
import Music from './pages/Music';
import Programming from './pages/Programming';
-import Languages from './pages/Languages';
const router = createBrowserRouter([
{
@@ -42,10 +41,7 @@ const router = createBrowserRouter([
path: '/music',
element: <Music />,
},
- {
- path: '/languages',
- element: <Languages />,
- },
+
{
path: '/programming',
element: <Programming />,
diff --git a/skillswap/src/pages/Landing.jsx b/skillswap/src/pages/Landing.jsx
index e4b4935..69b62dd 100644
--- a/skillswap/src/pages/Landing.jsx
+++ b/skillswap/src/pages/Landing.jsx
@@ -61,13 +61,18 @@ export default function LandingPage() {
</p>
</div>
<div className='pt-5 flex flex-col gap-5 min-[400px]:flex-row'>
- <Button size='lg'>
- Get Started
- <ArrowRight className='ml-2 h-4 w-4' />
- </Button>
- <Button variant='outline' size='lg'>
- Explore Skills
+ <Button asChild size='lg'>
+ <Link to='register'>
+ Get Started
+ <ArrowRight className='ml-2 h-4 w-4' />
+ </Link>
</Button>
+
+ <a href='#skills'>
+ <Button variant='outline' size='lg'>
+ Explore Skills
+ </Button>
+ </a>
</div>
</div>
<div className='relative lg:order-last'>
@@ -142,7 +147,7 @@ export default function LandingPage() {
</section>
{/* Popular Skills Section */}
- <section className='py-20'>
+ <section className='py-20 scroll-mt-24' id='skills'>
<div className='container px-4 md:px-6 mx-auto'>
<div className='flex flex-col items-center justify-center space-y-4 text-center'>
<div className='space-y-2'>
@@ -270,9 +275,11 @@ export default function LandingPage() {
</p>
</div>
<div className='flex flex-col gap-2 min-[400px]:flex-row'>
- <Button size='lg' className='min-w-[200px]'>
- Start Learning
- <ArrowRight className='ml-2 h-4 w-4' />
+ <Button asChild size='lg' className='min-w-[200px]'>
+ <Link to='register'>
+ Start Learning
+ <ArrowRight className='ml-2 h-4 w-4' />
+ </Link>
</Button>
</div>
</div>
diff --git a/skillswap/src/pages/Languages.jsx b/skillswap/src/pages/Languages.jsx
deleted file mode 100644
index 608a720..0000000
--- a/skillswap/src/pages/Languages.jsx
+++ /dev/null
@@ -1,109 +0,0 @@
-const files = [
- {
- title: 'Fun at beachside',
- by: 'John Doe',
- source:
- 'https://cdn.pixabay.com/photo/2020/03/16/06/39/sunset-4935922_1280.jpg',
- },
- {
- title: 'Forbidden City',
- by: 'Sarah Doe',
- source:
- 'https://cdn.pixabay.com/photo/2023/11/13/14/04/forbidden-city-8385647_1280.png',
- },
- {
- title: 'Beach Cars',
- by: 'Alex Kuzmin',
- source:
- 'https://cdn.pixabay.com/photo/2016/11/29/09/29/beach-1868716_1280.jpg',
- },
- {
- title: 'Long Road',
- by: 'Felix Doe',
- source:
- 'https://cdn.pixabay.com/photo/2018/11/19/03/27/nature-3824498_1280.jpg',
- },
- {
- title: 'Bicycle',
- by: 'Kate Doe',
- source:
- 'https://cdn.pixabay.com/photo/2019/09/22/16/18/bicycle-4496443_1280.jpg',
- },
- {
- title: 'Dandellions',
- by: 'Kamil Aszkowski',
- source:
- 'https://cdn.pixabay.com/photo/2015/07/13/17/58/flowers-843584_1280.jpg',
- },
- {
- title: 'Dockyard',
- by: 'Matthew James',
- source:
- 'https://cdn.pixabay.com/photo/2016/11/22/22/10/anchored-1850849_1280.jpg',
- },
- {
- title: 'Agriculture Cropland',
- by: 'William James',
- source:
- 'https://cdn.pixabay.com/photo/2016/11/29/04/01/agriculture-1867212_1280.jpg',
- },
- {
- title: 'Mountain Forest',
- by: 'Paula Lee',
- source:
- 'https://cdn.pixabay.com/photo/2021/01/24/20/47/mountains-5946500_1280.jpg',
- },
- {
- title: 'City Street',
- by: 'Christopher Johnson',
- source:
- 'https://cdn.pixabay.com/photo/2020/12/15/01/43/cyclist-5832393_1280.jpg',
- },
- {
- title: 'Sleeping Baby',
- by: 'Zachary Johnson',
- source:
- ' https://cdn.pixabay.com/photo/2020/05/30/13/33/baby-5238979_1280.jpg',
- },
- {
- title: 'City Lights',
- by: 'Oliver James',
- source:
- 'https://cdn.pixabay.com/photo/2017/08/06/14/12/bokeh-lights-2592859_1280.jpg',
- },
-];
-
-export default function Languages() {
- return (
- <div className='flex flex-col items-center justify-center bg-muted p-6 md:p-10'>
- <ul
- role='list'
- className='grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 lg:grid-cols-4 xl:gap-x-8'
- >
- {files.map((file) => (
- <li key={file.source} className='relative'>
- <div className='group overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-violet-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100'>
- <img
- alt=''
- src={file.source}
- className='pointer-events-none aspect-[10/7] object-cover group-hover:opacity-75'
- />
- <button
- type='button'
- className='absolute inset-0 focus:outline-none'
- >
- <span className='sr-only'>View details for {file.title}</span>
- </button>
- </div>
- <p className='pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900'>
- {file.title}
- </p>
- <p className='pointer-events-none block text-sm font-medium text-gray-500'>
- By {file.by}
- </p>
- </li>
- ))}
- </ul>
- </div>
- );
-}
--
GitLab