diff --git a/app/Livewire/Home/Article/Index.php b/app/Livewire/Home/Article/Index.php new file mode 100644 index 0000000..5deefe6 --- /dev/null +++ b/app/Livewire/Home/Article/Index.php @@ -0,0 +1,17 @@ + 'Article', +])] +class Index extends Component +{ + public function render() + { + return view('livewire.home.article.index'); + } +} diff --git a/app/Livewire/Home/Faq/Index.php b/app/Livewire/Home/Faq/Index.php new file mode 100644 index 0000000..51c11c3 --- /dev/null +++ b/app/Livewire/Home/Faq/Index.php @@ -0,0 +1,17 @@ + 'FAQ', +])] +class Index extends Component +{ + public function render() + { + return view('livewire.home.faq.index'); + } +} diff --git a/app/Livewire/Home/Index.php b/app/Livewire/Home/Index.php index 126275a..6534aaf 100644 --- a/app/Livewire/Home/Index.php +++ b/app/Livewire/Home/Index.php @@ -27,7 +27,7 @@ public function mount() { $this->brands = Brand::orderBy('sort_order') ->get() - ->map(fn (Brand $brand) => [ + ->map(fn(Brand $brand) => [ 'name' => $brand->name, 'image' => $brand->getFirstMediaUrl('image') ? Storage::url($brand->getFirstMediaUrl('image')) : asset('assets/images/logo.png'), ]) @@ -35,7 +35,7 @@ public function mount() $this->perfumeFeatures = PerfumeFeature::orderBy('sort_order') ->get() - ->map(fn (PerfumeFeature $perfumeFeature) => [ + ->map(fn(PerfumeFeature $perfumeFeature) => [ 'name' => $perfumeFeature->name, 'description' => $perfumeFeature->description, ]) @@ -43,7 +43,7 @@ public function mount() $this->faqs = Faq::orderBy('sort_order') ->get() - ->map(fn (Faq $faq) => [ + ->map(fn(Faq $faq) => [ 'question' => $faq->question, 'answer' => $faq->answer, ]) @@ -51,7 +51,7 @@ public function mount() $this->whyChooseUs = ChooseUs::orderBy('sort_order') ->get() - ->map(fn (ChooseUs $chooseUs) => [ + ->map(fn(ChooseUs $chooseUs) => [ 'name' => $chooseUs->name, 'description' => $chooseUs->description, ]) @@ -64,4 +64,14 @@ public function render() 'pageTitle' => 'Beranda', ]); } + + public function goToProduct() + { + return redirect('/product'); + } + + public function goToVoucher() + { + return redirect('/voucher'); + } } diff --git a/app/Livewire/Home/Product/Index.php b/app/Livewire/Home/Product/Index.php new file mode 100644 index 0000000..ceb685a --- /dev/null +++ b/app/Livewire/Home/Product/Index.php @@ -0,0 +1,18 @@ + 'Product', +])] +class Index extends Component +{ + + public function render() + { + return view('livewire.home.product.index'); + } +} diff --git a/app/Livewire/Home/Voucher/Index.php b/app/Livewire/Home/Voucher/Index.php new file mode 100644 index 0000000..8aca4e9 --- /dev/null +++ b/app/Livewire/Home/Voucher/Index.php @@ -0,0 +1,17 @@ + 'Voucher', +])] +class Index extends Component +{ + public function render() + { + return view('livewire.home.voucher.index'); + } +} diff --git a/package-lock.json b/package-lock.json index dbb8c36..be24048 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1636,6 +1636,7 @@ "version": "4.0.3", "dev": true, "license": "MIT", + "peer": true, "engines": { "node": ">=12" }, @@ -2147,6 +2148,7 @@ "version": "7.1.5", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.5.0", diff --git a/resources/css/app.css b/resources/css/app.css index 3706f4d..b716798 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -3,12 +3,21 @@ @import '../../vendor/livewire/flux/dist/flux.css'; @custom-variant dark (&:where(.dark, .dark *)); - +:root { + --home-background: #E5F0FF; + --home-accent: #D1E8FF; + --home-foreground: #000000; + --home-primary: #CAE8FF; +} @theme { --font-sans: Inter, sans-serif; --color-accent: var(--color-emerald-600); --color-accent-content: var(--color-emerald-600); --color-accent-foreground: var(--color-white); + --color-home-background: var(--home-background); + --color-home-accent: var(--home-accent); + --color-home-foreground: var(--home-foreground); + --color-home-primary: var(--home-primary); } @layer theme { @@ -16,6 +25,9 @@ @layer theme { --color-accent: var(--color-emerald-600); --color-accent-content: var(--color-emerald-400); --color-accent-foreground: var(--color-white); + --color-home-background: var(--home-background); + --color-home-foreground: var(--home-foreground); + --color-home-primary: var(--home-primary); } } @@ -29,3 +41,8 @@ @layer components { @import "@dasundev/livewire-dropzone-styles"; } } + +/* * { + border: 1px red solid; +} */ + diff --git a/resources/views/components/layouts/home.blade.php b/resources/views/components/layouts/home.blade.php index 06418c7..993be2b 100644 --- a/resources/views/components/layouts/home.blade.php +++ b/resources/views/components/layouts/home.blade.php @@ -1,24 +1,20 @@ - - @include('components.partials.home._meta') - @include('components.partials.home._css') - + + @include('components.partials.home._meta') + @include('components.partials.home._css') + - -
- @include('components.partials.home._header') - {{ $slot }} -
- - @include('components.partials.home._footer') -
- - - -
- @include('components.partials.home._js') - + + + @include("components.partials.home._header") + + {{ $slot }} + + @include("components.partials.home._footer") + + @include('components.partials.home._js') + diff --git a/resources/views/components/partials/home/_css.blade.php b/resources/views/components/partials/home/_css.blade.php index 2360976..bbc4350 100644 --- a/resources/views/components/partials/home/_css.blade.php +++ b/resources/views/components/partials/home/_css.blade.php @@ -1,5 +1,6 @@ - +{{-- - + --}} +@vite(['resources/css/app.css', 'resources/js/app.js']) \ No newline at end of file diff --git a/resources/views/components/partials/home/_footer.blade.php b/resources/views/components/partials/home/_footer.blade.php index a8e780e..1c54412 100644 --- a/resources/views/components/partials/home/_footer.blade.php +++ b/resources/views/components/partials/home/_footer.blade.php @@ -1,90 +1,93 @@ -