2024-07-11 13:34:12 +00:00
|
|
|
import { BlogCard } from '../components/BlogCard'
|
2024-07-11 12:15:03 +00:00
|
|
|
import { GameCard } from '../components/GameCard'
|
2024-07-11 12:52:48 +00:00
|
|
|
import { ModCard } from '../components/ModCard'
|
2024-07-11 11:19:12 +00:00
|
|
|
import '../styles/cardLists.css'
|
|
|
|
import '../styles/SimpleSlider.css'
|
|
|
|
import '../styles/styles.css'
|
|
|
|
|
|
|
|
export const HomePage = () => {
|
|
|
|
return (
|
|
|
|
<div className='InnerBodyMain'>
|
|
|
|
<div className='SliderWrapper'>
|
|
|
|
<div className='ContainerMain'>
|
|
|
|
<div className='IBMSecMain'>
|
|
|
|
<div className='simple-slider IBMSMSlider'>
|
|
|
|
<div className='swiper-container IBMSMSliderContainer'>
|
|
|
|
<div className='swiper-wrapper IBMSMSliderContainerWrapper'>
|
|
|
|
<div className='swiper-slide IBMSMSliderContainerWrapperSlider'>
|
|
|
|
<div
|
|
|
|
className='IBMSMSCWSPic'
|
|
|
|
style={{
|
|
|
|
background:
|
2024-08-16 10:22:22 +00:00
|
|
|
'url("/assets/img/DEGMods%20Placeholder%20Img.png" center / cover no-repeat'
|
2024-07-11 11:19:12 +00:00
|
|
|
}}
|
|
|
|
></div>
|
|
|
|
<div className='IBMSMSCWSInfo'>
|
2024-08-16 10:22:22 +00:00
|
|
|
<h3 className='IBMSMSCWSInfoHeading'>Placeholder</h3>
|
2024-07-11 11:19:12 +00:00
|
|
|
<p className='IBMSMSCWSInfoText'>
|
|
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
|
|
Integer nec odio. Praesent libero. Sed cursus ante
|
|
|
|
dapibus diam. Sed nisi. Nulla quis sem at nibh elementum
|
|
|
|
imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce
|
|
|
|
nec tellus sed augue semper porta. Mauris massa.
|
|
|
|
Vestibulum lacinia arcu eget nulla. className aptent
|
|
|
|
taciti sociosqu ad litora torquent per conubia nostra,
|
|
|
|
per inceptos himenaeos. Curabitur sodales ligula in
|
|
|
|
libero.
|
|
|
|
<br />
|
|
|
|
</p>
|
|
|
|
<div className='IBMSMSliderContainerWrapperSliderAction'>
|
|
|
|
<a
|
|
|
|
className='btn btnMain IBMSMSliderContainerWrapperSliderActionbtn'
|
|
|
|
role='button'
|
|
|
|
href='mods-inner.html'
|
|
|
|
>
|
|
|
|
Check it out
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className='swiper-slide IBMSMSliderContainerWrapperSlider'>
|
|
|
|
<div
|
|
|
|
className='IBMSMSCWSPic'
|
|
|
|
style={{
|
|
|
|
background:
|
2024-08-16 10:22:22 +00:00
|
|
|
'url("/assets/img/DEGMods%20Placeholder%20Img.png") center / cover no-repeat'
|
2024-07-11 11:19:12 +00:00
|
|
|
}}
|
|
|
|
></div>
|
|
|
|
<div className='IBMSMSCWSInfo'>
|
2024-08-16 10:22:22 +00:00
|
|
|
<h3 className='IBMSMSCWSInfoHeading'>Placeholder</h3>
|
2024-07-11 11:19:12 +00:00
|
|
|
<p className='IBMSMSCWSInfoText'>
|
|
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
|
|
Integer nec odio. Praesent libero. Sed cursus ante
|
|
|
|
dapibus diam. Sed nisi. Nulla quis sem at nibh elementum
|
|
|
|
imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce
|
|
|
|
nec tellus sed augue semper porta. Mauris massa.
|
|
|
|
Vestibulum lacinia arcu eget nulla. className aptent
|
|
|
|
taciti sociosqu ad litora torquent per conubia nostra,
|
|
|
|
per inceptos himenaeos. Curabitur sodales ligula in
|
|
|
|
libero.
|
|
|
|
<br />
|
|
|
|
</p>
|
|
|
|
<div className='IBMSMSliderContainerWrapperSliderAction'>
|
|
|
|
<a
|
|
|
|
className='btn btnMain IBMSMSliderContainerWrapperSliderActionbtn'
|
|
|
|
role='button'
|
|
|
|
href='mods-inner.html'
|
|
|
|
>
|
|
|
|
Check it out
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className='swiper-slide IBMSMSliderContainerWrapperSlider'>
|
|
|
|
<div
|
|
|
|
className='IBMSMSCWSPic'
|
|
|
|
style={{
|
|
|
|
background:
|
|
|
|
'url("/assets/img/DEGMods%20Placeholder%20Img.png") center / cover no-repeat'
|
|
|
|
}}
|
|
|
|
></div>
|
|
|
|
<div className='IBMSMSCWSInfo'>
|
2024-08-16 10:22:22 +00:00
|
|
|
<h3 className='IBMSMSCWSInfoHeading'>Placeholder</h3>
|
2024-07-11 11:19:12 +00:00
|
|
|
<p className='IBMSMSCWSInfoText'>
|
|
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
|
|
Integer nec odio. Praesent libero. Sed cursus ante
|
|
|
|
dapibus diam. Sed nisi. Nulla quis sem at nibh elementum
|
|
|
|
imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce
|
|
|
|
nec tellus sed augue semper porta. Mauris massa.
|
|
|
|
Vestibulum lacinia arcu eget nulla. className aptent
|
|
|
|
taciti sociosqu ad litora torquent per conubia nostra,
|
|
|
|
per inceptos himenaeos. Curabitur sodales ligula in
|
|
|
|
libero.
|
|
|
|
<br />
|
|
|
|
</p>
|
|
|
|
<div className='IBMSMSliderContainerWrapperSliderAction'>
|
|
|
|
<a
|
|
|
|
className='btn btnMain IBMSMSliderContainerWrapperSliderActionbtn'
|
|
|
|
role='button'
|
|
|
|
href='mods-inner.html'
|
|
|
|
>
|
|
|
|
Check it out
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className='swiper-pagination'></div>
|
|
|
|
<div className='swiper-button-prev'></div>
|
|
|
|
<div className='swiper-button-next'></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className='ContainerMain'>
|
|
|
|
<div className='IBMSecMainGroup IBMSecMainGroupAlt'>
|
|
|
|
<div className='IBMSecMain IBMSMListWrapper'>
|
|
|
|
<div className='IBMSMTitleMain'>
|
2024-08-16 10:22:22 +00:00
|
|
|
<h2 className='IBMSMTitleMainHeading'>Cool Games (WIP)</h2>
|
2024-07-11 11:19:12 +00:00
|
|
|
</div>
|
|
|
|
<div className='IBMSMList IBMSMListFeaturedAlt'>
|
2024-08-16 10:22:22 +00:00
|
|
|
<GameCard backgroundLink='assets/img/DEGMods%20Placeholder%20Img.png' />
|
|
|
|
<GameCard backgroundLink='hassets/img/DEGMods%20Placeholder%20Img.png' />
|
|
|
|
<GameCard backgroundLink='assets/img/DEGMods%20Placeholder%20Img.png' />
|
|
|
|
<GameCard backgroundLink='assets/img/DEGMods%20Placeholder%20Img.png' />
|
2024-07-11 12:15:03 +00:00
|
|
|
<GameCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
|
2024-07-11 11:19:12 +00:00
|
|
|
</div>
|
|
|
|
<div className='IBMSMAction'>
|
|
|
|
<a
|
|
|
|
className='btn btnMain IBMSMActionBtn'
|
|
|
|
role='button'
|
|
|
|
href='blog.html'
|
|
|
|
>
|
|
|
|
View All
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className='IBMSecMain IBMSMListWrapper'>
|
|
|
|
<div className='IBMSMTitleMain'>
|
2024-08-16 10:22:22 +00:00
|
|
|
<h2 className='IBMSMTitleMainHeading'>Awesome Mods (WIP)</h2>
|
2024-07-11 11:19:12 +00:00
|
|
|
</div>
|
|
|
|
<div className='IBMSMList IBMSMListAlt'>
|
2024-07-29 06:26:26 +00:00
|
|
|
<ModCard
|
2024-08-16 10:22:22 +00:00
|
|
|
title='Placeholder'
|
2024-07-29 06:26:26 +00:00
|
|
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
2024-08-16 10:22:22 +00:00
|
|
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
2024-08-08 17:28:28 +00:00
|
|
|
handleClick={() => {
|
|
|
|
alert(
|
|
|
|
'these are dummy mods. So navigation on these are not implemented yet'
|
|
|
|
)
|
|
|
|
}}
|
2024-07-29 06:26:26 +00:00
|
|
|
/>
|
|
|
|
<ModCard
|
2024-08-16 10:22:22 +00:00
|
|
|
title='Placeholder'
|
2024-07-29 06:26:26 +00:00
|
|
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
2024-08-16 10:22:22 +00:00
|
|
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
2024-08-08 17:28:28 +00:00
|
|
|
handleClick={() => {
|
|
|
|
alert(
|
|
|
|
'these are dummy mods. So navigation on these are not implemented yet'
|
|
|
|
)
|
|
|
|
}}
|
2024-07-29 06:26:26 +00:00
|
|
|
/>
|
|
|
|
<ModCard
|
2024-08-16 10:22:22 +00:00
|
|
|
title='Placeholder'
|
2024-07-29 06:26:26 +00:00
|
|
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
2024-08-16 10:22:22 +00:00
|
|
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
2024-08-08 17:28:28 +00:00
|
|
|
handleClick={() => {
|
|
|
|
alert(
|
|
|
|
'these are dummy mods. So navigation on these are not implemented yet'
|
|
|
|
)
|
|
|
|
}}
|
2024-07-29 06:26:26 +00:00
|
|
|
/>
|
2024-07-11 11:19:12 +00:00
|
|
|
</div>
|
|
|
|
<div className='IBMSMAction'>
|
|
|
|
<a
|
|
|
|
className='btn btnMain IBMSMActionBtn'
|
|
|
|
role='button'
|
|
|
|
href='blog.html'
|
|
|
|
>
|
|
|
|
View All
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className='IBMSecMain IBMSMListWrapper'>
|
|
|
|
<div className='IBMSMTitleMain'>
|
2024-08-16 10:22:22 +00:00
|
|
|
<h2 className='IBMSMTitleMainHeading'>Latest Mods (WIP)</h2>
|
2024-07-11 11:19:12 +00:00
|
|
|
</div>
|
|
|
|
<div className='IBMSMList'>
|
2024-07-29 06:26:26 +00:00
|
|
|
<ModCard
|
2024-08-16 10:22:22 +00:00
|
|
|
title='Placeholder'
|
2024-07-29 06:26:26 +00:00
|
|
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
2024-08-16 10:22:22 +00:00
|
|
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
2024-08-08 17:28:28 +00:00
|
|
|
handleClick={() => {
|
|
|
|
alert(
|
|
|
|
'these are dummy mods. So navigation on these are not implemented yet'
|
|
|
|
)
|
|
|
|
}}
|
2024-07-29 06:26:26 +00:00
|
|
|
/>
|
|
|
|
<ModCard
|
2024-08-16 10:22:22 +00:00
|
|
|
title='Placeholder'
|
2024-07-29 06:26:26 +00:00
|
|
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
2024-08-16 10:22:22 +00:00
|
|
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
2024-08-08 17:28:28 +00:00
|
|
|
handleClick={() => {
|
|
|
|
alert(
|
|
|
|
'these are dummy mods. So navigation on these are not implemented yet'
|
|
|
|
)
|
|
|
|
}}
|
2024-07-29 06:26:26 +00:00
|
|
|
/>
|
|
|
|
<ModCard
|
2024-08-16 10:22:22 +00:00
|
|
|
title='Placeholder'
|
2024-07-29 06:26:26 +00:00
|
|
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
2024-08-16 10:22:22 +00:00
|
|
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
2024-08-08 17:28:28 +00:00
|
|
|
handleClick={() => {
|
|
|
|
alert(
|
|
|
|
'these are dummy mods. So navigation on these are not implemented yet'
|
|
|
|
)
|
|
|
|
}}
|
2024-07-29 06:26:26 +00:00
|
|
|
/>
|
|
|
|
<ModCard
|
2024-08-16 10:22:22 +00:00
|
|
|
title='Placeholder'
|
2024-07-29 06:26:26 +00:00
|
|
|
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
|
|
|
|
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
|
2024-08-08 17:28:28 +00:00
|
|
|
handleClick={() => {
|
|
|
|
alert(
|
|
|
|
'these are dummy mods. So navigation on these are not implemented yet'
|
|
|
|
)
|
|
|
|
}}
|
2024-07-29 06:26:26 +00:00
|
|
|
/>
|
2024-07-11 11:19:12 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div className='IBMSMAction'>
|
|
|
|
<a
|
|
|
|
className='btn btnMain IBMSMActionBtn'
|
|
|
|
role='button'
|
|
|
|
href='blog.html'
|
|
|
|
>
|
|
|
|
View All
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div className='IBMSecMain IBMSMListWrapper'>
|
|
|
|
<div className='IBMSMTitleMain'>
|
2024-08-16 10:22:22 +00:00
|
|
|
<h2 className='IBMSMTitleMainHeading'>Blog Posts (WIP)</h2>
|
2024-07-11 11:19:12 +00:00
|
|
|
</div>
|
|
|
|
<div className='IBMSMList'>
|
2024-08-16 10:22:22 +00:00
|
|
|
<BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
|
|
|
|
<BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
|
2024-07-11 11:19:12 +00:00
|
|
|
<BlogCard backgroundLink='https://pbs.twimg.com/media/GDrRJOOXYAAeysT.jpg:large' />
|
|
|
|
<BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div className='IBMSMAction'>
|
|
|
|
<a
|
|
|
|
className='btn btnMain IBMSMActionBtn'
|
|
|
|
role='button'
|
|
|
|
href='blog.html'
|
|
|
|
>
|
|
|
|
View All
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|