jarvis/componentowl-astro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ComponentOwl.com Astro conversion — 16 pages

Browse Source
This commit is contained in:
Jarvis Prime
2026-03-23 17:28:17 +00:00
commit 9ace91df66
158 changed files with 7838 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

168
src/layouts/Base.astro Normal file
View File

@@ -0,0 +1,168 @@
---
export interface Props {
title: string;
description?: string;
keywords?: string;
}
const { title, description = 'Better ListView by Component Owl is a .NET WinForms control designed to replace the standard list view control.', keywords = 'better listview, list view, .net list view, list view component' } = Astro.props;
const currentPath = Astro.url.pathname;
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content={description} />
<meta name="keywords" content={keywords} />
<meta name="author" content="ComponentOwl" />
<meta name="robots" content="All" />
<title>{title}</title>
<link rel="icon" href="/favicon.ico" />
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
'owl-blue': '#1a5276',
'owl-blue-light': '#2980b9',
'owl-blue-dark': '#154360',
}
}
}
}
</script>
<style>
/* Dropdown menu */
.nav-dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu { display: none; }
</style>
</head>
<body class="bg-gray-50 text-gray-800 font-sans">
<!-- Navigation -->
<nav class="bg-owl-blue shadow-lg">
<div class="max-w-6xl mx-auto px-4">
<div class="flex items-center justify-between h-16">
<!-- Logo -->
<a href="/" class="flex items-center gap-2">
<img src="/images/componentowl.gif%3F1455269978" alt="Component Owl" class="h-10" onerror="this.style.display='none'" />
<span class="text-white font-bold text-lg hidden sm:block">ComponentOwl</span>
</a>
<!-- Desktop Nav -->
<ul class="hidden md:flex items-center gap-1 text-sm">
<li>
<a href="/" class={`px-3 py-2 rounded text-white hover:bg-owl-blue-light transition ${currentPath === '/' ? 'bg-owl-blue-light' : ''}`}>Home</a>
</li>
<li class="nav-dropdown relative">
<button class="px-3 py-2 rounded text-white hover:bg-owl-blue-light transition flex items-center gap-1">
Products <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"/></svg>
</button>
<div class="dropdown-menu absolute left-0 top-full mt-1 w-72 bg-white rounded shadow-xl z-50 border border-gray-200">
<div class="p-2">
<p class="text-xs font-semibold text-gray-500 uppercase px-3 py-1">WinForms Components</p>
<a href="/better-listview.html" class="flex items-start gap-3 px-3 py-2 hover:bg-blue-50 rounded">
<div>
<div class="font-medium text-owl-blue">Better ListView</div>
<div class="text-xs text-gray-500">Ultimate ListView control for .NET</div>
</div>
</a>
<a href="/better-thumbnail-browser.html" class="flex items-start gap-3 px-3 py-2 hover:bg-blue-50 rounded">
<div>
<div class="font-medium text-owl-blue">Better Thumbnail Browser</div>
<div class="text-xs text-gray-500">Thumbnail loading and browsing control for .NET</div>
</div>
</a>
<a href="/better-splitbutton.html" class="flex items-start gap-3 px-3 py-2 hover:bg-blue-50 rounded">
<div>
<div class="font-medium text-owl-blue">Better SplitButton</div>
<div class="text-xs text-gray-500">Free customizable dropdown button control</div>
</div>
</a>
</div>
</div>
</li>
<li>
<a href="/blog.html" class={`px-3 py-2 rounded text-white hover:bg-owl-blue-light transition ${currentPath.startsWith('/blog') ? 'bg-owl-blue-light' : ''}`}>Blog</a>
</li>
<li>
<a href="/about-us.html" class={`px-3 py-2 rounded text-white hover:bg-owl-blue-light transition ${currentPath === '/about-us' ? 'bg-owl-blue-light' : ''}`}>About</a>
</li>
<li>
<a href="/support.html" class={`px-3 py-2 rounded text-white hover:bg-owl-blue-light transition ${currentPath === '/support' ? 'bg-owl-blue-light' : ''}`}>Support</a>
</li>
</ul>
<!-- Mobile menu button -->
<button id="mobile-menu-btn" class="md:hidden text-white p-2">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
</svg>
</button>
</div>
<!-- Mobile Nav -->
<div id="mobile-menu" class="hidden md:hidden pb-4">
<a href="/" class="block px-3 py-2 text-white hover:bg-owl-blue-light rounded">Home</a>
<div class="px-3 py-1 text-blue-200 text-xs font-semibold uppercase mt-2">Products</div>
<a href="/better-listview.html" class="block px-6 py-2 text-white hover:bg-owl-blue-light rounded">Better ListView</a>
<a href="/better-thumbnail-browser.html" class="block px-6 py-2 text-white hover:bg-owl-blue-light rounded">Better Thumbnail Browser</a>
<a href="/better-splitbutton.html" class="block px-6 py-2 text-white hover:bg-owl-blue-light rounded">Better SplitButton</a>
<a href="/blog.html" class="block px-3 py-2 text-white hover:bg-owl-blue-light rounded">Blog</a>
<a href="/about-us.html" class="block px-3 py-2 text-white hover:bg-owl-blue-light rounded">About</a>
<a href="/support.html" class="block px-3 py-2 text-white hover:bg-owl-blue-light rounded">Support</a>
</div>
</div>
</nav>
<!-- Main Content -->
<main>
<slot />
</main>
<!-- Footer -->
<footer class="bg-owl-blue-dark text-white mt-16">
<div class="max-w-6xl mx-auto px-4 py-10">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
<h3 class="font-bold text-lg mb-3">ComponentOwl</h3>
<p class="text-blue-200 text-sm">Professional .NET WinForms components. Better ListView, Better Thumbnail Browser, and Better SplitButton.</p>
</div>
<div>
<h3 class="font-bold mb-3">Products</h3>
<ul class="space-y-1 text-sm text-blue-200">
<li><a href="/better-listview.html" class="hover:text-white">Better ListView</a></li>
<li><a href="/better-thumbnail-browser.html" class="hover:text-white">Better Thumbnail Browser</a></li>
<li><a href="/better-splitbutton.html" class="hover:text-white">Better SplitButton</a></li>
</ul>
</div>
<div>
<h3 class="font-bold mb-3">Company</h3>
<ul class="space-y-1 text-sm text-blue-200">
<li><a href="/about-us.html" class="hover:text-white">About Us</a></li>
<li><a href="/support.html" class="hover:text-white">Support</a></li>
<li><a href="/blog.html" class="hover:text-white">Blog</a></li>
<li><a href="https://twitter.com/ComponentOwl" class="hover:text-white">Twitter</a></li>
</ul>
</div>
</div>
<div class="border-t border-blue-800 mt-8 pt-6 flex flex-col md:flex-row justify-between items-center gap-3 text-sm text-blue-300">
<p>&copy; 2021 ComponentOwl.com. All rights reserved.</p>
<div class="flex gap-4">
<a href="/privacy-policy.html" class="hover:text-white">Privacy Policy</a>
<a href="/eula.html" class="hover:text-white">EULA</a>
<a href="/disclaimer.html" class="hover:text-white">Disclaimer</a>
</div>
</div>
</div>
</footer>
<script>
// Mobile menu toggle
document.getElementById('mobile-menu-btn')?.addEventListener('click', () => {
document.getElementById('mobile-menu')?.classList.toggle('hidden');
});
</script>
</body>
</html>

115
src/pages/about-us.astro Normal file
View File

