Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added Animations , fixed previous issues #245

Closed
wants to merge 1 commit into from
Closed

Added Animations , fixed previous issues #245

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .env.sample
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
DATABASE_URL=
DATABASE_URL="postgresql://details_owner:[email protected]/details?sslmode=require"
NODE_ENV= "development"
SENDER_EMAIL=
MAIL_SERVER_USER=
Expand Down
182 changes: 98 additions & 84 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

3 changes: 2 additions & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,8 @@
"bcryptjs": "^2.4.3",
"drizzle-kit": "^0.24.2",
"drizzle-orm": "^0.33.0",
"next": "14.2.5",
"framer-motion": "^11.11.10",
"next": "^14.2.16",
"next-auth": "^5.0.0-beta.22",
"nodemailer": "^6.9.15",
"react": "^18",
Expand Down
103 changes: 74 additions & 29 deletions src/app/explore/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,38 +1,83 @@
import styles from "./page.module.css"
"use client";
import styles from "./page.module.css";
import SectionCard from "@/components/ui/SectionCard";
import Image from "next/image";
import Mountain from '/public/mountain.svg';
import Mountain from "/public/mountain.svg";
import Bagwal from "/public/bagwal.jpg";
import { motion } from "framer-motion";

export default function Explore() {
return (
<>
<div className={styles.pageHeader}>
<h1> Explore Uttarakhand</h1>
<Image src={Mountain} alt={"Mountain Image"}/>
</div>
return (
<>
{/* Page Header Animation */}
<motion.div
className={styles.pageHeader}
initial={{ opacity: 0, y: -20 }}
whileInView={{ opacity: 1, y: 0 }}
transition={{ duration: 1 }}
>
<h1>Explore Uttarakhand</h1>
<Image
src={Mountain}
alt="Mountain Image"
priority={true}
width={200}
height={200}
/>
</motion.div>

{/* Section 1: Trekking in Uttarakhand */}
<motion.div
initial={{ opacity: 0, x: -50 }}
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 1 }}
>
<SectionCard
cardTitle={"TREKKING IN UTTARAKHAND"}
title={"EXPLORE TREKKING"}
subTitle={
"FIND OLD TREKKING ROUTES, SEARCH PLACES TO SUIT YOUR NEEDS"
}
description={
"Trekking in Uttarakhand offers an exhilarating experience through some of the most breathtaking landscapes in the Himalayas. Known as the 'Land of the Gods,' Uttarakhand is home to a diverse range of trekking trails that cater to both beginners and seasoned trekkers. From the popular Valley of Flowers, known for its vibrant alpine flora, to the challenging Roopkund trek, famous for its mysterious skeletal lake, the state provides a perfect blend of adventure and natural beauty. Trekkers can explore pristine forests, towering snow-capped peaks, crystal-clear rivers, and ancient temples along the way. The spiritual significance of many trails, such as the Kedarnath and Hemkund Sahib treks, adds a deeper dimension to the journey, attracting not only nature enthusiasts but also pilgrims. Whether it's the awe-inspiring beauty of the Nanda Devi National Park or the serene paths of Chopta, trekking in Uttarakhand offers a chance to connect with nature while discovering the cultural richness of the region's remote villages. With its well-marked trails and stunning vistas at every turn, Uttarakhand remains a paradise for trekkers seeking adventure, tranquility, and a deep connection to the Himalayas."
}
image={Bagwal}
readMoreLink={"/trekking"}
/>
</motion.div>

<SectionCard cardTitle={"TREKKING IN UTTARAKHAND"} title={"EXPLORE TREKKING"}
subTitle={"FIND OLD TREKKING ROUTES, SEARCH PLACES TO SUIT YOUR NEEDS"}
description={"Trekking in Uttarakhand offers an exhilarating experience through some of the most breathtaking landscapes in the Himalayas. Known as the 'Land of the Gods,' Uttarakhand is home to a diverse range of trekking trails that cater to both beginners and seasoned trekkers. From the popular Valley of Flowers, known for its vibrant alpine flora, to the challenging Roopkund trek, famous for its mysterious skeletal lake, the state provides a perfect blend of adventure and natural beauty. Trekkers can explore pristine forests, towering snow-capped peaks, crystal-clear rivers, and ancient temples along the way. The spiritual significance of many trails, such as the Kedarnath and Hemkund Sahib treks, adds a deeper dimension to the journey, attracting not only nature enthusiasts but also pilgrims. Whether it's the awe-inspiring beauty of the Nanda Devi National Park or the serene paths of Chopta, trekking in Uttarakhand offers a chance to connect with nature while discovering the cultural richness of the region's remote villages. With its well-marked trails and stunning vistas at every turn, Uttarakhand remains a paradise for trekkers seeking adventure, tranquility, and a deep connection to the Himalayas."}
image={Bagwal} readMoreLink={"/trekking"}/>
{/* Section 2: Uttarakhand Language */}
<motion.div
initial={{ opacity: 0, x: -50 }}
whileInView={{ opacity: 1, x: 0 }}
transition={{ duration: 1 }}
>
<SectionCard
cardTitle={"UTTARAKHAND LANGUAGE"}
title={"EXPLORE LANGUAGE"}
subTitle={"KUMAONI · GARHWALI · JAUNSARI"}
description={
"Uttarakhand is a state rich in linguistic diversity, with its residents speaking several regional languages and dialects. The most widely spoken languages include Kumaoni, Garhwali, and Jaunsari, which vary based on the region's geography and communities. Each of these languages carries a deep cultural significance, passed down through generations, reflecting the local folklore, traditions, and lifestyle. These languages serve as a vital link to the past, preserving Uttarakhand’s heritage through oral literature, songs, and storytelling. By learning and promoting these languages, we continue to celebrate and preserve the unique identity of this beautiful region."
}
image={Bagwal}
readMoreLink={"/language"}
/>
</motion.div>

<SectionCard cardTitle={"UTTARAKHAND LANGUAGE"} title={"EXPLORE LANGUAGE"}
subTitle={"KUMAONI · GARHWALI · JAUNSARI"}
description={"Uttarakhand is a state rich in linguistic diversity, with its residents speaking several regional languages and dialects. The most widely spoken languages include Kumaoni, Garhwali, and Jaunsari, which vary based on the region's geography and communities. Each of these languages carries a deep cultural significance, passed down through generations, reflecting the local folklore, traditions, and lifestyle. These languages serve as a vital link to the past, preserving Uttarakhand’s heritage through oral literature, songs, and storytelling. By learning and promoting these languages, we continue to celebrate and preserve the unique identity of this beautiful region."}
image={Bagwal} readMoreLink={"/language"}/>

<section>

<div className={styles["text-container"]}>
<p>We’re currently building this page…</p>

<p>In the meantime, check out the pages we’ve already completed
below:</p>
</div>
</section>

</>
);
{/* Under Construction Section */}
<motion.section
className={styles.underConstructionSection}
initial={{ opacity: 0, y: 20 }}
whileInView={{ opacity: 1, y: 0 }}
transition={{ duration: 1 }}
>
<div className={styles.textContainer}>
<p>We’re currently building this page…</p>
<p>
In the meantime, check out the pages we’ve already completed below:
</p>
</div>
</motion.section>
</>
);
}
Loading