From e77b5d48fdde2c8626057b3ab0efc95b98983f43 Mon Sep 17 00:00:00 2001 From: Shane Rosenthal Date: Mon, 19 Jan 2026 22:43:32 -0500 Subject: [PATCH 1/2] Adds Jump/Mimi to homepage --- .../components/home/announcements.blade.php | 20 ++ .../views/components/home/jump-card.blade.php | 119 ++++++++ .../views/components/home/mimi-card.blade.php | 145 +++++++++ .../home/plugins-announcement.blade.php | 281 ++++++++++++++++++ resources/views/welcome.blade.php | 3 + 5 files changed, 568 insertions(+) create mode 100644 resources/views/components/home/announcements.blade.php create mode 100644 resources/views/components/home/jump-card.blade.php create mode 100644 resources/views/components/home/mimi-card.blade.php create mode 100644 resources/views/components/home/plugins-announcement.blade.php diff --git a/resources/views/components/home/announcements.blade.php b/resources/views/components/home/announcements.blade.php new file mode 100644 index 00000000..89b97e29 --- /dev/null +++ b/resources/views/components/home/announcements.blade.php @@ -0,0 +1,20 @@ +{{-- Announcements Section: Plugins (50%) + Mimi & Jump (50% stacked) --}} +
+
+ {{-- Plugins Announcement (Left - 50%) --}} + + + {{-- Right Column - Mimi & Jump stacked --}} +
+ {{-- Mimi Card --}} +
+ +
+ + {{-- Jump Card --}} +
+ +
+
+
+
\ No newline at end of file diff --git a/resources/views/components/home/jump-card.blade.php b/resources/views/components/home/jump-card.blade.php new file mode 100644 index 00000000..536c0d11 --- /dev/null +++ b/resources/views/components/home/jump-card.blade.php @@ -0,0 +1,119 @@ +{{-- Jump Card - Preview on real devices --}} + +
+ {{-- Animated glow --}} + + + {{-- Badge --}} +
+ + + + Preview Tool +
+ + {{-- Title --}} +

+ Jump +

+ + {{-- Tagline --}} +

+ Code here. Jump there. +

+ + {{-- Description --}} +

+ Preview your NativePHP app on real devices instantly. Just scan a QR code. +

+ + {{-- Platform badges --}} +
+ + + + + iOS + + + + + + Android + +
+ + {{-- Features list --}} +
    +
  • + + + + Works offline after download +
    • +
  • + + + + No Xcode or Android Studio +
    • +
  • + + + + Free for local development +
    • +
+ + {{-- CTA --}} +
+ Jump In + + + +
+
+ diff --git a/resources/views/components/home/mimi-card.blade.php b/resources/views/components/home/mimi-card.blade.php new file mode 100644 index 00000000..a5f45d09 --- /dev/null +++ b/resources/views/components/home/mimi-card.blade.php @@ -0,0 +1,145 @@ +{{-- Mimi Card - AI-powered app creation --}} + +
+ {{-- Animated glow --}} + + + {{-- Badge --}} +
+ + + + + + AI-Powered +
+ + {{-- Title --}} +

+ Mimi +

+ + {{-- Tagline --}} +

+ Describe it. Build it. +

+ + {{-- Description --}} +

+ Turn your ideas into native mobile apps with AI. Just describe what you want. +

+ + {{-- Feature highlights --}} +
+ + + + + AI-Powered + + + + + + + Instant Preview + + + + + + + + Native Apps + +
+ + {{-- Tech stack --}} +
+ Laravel + Livewire + Tailwind + NativePHP +
+ + {{-- Features list --}} +
    +
  • + + + + Real-time code generation +
    • +
  • + + + + Export to GitHub anytime +
    • +
+ + {{-- CTA --}} +
+ Start creating + + + +
+
+ diff --git a/resources/views/components/home/plugins-announcement.blade.php b/resources/views/components/home/plugins-announcement.blade.php new file mode 100644 index 00000000..d6c2d5f1 --- /dev/null +++ b/resources/views/components/home/plugins-announcement.blade.php @@ -0,0 +1,281 @@ +
+ {{-- Inner container --}} +
+ {{-- Animated background grid --}} + + + {{-- Glowing orbs --}} + + + + + {{-- NEW badge --}} +
+ + + + + + NEW +
+ + {{-- Main headline --}} +

+ Mobile Plugins + + Are Here + +

+ + {{-- Subtitle --}} +