@@ -0,0 +1,115 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="About Component Owl, developers of Better ListView" description="Learn more about Component Owl team, philosophy and history.">
<div class="max-w-4xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-6">About Us</h1>
<blockquote class="border-l-4 border-owl-blue-light pl-6 py-2 mb-8 text-gray-600 italic text-lg">
"Have you ever wondered why some software immediately strikes you as polished and professional, and looks and feels just great? So did we. Component Owl is the result of our journey."
</blockquote>
<p class="text-gray-700 mb-8">Component Owl is part of the <a href="http://www.dextronet.com" class="text-owl-blue-light hover:underline">Dextronet.com</a> network.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-10">
<div class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm">
<h2 class="text-xl font-bold text-owl-blue mb-4">About Dextronet</h2>
<p class="text-sm text-gray-700 mb-3">Dextronet has been founded in 2004 with the intention to develop, sell and support software with great design that makes your life better. To put it simply: <strong>We love creating software that you will love to use.</strong></p>
<p class="text-sm text-gray-700 mb-3">In the 14 years that Dextronet has existed, we have been growing and expanding our business organically and responsibly, and attained substantial steady growth each year. We are here to stay.</p>
<p class="text-sm text-gray-700 mb-3">Our flagship and most popular product is <a href="http://www.dextronet.com/swift-to-do-list-software" class="text-owl-blue-light hover:underline">Swift To-Do List</a> (developed in .NET). With over 500,000 downloads and paying customers in 93 countries, it is the number one task and notes organizer for Windows.</p>
<p class="text-sm text-gray-700"><strong>Better ListView component is the core part of Swift To-Do List, and as such, tens of thousands users work with it every day.</strong></p>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm">
<h2 class="text-xl font-bold text-owl-blue mb-4">About Component Owl</h2>
<p class="text-sm text-gray-700 mb-3">ComponentOwl.com was founded as a Dextronet.com spinoff to commercially release Better ListView and other software components originally developed for our in-house purposes.</p>
<p class="text-sm text-gray-700 mb-3">Our goal is to provide complete, light-weight, flexible, intuitive to use and reliable components and controls for Microsoft .NET with native look and feel.</p>
<p class="text-sm text-gray-700 mb-4">Soon after release, Better ListView has started to receive favorable reviews and praise from developers. All our development effort is based on the feedback of our customers.</p>
<div class="bg-blue-50 border-l-4 border-owl-blue p-3 rounded-r">
<p class="text-sm italic text-gray-700">"The [Better ListView] control is very easy and intuitive to use and is well documented."</p>
<p class="text-xs text-gray-500 mt-1">— DevProConnections.com Review</p>
</div>
</div>
</div>
<!-- Team -->
<section class="mb-10">
<h2 class="text-2xl font-bold text-owl-blue mb-4">Our Team</h2>
<p class="text-gray-700 mb-4">Our growing team has over 50+ years of combined experience with development of rich-client desktop Windows software and components.</p>
<div class="flex gap-6 items-start bg-white border border-gray-200 rounded-lg p-6 shadow-sm">
<img src="/images/libor.jpg%3F1455269978" alt="Libor Tinka - lead developer" class="w-24 h-24 rounded-full object-cover shrink-0" onerror="this.style.display='none'" />
<p class="text-sm text-gray-700 italic"><em>Libor Tinka, Better ListView lead developer, has been programming since 7 years old on ZX Spectrum, and has enormous attention for detail. His interests include programming, quantum physics, advanced mathematics, digital imaging (algorithms, HDR and panoramic photography), and green Japanese tea.</em></p>
</div>
</section>
<!-- Customers -->
<section class="mb-10">
<h2 class="text-2xl font-bold text-owl-blue mb-4">Our Customers</h2>
<p class="text-gray-700 mb-4">Since releasing Better ListView, numerous developers and companies have started utilizing Better ListView in their projects, to save money, development time, and to impress their customers.</p>
<p class="text-gray-700 mb-4">Our customers represent a rich spectrum of businesses and organizations, including:</p>
<div class="grid grid-cols-2 md:grid-cols-3 gap-2 text-sm text-gray-700 mb-6">
{[
'Redgate Software', 'Kingston Technology', 'DevScope', 'Digi Link Limited',
'KingBill GmbH', 'Hydro-Québec', 'LCRA Energy Water Community Services',
'K-Software', 'ImageWare Systems, Inc.', 'Interdata srl',
'OfficeDoxs Software, Inc.', 'Magnet Forensics Inc.', 'Qextron Inc.',
'Telephone Directory of Texas, Inc.', 'Industriinformation Sverige AB',
'Five O\'clock Software', 'Renegade Minds', 'Vastgoed24, Netherlands',
].map(c => (
<div class="bg-gray-50 border border-gray-200 rounded px-3 py-2">{c}</div>
))}
</div>
<div class="space-y-4">
<div class="bg-blue-50 border-l-4 border-owl-blue p-4 rounded-r">
<p class="text-sm italic text-gray-700">"It's an odd thing when you're inspired by a form component, but Component Owl with their Better ListView has done it. Love its native feel."</p>
<p class="text-xs text-gray-500 mt-2">— Daniel Nolan</p>
</div>
<div class="bg-blue-50 border-l-4 border-owl-blue p-4 rounded-r">
<p class="text-sm italic text-gray-700">"I greatly appreciate all of the help you have provided over the past week. The knowledge of your product and Support response time far exceeds that of the other software vendors I have worked with. <strong>I could not be more happy with the product and will be recommending Component Owl to any/all future development teams I am part of</strong>."</p>
<p class="text-xs text-gray-500 mt-2">— Brian S.</p>
</div>
</div>
</section>
<!-- Associations -->
<section class="mb-10">
<h2 class="text-2xl font-bold text-owl-blue mb-4">Association of Software Professionals Member</h2>
<p class="text-gray-700 mb-3">We've been proud members of Association of Software Professionals for over 12 years now.</p>
<p class="text-gray-700 mb-4">We also contribute to ASPects, the monthly magazine of Association of Software Professionals.</p>
<img src="/images/asp_logo-member.png%3F1455269978" alt="Association of Software Professionals" class="mb-6" onerror="this.style.display='none'" />
<div class="bg-blue-50 border-l-4 border-owl-blue p-4 rounded-r mb-6">
<p class="text-sm italic text-gray-700">"Component Owl created <strong>the one and only tool I don't want to be without when it comes to software developing in Visual Studio</strong>. Also, I've been working as software user/developer for the last 26 years, and <strong>I have never before experienced</strong> a support that really goes the needed extra mile to make things work, like the guys at Component Owl do."</p>
<p class="text-xs text-gray-500 mt-2">— Göran Alfvén, Sweden</p>
</div>
</section>
<!-- Microsoft Partner -->
<section class="mb-10">
<h2 class="text-2xl font-bold text-owl-blue mb-4">Microsoft Partner</h2>
<div class="flex items-center gap-4 mb-4">
<img src="/images/microsoft-partner.png%3F1455269978" alt="Component Owl is a Microsoft Partner" class="h-16" onerror="this.style.display='none'" />
<p class="text-sm text-gray-700">We are part of the Microsoft Partner Network, which helps us strengthen our capabilities in delivering the best components for Microsoft Windows.</p>
</div>
</section>
<!-- Contact -->
<section class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm">
<h2 class="text-2xl font-bold text-owl-blue mb-4">Our Contact Info</h2>
<p class="text-gray-700 mb-3"><strong>Contact us today directly with any of your questions, suggestions or comments:</strong><br />
<span class="font-mono text-owl-blue">support (at) componentowl (dot) com</span></p>
<p class="text-sm text-gray-700 mb-3">You can also use the <a href="/support.html" class="text-owl-blue-light hover:underline">contact form</a> in Support section. We usually reply within 24 hours or sooner.</p>
<p class="text-sm text-gray-700 mb-4">You can <a href="http://twitter.com/ComponentOwl" class="text-owl-blue-light hover:underline">follow us on twitter</a> and subscribe to our RSS news feed.</p>
<div class="flex gap-4 items-start">
<img src="/images/brno.jpg%3F1455269978" alt="The City of Brno" class="w-32 rounded shadow" onerror="this.style.display='none'" />
<div class="text-sm text-gray-700">
<p class="font-semibold mb-1">Our offices are based in Brno, Czech Republic, European Union.</p>
<p class="italic text-gray-500">Brno is the second largest city in Czech Republic, after the capital city Prague. It is a technological hub and home of two computer science universities and influential software enterprises, including AVG and Red Hat.</p>
</div>
</div>
</section>
</div>
</Base>

121
src/pages/better-listview.astro Normal file
View File

