{"id":10,"date":"2026-06-26T07:16:32","date_gmt":"2026-06-26T07:16:32","guid":{"rendered":"https:\/\/forevermuslim.splitmoonstudios.com\/?page_id=10"},"modified":"2026-06-26T09:46:26","modified_gmt":"2026-06-26T09:46:26","slug":"homepage","status":"publish","type":"page","link":"https:\/\/forevermuslim.splitmoonstudios.com\/?page_id=10","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-277de3c e-flex e-con-boxed e-con e-parent\" data-id=\"277de3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bc2214 elementor-widget elementor-widget-html\" data-id=\"4bc2214\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Swiper.js CSS (Slider chalane ke liye) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n\r\n<style>\r\n  \/* 1. Global Setup - Pure Page aur Astra Header ka background automatic change hoga *\/\r\n  :root {\r\n    --current-gradient: linear-gradient(180deg, #181528 0%, #09080f 100%);\r\n    --card-gradient: linear-gradient(135deg, #262147 0%, #131024 100%);\r\n    --glow-effect: rgba(99, 102, 241, 0.6); \/* Strong Purple Glow *\/\r\n  }\r\n\r\n  body.home {\r\n    background: var(--current-gradient) !important;\r\n    transition: background 0.8s ease-in-out !important;\r\n  }\r\n\r\n  \/* Astra header ke background ko transparent se sync kiya *\/\r\n  .ast-theme-transparent-header #ast-desktop-header {\r\n    background: transparent !important;\r\n  }\r\n\r\n  \/* 2. Slider Wrapper & Neon Glow Spotlight Effect *\/\r\n  .slider-outer-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    padding: 140px 20px 60px 20px; \/* Header ke liye top space *\/\r\n  }\r\n\r\n  \/* Gonoise jaisa heavy background glow reflection *\/\r\n  .slider-outer-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 55%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 80%;\r\n    height: 70%;\r\n    background: var(--glow-effect);\r\n    filter: blur(120px); \/* Piche ka dundhla color reflection *\/\r\n    opacity: 1;\r\n    transition: background 0.8s ease-in-out;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* 3. Main Slider Box (Curved Box) *\/\r\n  .main-slider-container {\r\n    position: relative;\r\n    width: 100%;\r\n    border-radius: 24px;\r\n    background: var(--card-gradient);\r\n    transition: background 0.8s ease-in-out;\r\n    overflow: hidden;\r\n    z-index: 2;\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .swiper { width: 100%; padding: 50px 0; }\r\n\r\n  \/* Grid Layout (Left Content, Right Image) *\/\r\n  .custom-slide {\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 0.9fr;\r\n    align-items: center;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 0 50px;\r\n    gap: 40px;\r\n  }\r\n\r\n  .slide-text { color: #ffffff; font-family: sans-serif; }\r\n  .slide-text h2 { font-size: 3.5rem; font-weight: 800; margin-bottom: 15px; }\r\n  .slide-text p { font-size: 1.1rem; color: rgba(255, 255, 255, 0.8); margin-bottom: 30px; }\r\n  \r\n  .slide-btn {\r\n    display: inline-block;\r\n    padding: 12px 35px;\r\n    background-color: #ffffff;\r\n    color: #000000;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    border-radius: 50px;\r\n  }\r\n\r\n  .slide-img { display: flex; justify-content: center; }\r\n  .slide-img img {\r\n    max-width: 100%;\r\n    max-height: 380px;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0px 20px 30px rgba(0,0,0,0.6));\r\n  }\r\n\r\n  \/* Navigation Dots & Arrows *\/\r\n  .swiper-button-next, .swiper-button-prev { color: #ffffff !important; }\r\n  .swiper-pagination-bullet-active { background: #ffffff !important; }\r\n<\/style>\r\n\r\n<!-- Slider HTML Layout -->\r\n<div class=\"slider-outer-wrapper\">\r\n  <div class=\"main-slider-container\">\r\n    <div class=\"swiper mySwiper\">\r\n      <div class=\"swiper-wrapper\">\r\n        \r\n        <!-- SLIDE 1 (Gonoise Purple Style) -->\r\n        <div class=\"swiper-slide\" \r\n             data-pagebg=\"linear-gradient(180deg, #1c1737 0%, #07060f 100%)\" \r\n             data-cardbg=\"linear-gradient(135deg, #27214e 0%, #110e24 100%)\" \r\n             data-glow=\"rgba(99, 102, 241, 0.6)\">\r\n          <div class=\"custom-slide\">\r\n            <div class=\"slide-text\">\r\n              <h2>ALT Watch 1<\/h2>\r\n              <p>Designed beyond the obvious premium display with rich deep dark gradients.<\/p>\r\n              <a href=\"#\" class=\"slide-btn\">Shop Now<\/a>\r\n            <\/div>\r\n            <div class=\"slide-img\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542496658-e33a6d0d50f6?auto=format&fit=crop&w=600&q=80\" alt=\"Watch 1\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- SLIDE 2 (Gonoise Grey\/Teal Style) -->\r\n        <div class=\"swiper-slide\" \r\n             data-pagebg=\"linear-gradient(180deg, #131c22 0%, #06090c 100%)\" \r\n             data-cardbg=\"linear-gradient(135deg, #1e2b34 0%, #0d1317 100%)\" \r\n             data-glow=\"rgba(45, 212, 191, 0.45)\">\r\n          <div class=\"custom-slide\">\r\n            <div class=\"slide-text\">\r\n              <h2>Noisefit Halo 2<\/h2>\r\n              <p>Fresh new armour. Your premium fitness companion with rugged deep metallic finish.<\/p>\r\n              <a href=\"#\" class=\"slide-btn\">Shop Now<\/a>\r\n            <\/div>\r\n            <div class=\"slide-img\">\r\n              <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523275335684-37898b6baf30?auto=format&fit=crop&w=600&q=80\" alt=\"Watch 2\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n      <div class=\"swiper-button-next\"><\/div>\r\n      <div class=\"swiper-button-prev\"><\/div>\r\n      <div class=\"swiper-pagination\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Swiper.js JavaScript (Logic automatically updates variables) -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const root = document.documentElement;\r\n\r\n    function updateColors(slide) {\r\n      if(!slide) return;\r\n      const pagebg = slide.getAttribute(\"data-pagebg\");\r\n      const cardbg = slide.getAttribute(\"data-cardbg\");\r\n      const glow = slide.getAttribute(\"data-glow\");\r\n\r\n      if (pagebg) root.style.setProperty('--current-gradient', pagebg);\r\n      if (cardbg) root.style.setProperty('--card-gradient', cardbg);\r\n      if (glow) root.style.setProperty('--glow-effect', glow);\r\n    }\r\n\r\n    const swiper = new Swiper(\".mySwiper\", {\r\n      loop: true,\r\n      speed: 800,\r\n      autoplay: { delay: 4000, disableOnInteraction: false },\r\n      navigation: { nextEl: \".swiper-button-next\", prevEl: \".swiper-button-prev\" },\r\n      pagination: { el: \".swiper-pagination\", clickable: true },\r\n      on: {\r\n        init: function () {\r\n          updateColors(this.slides[this.activeIndex]);\r\n        },\r\n        slideChange: function () {\r\n          updateColors(this.slides[this.activeIndex]);\r\n        }\r\n      }\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ALT Watch 1 Designed beyond the obvious premium display with rich deep dark gradients. Shop Now Noisefit Halo 2 Fresh [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/forevermuslim.splitmoonstudios.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/forevermuslim.splitmoonstudios.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/forevermuslim.splitmoonstudios.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/forevermuslim.splitmoonstudios.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/forevermuslim.splitmoonstudios.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":5,"href":"https:\/\/forevermuslim.splitmoonstudios.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/forevermuslim.splitmoonstudios.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/forevermuslim.splitmoonstudios.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}