Demo Components

Various hero's to choose from, with various configurations.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed fermentum odio. Quisque pharetra posuere egestas. Vivamus ut dapibus nisi.

This is a banner block with various styles.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed fermentum odio. Quisque pharetra posuere egestas. Vivamus ut dapibus nisi.

Call to Action Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et sollicitudin orci. Sed facilisis lectus risus, eget fringilla turpis dictum a. Quisque ut ullamcorper ante, vel porttitor diam. Integer id ligula ac nisl fermentum elementum. Curabitur nec sem a libero malesuada cursus eu sed magna. Nunc vehicula ipsum sit amet tellus euismod laoreet. Mauris lorem sapien, faucibus eget risus et, volutpat vulputate orci. Pellentesque et rutrum nibh, vitae gravida nisi. Duis convallis ex ut nunc pulvinar scelerisque. Vivamus imperdiet ante id metus laoreet varius eget vel turpis. Donec nisi elit, vulputate id erat eget, convallis mattis nisi. Donec at ipsum magna.

Content Block

Various column sizes to choose from.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et sollicitudin orci. Sed facilisis lectus risus, eget fringilla turpis dictum a. Quisque ut ullamcorper ante, vel porttitor diam. Integer id ligula ac nisl fermentum elementum. Curabitur nec sem a libero malesuada cursus eu sed magna. Nunc vehicula ipsum sit amet tellus euismod laoreet. Mauris lorem sapien, faucibus eget risus et, volutpat vulputate orci. Pellentesque et rutrum nibh, vitae gravida nisi. Duis convallis ex ut nunc pulvinar scelerisque. Vivamus imperdiet ante id metus laoreet varius eget vel turpis. Donec nisi elit, vulputate id erat eget, convallis mattis nisi. Donec at ipsum magna.

alexhovy Logo

Form Block

Archive Block

Showcasing the carousel collection view.

Service Block

Showcasing the grid collection view.

Coding Icon

Full-Stack Web Development

From backend APIs to dynamic front-end interfaces, I deliver robust, scalable solutions built on modern stacks. I specialise in end-to-end development tailored to business needs.

CMS Icon

Bespoke CMS Solutions

I develop and extend content management systems tailored to your business needs, making content updates easy, flexible, and scalable.

Automation Icon

Automations & Workflow Optimisation

I design smart automations that eliminate repetitive tasks, reduce errors, and boost efficiency. From data syncing to multi-step workflows, I streamline operations so your team can focus on what matters most.

Testimonial Block

Showcasing the list collection view.

Testimonial 2 from Steve

Steve

Working with Alex on the Allens Rebuild project has been an absolute pleasure. The project turned out to be more complex than we initially anticipated, but Alex has consistently gone above and beyond ...

Nurjahaan
1// components/DemoCard.tsx
2import React from "react";
3
4interface DemoCardProps {
5 title: string;
6 description: string;
7 onClick?: () => void;
8 }
9
10 const DemoCard: React.FC<DemoCardProps> = ({ title, description, onClick }) => {
11 return (
12 <div
13 className="max-w-sm rounded-2xl shadow-md p-6 border hover:shadow-lg transition cursor-pointer bg-white"
14 onClick={onClick}
15 >
16 <h2 className="text-xl font-semibold mb-2">{title}</h2>
17 <p className="text-gray-600 text-sm">{description}</p>
18 </div>
19 );
20 };
21
22 export default DemoCard;