@@ -0,0 +1,121 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Better ListView for .NET (C#, VB) - Alternative list view component" description="Better ListView is an alternative List View control - the ideal replacement for the regular .NET listview component. For WinForms C#/VB.net.">
<div class="max-w-6xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-2">Better ListView: Alternative list view control for .NET</h1>
<p class="text-gray-600 mb-8">Ideal .NET WinForms (C#, VB.net) replacement list view component. More features, less limitations, fast and optimized.</p>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- Main content -->
<div class="lg:col-span-2">
<!-- Tab nav -->
<div class="flex gap-2 border-b border-gray-200 mb-6 flex-wrap">
<span class="px-4 py-2 border-b-2 border-owl-blue text-owl-blue font-medium text-sm">Overview</span>
<a href="/better-listview/screenshots" class="px-4 py-2 text-gray-500 hover:text-owl-blue text-sm">Screenshots</a>
<a href="/better-listview/comparison-table" class="px-4 py-2 text-gray-500 hover:text-owl-blue text-sm">Comparison</a>
<a href="/better-listview/resources" class="px-4 py-2 text-gray-500 hover:text-owl-blue text-sm">Resources</a>
<a href="/better-listview/story" class="px-4 py-2 text-gray-500 hover:text-owl-blue text-sm">Story</a>
</div>
<ul class="space-y-2 text-sm text-gray-700 mb-6">
{[
'Better ListView is a <strong>list view control for .NET Windows Forms</strong>',
'Designed as a replacement for the regular .NET list view control.',
'Compatible with: Visual Studio 2015, 2013, 2012, 2010, 2008, 2005, with full designer support.',
'For C#, Visual Basic .NET (VB.NET), managed C++, and other CLI languages.',
'Compatible with .NET 4.5, .NET 4, .NET 3.5, .NET 3, .NET 2, and newer. Supports .NET Client Profile.',
'Runs on Windows 10, 8, 7, Vista, 2003, XP, 2000, and newer, both 32-bit and 64-bit.',
'Better ListView has <strong>more features and flexibility</strong>, always uses the <strong>current system theme</strong> (including <strong>Aero</strong> support), and <strong>removes limitations</strong> of the regular .NET list view control.',
'<strong>Minimum learning needed</strong>. Better ListView can be used just like the regular list view.',
'Written in <strong>pure managed C# code</strong>. It is fast, <strong>light-weight</strong> and optimized for 10k+ items.',
'Easy royalty-free deployment. Single DLL file that has just 250kB when compressed.',
'The assembly is <strong>FIPS-compliant</strong>, CLS-compliant, <strong>digitally signed</strong> and strongly named.',
'Tested in the real world by thousands of users.',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 mt-0.5 shrink-0">✓</span><span set:html={item}></span></li>
))}
</ul>
<div class="bg-blue-50 border border-blue-200 rounded p-4 mb-6 text-center">
<img src="http://assets.componentowl.com/images/7/Overview Collage_original_1367470843.png?1367445643" alt="Better ListView control" class="mx-auto max-w-full rounded" />
</div>
<h2 class="text-xl font-bold text-owl-blue mt-8 mb-3">Extra features summary</h2>
<p class="text-sm text-gray-700 mb-6">Better ListView is fast and flicker-free, supports hierarchical items, has improved grouping, better drag &amp; drop and item reordering support, better column headers, inbuilt sorting, multi-column sorting, better images support, context menus for column headers and items, embedded controls for editing support, automatic and custom sizing of items and images, thumbnails view, richer event data, item text formatting, XML and binary serialization, data-binding, owner-drawing options, better tooltips, powerful hit-test, improved usability, easy saving/loading of contents into file or string, multi-line items, and more.</p>
<div class="bg-blue-50 border-l-4 border-owl-blue p-4 rounded-r mb-6">
<p class="text-sm italic text-gray-700">"Component Owl created <strong>the one and only tool I don't want to be without when it comes to software developing in Visual Studio</strong>. Also, I've been working as software user/developer for the last 26 years, and <strong>I have never before experienced a support that really goes the needed extra mile to make things work</strong>, like the guys at Component Owl do."</p>
<p class="text-xs text-gray-500 mt-2">— Göran Alfvén, Sweden</p>
</div>
{[
{ title: 'Hierarchical items', body: 'You can create tree-like structures in Better ListView; inbuilt drag & drop hierarchical reordering of items.' },
{ title: 'Improved grouping', body: 'Better grouping – customizable group headers look and behavior, collapsible, image support, context menu support, focusable, etc. Each group header can be customized individually.' },
{ title: 'Save/load contents with 1 line of code', body: 'You can save or load the contents of Better ListView in just 1 line of code, either to file or string. Both XML and binary serialization is supported.' },
{ title: 'Double-buffered and flicker free', body: 'Simply put, Better ListView is smooth. Regular listview requires multiple anti-flicker techniques, but you do not have to worry about that with Better ListView. Better ListView is optimized for 100k+ items.' },
{ title: 'Column header images', body: 'You can use images in column headers. Custom image sizes are supported.' },
{ title: 'Sub-item images', body: 'You can set images to list view sub-items. Regular list view allows you to set only one image per list view item, but Better ListView can show image for every sub-item (in every column).' },
{ title: 'Multi-column sorting', body: 'You can sort by multiple columns in Better ListView. Simply shift+click a secondary (or third, etc) column to add it to the current sort. Zero code needed.' },
{ title: 'Inbuilt sorting and natural sorting', body: 'Better ListView has inbuilt list view sorting that works out of the box. You no longer need to implement your own item comparer.' },
{ title: 'Thumbnails view mode', body: 'Better ListView supports additional "thumbnails" view mode that allows you to view images of large sizes. The images are automatically and smoothly resized with preserved aspect ratio.' },
{ title: 'Checkboxes in all views', body: 'You can have checkboxes in LargeIcons view, SmallIcons view, List view, Thumbnails view and of course also in the Details view.' },
{ title: 'Three state checkboxes', body: 'Three state checkboxes are supported in Better ListView.' },
{ title: 'Powerful list view tooltips', body: 'You can display tooltips for nearly any part of Better ListView - tooltips for items, sub-items, checkboxes, item images, sub-item images, column headers, column header images, and even for custom areas.' },
{ title: 'XML and binary serialization of everything', body: 'Every part of Better ListView (items, sub-items, column headers) can be both binary and XML serialized.' },
{ title: 'Owner drawing', body: 'Better ListView allows you to draw over the client area, items and column headers. Contrary to .NET ListView, owner drawing is fully operational even when the system uses Aero theme.' },
{ title: 'Multi-line items', body: 'Better ListView supports multi-line items. Items with very long text can be displayed on multiple lines. Highly customizable and powerful.' },
{ title: 'Background image support', body: 'Display background image in Better ListView easily using the BackgroundImage property. Many layouts (stretch, tile, none), alignments, and customizable opacity are supported.' },
{ title: 'Context menu for column headers, list items, and empty area', body: 'Better ListView supports 3 types of context menus: Column header context menu, list view items context menu, and empty area context menu.' },
{ title: 'Embed controls for item editing', body: 'Inbuilt in-line editing support includes label edit, combobox edit, date picker edit. You can also embed any custom control for in-line editing. Sub-item editing is supported.' },
{ title: 'Customizable search-by-typing', body: 'Better ListView has excellent customization functionality for find-as-you-type item searching. The search modes include: Prefix, Substring, Prefix + Substring, or Disabled.' },
{ title: 'Display text when the list view is empty', body: 'You can display a gray text centered in the list view if it\'s empty to hint or educate users. This will make your software more user friendly.' },
].map(f => (
<div class="mb-5">
<h3 class="font-bold text-owl-blue mb-1">{f.title}</h3>
<p class="text-sm text-gray-700">{f.body}</p>
</div>
))}
<h2 class="text-xl font-bold text-owl-blue mt-8 mb-4">More advantages of our improved list view component:</h2>
<ul class="space-y-3 text-sm text-gray-700">
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span><strong>Developer friendly</strong>: All classes and properties are as similar to the regular list view as possible. Everything is intuitive, very little learning is needed. <strong>Save time and ship sooner</strong>.</span></li>
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span><strong>Better ListView has improved usability and fixed behavior</strong>. Better ListView mimics behavior and look &amp; feel of the Windows Explorer list view to leverage the existing user knowledge.</span></li>
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span><strong>Guaranteed support and continued development</strong>: Better ListView is developed as a joint-venture of two software companies that use Better ListView in their main products.</span></li>
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span><strong>Tested in real world applications by thousands of users</strong>: Because Better ListView is used in professional consumer desktop software applications, thousands of users work with Better ListView every day.</span></li>
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span>Better ListView does <strong>not</strong> inherit from the regular .NET list view. It is written in pure managed C# code and is flexible, light weight, and fast.</span></li>
</ul>
</div>
<!-- Sidebar -->
<div class="space-y-6">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<a href="/better-listview.html" class="block bg-green-500 hover:bg-green-600 text-white text-center font-semibold py-3 px-4 rounded mb-3 transition text-sm">Download Free Trial — With sample projects</a>
<a href="/pricing-licensing/better-listview.html" class="block bg-orange-500 hover:bg-orange-600 text-white text-center font-semibold py-3 px-4 rounded mb-3 transition text-sm">See Pricing &amp; Licensing</a>
<p class="text-xs text-gray-500 text-center">Version 3.15 / May 27, 2015</p>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-3">Seamless integration with .NET 2.0 and higher</p>
<ul class="space-y-2 text-sm">
<li><a href="/better-listview/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
<li><a href="/better-listview/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
<li><a href="/better-listview/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
</ul>
</div>
<div class="bg-blue-50 border-l-4 border-owl-blue p-4 rounded-r">
<p class="text-sm italic text-gray-700">"The control is <strong>very easy and intuitive to use and is well documented</strong>."</p>
<p class="text-xs text-gray-500 mt-2">— DevProConnections.com Review</p>
</div>
<div class="bg-blue-50 border-l-4 border-owl-blue p-4 rounded-r">
<p class="text-sm italic text-gray-700">"It's an odd thing when you're inspired by a form component, but Component Owl with their Better ListView has done it. Love its native feel."</p>
<p class="text-xs text-gray-500 mt-2">— Daniel N, USA</p>
</div>
</div>
</div>
</div>
</Base>

102
src/pages/better-splitbutton.astro Normal file
View File

@@ -0,0 +1,102 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Free Split-Button (dropdown button) control for .NET" description="Free for non-commercial use splitbutton control for .NET Windows Forms (C#, VB.net) with native look and feel and flexible features.">
<div class="max-w-6xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-2">Free Split-Button (dropdown button) control for .NET</h1>
<p class="text-gray-600 mb-8">Free for non-commercial use splitbutton control for .NET Windows Forms (C#, VB.net) with native look and feel and flexible features.</p>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<div class="lg:col-span-2">
<div class="flex gap-2 border-b border-gray-200 mb-6">
<span class="px-4 py-2 border-b-2 border-owl-blue text-owl-blue font-medium text-sm">Overview</span>
<a href="/better-splitbutton/screenshots" class="px-4 py-2 text-gray-500 hover:text-owl-blue text-sm">Screenshots</a>
</div>
<h2 class="text-xl font-bold text-owl-blue mb-3">What is it?</h2>
<ul class="space-y-2 text-sm text-gray-700 mb-6">
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span><strong>Split-button (Dropdown button) control for .NET Windows Forms</strong></span></li>
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span><strong>Free</strong> for non-commercial use, <strong>cheap license for commercial use</strong> with included <strong>source code</strong>.</span></li>
</ul>
<div class="text-center mb-6">
<img src="http://assets.componentowl.com/images/36/product-image_original_1328613483.png?1328613483" alt="Better SplitButton" class="mx-auto" />
</div>
<h2 class="text-xl font-bold text-owl-blue mb-3">Features</h2>
<ul class="space-y-2 text-sm text-gray-700 mb-6">
{[
'Supports ContextMenuStrip',
'Adjustable size of the split part',
'Adjustable size of the native-style glyph (down arrow)',
'Separate glyph image can be assigned for every button state',
'Supports images and ImageList of any size',
'Can work like a button or like a drop-down context menu only',
'Can be set to always dropdown',
'Excellent documentation with source code samples and screenshots',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span>{item}</span></li>
))}
</ul>
<h2 class="text-xl font-bold text-owl-blue mb-3">Superb compatibility</h2>
<ul class="space-y-2 text-sm text-gray-700 mb-6">
{[
'Compatible with: Visual Studio 2012, 2010, 2008, 2005 (and newer)',
'For C#, Visual Basic .NET (VB.NET), managed C++, and other CLI languages.',
'Compatible with .NET 4.5, .NET 4, .NET 3.5, .NET 3, .NET 2, and newer. Supports .NET Client Profile.',
'Runs on Windows 8, 7, Vista, 2003, XP, 2000, and newer, both 32-bit and 64-bit.',
'The assembly is FIPS-compliant, CLS-compliant, digitally signed and strongly named.',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span>{item}</span></li>
))}
</ul>
<h2 class="text-xl font-bold text-owl-blue mb-3">High quality and easy to use</h2>
<ul class="space-y-2 text-sm text-gray-700 mb-6">
{[
'Written in pure managed C# code.',
'Full support of modern native Windows themes.',
'Single tiny DLL file, no dependencies.',
'XCopy Deployment',
'Includes samples, both in VB.net and C#, as well as compiled samples explorer.',
'Very easy to use and simple to learn.',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 shrink-0">✓</span><span>{item}</span></li>
))}
</ul>
<h2 class="text-xl font-bold text-owl-blue mb-3">About Better SplitButton</h2>
<div class="space-y-3 text-sm text-gray-700">
<p>Better SplitButton is a free button-like control for .NET WinForms that you can start using immediately. It's similar to the regular button, but it includes a "split" part, which can display a dropdown menu once clicked. You can also set the button to be AlwaysDropDown, in such case, there is no separate split part (but the glyph arrow is still displayed), and clicking anywhere on the button will display the dropdown.</p>
<p>The dropdown menu is defined using the native .NET ContextMenuStrip component.</p>
<p>The installation package includes sample projects in both VB.net and C# to get you started immediately. It also includes Samples Explorer with some pre-built samples, so you can quickly see what it can do.</p>
<p>Better SplitButton is free for non-commercial use. Commercial use requires a license that we offer for a very affordable price. We supply source code with all commercial licenses.</p>
</div>
<h2 class="text-xl font-bold text-owl-blue mt-8 mb-3">How can SplitButtons improve your GUI</h2>
<p class="text-sm text-gray-700">SplitButton is an invaluable control if you want to keep your GUI simple and intuitive. It is perfect for "hiding" non-standard or expert options that would complicate your GUI unnecessarily. It occupies the same real estate as a regular button, but can provide your users with far more options.</p>
</div>
<!-- Sidebar -->
<div class="space-y-6">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<a href="/better-splitbutton.html" class="block bg-green-500 hover:bg-green-600 text-white text-center font-semibold py-3 px-4 rounded mb-3 transition text-sm">Free Download</a>
<a href="/pricing-licensing/better-splitbutton.html" class="block bg-orange-500 hover:bg-orange-600 text-white text-center font-semibold py-3 px-4 rounded mb-3 transition text-sm">Buy commercial license with source code from $67</a>
<p class="text-xs text-gray-500 text-center">Version 3.15 / May 27, 2015</p>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-3">Seamless integration with .NET 2.0 and higher</p>
<ul class="space-y-2 text-sm">
<li><a href="/better-splitbutton/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
<li><a href="/better-splitbutton/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
<li><a href="/better-splitbutton/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
</ul>
</div>
</div>
</div>
</div>
</Base>

