{"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-29T11:49:08","modified_gmt":"2026-06-29T11:49:08","slug":"homepage","status":"publish","type":"page","link":"https:\/\/forevermuslim.splitmoonstudios.com\/","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-con-full e-flex e-con e-parent\" data-id=\"277de3c\" data-element_type=\"container\" data-e-type=\"container\">\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<style>\r\n   \/*==========================\r\n        RESET\r\n==========================*\/\r\n\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n    background:#08090d;\r\n    overflow-x:hidden;\r\n    font-family:Inter,sans-serif;\r\n}\r\n\r\n\/*==========================\r\n        HERO\r\n==========================*\/\r\n\r\n.noise-hero{\r\n    position: relative;\r\n    min-height:auto;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    padding-top:140px;   \/* header ke hisaab se adjust *\/\r\n    padding-bottom:80px;\r\n}\r\n\r\n\/*==========================\r\n    Animated Background\r\n==========================*\/\r\n\r\n.noise-bg{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    \/* CHANGED: Gradient ki jagah --bg-image variable use kiya h aur center\/cover lagaya h *\/\r\n    background: var(--bg-image, url('https:\/\/forevermuslim.splitmoonstudios.com\/wp-content\/uploads\/2026\/06\/sakshi-scaled.jpg')) center\/cover no-repeat;\r\n    transition: background 1s ease;\r\n}\r\n\r\n\/* Dark Overlay *\/\r\n\r\n.noise-bg::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n   \r\n}\r\n\r\n\/*==========================\r\n      Glow Effect\r\n==========================*\/\r\n\r\n.noise-bg::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:650px;\r\n    height:650px;\r\n    border-radius:50%;\r\n    left:50%;\r\n    top:45%;\r\n    transform:translate(-50%,-50%);\r\n    background: var(--glow-color, rgba(240, 150, 30, 0.4));\r\n    filter:blur(120px);\r\n    transition: background 1s ease;\r\n}\r\n\r\n\/*==========================\r\n      Main Card\r\n==========================*\/\r\n\r\n.noise-slider{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:1440px;\r\n    margin:auto;\r\n    border-radius:10px;\r\n    overflow:hidden;\r\n    background:rgba(15,15,18,.15);\r\n    width:100%;\r\n}\r\n\r\n\/*==========================\r\n      Slide\r\n==========================*\/\r\n\r\n.swiper-slide{\r\n    min-height:850px;\r\n    display:flex;\r\n    align-items:center;\r\n    background-size: cover !important;\r\n    background-position: center !important;\r\n    background-repeat: no-repeat !important;\r\n    display: flex;\r\n    align-content: center;\r\n\r\n}\r\n\r\n\/*==========================\r\n      Grid Layout\r\n==========================*\/\r\n\r\n.noise-content{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr; \r\n    align-items:center;\r\n    gap:60px;\r\n    width:100%;\r\n    padding:120px 100px;\r\n}\r\n\r\n\/*==========================\r\n      LEFT CONTENT\r\n==========================*\/\r\n\r\n.left{\r\n    color:#fff;\r\n}\r\n\r\n.tag{\r\n    display:inline-block;\r\n    padding:10px 20px;\r\n    border-radius:50px;\r\n    background:rgba(255,255,255,.1);\r\n    margin-bottom:25px;\r\n    font-size:14px;\r\n    color:#fff;\r\n    backdrop-filter: blur(5px);\r\n}\r\n\r\n.left h1{\r\n    font-size:68px;\r\n    line-height:1.1;\r\n    font-weight:800;\r\n    margin-bottom:25px;\r\n    color: #fff;\r\n}\r\n\r\n.left p{\r\n    font-size:19px;\r\n    line-height:1.8;\r\n    color:rgba(255,255,255,.85);\r\n    max-width:520px;\r\n    margin-bottom:35px;\r\n    color: #fff;\r\n}\r\n\r\n.left a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:170px;\r\n    height:58px;\r\n    border-radius:100px;\r\n    background:#fff;\r\n    color:#111;\r\n    font-weight:700;\r\n    text-decoration:none!important;\r\n}\r\n\r\n\r\n\r\n\/*==========================\r\n      Pagination\r\n==========================*\/\r\n\r\n.swiper-pagination{\r\n    bottom:35px!important;\r\n}\r\n\r\n.swiper-pagination-bullet{\r\n    background:#fff;\r\n    opacity:.35;\r\n    width:12px;\r\n    height:12px;\r\n}\r\n\r\n.swiper-pagination-bullet-active{\r\n    opacity:1;\r\n    width:34px;\r\n    border-radius:20px;\r\n}\r\n\r\n\r\n\r\nspan.swiper-pagination-bullet {\r\n    background: #fff!important;\r\n    opacity: 1!important;\r\n}\r\n\r\n\r\nspan.swiper-pagination-bullet.swiper-pagination-bullet-active {\r\n    background: #000!important;\r\n}\r\n\/*==========================\r\n      Responsive\r\n==========================*\/\r\n\r\n@media(max-width:991px){\r\n    .noise-content{\r\n        grid-template-columns:1fr;\r\n        padding:80px 40px;\r\n        text-align:center;\r\n    }\r\n    .left p{\r\n        margin:auto auto 30px;\r\n    }\r\n    .left h1{\r\n        font-size:48px;\r\n    }\r\n}\r\n\r\n@media(max-width:576px){\r\n    .noise-hero{\r\n        padding:90px 15px 40px;\r\n    }\r\n    .noise-content{\r\n        padding:60px 20px;\r\n    }\r\n    .left h1{\r\n        font-size:36px;\r\n    }\r\n    .left p{\r\n        font-size:16px;\r\n    }\r\n    .left a{\r\n        width:150px;\r\n        height:52px;\r\n    }\r\n    .swiper-button-next,\r\n    .swiper-button-prev{\r\n        display:none;\r\n    }\r\n}   \r\n<\/style>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\r\n\r\n<section class=\"noise-hero\">\r\n\r\n    <div class=\"noise-bg\"><\/div>\r\n\r\n    <div class=\"noise-slider swiper\">\r\n        <div class=\"swiper-wrapper\">\r\n\r\n            <div class=\"swiper-slide\" \r\n                 style=\"background-image: url('https:\/\/forevermuslim.splitmoonstudios.com\/wp-content\/uploads\/2026\/06\/TFM-Banner-scaled.jpg');\"\r\n                 data-bg-image=\"url('https:\/\/forevermuslim.splitmoonstudios.com\/wp-content\/uploads\/2026\/06\/sakshi-scaled.jpg')\"\r\n                 data-glow=\"rgba(240, 150, 30, 0.45)\">\r\n                <div class=\"noise-content\">\r\n                    <div class=\"left\">\r\n                       \r\n                        <h1>Minimalist Design,\r\nPowerful Message.<\/h1>\r\n                        <p>Premium black cotton featuring bold typography. Wear your faith with confidence.<\/p>\r\n                        <a href=\"#\">Shop Now<\/a>\r\n                    <\/div>\r\n                    <div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-slide\" \r\n                 style=\"background-image: url('https:\/\/forevermuslim.splitmoonstudios.com\/wp-content\/uploads\/2026\/06\/TFM-Banner-1-scaled.jpg');\"\r\n                 data-bg-image=\"url('https:\/\/forevermuslim.splitmoonstudios.com\/wp-content\/uploads\/2026\/06\/TFM-Banner-3-scaled.jpg')\"\r\n                 data-glow=\"rgba(255, 255, 255, 0.12)\">\r\n                <div class=\"noise-content\">\r\n                    <div class=\"left\">\r\n\r\n                                              <h1>Minimalist Design,\r\nPowerful Message.<\/h1>\r\n                        <p>Premium black cotton featuring bold typography. Wear your faith with confidence.<\/p>\r\n                        <a href=\"#\">Shop Now<\/a>\r\n                    <\/div>\r\n                    <div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-slide\" \r\n                 style=\"background-image: url('https:\/\/forevermuslim.splitmoonstudios.com\/wp-content\/uploads\/2026\/06\/TFM-Banner-2-scaled.jpg');\"\r\n                 data-bg-image=\"url('https:\/\/forevermuslim.splitmoonstudios.com\/wp-content\/uploads\/2026\/06\/TFM-Banner-4-scaled.jpg')\"\r\n                 data-glow=\"rgba(242, 169, 59, 0.4)\">\r\n                <div class=\"noise-content\">\r\n                    <div class=\"left\">\r\n                              <h1>Minimalist Design,\r\nPowerful Message.<\/h1>\r\n                        <p>Premium black cotton featuring bold typography. Wear your faith with confidence.<\/p>\r\n                        <a href=\"#\">Shop Now<\/a>\r\n                    <\/div>\r\n                    <div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <div class=\"swiper-pagination\"><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const bg = document.querySelector(\".noise-bg\");\r\n\r\n    function updateBackground(slide) {\r\n        if (!slide) return;\r\n        \r\n        \/\/ CHANGED: data-main-bg ki jagah data-bg-image read kiya h\r\n        const bgImage = slide.dataset.bgImage;\r\n        const glowColor = slide.dataset.glow;\r\n        \r\n        if (bgImage) {\r\n            \/\/ CHANGED: --bg-gradient ki jagah --bg-image set kiya h\r\n            bg.style.setProperty('--bg-image', bgImage);\r\n        }\r\n        if (glowColor) {\r\n            bg.style.setProperty('--glow-color', glowColor);\r\n        }\r\n    }\r\n\r\n    const swiper = new Swiper(\".noise-slider\", {\r\n        loop: true,\r\n        effect: \"fade\",\r\n        autoHeight: true,\r\n        speed: 900,\r\n        grabCursor: true,\r\n        fadeEffect: {\r\n            crossFade: true\r\n        },\r\n      \r\n        pagination: {\r\n            el: \".swiper-pagination\",\r\n            clickable: true\r\n        },\r\n        on: {\r\n            init: function () {\r\n                updateBackground(this.slides[this.activeIndex]);\r\n            },\r\n            slideChangeTransitionStart: function () {\r\n                updateBackground(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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Minimalist Design, Powerful Message. Premium black cotton featuring bold typography. Wear your faith with confidence. Shop Now Minimalist Design, Powerful [&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":286,"href":"https:\/\/forevermuslim.splitmoonstudios.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/286"}],"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}]}}