Homepage componente

config/urls.py

@@ -31,6 +31,7 @@
     TermsOfUseView,
     PrivacyPolicyView,
     V3ComponentDemoView,
+    V3HomepageView,
     ModernizedDocsView,
     RedirectToDocsView,
     RedirectToHTMLDocsView,
@@ -250,6 +251,11 @@
             staff_member_required(V3ComponentDemoView.as_view()),
             name="v3-demo-components",
         ),
+        path(
+            "v3/homepage/",
+            V3HomepageView.as_view(),
+            name="v3-homepage",
+        ),
         path("libraries/", LibraryListDispatcher.as_view(), name="libraries"),
         path(
             "libraries/<boostversionslug:version_slug>/<str:library_view_str>/",

core/views.py

@@ -1216,6 +1216,24 @@ def get_context_data(self, **kwargs):
         context["create_account_card_preview_url"] = (
             f"{settings.STATIC_URL}img/checker.png"
         )
+        context["hero_background_image_url"] = (
+            f"{settings.STATIC_URL}img/v3/home-page/home-page-background.png"
+        )
+        context["hero_legacy_image_url_light"] = (
+            f"{settings.STATIC_URL}img/v3/home-page/heros.png"
+        )
+        context["hero_legacy_image_url_dark"] = (
+            f"{settings.STATIC_URL}img/v3/home-page/heros_light.png"
+        )
+        context["hero_image_url"] = (
+            f"{settings.STATIC_URL}img/v3/home-page/home-page-foreground.png"
+        )
+        context["hero_image_url_light"] = (
+            f"{settings.STATIC_URL}img/v3/home-page/home-page-foreground.png"
+        )
+        context["hero_image_url_dark"] = (
+            f"{settings.STATIC_URL}img/v3/home-page/home-page-foreground.png"
+        )
         context["basic_card_data"] = {
             "title": "Found a Bug?",
             "text": "We rely on developers like you to keep Boost solid. Here's how to report issues that help the whole comm",
@@ -1475,3 +1493,257 @@ def get_context_data(self, **kwargs):
             context["example_library_not_found"] = library_slug
             context["example_library_slug"] = library_slug
         return context
+
+
+class V3HomepageView(TemplateView):
+    """Future v3 homepage at /v3/homepage/. Reuses v3 includes; does not replace current site homepage."""
+
+    template_name = "v3/homepage.html"
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        # Keep the hero background + centered image consistent with the v3 demos.
+        context["hero_background_image_url"] = (
+            f"{settings.STATIC_URL}img/v3/home-page/home-page-background.png"
+        )
+        context["hero_image_url"] = (
+            f"{settings.STATIC_URL}img/v3/home-page/home-page-foreground.png"
+        )
+        context["hero_image_url_light"] = (
+            f"{settings.STATIC_URL}img/v3/home-page/home-page-foreground.png"
+        )
+        context["hero_image_url_dark"] = (
+            f"{settings.STATIC_URL}img/v3/home-page/home-page-foreground.png"
+        )
+
+        # Install card data (used by v3/includes/_hero_home.html -> _install_card.html)
+        context["install_card_title"] = (
+            "Install Boost and get started in your terminal."
+        )
+        context["install_card_pkg_managers"] = [
+            {"label": "Conan", "value": "conan", "command": "conan install boost"},
+            {"label": "Vcpkg", "value": "vcpkg", "command": "vcpkg install boost"},
+        ]
+        context["install_card_system_install"] = [
+            {
+                "label": "Ubuntu",
+                "value": "ubuntu",
+                "command": "sudo apt install libboost-all-dev",
+            },
+            {
+                "label": "Fedora",
+                "value": "fedora",
+                "command": "sudo dnf install boost-devel",
+            },
+            {
+                "label": "CentOS",
+                "value": "centos",
+                "command": "sudo yum install boost-devel",
+            },
+            {"label": "Arch", "value": "arch", "command": "sudo pacman -S boost"},
+            {"label": "Homebrew", "value": "homebrew", "command": "brew install boost"},
+        ]
+        context["popular_terms"] = [
+            {"label": "Networking"},
+            {"label": "Math"},
+            {"label": "Data processing"},
+            {"label": "Concurrency"},
+            {"label": "File systems"},
+            {"label": "Testing"},
+        ]
+        context["event_list"] = [
+            {
+                "title": "Boost 1.90.0 closed for major changes",
+                "description": "Release closed for major code changes. Still open for serious problem fixes and docs changes without release manager review.",
+                "date": "29/10/25",
+                "datetime": "2025-10-29",
+            },
+            {
+                "title": "Boost 1.90.0 closed for beta",
+                "description": "Release closed for all changes",
+                "date": "29/10/25",
+                "datetime": "2025-10-29",
+            },
+        ]
+        context["event_primary_btn_text"] = "Download latest release"
+        context["event_primary_btn_url"] = reverse("releases-most-recent")
+        context["event_secondary_btn_text"] = "View events calendar"
+        context["event_secondary_btn_url"] = reverse("calendar")
+        from datetime import date
+
+        avatar_url = f"{settings.STATIC_URL}img/v3/demo_page/Avatar.png"
+        badge_url = f"{settings.STATIC_URL}img/v3/demo_page/Badge.svg"
+        context["homepage_posts"] = [
+            {
+                "title": "Chaotic Attractors with Boost.OdeInt, a talk by Richard Thomson at the Utah C++ Programmers Group",
+                "url": "#",
+                "date": date(2025, 3, 3),
+                "category": "Issues",
+                "tag": "beast",
+                "author": {
+                    "name": "Christopher Kormanyos",
+                    "role": "Contributor",
+                    "avatar_url": avatar_url,
+                    "role_badge": badge_url,
+                    "show_badge": True,
+                },
+            },
+            {
+                "title": "A talk by Richard Thomson at the Utah C++ Programmers Group",
+                "url": "#",
+                "date": date(2025, 3, 3),
+                "category": "Issues",
+                "tag": "beast",
+                "author": {
+                    "name": "Dave Abrahams",
+                    "role": "Contributor",
+                    "avatar_url": avatar_url,
+                    "role_badge": badge_url,
+                    "show_badge": True,
+                },
+            },
+        ]
+        context["homepage_posts_view_all_url"] = reverse("news")
+        context[
+            "code_demo_hello"
+        ] = """#include <iostream>
+int main() {
+  std::cout << "Hello, Boost.";
+}"""
+        context["community_cards"] = [
+            {
+                "title": "Get help",
+                "description": "Tap into quick answers, networking, and chat with 24,000+ members.",
+                "icon_name": "info-box",
+                "cta_label": "Start here",
+                "cta_href": reverse("community"),
+            },
+            {
+                "title": "Contribute",
+                "description": "Learn how to test or evaluate library submissions, or submit your own.",
+                "icon_name": "bullseye-arrow",
+                "cta_label": "Start here",
+                "cta_href": reverse("community"),
+            },
+            {
+                "title": "Stay updated",
+                "description": "Get updates on the latest releases, fixes and announcements.",
+                "icon_name": "device-tv",
+                "cta_label": "Start here",
+                "cta_href": reverse("releases-most-recent"),
+            },
+            {
+                "title": "Find work",
+                "description": "See who's looking for the C++ skills you've got.",
+                "icon_name": "human",
+                "cta_label": "Start here",
+                "cta_href": "#",
+            },
+        ]
+        context["community_cta_url"] = reverse("community")
+        context["why_boost_cards"] = [
+            {
+                "title": "Performant",
+                "description": "Optimized for production at any scale, Boost outperforms many standard benchmarks.",
+                "icon_name": "bullseye-arrow",
+            },
+            {
+                "title": "Peer-reviewed",
+                "description": "Well tested by members of the C++ standards committee.",
+                "icon_name": "get-help",
+            },
+            {
+                "title": "Portable",
+                "description": "Works across all platforms, compilers, and C++ standards.",
+                "icon_name": "link",
+            },
+            {
+                "title": "Innovative",
+                "description": "Over 40 Boost libraries have become part of the C++ standard over the past 25 years.",
+                "icon_name": "bullseye-arrow",
+            },
+            {
+                "title": "Community-powered",
+                "description": "Contributing to Boost builds credibility, sharpens skills, and advances careers.",
+                "icon_name": "human",
+            },
+            {
+                "title": "Known worldwide",
+                "description": "Used in countless projects, you've probably encountered Boost without realizing it.",
+                "icon_name": "link",
+            },
+            {
+                "title": "Free",
+                "description": "Open source now and always, thanks to the Boost Software License.",
+                "icon_name": "check",
+            },
+            {
+                "title": "Production-ready",
+                "description": "Battle-tested in critical systems across industries around the globe.",
+                "icon_name": "bullseye-arrow",
+            },
+        ]
+        context["stats_bars"] = [
+            {"label": "1.70.0", "height_px": 78},
+            {"label": "1.71.0", "height_px": 121},
+            {"label": "1.72.0", "height_px": 74},
+            {"label": "1.73.0", "height_px": 86},
+            {"label": "1.74.0", "height_px": 100},
+            {"label": "1.75.0", "height_px": 86},
+            {"label": "1.76.0", "height_px": 36},
+            {"label": "1.77.0", "height_px": 21},
+            {"label": "1.78.0", "height_px": 98},
+            {"label": "1.79.0", "height_px": 61},
+        ]
+        context["testimonial_data"] = {
+            "heading": "What engineers are saying",
+            "testimonials": [
+                {
+                    "quote": "I use Boost daily. I absolutely love it. It's wonderful. I could not do my job w/o it. Much of it is in the new C++11 standard too.",
+                    "author": {
+                        "name": "Christopher Kormanyos",
+                        "avatar_url": f"{settings.STATIC_URL}img/v3/demo_page/Avatar.png",
+                        "role": "Author",
+                        "role_badge": f"{settings.STATIC_URL}img/v3/demo_page/Badge.svg",
+                    },
+                },
+            ],
+        }
+        context["library_intro"] = {
+            "library_name": "Boost.Core.",
+            "description": "Lightweight utilities that power dozens of other Boost libraries",
+            "authors": [
+                {
+                    "name": "Vinnie Falco",
+                    "role": "Author",
+                    "avatar_url": f"{settings.STATIC_URL}img/v3/demo_page/Avatar.png",
+                    "badge_url": f"{settings.STATIC_URL}img/v3/demo_page/Badge.svg",
+                    "bio": "Big C++ fan. Not quite kidney-donation level, but close.",
+                },
+                {
+                    "name": "Alex Wells",
+                    "role": "Contributor",
+                    "avatar_url": f"{settings.STATIC_URL}img/v3/demo_page/Avatar.png",
+                    "bio": "C++ enthusiast who has worked at Intel and Microsoft.",
+                },
+                {
+                    "name": "Dave Abrahams",
+                    "role": "Maintainer",
+                    "avatar_url": f"{settings.STATIC_URL}img/v3/demo_page/Avatar.png",
+                    "badge_url": f"{settings.STATIC_URL}img/v3/demo_page/Badge.svg",
+                    "bio": "Contributor to Boost since 2009.",
+                },
+            ],
+            "cta_url": reverse(
+                "library-detail",
+                kwargs={"version_slug": "latest", "library_slug": "core"},
+            ),
+        }
+        context["build_anything_card"] = {
+            "title": "Build anything with boost",
+            "description": "Use, modify, and distribute Boost libraries freely. No binary attribution needed.",
+            "image_url": f"{settings.STATIC_URL}img/v3/solo-images/beaver-computer-blow-up.png",
+            "cta_label": "See license details",
+            "cta_url": "https://www.boost.org/users/license.html",
+        }
+        return context

static/css/v3/buttons.css

@@ -133,6 +133,7 @@
   font-size: var(--font-size-base);
   gap: var(--space-medium);
   width: auto;
+  z-index: 1;
 }
 
 .btn.btn-hero.btn-primary {
@@ -218,10 +219,10 @@
   padding: var(--space-default) var(--space-medium);
   font-family: var(--font-sans);
   font-size: var(--font-size-small);
-  font-weight: var(--font-weight-regular);
+  font-weight: var(--font-weight-medium);
   color: var(--color-text-primary);
-  background-color: var(--color-button-primary);
-  border: 1px solid var(--color-border);
+  background-color: var(--color-surface-weak);
+  border: 1px solid var(--color-stroke-weak);
   border-radius: var(--border-radius-l);
   cursor: pointer;
 }
@@ -230,6 +231,10 @@
   background-color: var(--color-primary-grey-300);
 }
 