98
src/pages/better-thumbnail-browser.astro Normal file
View File

@@ -0,0 +1,98 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Better Thumbnail Browser loading and viewing control for .NET" description="Thumbnail gallery control for .NET WinForms (C#, VB.net). ListView-like image loader, image viewer and image browser component.">
<div class="max-w-6xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-2">Better Thumbnail Browser loading and viewing control for .NET</h1>
<p class="text-gray-600 mb-8">Thumbnail gallery control for .NET WinForms (C#, VB.net). ListView-like image loader, image viewer and image browser component.</p>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<div class="lg:col-span-2">
<div class="flex gap-2 border-b border-gray-200 mb-6">
<span class="px-4 py-2 border-b-2 border-owl-blue text-owl-blue font-medium text-sm">Overview</span>
<a href="/better-thumbnail-browser/screenshots" class="px-4 py-2 text-gray-500 hover:text-owl-blue text-sm">Screenshots</a>
</div>
<ul class="space-y-2 text-sm text-gray-700 mb-6">
{[
'Better Thumbnail Browser is a <strong>thumbnail viewing and loading control for .NET Windows Forms</strong>',
'View and automatically display thumbnails of images, graphic files, documents, video files etc.',
'Compatible with: Visual Studio 2015, 2013, 2012, 2010, 2008, 2005, with full designer support.',
'For C#, Visual Basic .NET (VB.NET), managed C++, and other CLI languages.',
'Compatible with .NET 4.5, .NET 4, .NET 3.5, .NET 3, .NET 2, and newer. Supports .NET Client Profile.',
'Runs on Windows 10, 8, 7, Vista, 2003, XP, 2000, both 32-bit and 64-bit.',
'Native look and feel, always uses the current system theme (including Aero support)',
'Saves development time with rich inbuilt functionality',
'Easy to use and well-documented',
'Written in pure managed C# code. Fast and light-weight',
'No dependencies',
'Optimized and smooth',
'Inherits from mature Better ListView control',
'FIPS-compliant, CLS-compliant, digitally signed and strongly named assembly.',
'Easy royalty-free XCOPY deployment. Single DLL file that has just 250kB~ when compressed.',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 mt-0.5 shrink-0">✓</span><span set:html={item}></span></li>
))}
</ul>
<h2 class="text-xl font-bold text-owl-blue mt-8 mb-3">Image Viewer .NET control with powerful features</h2>
<p class="text-sm text-gray-700 mb-4">Better Thumbnail Browser is a WinForms control for displaying and loading (mostly) <strong>image thumbnails</strong>. Thumbnails are viewed in <strong>listview-like image gallery</strong>.</p>
<p class="text-sm text-gray-700 mb-3">Viewing and loading image thumbnails is a sophisticated task, so this .NET control does these things for you, right out of the box:</p>
<ul class="space-y-2 text-sm text-gray-700 mb-6">
{[
'<strong>View images in any folder on HDD</strong>',
'<strong>Load images from any source you want</strong> (including database) with minimum coding needed.',
'<strong>Load thumbnails on background</strong>. All the thread operations and thread synchronization are performed automatically.',
'<strong>Resize images with high-quality image resampling</strong>.',
'<strong>Optimized order of loading of images</strong> — allows loading the thumbnails in view first, then all other thumbnails in the predefined order.',
'<strong>Supports starting, pausing and restarting the image loading</strong> on demand.',
'<strong>Smooth thumbnail zooming</strong> on the fly (e.g. using a mouse-wheel)',
'<strong>Completely flicker-free</strong>, optimized, and smooth',
'Super-customizable: <strong>Set shadows, borders, padding, spacing of all elements</strong>',
'<strong>Grouping of images</strong> — create customizable collapsible groups of thumbnails',
'Supports <strong>multi-line text</strong>, both in image items and column headers',
'<strong>Inbuilt sorting with multi-column sorting</strong> support',
'Supports <strong>checkboxes</strong> (both 2-state or 3-state)',
'Customizable <strong>tooltips</strong> on all elements',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 mt-0.5 shrink-0">✓</span><span set:html={item}></span></li>
))}
</ul>
<div class="bg-blue-50 border border-blue-200 rounded p-4 mb-6 text-center">
<img src="http://assets.componentowl.com/screenshots/43/overview_original_1354296079.png?1354270879" alt="Better Thumbnail Browser Overview" class="mx-auto max-w-full rounded" />
</div>
<h2 class="text-xl font-bold text-owl-blue mt-8 mb-3">Cut development time by up to 50%</h2>
<p class="text-sm text-gray-700 mb-3">The biggest advantage of Better Thumbnail Browser control for .NET is that it saves you development time.</p>
<p class="text-sm text-gray-700 mb-3">For many projects where GUI is important, Better Thumbnail Browser can significantly cut development time. The complex logic of loading, displaying and viewing the thumbnails is done automatically for you.</p>
<p class="text-sm text-gray-700 mb-3">Furthermore, you will save time thanks to many inbuilt features that work out of the box, such as sorting or item reordering. Also, full designer support allows you to do many customizations with zero code.</p>
<p class="text-sm text-gray-700 mb-6">Better Thumbnail Browser comes with numerous samples with full source code, and with excellent documentation with examples.</p>
<h2 class="text-xl font-bold text-owl-blue mt-8 mb-3">High-quality source code available for optional purchase</h2>
<p class="text-sm text-gray-700">In case you require a full source code, it can be purchased as part of the Site or Enterprise licenses. The Better Thumbnail Browser source code consists of a single C# project without any external dependencies, it is clean, readable, fully commented and readily extensible.</p>
</div>
<!-- Sidebar -->
<div class="space-y-6">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<a href="/better-thumbnail-browser.html" class="block bg-green-500 hover:bg-green-600 text-white text-center font-semibold py-3 px-4 rounded mb-3 transition text-sm">Download Free Trial — With sample projects</a>
<a href="/pricing-licensing/better-thumbnail-browser.html" class="block bg-orange-500 hover:bg-orange-600 text-white text-center font-semibold py-3 px-4 rounded mb-3 transition text-sm">See Pricing &amp; Licensing</a>
<p class="text-xs text-gray-500 text-center">Version 3.15 / May 27, 2015</p>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-3">Seamless integration with .NET 2.0 and higher</p>
<ul class="space-y-2 text-sm">
<li><a href="/better-thumbnail-browser/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
<li><a href="/better-thumbnail-browser/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
<li><a href="/better-thumbnail-browser/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
</ul>
</div>
</div>
</div>
</div>
</Base>