+ Extend your mobile apps with powerful, community-driven plugins. + Unlimited possibilities. +

+ + {{-- Feature pills --}} +
+ + Easy to install + +{{-- --}} +{{-- Community built--}} +{{-- --}} + + Fully documented + + +
+ + {{-- CTA Button --}} +
+ + Explore Plugins + + + + {{-- Shimmer effect --}} + + +
+ + {{-- Decorative corner elements --}} + + + + +
+
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php index 716de098..593c6067 100644 --- a/resources/views/welcome.blade.php +++ b/resources/views/welcome.blade.php @@ -2,6 +2,9 @@ {{-- Hero --}} + {{-- Announcements: Plugins, Mimi, Jump --}} + + {{-- Testimonials --}} From aa9ea47d245c0767f318c8cf271d34556b28dd9f Mon Sep 17 00:00:00 2001 From: Simon Hamp Date: Tue, 20 Jan 2026 12:38:20 +0000 Subject: [PATCH 2/2] Tweak --- .../views/components/bifrost-button.blade.php | 81 ++++++-------- .../components/home/announcements.blade.php | 22 ++-- .../components/home/bifrost-card.blade.php | 103 ++++++++++++++++++ .../views/components/home/explainer.blade.php | 72 ------------ .../views/components/home/jump-card.blade.php | 54 ++++----- .../views/components/home/mimi-card.blade.php | 67 ++++-------- .../home/plugins-announcement.blade.php | 96 ++++------------ .../views/components/icons/plug.blade.php | 3 + .../illustrations/bifrost-diagram.blade.php | 5 +- .../navbar/device-dropdowns.blade.php | 2 +- resources/views/welcome.blade.php | 6 +- 11 files changed, 226 insertions(+), 285 deletions(-) create mode 100644 resources/views/components/home/bifrost-card.blade.php create mode 100644 resources/views/components/icons/plug.blade.php diff --git a/resources/views/components/bifrost-button.blade.php b/resources/views/components/bifrost-button.blade.php index 4a0313bd..86cb001a 100644 --- a/resources/views/components/bifrost-button.blade.php +++ b/resources/views/components/bifrost-button.blade.php @@ -4,6 +4,39 @@
+
+ {{-- Animated glow --}} + + + + {{-- Badge --}} +
+ + + + Cloud Platform +
+ + {{-- Logo --}} +
+ +
+ + {{-- Tagline --}} +

+ Build in the cloud. Deploy anywhere. +

+ + {{-- Description --}} +

+ And when you've built your app, get it to the stores and into the hands of users as fast as humanly possible. +

+ + {{-- Bifrost Diagram --}} +
+ +
+ + {{-- CTA --}} +
+ Ship it! + + + +
+
+ diff --git a/resources/views/components/home/explainer.blade.php b/resources/views/components/home/explainer.blade.php index 84ce3cf9..77fffd51 100644 --- a/resources/views/components/home/explainer.blade.php +++ b/resources/views/components/home/explainer.blade.php @@ -571,76 +571,4 @@ class="absolute -top-20 -right-20 -z-10 size-60 rounded-full bg-gradient-to-r fr
- {{-- Bifrost --}} -
-
- {{-- Illustration --}} - - - {{-- Header --}} -
-

- And when you've built your app... Ship it! -

-

- Get it to the stores and into the hands of users as fast as - humanly possible with Bifrost -

-
- - {{-- Button --}} -
- -
- - {{-- Top gradient line --}} - - - {{-- Left blur --}} - - - {{-- Right blur --}} - -
-
diff --git a/resources/views/components/home/jump-card.blade.php b/resources/views/components/home/jump-card.blade.php index 536c0d11..fc1f8c23 100644 --- a/resources/views/components/home/jump-card.blade.php +++ b/resources/views/components/home/jump-card.blade.php @@ -3,7 +3,7 @@ href="https://bifrost.nativephp.com/jump" target="_blank" rel="noopener noreferrer" - class="group relative block h-full overflow-hidden rounded-2xl bg-gradient-to-br from-blue-500/20 via-cyan-500/10 to-indigo-500/20 p-0.5 ring-1 ring-blue-500/30 transition duration-300 hover:ring-blue-400/50" + class="group relative block h-full overflow-hidden rounded-2xl bg-gradient-to-br from-blue-500/20 via-cyan-500/10 to-indigo-500/20 p-0.5 ring-1 ring-zinc-200/50 transition duration-300 hover:ring-blue-400/50 dark:ring-blue-500/30" x-init=" () => { motion.inView($el, (element) => { @@ -22,7 +22,7 @@ class="group relative block h-full overflow-hidden rounded-2xl bg-gradient-to-br } " > -
+
{{-- Animated glow --}} + {{-- Platform badges (top-right) --}} +
+ + iOS + + + Android + +
+ {{-- Badge --}} -
+
- + Preview Tool
{{-- Title --}} -