+html.dark .btn-icon-library:hover {
+  background-color: var(--color-stroke-mid);
+}
+
 .btn-icon-library .btn-icon {
   width: 24px;
   height: 24px;

static/css/v3/components.css

@@ -8,8 +8,11 @@
 @import "./badge.css";
 @import "./v3-examples-section.css";
 @import "./header.css";
+@import "./heros.css";
 @import "./footer.css";
 @import "./forms.css";
+@import "./create-post-page.css";
+@import "./inputs-page.css";
 @import "./testimonial-card.css";
 @import "./card.css";
 @import "./event-cards.css";
@@ -27,6 +30,7 @@
 @import "./learn-cards.css";
 @import "./terms-of-use.css";
 @import "./thread-archive-card.css";
+@import "./v3-homepage.css";
 @import "./tab.css";
 @import "./install-card.css";
 @import "./banner.css";

static/css/v3/content.css

@@ -1,9 +1,15 @@
+.content-card-link {
+  display: block;
+  text-decoration: none;
+  color: inherit;
+}
+
 .content-detail-icon {
   font-family: var(--font-sans);
   color: var(--color-text-primary);
   margin: 0;
   padding: var(--space-card);
-  border-radius: var(--border-radius-xxl);
+  border-radius: var(--border-radius-l);
   background: var(--color-bg-secondary);
   border: 1px solid var(--color-border);
   display: flex;
@@ -13,6 +19,7 @@
   box-sizing: border-box;
   align-self: start;
   transition: background-color 0.2s ease, border-color 0.2s ease;
+  height: 100%;
 }
 
 a:hover .content-detail-icon:not(.content-detail-icon--contained) {

static/css/v3/event-cards.css

@@ -56,7 +56,7 @@
 
 .event-card {
   background: var(--color-card-bg);
-  border-radius: var(--card-radius);
+  border-radius: var(--border-radius-l);
   margin: 0 var(--space-card);
 }