95
src/pages/blog.astro Normal file
View File

@@ -0,0 +1,95 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Owl's Blog on .NET development" description="Component Owl codes Better ListView control all night so you don't have to.">
<div class="max-w-5xl mx-auto px-4 py-10">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- Posts -->
<div class="lg:col-span-2">
<h1 class="text-3xl font-bold text-owl-blue mb-1">Owl's Blog on .NET development</h1>
<p class="text-gray-500 mb-8 text-sm">Component Owl codes Better ListView control all night so you don't have to.</p>
<!-- Post 1 -->
<article class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm mb-6">
<h2 class="text-xl font-bold text-owl-blue mb-1">
<a href="/blog/activation-issues-and-how-to-solve-them" class="hover:underline">Activation issues and how to solve them</a>
</h2>
<p class="text-xs text-gray-500 mb-3">Blog Post by Brian Galura published on Wednesday, 01 March 2017 in Better ListView, Components</p>
<div class="text-sm text-gray-700 space-y-2">
<p>Dear Readers, periodically we get emails from users having problems with the activation. So we put together a check list on how to deal with the most frequent issues.</p>
<ol class="list-decimal list-inside space-y-1 text-sm text-gray-700 pl-2">
<li>Try to <strong>rebuild</strong> the project/solution</li>
<li><strong>Restart</strong> Visual Studio if rebuilding the solution did not stop the nag screen</li>
<li>If you use Better ListView in a Class Library project, it should be referenced and activated in both, the main project and the Class Library project.</li>
<li>Do the main project (executable) and all referenced projects contain the <strong>licenses.licx</strong> file within the Properties folder?</li>
<li>The licenses.licx file should contain only a <strong>single reference</strong> to Better ListView with the current version number.</li>
<li>Run the <strong>Activator</strong> application (installed along with the product) and check if it displays a valid license.</li>
<li>You can try to finish the activation via the <strong>Activator app</strong> and then rebuild the main project.</li>
<li>Check, if the <strong>license-blv.dat</strong> file is present in the "C:\ProgramData\Component Owl\" folder after activation.</li>
<li>Check, if your projects reference the <strong>same version</strong> of Better ListView as the one that is installed.</li>
<li>The Better ListView has to be activated on each machine where it is built.</li>
</ol>
</div>
</article>
<!-- Post 2 -->
<article class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm mb-6">
<h2 class="text-xl font-bold text-owl-blue mb-1">
<a href="/blog/three-main-advantages" class="hover:underline">The Three Main Advantages Better ListView has Over the Classic .NET Framework</a>
</h2>
<p class="text-xs text-gray-500 mb-3">Blog Post by Brian Galura published on Thursday, 09 February 2017 in Better ListView</p>
<div class="text-sm text-gray-700 space-y-3">
<p>When evaluating an alternative to replace the .NET ListView you might stumble upon the question: what sets the different solutions available apart from each other?</p>
<p><strong>1) The intuitive approach on getting started</strong><br />
The good thing is, you can get started right away. Due to the build-up of processes, as well as the well documented procedures you have almost no learning period. Component Owl keeps its design close to the original .NET ListView so you do not have to get acquainted to a completely new system.</p>
<p><strong>2) The fast and helpful support</strong><br />
As Component Owl has been on the market for quite a while now, it has been further developed and improved countless times, resulting in a detailed and meaningful FAQ which answers the majority of your questions. You can rely on our support system which will give you feedback within 24 hours.</p>
<p><strong>3) The possibility to customize</strong><br />
Just like every developer has his own style of working, Component Owl can be customized to every user's needs. The many opportunities to adapt your surface to your favorite design allows you to optimize your workflow to perform even better.</p>
</div>
</article>
<!-- Pagination -->
<div class="flex justify-between text-sm">
<a href="/blog.html" class="text-owl-blue-light hover:underline">&laquo; Older Entries</a>
</div>
</div>
<!-- Sidebar -->
<div class="space-y-6">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<ul class="space-y-2 text-sm">
<li><a href="https://feeds.rss" class="text-owl-blue-light hover:underline flex items-center gap-2">📡 Subscribe to our RSS</a></li>
<li><a href="https://twitter.com/ComponentOwl" class="text-owl-blue-light hover:underline flex items-center gap-2">🐦 Follow us on Twitter</a></li>
<li><a href="https://facebook.com/ComponentOwl" class="text-owl-blue-light hover:underline flex items-center gap-2">📘 Follow us on Facebook</a></li>
</ul>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<h3 class="font-bold text-owl-blue mb-3">Categories</h3>
<ul class="space-y-1 text-sm text-gray-700">
<li><a href="/blog.html" class="hover:text-owl-blue">Announcements (8)</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">Better ListView (44)</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">Components (9)</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">Programming (2)</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">Tutorials (19)</a></li>
</ul>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<h3 class="font-bold text-owl-blue mb-3">Archives</h3>
<ul class="space-y-1 text-sm text-gray-700">
<li><a href="/blog.html" class="hover:text-owl-blue">March 2017</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">February 2017</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">November 2016</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">August 2014</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">July 2014</a></li>
<li><a href="/blog.html" class="hover:text-owl-blue">April 2014</a></li>
</ul>
</div>
</div>
</div>
</div>
</Base>

24
src/pages/disclaimer.astro Normal file
View File

@@ -0,0 +1,24 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Disclaimer - ComponentOwl" description="Disclaimer for ComponentOwl.com website and products.">
<div class="max-w-3xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-6">Disclaimer</h1>
<div class="prose prose-sm max-w-none text-gray-700 space-y-4">
<p>The information contained in this website is for general information purposes only. The information is provided by Jiri Novotny and Dextronet.com and while we endeavor to keep the information up to date and correct, we make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, suitability or availability with respect to the website or the information, products, services, or related graphics contained on the website for any purpose. Any reliance you place on such information is therefore strictly at your own risk. All content is provided "as is".</p>
<p>In no event will we be liable for any loss or damage including without limitation, indirect or consequential loss or damage, or any loss or damage whatsoever arising from loss of data or profits arising out of, or in connection with, the use of this website.</p>
<p>Through this website you are able to link to other websites which are not under our control. We have no control over the nature, content and availability of those sites. The inclusion of any links does not necessarily imply a recommendation or endorse the views expressed within them.</p>
<p>Every effort is made to keep the website up and running smoothly. However, Jiri Novotny and Dextronet.com take no responsibility for, and will not be liable for, the website or any related products or services being temporarily unavailable due to technical issues beyond our control.</p>
<p>All software offered by Jiri Novotny and Dextronet.com comes with End User License Agreement that you are bound to accept and agree to in order to install and use the software.</p>
<p>This website and its content is copyright of Jiri Novotny and Dextronet.com &copy; Jiri Novotny and Dextronet.com 2005-2010. All rights reserved.</p>
</div>
</div>
</Base>

