From cf1f697c702759650dbb3d90495651db5a17aec7 Mon Sep 17 00:00:00 2001
From: kanchan sharma <kanchansharma200528@gmail.com>
Date: Tue, 7 Apr 2026 22:26:57 +0530
Subject: [PATCH 1/4] feat: add offline purchase information for DJ Evening
 event

---
 src/views/events/EventDetailView.js  | 36 ++++++++++++++++++++++++++++
 src/views/home/DJHighlightSection.js | 12 ++++++++++
 2 files changed, 48 insertions(+)

diff --git a/src/views/events/EventDetailView.js b/src/views/events/EventDetailView.js
index d00622f..87abadd 100644
--- a/src/views/events/EventDetailView.js
+++ b/src/views/events/EventDetailView.js
@@ -710,6 +710,42 @@ export default function EventDetailView() {
               </Box>
             )}
 
+            {/* Passes Info - Only for DJ Evening */}
+            {event.department_id === 17 && (
+              <Box
+                sx={{
+                  mb: 5,
+                  p: { xs: 2.5, md: 3.5 },
+                  borderRadius: '16px',
+                  border: `1px solid ${alpha(color, 0.12)}`,
+                  background: alpha(color, 0.03),
+                  position: 'relative',
+                  overflow: 'hidden'
+                }}
+              >
+                <Box sx={{ position: 'absolute', top: 0, left: 0, width: 4, height: '100%', bgcolor: color, borderRadius: '4px 0 0 4px' }} />
+                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5, mb: 1.5 }}>
+                  <Box sx={{ width: 36, height: 36, borderRadius: '10px', bgcolor: alpha(color, 0.1), display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0 }}>
+                    <Icon icon='tabler:ticket' fontSize={20} style={{ color }} />
+                  </Box>
+                  <Typography variant='h6' sx={{ fontWeight: 800, fontSize: '1.1rem', letterSpacing: '-0.01em', color: 'text.primary' }}>
+                    Purchase Information
+                  </Typography>
+                </Box>
+                <Typography
+                  variant='body1'
+                  sx={{
+                    color: 'text.secondary',
+                    lineHeight: 1.85,
+                    fontSize: '0.95rem',
+                    pl: 1
+                  }}
+                >
+                  Passes will be sold offline.
+                </Typography>
+              </Box>
+            )}
+
             {/* Brief */}
             {details.brief && (
               <Box
diff --git a/src/views/home/DJHighlightSection.js b/src/views/home/DJHighlightSection.js
index d71bbc4..abb1f3e 100644
--- a/src/views/home/DJHighlightSection.js
+++ b/src/views/home/DJHighlightSection.js
@@ -185,6 +185,18 @@ export default function DJHighlightSection() {
                   {event?.name || 'DJ Evening'}
                 </Typography>
 
+                <Typography
+                  variant='caption'
+                  sx={{
+                    color: alpha(accent, 0.7),
+                    fontWeight: 600,
+                    fontSize: '0.8rem',
+                    letterSpacing: '0.5px'
+                  }}
+                >
+                  Passes will be sold offline
+                </Typography>
+
                 <Button
                   variant='contained'
                   endIcon={<Icon icon='tabler:arrow-right' fontSize={18} />}

From ef55bef70b29a4f60888f63b33124d363372babc Mon Sep 17 00:00:00 2001
From: kanchan sharma <kanchansharma200528@gmail.com>
Date: Tue, 7 Apr 2026 23:28:55 +0530
Subject: [PATCH 2/4] feat: update DJ event handling and display offline
 purchase information

---
 src/views/events/EventDetailView.js  | 36 ----------------------------
 src/views/home/DJHighlightSection.js | 30 ++++++++++++-----------
 2 files changed, 16 insertions(+), 50 deletions(-)

diff --git a/src/views/events/EventDetailView.js b/src/views/events/EventDetailView.js
index 87abadd..d00622f 100644
--- a/src/views/events/EventDetailView.js
+++ b/src/views/events/EventDetailView.js
@@ -710,42 +710,6 @@ export default function EventDetailView() {
               </Box>
             )}
 
-            {/* Passes Info - Only for DJ Evening */}
-            {event.department_id === 17 && (
-              <Box
-                sx={{
-                  mb: 5,
-                  p: { xs: 2.5, md: 3.5 },
-                  borderRadius: '16px',
-                  border: `1px solid ${alpha(color, 0.12)}`,
-                  background: alpha(color, 0.03),
-                  position: 'relative',
-                  overflow: 'hidden'
-                }}
-              >
-                <Box sx={{ position: 'absolute', top: 0, left: 0, width: 4, height: '100%', bgcolor: color, borderRadius: '4px 0 0 4px' }} />
-                <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5, mb: 1.5 }}>
-                  <Box sx={{ width: 36, height: 36, borderRadius: '10px', bgcolor: alpha(color, 0.1), display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0 }}>
-                    <Icon icon='tabler:ticket' fontSize={20} style={{ color }} />
-                  </Box>
-                  <Typography variant='h6' sx={{ fontWeight: 800, fontSize: '1.1rem', letterSpacing: '-0.01em', color: 'text.primary' }}>
-                    Purchase Information
-                  </Typography>
-                </Box>
-                <Typography
-                  variant='body1'
-                  sx={{
-                    color: 'text.secondary',
-                    lineHeight: 1.85,
-                    fontSize: '0.95rem',
-                    pl: 1
-                  }}
-                >
-                  Passes will be sold offline.
-                </Typography>
-              </Box>
-            )}
-
             {/* Brief */}
             {details.brief && (
               <Box
diff --git a/src/views/home/DJHighlightSection.js b/src/views/home/DJHighlightSection.js
index abb1f3e..790f91c 100644
--- a/src/views/home/DJHighlightSection.js
+++ b/src/views/home/DJHighlightSection.js
@@ -13,7 +13,7 @@ import axios from 'axios'
 
 const MotionBox = motion(Box)
 
-const DJ_DEPARTMENT_ID = 17
+const DJ_EVENT_NAME = 'DJ EVEONICS'
 
 function getEventImage(event) {
   if (event?.images && Array.isArray(event.images) && event.images.length > 0) {
@@ -32,7 +32,7 @@ export default function DJHighlightSection() {
   useEffect(() => {
     let cancelled = false
     axios
-      .get(`/api/events?departmentId=${DJ_DEPARTMENT_ID}&limit=1`)
+      .get(`/api/events?name=${encodeURIComponent(DJ_EVENT_NAME)}&limit=1`)
       .then(res => {
         if (cancelled) return
         const events = res.data?.data || []
@@ -185,17 +185,19 @@ export default function DJHighlightSection() {
                   {event?.name || 'DJ Evening'}
                 </Typography>
 
-                <Typography
-                  variant='caption'
-                  sx={{
-                    color: alpha(accent, 0.7),
-                    fontWeight: 600,
-                    fontSize: '0.8rem',
-                    letterSpacing: '0.5px'
-                  }}
-                >
-                  Passes will be sold offline
-                </Typography>
+                {event?.name === DJ_EVENT_NAME && (
+                  <Typography
+                    variant='caption'
+                    sx={{
+                      color: alpha(accent, 0.7),
+                      fontWeight: 600,
+                      fontSize: '0.8rem',
+                      letterSpacing: '0.5px'
+                    }}
+                  >
+                    Passes will be sold offline
+                  </Typography>
+                )}
 
                 <Button
                   variant='contained'
@@ -218,7 +220,7 @@ export default function DJHighlightSection() {
                     transition: 'all 0.25s ease'
                   }}
                 >
-                  View Details
+                  View Details 
                 </Button>
               </>
             )}

From dd68c2e92efedd5bfe5818b83e663944a7f899f4 Mon Sep 17 00:00:00 2001
From: kanchan sharma <kanchansharma200528@gmail.com>
Date: Tue, 7 Apr 2026 23:34:04 +0530
Subject: [PATCH 3/4] updated the event section

---
 src/pages/index.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 8cd6f88..cb1244d 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -9,7 +9,6 @@ import HeroSection from 'src/views/home/HeroSection'
 import SponsorsSection from 'src/views/home/SponsorsSection'
 
 import FeaturedEvents from 'src/views/home/FeaturedEvents'
-import DJHighlightSection from 'src/views/home/DJHighlightSection'
 import PublicFooter from 'src/views/home/PublicFooter'
 import { fetchHomeData } from 'src/store/slices/eventsSlice'
 
@@ -53,7 +52,6 @@ const Home = () => {
       {/*<AboutSection />*/}
 
       <FeaturedEvents categoryEvents={categoryEvents} loading={homeLoading && !homeData} />
-      <DJHighlightSection />
       <SponsorsSection/>
       <PublicFooter />
     </Box>

From c1e08bab7621e338a28f274f25a6e002a85049f4 Mon Sep 17 00:00:00 2001
From: kanchan sharma <kanchansharma200528@gmail.com>
Date: Tue, 7 Apr 2026 23:44:32 +0530
Subject: [PATCH 4/4] removed the dj highlight section

---
 src/views/home/DJHighlightSection.js | 232 ---------------------------
 1 file changed, 232 deletions(-)
 delete mode 100644 src/views/home/DJHighlightSection.js

diff --git a/src/views/home/DJHighlightSection.js b/src/views/home/DJHighlightSection.js
deleted file mode 100644
index 790f91c..0000000
--- a/src/views/home/DJHighlightSection.js
+++ /dev/null
@@ -1,232 +0,0 @@
-import { useEffect, useState } from 'react'
-import { useRouter } from 'next/router'
-import Box from '@mui/material/Box'
-import Container from '@mui/material/Container'
-import Typography from '@mui/material/Typography'
-import Button from '@mui/material/Button'
-import Skeleton from '@mui/material/Skeleton'
-import { alpha } from '@mui/material/styles'
-import { motion } from 'framer-motion'
-import { useAppPalette } from 'src/components/palette'
-import Icon from 'src/components/Icon'
-import axios from 'axios'
-
-const MotionBox = motion(Box)
-
-const DJ_EVENT_NAME = 'DJ EVEONICS'
-
-function getEventImage(event) {
-  if (event?.images && Array.isArray(event.images) && event.images.length > 0) {
-    const img = event.images[0]
-    return typeof img === 'string' ? img : img?.url || null
-  }
-  return null
-}
-
-export default function DJHighlightSection() {
-  const c = useAppPalette()
-  const router = useRouter()
-  const [event, setEvent] = useState(null)
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    let cancelled = false
-    axios
-      .get(`/api/events?name=${encodeURIComponent(DJ_EVENT_NAME)}&limit=1`)
-      .then(res => {
-        if (cancelled) return
-        const events = res.data?.data || []
-        if (events.length > 0) setEvent(events[0])
-      })
-      .catch(() => {})
-      .finally(() => { if (!cancelled) setLoading(false) })
-    return () => { cancelled = true }
-  }, [])
-
-  // Don't render anything if no DJ event found
-  if (!loading && !event) return null
-
-  const imageUrl = event ? getEventImage(event) : null
-  const accent = c.primary
-
-  return (
-    <Box
-      component='section'
-      aria-label='DJ Evening Highlight'
-      sx={{
-        py: { xs: 6, md: 10 },
-        position: 'relative',
-        overflow: 'hidden'
-      }}
-    >
-      {/* Subtle background glow */}
-      <Box
-        sx={{
-          position: 'absolute',
-          inset: 0,
-          background: `radial-gradient(ellipse at center, ${alpha(accent, 0.06)} 0%, transparent 70%)`,
-          pointerEvents: 'none'
-        }}
-      />
-
-      <Container maxWidth='xs' sx={{ position: 'relative', zIndex: 1, px: { xs: 5, sm: 4 } }}>
-        {/* Section heading */}
-        <MotionBox
-          initial={{ opacity: 0, y: 20 }}
-          whileInView={{ opacity: 1, y: 0 }}
-          viewport={{ once: true, margin: '-60px' }}
-          transition={{ duration: 0.5 }}
-          sx={{ textAlign: 'center', mb: { xs: 3, md: 5 } }}
-        >
-          <Typography
-            variant='overline'
-            sx={{
-              color: accent,
-              fontWeight: 800,
-              letterSpacing: 3,
-              fontSize: { xs: '0.7rem', md: '0.8rem' },
-              mb: 1,
-              display: 'block'
-            }}
-          >
-            Don&apos;t Miss
-          </Typography>
-          <Typography
-            variant='h3'
-            sx={{
-              fontWeight: 900,
-              letterSpacing: '-0.02em',
-              color: c.textPrimary,
-              fontSize: { xs: '1.75rem', sm: '2.25rem', md: '2.75rem' },
-              lineHeight: 1.15
-            }}
-          >
-            The DJ Evening
-          </Typography>
-        </MotionBox>
-
-        {/* Event card */}
-        <MotionBox
-          initial={{ opacity: 0, y: 30 }}
-          whileInView={{ opacity: 1, y: 0 }}
-          viewport={{ once: true, margin: '-60px' }}
-          transition={{ duration: 0.6, delay: 0.15 }}
-          sx={{
-            borderRadius: { xs: '16px', md: '20px' },
-            overflow: 'hidden',
-            border: `1.5px solid ${alpha(accent, 0.15)}`,
-            bgcolor: c.bgPaper,
-            boxShadow: `0 8px 40px ${alpha(accent, 0.08)}`
-          }}
-        >
-          {/* Image */}
-          <Box
-            sx={{
-              position: 'relative',
-              width: '100%',
-              aspectRatio: { xs: '3 / 4', md: '3 / 4' },
-              bgcolor: alpha(accent, 0.04),
-              display: 'flex',
-              alignItems: 'center',
-              justifyContent: 'center'
-            }}
-          >
-            {loading ? (
-              <Skeleton variant='rectangular' sx={{ width: '100%', height: '100%' }} />
-            ) : imageUrl ? (
-              <Box
-                component='img'
-                src={imageUrl}
-                alt={event?.name || 'DJ Evening'}
-                sx={{
-                  width: '100%',
-                  height: '100%',
-                  objectFit: 'cover',
-                  display: 'block'
-                }}
-              />
-            ) : (
-              <Icon
-                icon='tabler:music'
-                fontSize={72}
-                style={{ color: alpha(accent, 0.2) }}
-              />
-            )}
-          </Box>
-
-          {/* Bottom bar with name + button */}
-          <Box
-            sx={{
-              display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            flexDirection: 'column',
-            gap: 2,
-              px: { xs: 2.5, md: 4 },
-              py: { xs: 2.5, md: 3 }
-            }}
-          >
-            {loading ? (
-              <>
-                <Skeleton width={200} height={32} />
-                <Skeleton width={140} height={44} sx={{ borderRadius: '10px' }} />
-              </>
-            ) : (
-              <>
-                <Typography
-                  variant='h5'
-                  sx={{
-                    fontWeight: 800,
-                    color: c.textPrimary,
-                    fontSize: { xs: '1.15rem', md: '1.4rem' },
-                    letterSpacing: '-0.01em'
-                  }}
-                >
-                  {event?.name || 'DJ Evening'}
-                </Typography>
-
-                {event?.name === DJ_EVENT_NAME && (
-                  <Typography
-                    variant='caption'
-                    sx={{
-                      color: alpha(accent, 0.7),
-                      fontWeight: 600,
-                      fontSize: '0.8rem',
-                      letterSpacing: '0.5px'
-                    }}
-                  >
-                    Passes will be sold offline
-                  </Typography>
-                )}
-
-                <Button
-                  variant='contained'
-                  endIcon={<Icon icon='tabler:arrow-right' fontSize={18} />}
-                  onClick={() => router.push(`/events/${event?.id}`)}
-                  sx={{
-                    borderRadius: '10px',
-                    fontWeight: 700,
-                    fontSize: '0.9rem',
-                    textTransform: 'none',
-                    px: { xs: 3, md: 4 },
-                    py: 1.3,
-                    bgcolor: accent,
-                    boxShadow: `0 4px 16px ${alpha(accent, 0.3)}`,
-                    flexShrink: 0,
-                    '&:hover': {
-                      bgcolor: alpha(accent, 0.9),
-                      boxShadow: `0 6px 24px ${alpha(accent, 0.4)}`
-                    },
-                    transition: 'all 0.25s ease'
-                  }}
-                >
-                  View Details 
-                </Button>
-              </>
-            )}
-          </Box>
-        </MotionBox>
-      </Container>
-    </Box>
-  )
-}