diff --git a/composer.json b/composer.json index 4fbc035..d2ff09c 100644 --- a/composer.json +++ b/composer.json @@ -13,6 +13,7 @@ "license": "MIT", "require": { "php": "^8.2", + "feature-ninja/cva": "^0.3.0", "inertiajs/inertia-laravel": "^2.0", "laravel/framework": "^12.0", "laravel/tinker": "^2.10.1", diff --git a/marketing/resources/css/app.css b/marketing/resources/css/app.css index e172e8d..6eee4e0 100644 --- a/marketing/resources/css/app.css +++ b/marketing/resources/css/app.css @@ -3,6 +3,7 @@ @plugin 'tailwindcss-animate'; @source '../views'; +@source '../../src'; @source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php'; @custom-variant dark (&:is(.dark *)); diff --git a/marketing/resources/views/welcome.blade.php b/marketing/resources/views/welcome.blade.php deleted file mode 100644 index 7dfc63b..0000000 --- a/marketing/resources/views/welcome.blade.php +++ /dev/null @@ -1,269 +0,0 @@ - - - - - - - Laravel - - - - - - - {{ - App\Assets\Facades\Bundle::serve('marketing', [ - 'resources/css/app.css', - 'resources/js/app.tsx', - ]) - }} - - -
- -
-
-
-
-

Let's get started

-

Laravel has an incredibly rich ecosystem.
We suggest starting with the following.

- - -
-
- {{-- Laravel Logo --}} - - - - - - - - - - - {{-- Light Mode 12 SVG --}} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {{-- Dark Mode 12 SVG --}} - -
-
-
-
- - - diff --git a/marketing/src/Http/Features/Welcome/WelcomeController.php b/marketing/src/Http/Features/Welcome/WelcomeController.php index abb2b90..06c51c8 100644 --- a/marketing/src/Http/Features/Welcome/WelcomeController.php +++ b/marketing/src/Http/Features/Welcome/WelcomeController.php @@ -10,6 +10,6 @@ { public function __invoke(): View { - return view('marketing::welcome'); + return view()->file(__DIR__.'/welcome.blade.php'); } } diff --git a/marketing/src/Http/Features/Welcome/welcome.blade.php b/marketing/src/Http/Features/Welcome/welcome.blade.php new file mode 100644 index 0000000..093e569 --- /dev/null +++ b/marketing/src/Http/Features/Welcome/welcome.blade.php @@ -0,0 +1,53 @@ + + + + + + + Laravel + + + + + + + {{ + App\Assets\Facades\Bundle::serve('marketing', [ + 'resources/css/app.css', + 'resources/js/app.tsx', + ]) + }} + + +
+ +
+
+
+
+

Welcome

+

+ Pellentesque malesuada mi consequat, bibendum neque eu, dignissim tellus. In ut sapien id odio bibendum + fermentum. Quisque sollicitudin, massa eu lobortis gravida, justo quam molestie libero, eget tempor + nulla orci ac arcu. Morbi mauris diam, interdum non posuere aliquam, volutpat sit amet felis. +

+
+
+
+ + + diff --git a/marketing/src/View/Components/Button.php b/marketing/src/View/Components/Button.php new file mode 100644 index 0000000..8bf8540 --- /dev/null +++ b/marketing/src/View/Components/Button.php @@ -0,0 +1,46 @@ +file(__DIR__.'/button.blade.php', [ + 'classNames' => self::cva()([ + 'variant' => $this->variant, + ]), + ]); + } + + private static function cva(): ClassVarianceAuthority + { + return once(fn () => cva( + 'inline-block px-5 py-1.5 dark:text-[#EDEDEC] text-[#1b1b18] rounded-sm text-sm leading-normal', + [ + 'variants' => [ + 'variant' => [ + 'outline' => 'border-[#19140035] hover:border-[#1915014a] border dark:border-[#3E3E3A] dark:hover:border-[#62605b] ', + 'solid' => 'border border-transparent hover:border-[#19140035] dark:hover:border-[#3E3E3A]', + ], + ], + 'defaultVariants' => [ + 'variant' => 'solid', + ], + ], + )); + } +} diff --git a/marketing/src/View/Components/button.blade.php b/marketing/src/View/Components/button.blade.php new file mode 100644 index 0000000..96a7351 --- /dev/null +++ b/marketing/src/View/Components/button.blade.php @@ -0,0 +1,3 @@ + + {{ $slot }} +