@extends('homepage.layouts.master')
@section('page-css')
@endsection
@section('page-content')
    <div class="container mx-auto w-full bg-white max-sm:mt-[20px] mt-[72px] p-4">
        @include('homepage.commons.breadcrumb', [
            'link' => 'Home',
            'title' => 'About-us',
            'subtitle' => 'Hey! Cooker – Your smart cooking assistant to optimize every meal!',
            'class' => 'max-sm:border-b-1 border-[#EEEEEE] max-sm:pb-4',
        ])
        
        <div>
            <p class="text-[#111111] mt-4">
                Have you ever opened your fridge and wondered, "What should I eat today?" or bought a lot of ingredients but didn’t know how to combine them properly?
                With Hey! Cooker, you no longer have to worry about this!
            </p>

            <p class="text-[#111111] mt-2">
                Hey! Cooker is a smart cooking assistant that uses AI technology to help you plan meals, choose dishes, and guide you through cooking in a simple and convenient way.
            </p>

            <h2 class="text-[14px] mt-6">🔥 Why should you choose Hey! Cooker?</h2>

            <ul class="list-none list-inside text-[#111111] mt-4 space-y-2">
                <li>🔹 Smart recipe suggestions: Simply take a photo or enter available ingredients, and Hey! Cooker will analyze and instantly suggest suitable dishes.</li>
                <li>🔹 Save time: No more headaches thinking, "What should I eat today?"</li>
                <li>🔹 Detailed and easy-to-follow cooking instructions: Step-by-step illustrated guides, perfect even for beginners.</li>
                <li>🔹 Turn cooking into an enjoyable experience: Discover new recipes and learn unique cooking tips.</li>
            </ul>

            <h2 class="text-[14px] mt-6">📲 Using Hey! Cooker is simple in just 3 steps:</h2>

            <ol class="list-decimal list-inside text-[#111111] mt-4 space-y-2">
                <li>Take a photo or enter available ingredients.</li>
                <li>The app analyzes and suggests a suitable recipe.</li>
                <li>Follow the detailed instructions to create a delicious meal.</li>
            </ol>

            <div class="mt-2 pb-24">
                <p class="text-[14px] text-[#111111]">🚀 Download Hey! Cooker now and turn every meal into an exciting experience!</p>
            </div>
        </div>
    </div>
@endsection
@section('page-js')
@endsection