78
src/pages/eula.astro Normal file
View File

@@ -0,0 +1,78 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Software License Agreement (EULA) - ComponentOwl" description="End User License Agreement for all products published by Component Owl.">
<div class="max-w-3xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-6">Software license agreement (EULA)</h1>
<p class="text-sm text-gray-600 italic mb-2"><strong>The following license agreement applies to all products published by Component Owl.</strong></p>
<p class="text-sm text-gray-700 mb-2">Before installing this software on your computer, please carefully read the following terms and conditions.</p>
<p class="text-sm text-gray-700 mb-8">If you do not fully accept and agree to these terms, then you are not allowed to install and use this software.</p>
<div class="prose prose-sm max-w-none text-gray-700 space-y-6">
<section>
<h2 class="text-lg font-bold text-owl-blue">1. Trialware</h2>
<p>This Software is distributed as Trialware. It is not free. You may use the Software for a trial period, at no cost to you, to determine if it fits your needs. If you decide to use the Software, you must purchase it and pay the applicable fee. You may use the software in your commercial or non-commercial projects without purchasing a valid license. The trial version of this software may be used only to determine if the software suits your needs.</p>
</section>
<section>
<h2 class="text-lg font-bold text-owl-blue">2. License Grant</h2>
<p>This is a License between you ("Licensee") and Jiri Novotny ("ComponentOwl.com"). ComponentOwl.com grants to you a non-exclusive license to use the enclosed copy of software in accord with the terms set forth in this License Agreement. The software is owned by Jiri Novotny and ComponentOwl.com and protected by copyright laws.</p>
<p>Software is licensed and not sold to you.</p>
</section>
<section>
<h2 class="text-lg font-bold text-owl-blue">3. License Permits</h2>
<p>The software is licensed on per-developer basis. You need a multi-license in order to use the software in projects that more than one developer participates on. Each developer may use the software on up to 2 machines.</p>
</section>
<section>
<h2 class="text-lg font-bold text-owl-blue">4. License Does Not Permit</h2>
<p>Licenses may not be transferred except with specific written authorization from ComponentOwl.com.</p>
<p>Licensee may not publicize or distribute any registration code algorithms, information, or license codes used by this software without permission of ComponentOwl.com. Licensee may not charge fees for distribution or delivery of the Software without expressed written consent of ComponentOwl.com. All granted licenses are non-transferable to other persons outside the organization of licensee.</p>
<p>Licensee may not decompile, disassemble or reverse engineer this software.</p>
<p>It's strictly prohibited to sell or rent this software. Full version may be used only by the person to whom it has been licensed to.</p>
<p>It's strictly prohibited to distribute source code (full or partial) of this software under any circumstances.</p>
<p>Licensee may not under any circumstances distribute:</p>
<ul class="list-disc list-inside space-y-1 pl-2">
<li>Stand-alone components based on ComponentOwl.com software</li>
<li>Products based on ComponentOwl.com software that are similar to ComponentOwl.com software or competing with ComponentOwl.com software</li>
</ul>
<p class="text-sm italic">(Note: Please contact ComponentOwl.com for a custom license if the above is required by the nature of your project.)</p>
</section>
<section>
<h2 class="text-lg font-bold text-owl-blue">5. Distribution (Royalty Free)</h2>
<p>If you have purchased a valid license, compiled binaries (.DLL) of the software may be distributed royalty-free with your products. If you have purchased source code, the software may be integrated into your software applications (.EXE).</p>
<p>The installation package of the trial version of this software may be freely distributed, as long as no fees are charged, and original packaging and documentation are retained.</p>
</section>
<section>
<h2 class="text-lg font-bold text-owl-blue">6. No Warranty</h2>
<p>This software has no warranty of suitability for a particular purpose or satisfactory quality. This Software is provided to licensee "as is".</p>
</section>
<section>
<h2 class="text-lg font-bold text-owl-blue">7. Newsletter</h2>
<p>By ordering this software you agree to receive our software newsletter with information about Software updates. ComponentOwl.com will ensure that it is possible to easily unsubscribe from all such newsletters.</p>
</section>
<section>
<h2 class="text-lg font-bold text-owl-blue">8. Publicity</h2>
<p>You grant the right to include your company's name and logo as a customer on ComponentOwl.com website and other advertising and promotional materials. Within thirty days after your written request (usually sooner), your company's name and other materials will be removed from ComponentOwl.com.</p>
</section>
<section>
<h2 class="text-lg font-bold text-owl-blue">9. Premium Support</h2>
<p>Premium support is a paid service that licensee may purchase together with a license of the software. ComponentOwl.com will make reasonable effort to help the licensee to resolve issues directly related to software and its defect. ComponentOwl.com can not guarantee successful resolution of all support incidents. ComponentOwl.com is not obliged to provide support if more than 20 incidents are raised per year by the licensee or the ComponentOwl.com support service is abused in any way. Custom development is not covered by the premium support.</p>
<p>ComponentOwl.com also reserves the right to terminate any premium support contract with a pro-rated refund.</p>
</section>
<section>
<h2 class="text-lg font-bold text-owl-blue">10. Disclaimer</h2>
<p>Licensee hereby disclaims and indemnifies ComponentOwl.com from any juridical claims or complaints about the Software.</p>
</section>
</div>
</div>
</Base>

157
src/pages/index.astro Normal file
View File

