=== Oocak Fullscreen Slider ===
Contributors: ozanocak
Tags: slider, fullscreen, landing page, react, scroll
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
Stable tag: 0.1.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Create full-screen, scroll-driven landing pages with a modern React admin.

== Description ==

Oocak Fullscreen Slider lets you build full-screen vertical slide experiences — the kind of scroll-snap landing page you see on SpaceX, Apple, and modern marketing sites.

**Features**

* Full-screen vertical slides with scroll-snap navigation
* Per-slide image, title, description, and optional CTA button
* Per-slide text and image animations (fade, slide, zoom, pan)
* Per-slide text positioning (top-left, top-right, center, bottom-left, bottom-right)
* Desktop top nav, tablet/mobile slide-in panel
* Multiple sliders — create and embed as many as you need
* Shortcode: `[oocak_slider id="123"]`
* REST API backed, React admin panel
* Accessibility: respects `prefers-reduced-motion`

== Source Code ==

The source code for this plugin is publicly available on GitHub:

https://github.com/OzanOcak/oocak-fullscreen-slider

To rebuild the compiled assets in the `build/` directory:

1. Clone the repository.
2. Run `npm install`.
3. Run `npm run build`.

== Installation ==

1. Upload the plugin files to `/wp-content/plugins/oocak-fullscreen-slider/`, or install through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress.
3. Go to **Oocak Fullscreen Sliders** in the admin sidebar.
4. Click **Add New Slider** to create a new slider.
5. The new slider appears in the list — click **Edit** on it to open the slider editor.
6. In the slider editor, add your slides:
   - Click **+ Add Slide** in the left sidebar.
   - Select a slide to edit it.
   - Pick a **background image** from the media library.
   - Fill in **title**, **description**, and an optional **button** (text + URL).
   - Choose the **text position** within the fullscreen slide — top-left, top-right, center, bottom-left, or bottom-right.
   - Choose optional **text and image animations**.
   - Repeat for additional slides.
7. Click **Save Slider**.
8. Copy the shortcode shown at the top of the editor (e.g. `[oocak_slider id="21"]`) and paste it into any page or post.

== Frequently Asked Questions ==

= How do I create a slider? =

Go to **Oocak Fullscreen Sliders** in the admin sidebar and click **Add New Slider**.

= How do I embed the slider? =

Copy the shortcode from the editor header — it looks like `[oocak_slider id="5"]` — and paste it into any page or post.

= Can I have more than one slider? =

Yes. Create as many sliders as you want, each with its own shortcode.

== Changelog ==

= 0.1.0 =
* Initial release.