+

Jump

{{-- Tagline --}} -

+

Code here. Jump there.

{{-- Description --}} -

- Preview your NativePHP app on real devices instantly. Just scan a QR code. +

+ Preview your NativePHP app on real devices instantly.

- {{-- Platform badges --}} -
- - - - - iOS - - - - - - Android - -
- {{-- Features list --}} -
    +
    • - + Works offline after download
    • - + No Xcode or Android Studio
    • - + Free for local development @@ -103,8 +97,8 @@ class="pointer-events-none absolute -bottom-10 -left-10 size-32 rounded-full bg-
    {{-- CTA --}} -
    - Jump In +
    + Jump in -
    +
    {{-- Animated glow --}}
    {{-- Badge --}} -
    +
    {{-- Title --}} -

    +

    Mimi

    {{-- Tagline --}} -

    +

    Describe it. Build it.

    {{-- Description --}} -

    - Turn your ideas into native mobile apps with AI. Just describe what you want. +

    + Turn your ideas into native mobile apps with AI.

    - {{-- Feature highlights --}} -
    - - - - - AI-Powered - - - - - - - Instant Preview - - - - - - - - Native Apps - -
    - - {{-- Tech stack --}} -
    - Laravel - Livewire - Tailwind - NativePHP -
    - {{-- Features list --}} -
      +
        +
      • + + + + Real-time preview +
      • - + - Real-time code generation + Running SotA models
      • - + - Export to GitHub anytime + Voice powered
      {{-- CTA --}} -
      - Start creating +
      + Vibe away {{-- Inner container --}}
      {{-- Animated background grid --}} @@ -118,9 +122,7 @@ class="mb-4 inline-flex items-center gap-2 rounded-full bg-gradient-to-r from-vi " class="inline-block" > - - - + NEW
      @@ -145,13 +147,13 @@ class="inline-block" }) } " - class="text-4xl font-black uppercase tracking-tight text-white xs:text-5xl sm:text-6xl " + class="text-2xl font-semibold tracking-tight text-gray-800 xs:text-3xl sm:text-4xl dark:text-white" > - Mobile Plugins + Build anything with - Are Here + Plugins @@ -174,46 +176,12 @@ class="block bg-gradient-to-r from-violet-400 via-fuchsia-400 to-orange-400 bg-c }) } " - class="mx-auto mt-4 max-w-2xl text-lg text-slate-300 sm:text-xl md:mt-6 md:text-2xl" + class="mx-auto mt-4 max-w-2xl text-lg text-gray-600 sm:text-xl md:mt-6 md:text-2xl dark:text-slate-300" > - Extend your mobile apps with powerful, community-driven plugins. - Unlimited possibilities. + Extend your mobile apps with powerful plugins. + Unlimited possibilities.

      - {{-- Feature pills --}} -
      - - Easy to install - -{{-- --}} -{{-- Community built--}} -{{-- --}} - - Fully documented - - -
      - {{-- CTA Button --}} {{-- Decorative corner elements --}} - - - - + + + +
      diff --git a/resources/views/components/icons/plug.blade.php b/resources/views/components/icons/plug.blade.php new file mode 100644 index 00000000..351d207d --- /dev/null +++ b/resources/views/components/icons/plug.blade.php @@ -0,0 +1,3 @@ +@props(['class' => 'size-5']) + +merge(['class' => $class]) }} /> diff --git a/resources/views/components/illustrations/bifrost-diagram.blade.php b/resources/views/components/illustrations/bifrost-diagram.blade.php index 6badaaf9..1030adc3 100644 --- a/resources/views/components/illustrations/bifrost-diagram.blade.php +++ b/resources/views/components/illustrations/bifrost-diagram.blade.php @@ -13,6 +13,7 @@ class="h-7 sm:h-9" /> @@ -20,7 +21,7 @@ class="h-7 sm:h-9" {{-- Left line (decorative) --}} @@ -66,7 +67,7 @@ class="h-1.5 w-15 rounded-full bg-gray-200 dark:bg-white/3"
    {{-- Right (Build outputs to platforms) --}} -
    +