@@ -0,0 +1,157 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Better ListView .NET control: Improved List View control for C# and VB.NET (Windows Forms)" description="Better ListView by Component Owl is a .NET WinForms control designed to replace the standard list view control included with C#/VB.net.">
<!-- Hero -->
<section class="bg-gradient-to-b from-owl-blue to-owl-blue-light text-white py-16">
<div class="max-w-6xl mx-auto px-4 text-center">
<h1 class="text-3xl md:text-4xl font-bold mb-3">Better ListView alternative — .NET control for WinForms</h1>
<p class="text-blue-100 text-lg mb-2">The number one replacement component for the regular .NET ListView control.</p>
<p class="text-blue-100 mb-8">We've rewritten the .NET ListView control. Great look and feel, more features, better behavior. No learning needed.</p>
<div class="flex flex-col sm:flex-row gap-3 justify-center mb-10">
<a href="/better-listview.html" class="bg-green-500 hover:bg-green-600 text-white font-semibold px-6 py-3 rounded shadow transition">Download Free Trial — With sample projects</a>
<a href="/better-listview.html" class="bg-white text-owl-blue hover:bg-blue-50 font-semibold px-6 py-3 rounded shadow transition">Learn More — Features &amp; Screenshots</a>
<a href="/pricing-licensing/better-listview.html" class="bg-orange-500 hover:bg-orange-600 text-white font-semibold px-6 py-3 rounded shadow transition">See Pricing &amp; Licensing</a>
</div>
<!-- YouTube embed -->
<div class="flex justify-center">
<iframe width="560" height="315" src="https://www.youtube.com/embed/hsY5OLRwNYw" frameborder="0" allowfullscreen class="rounded shadow-lg max-w-full"></iframe>
</div>
</div>
</section>
<!-- Screenshot -->
<section class="max-w-6xl mx-auto px-4 py-12 text-center">
<h2 class="text-2xl font-bold text-owl-blue mb-6">New Better ListView 3.15</h2>
<img src="/images/ss-overview.png%3F1455269978" alt="Better ListView 2.0 Overview" class="mx-auto rounded shadow-lg max-w-full" />
</section>
<!-- Compatibility -->
<section class="bg-white py-12">
<div class="max-w-6xl mx-auto px-4">
<h2 class="text-2xl font-bold text-owl-blue text-center mb-8">Excellent compatibility of Better ListView</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-gray-50 rounded-lg p-6 border border-gray-200">
<h3 class="font-bold text-owl-blue mb-3">Visual Studio</h3>
<ul class="text-sm text-gray-700 space-y-1">
<li>Visual Studio 2015, 2013, 2012, 2010, 2008, 2005</li>
<li>C#, Visual Basic .NET (VB.NET), managed C++, and other CLI languages</li>
</ul>
</div>
<div class="bg-gray-50 rounded-lg p-6 border border-gray-200">
<h3 class="font-bold text-owl-blue mb-3">.NET &amp; Windows</h3>
<ul class="text-sm text-gray-700 space-y-1">
<li>.NET 4.5, .NET 4, .NET 3.5, .NET 3, .NET 2, and newer</li>
<li>Windows 10, 8, 7, Vista, 2003, XP, 2000, and newer — 32-bit and 64-bit</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Advantages & Features -->
<section class="max-w-6xl mx-auto px-4 py-12">
<div class="grid grid-cols-1 md:grid-cols-2 gap-10">
<div>
<h3 class="text-xl font-bold text-owl-blue mb-4">Better ListView <strong>advantages:</strong></h3>
<ul class="space-y-2 text-sm text-gray-700">
{[
'Single small DLL file (less than 250kB when compressed).',
'FIPS-compliant, CLS-compliant, digitally signed and strongly named.',
'Easy deployment (xcopy). No dependencies. No installation.',
'Royalty-free distribution. No runtime licensing.',
'Written from scratch in pure managed code.',
'Fast, optimized for 10,000+ items.',
'No learning needed. Very similar to regular .NET ListView control.',
'User-friendly and developer-friendly.',
'No limits of the regular Microsoft .NET ListView control.',
'Tested by thousands of users world-wide.',
'Guaranteed continued support and development.',
'Well documented, intuitive method/properties names.',
'Always looks great. Always fully uses the current Windows theme, including Aero support.',
'Enterprise source code licenses available.',
'Fast 24-hour or faster support.',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 mt-0.5">✓</span><span>{item}</span></li>
))}
</ul>
</div>
<div>
<h3 class="text-xl font-bold text-owl-blue mb-4">BetterListView <strong>extra features:</strong></h3>
<p class="text-sm text-gray-600 mb-3">Better ListView has hundreds of extra features compared to the regular .NET ListView control. Some of the most notable include:</p>
<ul class="space-y-2 text-sm text-gray-700">
{[
'Hierarchical items. Supports sub-items like in the tree view control.',
'Thumbnails view.',
'Serialization – XML and Binary.',
'Save/load Better ListView content into XML or binary in just 1 line of code.',
'Inbuilt drag & drop reordering (with insertion mark indicator).',
'Sub-item images.',
'Double-buffered and flicker-free.',
'Highly customizable and flexible.',
'Multi-column sorting.',
'Inbuilt sorting (zero code needed).',
'Checkboxes in all views, 3-state support.',
'Better grouping – collapsible, image support, context menu support, focusable.',
'Embedded editing controls, support for custom controls.',
'Complex data binding with custom column mapping.',
].map(item => (
<li class="flex gap-2"><span class="text-green-500 mt-0.5">✓</span><span>{item}</span></li>
))}
</ul>
</div>
</div>
</section>
<!-- Testimonial -->
<section class="bg-owl-blue text-white py-8">
<div class="max-w-3xl mx-auto px-4 text-center">
<blockquote class="text-xl italic">"Better List View is <strong>awesome</strong>." — Daniel Nolan</blockquote>
</div>
</section>
<!-- Why Better ListView -->
<section class="max-w-6xl mx-auto px-4 py-12">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<div class="lg:col-span-2">
<h3 class="text-2xl font-bold text-owl-blue mb-4">Why is Better ListView the best ListView replacement component for .NET (C#, VB)?</h3>
<div class="prose prose-sm text-gray-700 space-y-3">
<p>To put it simply, there is nothing like Better ListView out there. Nothing.</p>
<p>Better ListView has been designed as a component that can easily replace the original ListView control supplied with .NET. There is virtually no learning needed. It's just intuitive.</p>
<p>Better ListView looks native and always fully utilizes the current system theme (so there is no weird inconsistent look), and it also behaves exactly like it should. We've modeled it after the original list view component and the list view used in Windows Explorer — everyone already knows how to use it.</p>
<p>We put extreme attention to details. All the little quirks and nuances that drive us crazy when it comes to components of many smaller vendors are resolved in Better ListView. You will be amazed how flexible and customizable it is, and how great it feels to use it.</p>
<p>Most importantly, <strong>Better ListView is packed full of great features</strong>.</p>
<p>If you are wondering why we created Better ListView, you can read <a href="/better-listview.html" class="text-owl-blue-light hover:underline">our story</a>.</p>
</div>
</div>
<div class="space-y-4">
{[
{ quote: "Better ListView really is better — it kills the standard .NET ListView in both performance and flexibility. I'll never use anything else.", author: "Mitchell Vincent, KSoftware" },
{ quote: "Wow! This is so easy to use. I'm not a very experienced VB.NET programmer, but I was up and running w/ Better List View in a matter of minutes. Great product! It's just what I needed.", author: "Bret Reece, Five O'clock Software" },
{ quote: "Overall what I really like about Better ListView is that you've gone for elegance, simplicity and consistency in the appearance and the behaviour of the control.", author: "Daniel Nolan" },
{ quote: "The control is very easy and intuitive to use and is well documented.", author: "DevProConnections.com Review" },
].map(t => (
<div class="bg-blue-50 border-l-4 border-owl-blue-light p-4 rounded-r">
<p class="text-sm italic text-gray-700">"{t.quote}"</p>
<p class="text-xs text-gray-500 mt-2">— {t.author}</p>
</div>
))}
</div>
</div>
</section>
<!-- Bottom CTA -->
<section class="bg-gray-100 py-10">
<div class="max-w-6xl mx-auto px-4 text-center">
<div class="flex flex-col sm:flex-row gap-3 justify-center">
<a href="/better-listview.html" class="bg-green-500 hover:bg-green-600 text-white font-semibold px-6 py-3 rounded shadow transition">Download Free Trial — With sample projects</a>
<a href="/better-listview.html" class="bg-owl-blue hover:bg-owl-blue-light text-white font-semibold px-6 py-3 rounded shadow transition">Learn More — Features &amp; Screenshots</a>
<a href="/pricing-licensing/better-listview.html" class="bg-orange-500 hover:bg-orange-600 text-white font-semibold px-6 py-3 rounded shadow transition">See Pricing &amp; Licensing</a>
</div>
</div>
</section>
</Base>

89
src/pages/pricing-licensing/better-listview.astro Normal file
View File

@@ -0,0 +1,89 @@
---
import Base from '../../layouts/Base.astro';
---
<Base title="Licensing & Pricing for Better ListView" description="Purchase the ideal replacement component for .NET ListView.">
<div class="max-w-4xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-2">Licensing &amp; pricing for Better ListView</h1>
<p class="text-gray-600 mb-8">Purchase the ideal replacement component for .NET ListView.</p>
<div class="bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden mb-8">
<table class="w-full text-sm">
<thead>
<tr class="bg-owl-blue text-white">
<th class="text-left px-6 py-3">License</th>
<th class="px-4 py-3 text-right">Price</th>
<th class="px-4 py-3"></th>
</tr>
</thead>
<tbody class="divide-y divide-gray-100">
<tr class="bg-gray-50">
<td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Single developer licenses</td>
</tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Single developer license with 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$345</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300042" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="bg-gray-50">
<td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">5 developers licenses</td>
</tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">5 developer license with 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$995</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300044" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="bg-gray-50">
<td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Site licenses — use at 1 site (office or building)</td>
</tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Site license with 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$1,995</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300046" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Site license with source code and 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$3,995</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300047" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="bg-gray-50">
<td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Enterprise license — use world-wide at unlimited sites</td>
</tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Enterprise license with source code and 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$8,995</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300048" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
</tbody>
</table>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-2">All licenses are:</p>
<ul class="space-y-1 text-sm text-gray-700">
<li class="flex gap-2"><span class="text-green-500">✓</span> Life-time (non-expiring)</li>
<li class="flex gap-2"><span class="text-green-500">✓</span> Royalty free</li>
</ul>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-2">Subscription gets you:</p>
<ul class="space-y-1 text-sm text-gray-700">
<li class="flex gap-2"><span class="text-green-500">✓</span> Support</li>
<li class="flex gap-2"><span class="text-green-500">✓</span> Updates</li>
</ul>
</div>
</div>
<div class="bg-blue-50 border border-blue-200 rounded-lg p-5">
<p class="font-semibold text-sm mb-2">What license do I need?</p>
<ul class="space-y-1 text-sm text-gray-700">
<li>• If only 1 developer works on your current and future projects, then the "Single developer license" is for you.</li>
<li>• If 2–5 developers work on your current and future projects, then the "5 developer license" is for you.</li>
<li>• If more than 5 developers work on your current and future projects, then the "Site license" is for you.</li>
<li>• If you have multiple teams in different locations, then the "Enterprise license" is for you.</li>
</ul>
</div>
</div>
</Base>

51
src/pages/pricing-licensing/better-splitbutton.astro Normal file
View File

@@ -0,0 +1,51 @@
---
import Base from '../../layouts/Base.astro';
---
<Base title="Licensing & Pricing for Better SplitButton" description="Purchase Better SplitButton commercial license with source code.">
<div class="max-w-4xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-2">Licensing &amp; pricing for Better SplitButton</h1>
<p class="text-gray-600 mb-8">Better SplitButton is free for non-commercial use. Purchase a commercial license to use it in commercial projects — source code included.</p>
<div class="bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden mb-8">
<table class="w-full text-sm">
<thead>
<tr class="bg-owl-blue text-white">
<th class="text-left px-6 py-3">License</th>
<th class="px-4 py-3 text-right">Price</th>
<th class="px-4 py-3"></th>
</tr>
</thead>
<tbody class="divide-y divide-gray-100">
<tr class="bg-gray-50"><td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Commercial licenses (includes source code)</td></tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Single developer commercial license with source code</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$67</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
</tbody>
</table>
</div>
<div class="bg-green-50 border border-green-200 rounded-lg p-5 mb-6">
<p class="font-semibold text-green-800 mb-1">Free for non-commercial use</p>
<p class="text-sm text-green-700">Better SplitButton is completely free for non-commercial projects. <a href="/better-splitbutton.html" class="underline">Download it here</a>.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-2">All licenses are:</p>
<ul class="space-y-1 text-sm text-gray-700">
<li class="flex gap-2"><span class="text-green-500">✓</span> Life-time (non-expiring)</li>
<li class="flex gap-2"><span class="text-green-500">✓</span> Royalty free</li>
<li class="flex gap-2"><span class="text-green-500">✓</span> Source code included</li>
</ul>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-2">Need help?</p>
<p class="text-sm text-gray-700">Contact us at <span class="font-mono text-owl-blue">support (at) componentowl (dot) com</span> or use our <a href="/support.html" class="text-owl-blue-light hover:underline">support form</a>.</p>
</div>
</div>
</div>
</Base>

71
src/pages/pricing-licensing/better-thumbnail-browser.astro Normal file
View File

@@ -0,0 +1,71 @@
---
import Base from '../../layouts/Base.astro';
---
<Base title="Licensing & Pricing for Better Thumbnail Browser" description="Purchase thumbnail image viewing and browsing component for .NET.">
<div class="max-w-4xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-2">Licensing &amp; pricing for Better Thumbnail Browser</h1>
<p class="text-gray-600 mb-8">Purchase thumbnail image viewing and browsing component for .NET.</p>
<div class="bg-white border border-gray-200 rounded-lg shadow-sm overflow-hidden mb-8">
<table class="w-full text-sm">
<thead>
<tr class="bg-owl-blue text-white">
<th class="text-left px-6 py-3">License</th>
<th class="px-4 py-3 text-right">Price</th>
<th class="px-4 py-3"></th>
</tr>
</thead>
<tbody class="divide-y divide-gray-100">
<tr class="bg-gray-50"><td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Single developer licenses</td></tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Single developer license with 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$295</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300112" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="bg-gray-50"><td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">5 developers licenses</td></tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">5 developer license with 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$845</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300113" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="bg-gray-50"><td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Site licenses — use at 1 site</td></tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Site license with 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$1,895</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300114" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Site license with source code and 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$3,995</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300115" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
<tr class="bg-gray-50"><td colspan="3" class="px-6 py-2 font-semibold text-owl-blue text-xs uppercase tracking-wide">Enterprise license — unlimited sites</td></tr>
<tr class="hover:bg-blue-50">
<td class="px-6 py-3">Enterprise license with source code and 1 year subscription</td>
<td class="px-4 py-3 text-right font-bold text-owl-blue">$8,995</td>
<td class="px-4 py-3 text-right"><a href="https://secure.bmtmicro.com/servlets/Orders.ShoppingCart?CID=1830/12&PRODUCTID=18300116" class="bg-orange-500 hover:bg-orange-600 text-white px-4 py-1.5 rounded text-xs font-semibold transition">Buy</a></td>
</tr>
</tbody>
</table>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-2">All licenses are:</p>
<ul class="space-y-1 text-sm text-gray-700">
<li class="flex gap-2"><span class="text-green-500">✓</span> Life-time (non-expiring)</li>
<li class="flex gap-2"><span class="text-green-500">✓</span> Royalty free</li>
</ul>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<p class="font-semibold text-sm mb-2">Subscription gets you:</p>
<ul class="space-y-1 text-sm text-gray-700">
<li class="flex gap-2"><span class="text-green-500">✓</span> Support</li>
<li class="flex gap-2"><span class="text-green-500">✓</span> Updates</li>
</ul>
</div>
</div>
</div>
</Base>

45
src/pages/privacy-policy.astro Normal file
View File

@@ -0,0 +1,45 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Privacy Policy - ComponentOwl" description="Our commitment to privacy and how we handle your information.">
<div class="max-w-3xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-6">Our Commitment To Privacy</h1>
<div class="prose prose-sm max-w-none text-gray-700 space-y-6">
<p>Your privacy is important to us. To better protect your privacy we provide this notice explaining our online information practices and the choices you can make about the way your information is collected and used. You retain rights to all your information and data.</p>
<p>Your credit card information is used by our BMT Micro ecommerce partner only to process your order and it is not stored in any way and never viewed by us or available to us.</p>
<section>
<h2 class="text-lg font-bold text-owl-blue">The Information We Collect</h2>
<p>We collect only the necessary contact information when you contact us and personal information provided by you when you purchase a product from us.</p>
</section>
<section>
<h2 class="text-lg font-bold text-owl-blue">The Way We Use Information</h2>
<p>We do not share your personal information with outside parties except to the extent necessary to complete your order.</p>
<p>The information provided by you is used only to process your order and/or to inform you about new products and product updates. You can opt-out from these email updates.</p>
<p>We use non-identifying and aggregate information to better design our website and products.</p>
<p>When you contact us, we might use a part of the email message in our promotion materials as a testimonial, without publishing your full name. You have the right to decline any such use and we will promptly remove any such materials in 24 hours after your written request.</p>
<p>We reserve the right to publish the name and logo of your company in the list of our customers. We will promptly remove the name of your company in 24 hours after your written request.</p>
<p>Finally, we never use or share the personally identifiable information provided to us online in ways unrelated to the ones described above without also providing you an opportunity to opt-out or otherwise prohibit such unrelated uses.</p>
</section>
<section>
<h2 class="text-lg font-bold text-owl-blue">Our Commitment To Data Security</h2>
<p>To prevent unauthorized access, maintain data accuracy, and ensure the correct use of information, we have put in place appropriate physical, electronic, and managerial procedures to safeguard and secure the information we collect online.</p>
</section>
<section>
<h2 class="text-lg font-bold text-owl-blue">How You Can Access Or Correct Your Information</h2>
<p>You can access or correct all your personally identifiable information that we collect online and maintain by contacting us.</p>
</section>
<section>
<h2 class="text-lg font-bold text-owl-blue">How To Contact Us</h2>
<p>Should you have other questions or concerns about these privacy policies, please contact us via our <a href="/support.html" class="text-owl-blue-light hover:underline">support form</a>.</p>
</section>
</div>
</div>
</Base>

67
src/pages/support.astro Normal file
View File

@@ -0,0 +1,67 @@
---
import Base from '../layouts/Base.astro';
---
<Base title="Component Owl Support & Contact" description=".NET components support, and also general Component Owl contact form and information.">
<div class="max-w-5xl mx-auto px-4 py-10">
<h1 class="text-3xl font-bold text-owl-blue mb-6">Help &amp; Support</h1>
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
<!-- Contact form -->
<div class="lg:col-span-2">
<p class="text-gray-700 mb-2">You can contact us at <span class="font-mono text-owl-blue">support (at) componentowl (dot) com</span> or use the form below.</p>
<p class="text-gray-600 text-sm mb-6">We will answer you as soon as possible, usually in 24 hours.</p>
<form class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm space-y-4" action="mailto:support@componentowl.com" method="get">
<div>
<label class="block text-sm font-medium text-gray-700 mb-1" for="name">Your Name</label>
<input type="text" id="name" name="name" class="w-full border border-gray-300 rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-owl-blue-light" />
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1" for="email">Your Email (Required)</label>
<input type="email" id="email" name="email" required class="w-full border border-gray-300 rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-owl-blue-light" />
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1" for="message">Message (Required)</label>
<textarea id="message" name="body" rows="8" required class="w-full border border-gray-300 rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-owl-blue-light"></textarea>
</div>
<button type="submit" class="bg-owl-blue hover:bg-owl-blue-light text-white font-semibold px-8 py-2 rounded transition">Send</button>
</form>
<p class="text-xs text-gray-500 mt-4">Please make sure that our reply will not be marked as spam by your filter (e.g. add <span class="font-mono">support (at) componentowl (dot) com</span> to your white list) and that you typed your email address correctly, otherwise we will not be able to reply.</p>
</div>
<!-- Resources sidebar -->
<div class="space-y-6">
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<h2 class="font-bold text-owl-blue mb-3">Better ListView</h2>
<ul class="space-y-2 text-sm">
<li><a href="/better-listview/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
<li><a href="/better-listview/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
<li><a href="/better-listview/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
<li><a href="http://stackoverflow.com/questions/tagged/better-listview" class="text-owl-blue-light hover:underline">Better ListView on StackOverflow</a></li>
</ul>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<h2 class="font-bold text-owl-blue mb-3">Better Thumbnail Browser</h2>
<ul class="space-y-2 text-sm">
<li><a href="/better-thumbnail-browser/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
<li><a href="/better-thumbnail-browser/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
<li><a href="/better-thumbnail-browser/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
</ul>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
<h2 class="font-bold text-owl-blue mb-3">Better SplitButton</h2>
<ul class="space-y-2 text-sm">
<li><a href="/better-splitbutton/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
<li><a href="/better-splitbutton/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
<li><a href="/better-splitbutton/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
</ul>
</div>
</div>
</div>
</div>
</Base>