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.

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

Feature improvements by adding handicrafts page and temple section #65

Closed
wants to merge 6 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
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
Binary file added public/AIPAN.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/handicrafthero.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/language.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/ringal.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/tamta.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/temple.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/trekking.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/wood.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/wood_craving.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/woolen.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
89 changes: 62 additions & 27 deletions src/app/explore/page.tsx
Original file line number Diff line number Diff line change
@@ -1,38 +1,73 @@
import styles from "./page.module.css"
import styles from "./page.module.css";
import SectionCard from "@/components/ui/SectionCard";
import Image from "next/image";
import Mountain from '/public/mountain.svg';
import Bagwal from "/public/bagwal.jpg";
import Mountain from "/public/mountain.svg";
import Aipan from "/public/AIPAN.jpg";
import language from "/public/language.jpg";
import trekking from "/public/trekking.jpg";
import temple from "/public/temple.jpg";

export default function Explore() {
return (
<>
<div className={styles.pageHeader}>
<h1> Explore Uttarakhand</h1>
<Image src={Mountain} alt={"Mountain Image"}/>
</div>
return (
<>
<div className={styles.pageHeader}>
<h1> Explore Uttarakhand</h1>
<Image src={Mountain} alt={"Mountain Image"} />
</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={trekking}
readMoreLink={"/trekking"}
/>

<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"}/>
<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={language}
readMoreLink={"/language"}
/>

<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"}/>
<SectionCard
cardTitle={"UTTARAKHAND HANDICRAFTS"}
title={"EXPLORE HANDICRAFTS AND ARTISANS"}
subTitle={"AIPAN · WOOD CARVING · WOOLEN"}
description={
"Discover the rich artistic heritage of Uttarakhand, where local artisans create traditional handicrafts like Aipan paintings, intricate wood carvings, and beautifully woven woolen products. Each craft reflects the cultural soul of the region, passed down through generations. From decorative items to practical wearables, these handicrafts make for unique souvenirs and offer a glimpse into the skilled craftsmanship that thrives in the state's villages and towns."
}
image={Aipan}
readMoreLink={"/handicrafts"}
/>

<section>
<SectionCard
cardTitle={"UTTARAKHAND TEMPLES"}
title={"EXPLORE THE DEVBHOOMI"}
subTitle={"KEDARNATH · BADRINATH · GANGOTRI"}
description={
"Known as 'Devbhoomi' or the 'Land of the Gods,' Uttarakhand is home to some of the most revered temples in India. Explore ancient sites like Kedarnath, Badrinath, Gangotri, and Yamunotri, each with deep spiritual significance and rich mythology. Pilgrims from across the world visit these sacred places for blessings, peace, and the awe-inspiring natural beauty that surrounds them. Whether you're seeking spiritual fulfillment or cultural insight, the temples of Uttarakhand offer a profound connection to India's spiritual heritage."
}
image={temple}
readMoreLink={"/temples"}
/>

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

</>
);
<p>
In the meantime, check out the pages we’ve already completed below:
</p>
</div>
</section>
</>
);
}
107 changes: 107 additions & 0 deletions src/app/handicrafts/page.module.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,107 @@
.card-container{
width: 95%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.page-header {
background-color: #f5f5f5;
padding: 2rem 0;
}

.hero-section {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
}

.text-container {
flex: 1;
}

.text-container h1 {
font-size: 3rem;
color: #333;
margin-bottom: 0.5rem;
}

.text-container p {
font-size: 1.2rem;
color: #666;
}

.img-container {
flex: 1;
display: flex;
justify-content: flex-end;
}

.img-container img {
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.featured-crafts {
max-width: 1200px;
margin: 2rem auto;
padding: 0 2rem;
}

.featured-crafts h2 {
font-size: 2rem;
color: #333;
margin-bottom: 1rem;
text-align: center;
}

.craft-icons {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}

.craft-item {
display: flex;
flex-direction: column;
align-items: center;
margin: 1rem;
}

.craft-item img {
margin-bottom: 0.5rem;
}

.craft-item span {
font-size: 1rem;
color: #666;
}

/* .card-container {
max-width: 1200px;
margin: 2rem auto;
padding: 0 2rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
} */

@media (max-width: 768px) {
.hero-section {
flex-direction: column;
text-align: center;
}

.img-container {
justify-content: center;
margin-top: 2rem;
}

.craft-icons {
justify-content: center;
}
}
119 changes: 119 additions & 0 deletions src/app/handicrafts/page.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
import styles from "./page.module.css";
import Image from "next/image";
import Card from "@/components/ui/Card";
import handicrafthero from "/public/handicrafthero.jpg";

// Ensure images are in the public folder (e.g., public/aipan.jpg)
export default function handicrafts() {
return (
<>
<header className={styles["page-header"]}>
<section className={styles["hero-section"]}>
<div className={styles["text-container"]}>
<h1>Handicrafts</h1>
<p>DISCOVER THE ARTISTRY OF UTTARAKHAND</p>
</div>
<div className={styles["img-container"]}>
<Image
src={handicrafthero}
alt="HANDICRAFTS"
width="368"
height="400"
loading={"eager"}
priority={true}
/>
</div>
</section>

<section className={styles["featured-crafts"]}>
<h2>Featured Crafts</h2>
<div className={styles["craft-icons"]}>
<div className={styles["craft-item"]}>
<Image
src="/wood.jpg"
alt="Woodcarving"
width={64}
height={64}
/>
<span>Woodcarving</span>
</div>
<div className={styles["craft-item"]}>
<Image
src="/tamta.jpg"
alt="Textile Weaving"
width={64}
height={64}
/>
<span>Copper Wire</span>
</div>
<div className={styles["craft-item"]}>
<Image
src="/ringal.jpg"
alt="Metal Crafts"
width={64}
height={64}
/>
<span>Ringal Crafts</span>
</div>
<div className={styles["craft-item"]}>
<Image
src="/AIPAN.jpg"
alt="Pottery"
width={64}
height={64}
/>
<span>Aipan</span>
</div>
</div>
</section>
</header>

<div className={styles["card-container"]}>
<Card
title={"AIPAN ART"}
subTitle={"INTRICATE DESIGNS · KUMAON REGION"}
description={
"Aipan is a traditional folk art form originating from the Kumaon region of Uttarakhand. These intricate designs are created on floors and walls during festivals, religious ceremonies, and special occasions. The patterns, made with rice paste, are believed to bring prosperity and happiness to households. The vibrant red background and white motifs symbolize purity and devotion."
}
image={"/AIPAN.jpg"} // Public folder image
/>

<Card
title={"WOOD CARVING"}
subTitle={"TRADITIONAL CRAFT · GARHWAL REGION"}
description={
"The art of wood carving in Uttarakhand is a centuries-old tradition, particularly prominent in the Garhwal region. Artisans skillfully carve intricate designs on doors, windows, and temples, showcasing the region’s cultural heritage. These wooden artifacts are known for their precision and beauty, making them popular both for home décor and religious use."
}
image={"/wood.jpg"} // Public folder image
/>

<Card
title={"RINGAL CRAFT"}
subTitle={"BAMBOO WEAVING · KUMAON & GARHWAL"}
description={
"Ringal craft is a form of bamboo weaving unique to the hills of Uttarakhand. Artisans create everyday utility items like baskets, mats, and furniture using the ringal bamboo plant. The craft not only supports the local economy but also promotes eco-friendly practices. The woven items are durable, functional, and environmentally sustainable."
}
image={"/ringal.jpg"} // Public folder image
/>

<Card
title={"WOOLEN HANDICRAFTS"}
subTitle={"HANDWOVEN · HIMALAYAN REGIONS"}
description={
"Uttarakhand’s woolen handicrafts are famous for their warmth and fine quality. From shawls and scarves to woolen carpets and blankets, these products are handwoven by local women in the Himalayan regions. The use of traditional looms and natural dyes adds to the authenticity of these crafts, making them highly valued in both local and international markets."
}
image={"/woolen.jpg"} // Public folder image
/>

<Card
title={"COPPERWARE"}
subTitle={"TRADITIONAL METALWORK · KUMAON"}
description={
"Copperware from Uttarakhand, particularly from the Kumaon region, is known for its craftsmanship and utility. Artisans create beautiful copper pots, utensils, and decorative items that are both functional and artistic. The copperware is believed to have health benefits and is widely used in households and religious ceremonies across the state."
}
image={"/tamta.jpg"} // Public folder image
/>
</div>
</>
);
}
Loading