Skip to content

arman0z/matchedwell-dev

Repository files navigation

MatchedWell V2 - Executive Luxury Design

This is the Tree 25 (Executive Luxury) version of the MatchedWell website.

Getting Started

  1. Install dependencies:

    npm install
  2. Start the development server:

    npm run dev
  3. Open your browser to http://localhost:5173

Design Features

  • Style: Tree 25 (Executive Luxury)
  • Hero: Full-width with background image (windy-landscape.png)
  • Typography:
    • Headlines: Playfair Display (serif)
    • Body: Inter (sans-serif)
  • Primary Color: #0080FF (blue)
  • Navigation: Adapted from specs with blue accent color

Project Structure

src/
├── components/
│   ├── Navigation.tsx   # Responsive navigation bar
│   └── Hero.tsx        # Executive luxury hero section
├── App.tsx             # Main application component
├── main.tsx           # Entry point
└── index.css          # Global styles and Tailwind setup

Build for Production

npm run build

The production-ready files will be in the dist/ directory.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published