Skip to content

Latest commit

 

History

78 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spirucraft — Website

Official marketing/product website for Spirucraft, a manufacturer, exporter and supplier of organic Spirulina powder and Phycocyanin pigment powder based in Medak, Telangana. A fully static, hand-built multi-page site — no build tools, no frameworks, no backend.

HTML/CSS/JS Live Site Status


Contents

Want a website like this for your own business? If you're looking to hire a team to design and build one, click here to get in touch.

Why

Spirucraft sells in bulk, mainly to nutraceutical, food, feed and pharmaceutical buyers — this isn't a shopping-cart business, it's a "call us and negotiate a quote" business. So instead of building e-commerce infrastructure nobody needs, the whole enquiry funnel is designed around what actually converts a B2B buyer: a clean, SEO-crawlable product page per product line, a downloadable brochure/COA for procurement teams to forward internally, and a one-tap WhatsApp enquiry button instead of a contact form that sits in an inbox for days.

Being an exporter also means search visibility matters more than flashy interactivity — a buyer in another state or country is going to search for "organic spirulina powder manufacturer India" before they ever hear the brand name. That's why the site is a set of separate, clean-URL pages (/products/organic-spirulina-powder/, /products/phycocyanin-pigment-powder/, etc.) rather than one single-page app — each product gets its own indexable page instead of being buried behind JavaScript routing.

How it works

It's plain static HTML/CSS/JS, deployed on Cloudflare Pages:

  • Each product line (organic-spirulina-powder, phycocyanin-pigment-powder, dried-spirulina-powder) is its own folder with its own index.html, giving it a clean URL and its own SEO metadata rather than living behind a query string.
  • _redirects maps any older/legacy URLs to this current structure with 301s, so nothing breaks for anyone who bookmarked or linked an old page.
  • script.js handles the "Enquire" / "Get Quote" buttons — they build a pre-filled WhatsApp message client-side and open a chat directly with the company, with no server or database in between.
  • sitemap.xml and robots.txt cover the SEO basics so search engines can actually find and index every product page.

What's on the site

Home — Hero Home — Process (Pond to Pigment)
Home hero Process
Home — Products Home — About preview
Products About preview
Home — CTA & Footer About — Our Story
CTA and footer Our story
About — Founders About — Vision & Mission
Founders Vision and mission
About — Why Choose Spirucraft About — Trust
Why choose Spirucraft Trust
About — Documentation & QA About — Process Stages
Documentation Process stages
About — Facility Photos Products — Listing
Facility photos Products listing
Products — Applications Contact — Page
Product applications Contact page
Contact — FAQ
Contact FAQ

This is a real, deployed production website, not a demo — it's actively used by the business to generate enquiries: every "Enquire" / "Get Quote" click on the live site opens a real WhatsApp conversation with the company.

Running it locally

No build step needed — it's plain HTML/CSS/JS:

python3 -m http.server 8000
# or: npx serve .

Then open http://localhost:8000.

Deployment

Built for Cloudflare Pages (see _redirects for the redirect rules), but since it's fully static it deploys as-is to any static host — Netlify, Vercel, GitHub Pages, or a plain VPS/Nginx setup.

What I'd add next

  • Add a proper structured enquiry/quote-request form (product, quantity, destination country) as an alternative to WhatsApp — some overseas procurement teams prefer email/form trails over WhatsApp for compliance reasons
  • Add a certifications/documentation page linking directly to COA and quality certificates, instead of only mentioning them in the About page copy
  • Basic multi-language support, since a meaningful share of enquiries for an exporter come from outside India
  • Swap the single shared og-image.jpg for a per-product Open Graph image, so sharing a specific product link looks right on social/WhatsApp previews instead of showing the generic homepage image

License

All rights reserved © Spirucraft. Provided for reference/portfolio purposes — please don't reuse the branding, product photography, or copy without permission.

About

Multi-page static website for Spirucraft — a manufacturer, exporter and supplier of organic Spirulina powder and Phycocyanin pigment powder based in Medak, Telangana. Built with plain HTML, CSS and vanilla JavaScript, no frameworks, and deployed on Cloudflare Pages with WhatsApp-based enquiries.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages