Dim Eye Show Website

Welcome to the Dim Eye Show website! This project is built using Next.js, Tailwind CSS, and Framer Motion, creating a sleek and modern single-page application (SPA) for showcasing the podcast.

Table of Contents

• Dim Eye Show Website
  • Table of Contents
  • Overview
  • Features
  • Technologies Used
  • Getting Started
    • Prerequisites
    • Installation
  • Usage
    • Adding Podcasts
    • Customizing Styles
    • Creating Animations
  • About Dim Eye

Overview

This project is a podcast SPA website designed to provide information about the Dim Eye Show. The website includes the following sections:

• Landing Section: A visually appealing introduction with a gradient background.
• Podcasts Section: A collection of podcasts with detailed information and linking to the YouTube video.
• About Section: Information about the podcast creators and their mission.
• Contact Section: A form for visitors to get in touch with the creators.

Features

• Responsive Design: The website is fully responsive, ensuring a great user experience on both desktop and mobile devices.
• Smooth Animations: Framer Motion is used to create smooth and interactive animations.
• Dynamic Content: Next.js enables server-side rendering and dynamic content loading for better performance and SEO.
• Styled with Tailwind CSS: Tailwind CSS provides utility-first CSS classes for rapid UI development.

Technologies Used

• Next.js: A React framework for building server-side rendered and statically generated web applications.
• Tailwind CSS: A utility-first CSS framework for styling.
• Framer Motion: A library for creating animations in React.

Getting Started

Prerequisites

• Node.js (version 14.x or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/BrianBeilby/Purneet-Website.git
   cd purneet-website

2. Install the dependencies:

   npm install
   # or
   yarn install

3. Run the development server:

   npm run dev
   # or
   yarn dev

4. Open your browser and navigate to http://localhost:3000 to see the website in action.

Usage

Adding Podcasts

To add new podcasts, update the content in the appropriate data files. Ensure the data includes relevant information such as podcast title, description, and URL.

Customizing Styles

Tailwind CSS makes it easy to customize styles. Modify the tailwind.config.js file and use utility classes directly in your components to achieve the desired look and feel.

Creating Animations

Utilize Framer Motion to add or customize animations. Refer to the Framer Motion documentation for examples and usage guidelines.

About

Welcome to the Dim Eye Show, a platform created by curious people for curious people. We dedicate ourselves to the expansion of knowledge, wisdom, and truth for ourselves and others. Our plan is to provide a range of content, from podcasts with experts to quick street interviews, to videos of us just talking. We enjoy thinking and discussing topics such as science & innovation, religion, history, spirituality, belief, the inner workings of institutions and society, human nature, and much more. We wish to learn all we can about whatever we desire, and we hope to gain the privilege to speak with beautiful people with beautiful minds.