- {`I’m sold — how do I join?`}
+ {`I'm sold — how do I join?`}
Anyone can be a member of our community. We host events weekly, on
Wednesdays at 6:30pm at the Design & Innovation Building Room 208.
@@ -99,7 +99,6 @@ export default function About() {
height={320}
width={816}
quality={100}
- // fill
style={{ width: '100%', objectFit: 'contain', height: 'auto' }}
alt="Design Co Walkman"
/>
diff --git a/src/app/(non-home)/contact/constants.ts b/src/app/(non-home)/contact/constants.ts
new file mode 100644
index 0000000..d3cc932
--- /dev/null
+++ b/src/app/(non-home)/contact/constants.ts
@@ -0,0 +1,32 @@
+export const CONTACT_LINKS = [
+ {
+ href: 'https://www.facebook.com/ucsddesignco',
+ text: 'Facebook',
+ handle: '/ucsddesignco'
+ },
+ {
+ href: 'https://www.instagram.com/ucsddesignco/',
+ text: 'Instagram',
+ handle: '@ucsddesignco'
+ },
+ {
+ href: 'https://www.linkedin.com/company/ucsddesignco/',
+ text: 'Linkedin',
+ handle: '/ucsddesignco'
+ },
+ {
+ href: 'mailto:designatucsd@gmail.com',
+ text: 'Email',
+ handle: 'designatucsd@gmail.com'
+ },
+ {
+ href: 'https://discord.gg/jpzznvhX3x',
+ text: 'Discord',
+ handle: '/ucsddesignco'
+ },
+ {
+ href: 'https://www.youtube.com/channel/UCJ175UUZ7d2u5qWmvMHp8ow',
+ text: 'Youtube',
+ handle: '/ucsddesignco'
+ }
+];
diff --git a/src/app/(non-home)/contact/page.tsx b/src/app/(non-home)/contact/page.tsx
index 136136a..7fce850 100644
--- a/src/app/(non-home)/contact/page.tsx
+++ b/src/app/(non-home)/contact/page.tsx
@@ -1,46 +1,14 @@
import Button from '@/components/Button/Button';
import './Contact.scss';
+import { CONTACT_LINKS } from './constants';
export default function Contact() {
- const links = [
- {
- href: 'https://www.facebook.com/ucsddesignco',
- text: 'Facebook',
- handle: '/ucsddesignco'
- },
- {
- href: 'https://www.instagram.com/ucsddesignco/',
- text: 'Instagram',
- handle: '@ucsddesignco'
- },
- {
- href: 'https://www.linkedin.com/company/ucsddesignco/',
- text: 'Linkedin',
- handle: '/ucsddesignco'
- },
- {
- href: 'mailto:designatucsd@gmail.com',
- text: 'Email',
- handle: 'designatucsd@gmail.com'
- },
- {
- href: 'https://discord.gg/jpzznvhX3x',
- text: 'Discord',
- handle: '/ucsddesignco'
- },
- {
- href: 'https://www.youtube.com/channel/UCJ175UUZ7d2u5qWmvMHp8ow',
- text: 'Youtube',
- handle: '/ucsddesignco'
- }
- ];
-
return (
Get in touch with us:
- {links.map(link => (
+ {CONTACT_LINKS.map(link => (
+ />
diff --git a/src/app/(non-home)/shop/constants.ts b/src/app/(non-home)/shop/constants.ts
index 66d81ec..dc5b362 100644
--- a/src/app/(non-home)/shop/constants.ts
+++ b/src/app/(non-home)/shop/constants.ts
@@ -1,8 +1,23 @@
-//These are temporary images. Please replace with proper shop images
+// These are temporary images. Please replace with proper shop images
export const SLIDESHOW_IMAGES = [
- 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1715151710/designco/home/hero-plants/blue_azllpy.webp',
- 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1715151714/designco/home/hero-plants/yellow_iv8aov.webp',
- 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1715151715/designco/home/hero-plants/purple_unjoue.webp',
- 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1715151715/designco/home/hero-plants/green_ow4dmk.webp',
- 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1715151715/designco/home/hero-plants/pink_a1ryjo.webp'
+ {
+ id: 'shop-slideshow-img-0',
+ src: 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1715151710/designco/home/hero-plants/blue_azllpy.webp'
+ },
+ {
+ id: 'shop-slideshow-img-1',
+ src: 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1715151714/designco/home/hero-plants/yellow_iv8aov.webp'
+ },
+ {
+ id: 'shop-slideshow-img-2',
+ src: 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1715151715/designco/home/hero-plants/purple_unjoue.webp'
+ },
+ {
+ id: 'shop-slideshow-img-3',
+ src: 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1715151715/designco/home/hero-plants/green_ow4dmk.webp'
+ },
+ {
+ id: 'shop-slideshow-img-4',
+ src: 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1715151715/designco/home/hero-plants/pink_a1ryjo.webp'
+ }
];
diff --git a/src/app/components/ImageCarousel/ImageCarousel.scss b/src/app/components/AboutImageCarousel/AboutImageCarousel.scss
similarity index 100%
rename from src/app/components/ImageCarousel/ImageCarousel.scss
rename to src/app/components/AboutImageCarousel/AboutImageCarousel.scss
diff --git a/src/app/components/ImageCarousel/ImageCarousel.tsx b/src/app/components/AboutImageCarousel/AboutImageCarousel.tsx
similarity index 67%
rename from src/app/components/ImageCarousel/ImageCarousel.tsx
rename to src/app/components/AboutImageCarousel/AboutImageCarousel.tsx
index 97fb578..f51dff9 100644
--- a/src/app/components/ImageCarousel/ImageCarousel.tsx
+++ b/src/app/components/AboutImageCarousel/AboutImageCarousel.tsx
@@ -1,13 +1,13 @@
'use client';
-import './ImageCarousel.scss';
+import './AboutImageCarousel.scss';
import { useKeenSlider } from 'keen-slider/react';
import 'keen-slider/keen-slider.min.css';
import Image from 'next/image';
-import { ABOUT_IMAGES_LIST } from './constants';
import React from 'react';
+import { ABOUT_IMAGES_LIST } from './constants';
-export default function ImageCarousel() {
+export default function AboutImageCarousel() {
const [sliderRef] = useKeenSlider({
loop: false,
mode: 'snap',
@@ -17,13 +17,15 @@ export default function ImageCarousel() {
return (
- {ABOUT_IMAGES_LIST.map((image, index) => (
-
+ {ABOUT_IMAGES_LIST.map(image => (
+
))}
diff --git a/src/app/components/AboutImageCarousel/constants.ts b/src/app/components/AboutImageCarousel/constants.ts
new file mode 100644
index 0000000..b4477db
--- /dev/null
+++ b/src/app/components/AboutImageCarousel/constants.ts
@@ -0,0 +1,51 @@
+export const ABOUT_IMAGES_LIST = [
+ {
+ id: 'about-image-1',
+ img: 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1716852313/designco/about/event-photos/event-1_g3geus.webp',
+ alt: 'Students on their laptop at a Design Co events',
+ width: 525,
+ height: 350
+ },
+ {
+ id: 'about-image-2',
+ img: 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1716852313/designco/about/event-photos/event-2_gor7ec.webp',
+ alt: 'A student holding a flyer from Design Co',
+ width: 375,
+ height: 245
+ },
+ {
+ id: 'about-image-3',
+ img: 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1716852314/designco/about/event-photos/event-3_hdddo1.webp',
+ alt: 'A group of students gathered around a student pointing at a phone',
+ width: 450,
+ height: 300
+ },
+ {
+ id: 'about-image-4',
+ img: 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1716852314/designco/about/event-photos/event-4_eergyu.webp',
+ alt: 'Three intern panelists sitting',
+ width: 250,
+ height: 350
+ },
+ {
+ id: 'about-image-5',
+ img: 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1716852314/designco/about/event-photos/event-5_dg1gxa.webp',
+ alt: 'Students presenting at Deloitte event',
+ width: 375,
+ height: 245
+ },
+ {
+ id: 'about-image-6',
+ img: 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1716852314/designco/about/event-photos/event-6_hxgebf.webp',
+ alt: 'A large group of students holding signs for the very first Pixels and Cursor reveal',
+ width: 450,
+ height: 300
+ },
+ {
+ id: 'about-image-7',
+ img: 'https://res.cloudinary.com/design-co-ucsd/image/upload/v1716852315/designco/about/event-photos/even-7_zb5wzp.webp',
+ alt: 'Students presenting at Winter Kickoff 2023',
+ width: 375,
+ height: 245
+ }
+];
diff --git a/src/app/components/Button/Button.tsx b/src/app/components/Button/Button.tsx
index c5c4a2d..c02eec5 100644
--- a/src/app/components/Button/Button.tsx
+++ b/src/app/components/Button/Button.tsx
@@ -26,6 +26,7 @@ export default function Button({
return (
+