abhadimishra/myfunds

Purpose and Runtime

This is a Vite-powered React single-page marketing site. It renders a composed home/landing experience with branded sections, navigation, animations, and responsive styling. The browser is the primary runtime; no backend, API layer, database, or external service integration is present in the repository.

Key startup files:

• index.html

• src/main.jsx

• vite.config.js

Application Bootstrap

src/main.jsx is the client entry point. It mounts the React application into the DOM container supplied by index.html and imports the global stylesheet.

The build/dev boundary is Vite:

• development server and production bundling: vite.config.js

• package/runtime dependencies: package.json

• HTML mount shell: index.html

Page Composition

src/pages/Home.jsx is the primary page-level orchestrator. It assembles the landing-page sections into their display order and is the main composition boundary between application routing/page concerns and reusable presentation components.

Primary page:

• src/pages/Home.jsx

• src/main.jsx

Global Layout and Navigation

The shared top and bottom chrome is split into navigation and footer components. Navigation likely provides in-page movement across landing sections, while the footer closes the page with site-level information or links.

Components:

• src/components/Navbar.jsx

• src/components/Footer.jsx

• src/pages/Home.jsx

Hero and Conversion Surface

The first-screen experience is implemented as a dedicated hero section, with contact capability isolated as its own component. This separates initial marketing messaging from lead/contact interaction behavior.

Components:

• src/components/Hero.jsx

• src/components/Contact.jsx

• src/pages/Home.jsx

Content and Trust Sections

The bulk of the site is organized as independently maintainable content sections: capabilities/services, features, reasons to choose the business, and testimonials. AutoSlidingBanner adds time-based client-side presentation behavior, likely for rotating promotional or testimonial content.

Components:

• src/components/Services.jsx

• src/components/Features.jsx

• src/components/WhyChoose.jsx

• src/components/Testimonials.jsx

• src/components/AutoSlidingBanner.jsx

Visual System and Loading Boundary

Styling is centralized through global CSS plus Tailwind/PostCSS processing. Reusable icon definitions are grouped separately from section markup. A dedicated loading screen provides a UI state boundary during initial rendering or asset readiness.

Assets/UI infrastructure:

• src/index.css

• tailwind.config.js

• postcss.config.js

• src/components/icons.jsx

• src/components/LoadingScreen.jsx

Primary Control Flow

Browser request → index.html → Vite-loaded src/main.jsx → React mount → home page composition in src/pages/Home.jsx → ordered section components. User interaction flows are local to UI components: navbar navigation, banner auto-rotation, and contact interactions. The repository contains no indicated network, persistence, authentication, server-rendering, or routing infrastructure boundary.