Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sa2kasov/landing-domain-for-sale
Preact-powered landing page with effortlessly customizable and visually captivating UI
https://github.com/sa2kasov/landing-domain-for-sale
domain landing-page preact selling
Last synced: about 1 month ago
JSON representation
Preact-powered landing page with effortlessly customizable and visually captivating UI
- Host: GitHub
- URL: https://github.com/sa2kasov/landing-domain-for-sale
- Owner: sa2kasov
- License: mit
- Created: 2023-03-31T09:53:54.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-02-11T07:12:21.000Z (11 months ago)
- Last Synced: 2024-03-20T08:20:32.160Z (9 months ago)
- Topics: domain, landing-page, preact, selling
- Language: JavaScript
- Homepage: https://domain-for-sale-landing.vercel.app
- Size: 258 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Domain for Sale Landing Page
Unveil your domain's potential with the perfect platform to showcase your domain's value and attract potential buyers. Elevate your sales strategy with this dynamic, Preact-powered landing page solution. Maximize your outreach and accelerate the process of selling your domain name.
## Table of Contents
- [Getting Started](#getting-started)
- [Configuration](#configuration)
- [Default fields](#default-fields)
- [Domain fields](#domain-fields)
- [Skip a contact info](#skip-a-contact-info)
- [Adding new language](#adding-new-language)
- [Contributing](#contributing)
- [License](#license)## Getting Started
To get started, simply clone or download this repository to your local machine:
```bash
git clone https://github.com/sa2kasov/domain-for-sale-landing.git
```Install with NPM or Yarn.
```bash
npm install
# ...or...
yarn install
```Once you have the code, you can modify the files to customize the landing page for your own domain.
## Configuration
Provide your domain data in the `./src/config.js`. Example of `config.js` file.
```javascript
export const config = {
// Default data
currency: '₸',
language: 'en',
email: '[email protected]',
phone: '+10123456789',
whatsapp: '+11234567890',
telegram: '@username',
domains: [
{
name: 'example1.com',
expiration: '2024-04-24T18:55:00+06:00',
price: 100000,
increasePrice: 1000,
phone: false,
whatsapp: '+12345678901',
telegram: '@username1',
hints: [
'hint 1',
'hint 2',
'hint ...',
'hint 100'
]
},
{
name: 'example2.net',
expiration: '2024-04-25T00:00:00+06:00',
price: 200000,
increasePrice: 1500,
email: '[email protected]',
language: 'ru'
},
{
name: 'example3.org',
expiration: '2024-04-26T12:00:00+06:00',
price: 300000,
increasePrice: 2000,
whatsapp: false,
telegram: '+12345678902',
hints: [
'hint 1',
'hint 2'
]
},
]
}
```### Default fields
| Field | Description | Example |
|----------|--------------------------|---------------------|
| currency | Currency sign | '₸' |
| language | Language code | 'ru' |
| email | Email address | '[email protected]' |
| phone | Phone number | '+10123456789' |
| whatsapp | Phone number | '+11234567890' |
| telegram | username or phone number | '@username' |### Domain fields
| Field | Description | Example |
|---------------|-----------------|-----------------------------|
| name | Domain name | "example.com" |
| expiration | Expiration date | "2024-04-24T18:55:00+06:00" |
| price | Domain price | 100000 |
| increasePrice | Price increase | 1000 |
| hints | Array of hints | ["hint1", "hint 2", "..."] |**Plus all fields from the default field. Any field in the domain field overrides the default values.**
### Skip a contact info
If you don't want to provide data for any field of contacts, set it to `false`.
```javascript
// ...
domains: [
{
name: 'example.biz',
phone: false,
// ...
}
]
```The phone item will be omitted from the contacts for the `example.biz' domain.
Once you have made the necessary changes, you can host the landing page on any web server of your choice.
## Adding new language
Create a new language json file in `./src/locales/`. Take an example of the fields to be translated from existing files in the directory, e.g. `en.json`.
In the `./src/utils/i18n.js` file, import your language file and define it in the `translations` object.
```javascript
import newTranslations from '../locales/new.json'const translations = {
en: enTranslations,
new: newTranslations,
}
```Then in `config.js` set the name of your new language file in the `language` field.
## Contributing
If you would like to contribute to this project, feel free to submit a pull request. However, please note that this project is intended to be a simple, lightweight landing page, so major changes may not be accepted.
## License
This project is licensed under the [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/sa2kasov/domain-for-sale-landing/blob/master/LICENSE)