What's inside

• Sparkles hero with animated gradient photo frame
• Product-line tabs and Card Hover Effect catalogue
• Technical spec dialog with sample-order checkout
• Count-up capability statistics
• Distributor programme plans
• Dealer portal and quotation request form

1. 1

   Unzip the download

   Extract Ferrum-Industries-Website.zip — you'll get a Ferrum-Industries-Website/ folder with every file the project needs.

2. 2

   Open the folder in VS Code

   Use File → Open Folder…, or run this from a terminal in the folder where you unzipped it:

   $ code Ferrum-Industries-Website

3. 3

   Check Node.js

   Next.js 16 needs Node.js 20.9 or newer. Check with:

   $ node -v

4. 4

   Install dependencies

   Open the VS Code terminal (Ctrl + `) and run:

   $ npm install

5. 5

   Start the dev server

   Then open http://localhost:3000 in your browser — the page reloads as you edit.

   $ npm run dev

6. 6

   Make it yours

   The whole template is one component in src/components/demos/ — text, prices, products and photos are plain objects at the top of that file. Brand colours are the palette in its `theme` object. Effects live in src/components/demos/aceternity/ and shadcn/ui parts in src/components/demos/ui/.

7. 7

   Connect your own services

   Checkout, subscriptions, portal login and forms are front-end simulations: they keep state in the browser and send nothing. Replace their handlers in src/components/demos/premium-features.tsx with your payment provider, auth and email or CRM calls.

8. 8

   Build for production

   Creates an optimised build and serves it. Deploy to Vercel, Netlify or any Node host.

   $ npm run build
   $ npm start