Web · Live
Dapur Sekar Company Profile
A sample one-page company profile website for a small business, from the introduction and price list to the order button.
Why it matters
What makes it stand out.
Visitors see what is for sale straight away
The main message, packages and prices are visible without searching. An order button is always at the top of the page.
Comfortable on a phone
The layout adapts to the screen width, from phone to desktop, with no sideways scrolling.
Light and fast
One HTML file with its CSS inside, no libraries and compressed photos, so it loads quickly on a slow connection.
See it before ordering
The sample is live and can be opened on the demo page, so prospective clients know what they will receive.
The problem
Many small businesses only have a social media account. Prospective customers struggle to find the price list, opening hours and how to order in one place, and the business does not appear when searched for on Google.
Who it is for
Small business owners and first-time entrepreneurs who need a first online presence, and prospective Aufal Tech clients who want to see what the Starter range delivers.
Key features
Eight ready-to-fill sections
Opening, about the business, packages and prices, gallery, how to order, customer reviews, contact and footer.
Package list with prices
Each package has its own price, contents and order button, so visitors do not have to ask first.
In-page navigation
The menu jumps to the chosen section with smooth scrolling, and the header stays visible while the page scrolls.
Complete contact details
WhatsApp number, address, opening hours and a slot for a location map sit in one section.
Respects motion preferences
Animation is switched off for visitors who have enabled the reduce motion setting on their device.
The same approach can be adapted for
- Profile websites for catering, workshops, laundries, clinics or shops
- Landing pages for a single product or service
- Simple price catalogues with a WhatsApp order button
Architecture
This website is deliberately as simple as possible: one static HTML file with its CSS inside. There is no framework, no JavaScript and no build step. The file is served directly as a static asset.
For a small business, that choice means very low hosting cost and almost nothing to maintain.
Implementation details
Layout without stacked breakpoints. Grids use auto-fit and minmax, and heading sizes use clamp, so the page adapts to the screen width with very few phone-specific rules.
Colours through variables. The whole palette is defined as CSS variables in one place, so changing the brand colour means editing a few lines.
Lightweight photos. The five photos in the opening section and the gallery are compressed to WebP, about 400 KB in total. They are AI-generated illustrations and are labelled as such on the page. On a client website these are replaced by real product photos.
Not indexed by search engines. Because the business is fictional, the sample page carries a noindex tag so it does not appear in search results.
Limits of this sample
Dapur Sekar is not a client and not a real business. The order buttons inside the sample do not send anything; on a client website they open that business’s WhatsApp. The sample is only available in Indonesian.
What can be verified
- Deployed and publicly reachable.
- The whole page is a single HTML file with no JavaScript and no dependencies.
Screenshots
