From 62acef92ffcea9ef9584680c8fc66c10b71164ee Mon Sep 17 00:00:00 2001 From: jessikitty Date: Mon, 5 Jan 2026 17:57:56 +1100 Subject: [PATCH] Enhanced home page with improved hero section, feature cards, detailed benefits, and CTA --- app/templates/index.html | 234 ++++++++++++++++++++++++++++++--------- 1 file changed, 182 insertions(+), 52 deletions(-) diff --git a/app/templates/index.html b/app/templates/index.html index 7db353d..650eb09 100644 --- a/app/templates/index.html +++ b/app/templates/index.html @@ -3,34 +3,39 @@ {% block title %}Home - {{ app_name }}{% endblock %} {% block content %} -
-
+ +
+
-

- LEGO Instructions Manager +
+ +
+

+ LEGO Instructions Manager

- Organize, manage, and access all your LEGO instruction manuals in one place. - Upload PDFs and images, search by theme, set number, or year, and integrate with Brickset for automatic set details. + Your personal digital library for organizing and managing LEGO instruction manuals. + Upload PDFs and images, search by theme, set number, or year, and integrate with + Brickset for automatic set details.

{% if not current_user.is_authenticated %} -
- - Get Started + {% else %} -
- + -
-
-
-
- -

Upload & Organize

-

- Upload instruction PDFs and images for your LEGO sets. Keep everything organized by theme, year, and set number. + +

+
+
+
+
+ +
+

Upload & Organize

+

+ Upload instruction PDFs and images for your LEGO sets. Keep everything + organized by theme, year, and set number for easy access.

-
-
-
- -

Easy Search

-

- Quickly find any instruction manual using powerful search and filtering. Sort by theme, year, or set number. +

+
+
+
+ +
+

Powerful Search

+

+ Quickly find any instruction manual using advanced search and filtering. + Sort by theme, year, set number, or search by name.

-
-
-
- -

Brickset Integration

-

- Connect with Brickset API to automatically populate set details and access official instructions when available. +

+
+
+
+ +
+

Brickset Integration

+

+ Connect with Brickset API to automatically populate set details + and access official instructions when available. +

+
+
+
+ +
+
+
+
+ +
+

MOC Support

+

+ Not just official sets! Organize your My Own Creations (MOCs) + with custom numbering and dedicated management features. +

+
+
+
+ +
+
+
+
+ +
+

Image Gallery

+

+ View instruction images in an organized gallery with thumbnails. + Supports both PDF and image formats for maximum flexibility. +

+
+
+
+ +
+
+
+
+ +
+

Responsive Design

+

+ Access your instruction library from any device. Fully responsive + design works perfectly on desktop, tablet, and mobile.

-
+ +
-
-
-

- Features -

-
+
+
+
+

+ Everything You Need +

+

Comprehensive features for managing your LEGO collection

+
+
    -
  • Upload PDF and image instructions
  • -
  • Organize by theme and year
  • -
  • Search and filter capabilities
  • -
  • User authentication & profiles
  • +
  • + +
    + Multi-format Support +

    Upload PDF and image instructions

    +
    +
  • +
  • + +
    + Theme Organization +

    Automatic categorization by LEGO themes

    +
    +
  • +
  • + +
    + Advanced Filtering +

    Search and filter by multiple criteria

    +
    +
  • +
  • + +
    + Secure Authentication +

    Personal accounts with password protection

    +
    +
    -
  • Brickset API integration
  • -
  • Automatic set detail population
  • -
  • Image gallery view
  • -
  • Responsive design
  • +
  • + +
    + Brickset API +

    Automatic set details from Brickset database

    +
    +
  • +
  • + +
    + Auto-populate Data +

    Set details filled automatically from API

    +
    +
  • +
  • + +
    + Beautiful Gallery +

    Visual grid layout for easy browsing

    +
    +
  • +
  • + +
    + Modern Interface +

    Clean, intuitive design with smooth animations

    +
    +
@@ -109,4 +221,22 @@
-{% endblock %} + + +{% if not current_user.is_authenticated %} +
+
+
+
+

Ready to Organize Your LEGO Collection?

+

Join now and start managing your instructions digitally

+ + Create Free Account + +
+
+
+
+{% endif %} + +{% endblock %} \ No newline at end of file