added:: Custom 404 Notfound Page #43
+262
−88
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,69 @@ | ||
| import Link from 'next/link'; | ||
|
|
||
| const Custom404 = () => { | ||
| return ( | ||
| <div style={{ | ||
| display: 'flex', | ||
| flexDirection: 'column', | ||
| alignItems: 'center', | ||
| justifyContent: 'center', | ||
| height: '70vh', | ||
| backgroundColor: 'rgba(255, 255, 255, 0.8)', | ||
| color: '#000000', | ||
| fontFamily: 'Arial, sans-serif', | ||
| textAlign: 'center', | ||
| padding: '40px', | ||
| boxSizing: 'border-box', | ||
| borderRadius: '10px', | ||
| backdropFilter: 'blur(10px)', | ||
| width: '90%', | ||
| maxWidth: '900px', | ||
| margin: '0 auto', | ||
| }}> | ||
| <h1 style={{ | ||
| fontSize: '72px', | ||
| fontWeight: 'bold', | ||
| marginBottom: '20px', | ||
| textShadow: '1px 1px 2px rgba(0, 0, 0, 0.1)', | ||
| }}> | ||
| 404 | ||
| </h1> | ||
| <h2 style={{ | ||
| fontSize: '36px', | ||
| marginBottom: '10px', | ||
| color: '#333333', | ||
| }}> | ||
| Page Not Found | ||
| </h2> | ||
| <p style={{ | ||
| fontSize: '18px', | ||
| marginBottom: '30px', | ||
| maxWidth: '600px', | ||
| lineHeight: '1.5', | ||
| color: '#555555', | ||
| }}> | ||
| Sorry, the page you are looking for does not exist. Please check the URL or return to the home page. | ||
| </p> | ||
| <Link href="/" style={{ | ||
| padding: '10px 20px', | ||
| backgroundColor: '#000000', | ||
| color: '#ffffff', | ||
| borderRadius: '5px', | ||
| textDecoration: 'none', | ||
| fontWeight: 'bold', | ||
| transition: 'background-color 0.3s', | ||
| }}> | ||
| Go back to Home | ||
| </Link> | ||
| <p style={{ | ||
| marginTop: '20px', | ||
| color: '#777777', | ||
| fontSize: '14px', | ||
| }}> | ||
| Or you can try searching for what you need. | ||
| </p> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default Custom404; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,151 +1,168 @@ | ||
| import Image from "next/image"; | ||
| import styles from "./page.module.css"; | ||
| import Link from "next/link"; | ||
| import HeroMap from "/public/heroMapImage.webp"; | ||
| import Srinagar from "/public/Srinagar.webp"; | ||
| import GoriGanga from "/public/goriGanga.webp"; | ||
| import SectionCard from "@/components/ui/SectionCard"; | ||
| import GheeSankranti from "/public/Ghee_Sankranti.jpeg"; | ||
| import Bagwal from "/public/bagwal.jpg"; | ||
| import Nanda_Sunanda from "/public/Nanda-Sunanda.webp"; | ||
| import Notify_Banner from "/public/notify-early-banner.jpg"; | ||
| import PahadiWomen from "/public/bhotiaWoman.webp"; | ||
| import Screen from "@/components/Screen"; | ||
|
|
||
| export default function Home() { | ||
| return ( | ||
| <> | ||
| <header className={styles.headerContainer}> | ||
| {/* Header Images */} | ||
| <div className={styles.headerImageContainer}> | ||
| <div className={styles.headerLeftImageContainer}> | ||
| <Image | ||
| src={PahadiWomen} | ||
| alt={"Image of Pahadi Women"} | ||
| loading={"eager"} | ||
| height={500} | ||
| priority={true} | ||
| placeholder={"blur"} | ||
| /> | ||
| </div> | ||
| <div className={styles.headerCenterImageContainer}> | ||
| <Image | ||
| src={HeroMap} | ||
| alt={"Image of Uttarakhand Map"} | ||
| loading={"eager"} | ||
| height={350} | ||
| priority={true} | ||
| placeholder={"blur"} | ||
| /> | ||
| </div> | ||
| <div className={styles.headerRightImageContainer}> | ||
| <Image | ||
| src={PahadiWomen} | ||
| alt={"Image of Pahadi Women"} | ||
| loading={"eager"} | ||
| height={500} | ||
| priority={true} | ||
| placeholder={"blur"} | ||
| /> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div className={styles.headerTextContainer}> | ||
| <h1> | ||
| We love <span className={styles.greenText}>Uttarakhand</span> and the people | ||
| </h1> | ||
| <h1> who <span className={styles.soilText}>preserve</span> it.</h1> | ||
| <p>EXPERIENCE THE SOUL OF UTTARAKHAND</p> | ||
| <Link className={styles.headerbuttonLink} href={"/explore"}> | ||
| Start Your Journey | ||
| </Link> | ||
| </div> | ||
| </header> | ||
|
|
||
| <section className={styles["home-story-container"]}> | ||
| <div className={styles["why-built-it-container"]}> | ||
| <div className={styles["built-image-container"]}> | ||
| <Image | ||
| src={Srinagar} | ||
| alt="TREKKING" | ||
| width="300" | ||
| height={"211"} | ||
| loading={"eager"} | ||
| priority={true} | ||
| placeholder={"blur"} | ||
| /> | ||
| <p className={styles["journey-image-description"]}> | ||
| A Painting of a Rope bridge across Alaknanda River, Srinagar, in the times of Garhwal Kingdom, 1784-94. Photo Src: British Library | ||
| </p> | ||
| </div> | ||
| <div className={styles["built-text-container"]}> | ||
| <p className={styles["why-built-it-title"]}>WHY WE BUILD IT</p> | ||
| <p className={styles["built-description-container"]}> | ||
| A concerning trend is emerging in Uttarakhand, where the younger generation is gradually | ||
| forgetting their cultural heritage and traditional rituals. This decline in cultural | ||
| knowledge is evident across generations, with each successive generation possessing less | ||
| knowledge than the previous one... | ||
| </p> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div className={styles["journey-container"]}> | ||
| <p>Explore, Learn and Discover the Beauty of Uttarakhand's Culture</p> | ||
| <div> | ||
| <div className={styles["journey-left-container"]}> | ||
| <h3>EXPLORE UTTARAKAND</h3> | ||
| <p className={styles["built-description-container"]}> | ||
| To address this problem, we have come up with a solution to digitize this cultural knowledge... | ||
| </p> | ||
| <Link href={"/explore"}>Start Your Journey</Link> | ||
| </div> | ||
| <div className={styles["journey-right-container"]}> | ||
| <Image | ||
| src={GoriGanga} | ||
| alt="TREKKING" | ||
| width="350" | ||
| height={"256"} | ||
| loading={"eager"} | ||
| priority={true} | ||
| placeholder={"blur"} | ||
| /> | ||
| <p className={styles["journey-image-description"]}> | ||
| Water-colour painting of the River Gori in Uttar Pradesh by James Manson (1791-1862), c.1826. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| {/* UPCOMING FESTIVAL */} | ||
| <SectionCard | ||
| cardTitle={"UPCOMING FESTIVAL"} | ||
| title={"Egaas Bagwal"} | ||
| subTitle={"12 NOVEMBER · UTTARAKHAND"} | ||
| description={"Egaas Bagwal is a unique festival celebrated 11 days after Diwali..."} | ||
| image={GheeSankranti} | ||
| readMoreLink={""} | ||
| location={""} | ||
| /> | ||
|
|
||
| {/* UPCOMING FAIR */} | ||
| <SectionCard | ||
| cardTitle={"UPCOMING FAIR"} | ||
| title={"Nanda Devi Mahotsav"} | ||
| subTitle={"8 SEPTEMBER - 19 SEPTEMBER · NAINITAL"} | ||
| description={"The Nanda Devi Mahotsav is a grand celebration dedicated to Goddess Nanda Devi..."} | ||
|
|
||
| image={Nanda_Sunanda} | ||
| readMoreLink={""} | ||
| location={"https://www.google.com/maps/place/Maa+Nanda+Devi+Temple,+Almora/@29.5998843,79.6584971,17z/data=!3m1!4b1!4m6!3m5!1s0x39a0b76914898c8b:0x887deeed7e5d3c82!8m2!3d29.5998843!4d79.661072!16s%2Fg%2F11fmrk8bnv?hl=en&entry=ttu&g_ep=EgoyMDI0MDgyOC4wIKXMDSoASAFQAw%3D%3D"} | ||
| /> | ||
|
|
||
| <section className={styles.notifyBannerContainer}> | ||
| <div className={styles.colorBlend}></div> | ||
| <div className={styles.notifyBannerImageContainer}> | ||
| <Image | ||
| src={Notify_Banner} | ||
| alt={"notify-early-banner-image"} | ||
| width={1440} | ||
| height={460} | ||
| placeholder={"blur"} | ||
| /> | ||
| </div> | ||
|
|
||
| <div className={styles.notifyBannerTextContainer}> | ||
| <h1 className={styles.notifyBannerHeading}> | ||
| GET <span className={styles.greenText}>NOTIFIED</span> EARLY | ||
| </h1> | ||
| <p className={styles.notifyBannerMessage}> | ||
| Get Upcoming Uttarakhand <span className={styles.greenText}>Festival</span> & <span className={styles.soilText}>Fair</span> Alerts! | ||
| </p> | ||
| <div className={styles.notifyBannerButtonContainer}> | ||
| <p className={styles.notifyBannerButtonText}>Sign up Today!</p> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </> | ||
| ); | ||
| } | ||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Don't remove it.