Startup Investment & Valuation Website

Done by Assel Altayeva

Project Summary

Startup Investment & Valuation Explorer is an interactive, educational web platform designed to help users understand the fundamentals of startup funding and valuation. The platform is built using React, Tailwind CSS, and Framer Motion.

Objective

Explain different startup funding rounds and investment types
Introduce key startup valuation methodologies, calculations
Provide a curated resource hub
Provide a database of investors and venture capital firms

Technology Stack

Purpose	Technology
Framework	React
Styling	Tailwind CSS, CSS3 (Flexbox/Grid)
Interactivity	React, Framer Motion
Fonts & Icons	Gambatta, Poppins
Data Management	React
Responsiveness	Tailwind + Media Queries

Website Structure & Key Features

Folder:

STARTUP/
├── node_modules/
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── icons/
│   │   └── sections/
│   │       ├── FAQs/
│   │       │   ├── FAQ.jsx
│   │       │   ├── FAQList.jsx
│   │       │   └── FAQs.jsx
│   │       ├── Resources/
│   │       │   ├── CommandPalette.jsx
│   │       │   ├── ResourceHub.jsx
│   │       │   └── ResourceList.jsx
│   │       └── Valuation/
│   │       │   ├── Valuation.jsx
│   │       │   ├── ValuationMethods.jsx
│   ├── Apply.jsx
│   ├── Footer.jsx
│   ├── Funding.jsx
│   ├── Header.jsx
│   ├── Hero.jsx
│   ├── Main.jsx
│   ├── Navigation.jsx
│   ├── Page.jsx
│   ├── SpotlightCard.jsx
│   └── utils/
│       └── content.js
│   └── App.jsx
│   └── Main.jsx
│   └── Index.css

Hero

It is used to introduce the user the purpose of the website and what they can find here.

Screenshot 2025-06-19 at 10.26.46.jpg

Hero Section Code

Navigation Bar

It is scrollable and is followed with the screen scroll. It consists of several sections: Startups, Funding Rounds, Valuation, and Resource Hub