TEDxCUSAT Landing Page

This project is a sleek, modern, and responsive landing page for "TEDxCUSAT". It's designed to be the central hub of information for the event, featuring sections for speakers, sponsors, a countdown timer, team members, and testimonials. Built with a focus on great user experience and performance.

✨ Features

• 🎥 Hero section with embedded video and ticket button

• ⏳ Countdown timer animation

• 👨‍💼 Speakers carousel

• 💬 Testimonials

• 🤝 Sponsors showcase

• 🌙 Dark theme aesthetic

• 📱 Fully responsive across devices

• Modern UI/UX: Clean and engaging design.

• Responsive: Fully responsive for all devices.

• Component-Based: Built with reusable React components.

• Performant: Fast and optimized with Vite.

• Type-Safe: Written in TypeScript.

🚀 Live Demo

Check out the live demo here!

🛠️ Built With

• React - A JavaScript library for building user interfaces.
• Vite - Next Generation Frontend Tooling.
• TypeScript - Typed JavaScript at Any Scale.
• Tailwind CSS - A utility-first CSS framework.
• shadcn/ui - Beautifully designed components.
• Framer Motion - For animations.
• React Router - For routing.

🏁 Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You need to have Node.js and npm (or bun/pnpm/yarn) installed on your machine.

• Node.js
• npm

Installation

1. Clone the repo

   git clone https://github.com/your_username/your_repository.git

2. Navigate to the project directory

   cd your_repository

3. Install dependencies

   npm install

   or if you use bun:

   bun install

4. Start the development server

   npm run dev

   Open http://localhost:5173 (or the address shown in your terminal) to view it in the browser.

📜 Available Scripts

In the project directory, you can run:

• npm run dev: Runs the app in the development mode.
• npm run build: Builds the app for production to the dist folder.
• npm run lint: Lints the code using ESLint.
• npm run preview: Serves the production build locally for preview.

📂 Project Structure

cusat-nexus-glow/
├── public/               # Static assets
│   ├── components/       # Reusable components
│   │   ├── ui/           # shadcn/ui components
│   │   └── *.tsx         # Page section components
│   ├── hooks/            # Custom React hooks
│   ├── lib/              # Utility functions
│   ├── pages/            # Page components
│   ├── App.tsx           # Main App component
│   └── main.tsx          # Entry point
├── tailwind.config.ts    # Tailwind CSS configuration
├── tsconfig.json         # TypeScript configuration
└── vite.config.ts        # Vite configuration

🚀 Deployment

The easiest way to deploy your Vite app is to use a static hosting service like Vercel, Netlify, or GitHub Pages.

1. Build the project:

   npm run build

2. Deploy the dist folder to your hosting provider.

For more information, see the Vite Deployment Guide.

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

🙏 Acknowledgements

• Vite
• React
• shadcn/ui

---