{"id":19,"date":"2026-04-06T12:58:26","date_gmt":"2026-04-06T12:58:26","guid":{"rendered":"https:\/\/europenike.com\/?page_id=19"},"modified":"2026-04-08T06:15:22","modified_gmt":"2026-04-08T06:15:22","slug":"home-page","status":"publish","type":"page","link":"https:\/\/europenike.com\/","title":{"rendered":"Home page"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n EuropeNike \u2013 Stylish & Comfortable Shoes<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;800&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\/>\r\n <style>\r\n \/* ===== DESIGN TOKENS ===== *\/\r\n :root {\r\n --color-bg: #0a0a0a;\r\n --color-surface: #111111;\r\n --color-surface-2: #1a1a1a;\r\n --color-border: rgba(255,255,255,0.08);\r\n --color-text: #f0ede8;\r\n --color-text-muted: #9a9691;\r\n --color-text-faint: #5a5753;\r\n --color-accent: #c9a96e;\r\n --color-accent-hover: #b8934f;\r\n --color-white: #ffffff;\r\n\r\n --font-display: 'Playfair Display', Georgia, serif;\r\n --font-body: 'Inter', sans-serif;\r\n\r\n --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);\r\n --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);\r\n --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);\r\n --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);\r\n --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);\r\n --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);\r\n --text-hero: clamp(3rem, 1rem + 6vw, 7rem);\r\n\r\n --space-2: 0.5rem;\r\n --space-3: 0.75rem;\r\n --space-4: 1rem;\r\n --space-6: 1.5rem;\r\n --space-8: 2rem;\r\n --space-10: 2.5rem;\r\n --space-12: 3rem;\r\n --space-16: 4rem;\r\n --space-20: 5rem;\r\n --space-24: 6rem;\r\n\r\n --radius-sm: 0.375rem;\r\n --radius-md: 0.5rem;\r\n --radius-lg: 0.75rem;\r\n --radius-xl: 1rem;\r\n --radius-2xl: 1.5rem;\r\n\r\n --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);\r\n --shadow-md: 0 4px 16px rgba(0,0,0,0.5);\r\n --shadow-lg: 0 12px 40px rgba(0,0,0,0.6);\r\n\r\n --transition: 200ms cubic-bezier(0.16, 1, 0.3, 1);\r\n --content-default: 1200px;\r\n }\r\n\r\n \/* ===== BASE RESET ===== *\/\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }\r\n body {\r\n font-family: var(--font-body);\r\n font-size: var(--text-base);\r\n color: var(--color-text);\r\n background: var(--color-bg);\r\n min-height: 100dvh;\r\n overflow-x: hidden;\r\n }\r\n img { display: block; max-width: 100%; height: auto; }\r\n button { cursor: pointer; border: none; background: none; font: inherit; color: inherit; }\r\n a { text-decoration: none; color: inherit; }\r\n\r\n \/* ===== NAVBAR ===== *\/\r\n .navbar {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 100;\r\n padding: var(--space-4) var(--space-8);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: rgba(10,10,10,0.7);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border-bottom: 1px solid var(--color-border);\r\n transition: background var(--transition);\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-2);\r\n }\r\n .nav-logo svg { width: 36px; height: 36px; }\r\n .nav-logo span {\r\n font-family: var(--font-display);\r\n font-size: var(--text-lg);\r\n font-weight: 700;\r\n letter-spacing: -0.02em;\r\n color: var(--color-text);\r\n }\r\n .nav-logo span em {\r\n font-style: normal;\r\n color: var(--color-accent);\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: var(--space-8);\r\n list-style: none;\r\n }\r\n .nav-links a {\r\n font-size: var(--text-sm);\r\n font-weight: 500;\r\n color: var(--color-text-muted);\r\n letter-spacing: 0.03em;\r\n text-transform: uppercase;\r\n transition: color var(--transition);\r\n }\r\n .nav-links a:hover { color: var(--color-accent); }\r\n\r\n .nav-cta {\r\n padding: 0.55rem var(--space-6);\r\n background: var(--color-accent);\r\n color: #0a0a0a;\r\n font-size: var(--text-sm);\r\n font-weight: 600;\r\n border-radius: var(--radius-sm);\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n transition: background var(--transition), transform var(--transition);\r\n }\r\n .nav-cta:hover { background: var(--color-accent-hover); transform: translateY(-1px); }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n gap: 5px;\r\n padding: var(--space-2);\r\n }\r\n .hamburger span {\r\n display: block;\r\n width: 24px; height: 2px;\r\n background: var(--color-text);\r\n border-radius: 2px;\r\n transition: transform var(--transition), opacity var(--transition);\r\n }\r\n\r\n \/* ===== HERO SECTION ===== *\/\r\n .hero {\r\n position: relative;\r\n width: 100vw; \/* screen ki poori width *\/\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 80% 60% at 70% 50%, rgba(201,169,110,0.12) 0%, transparent 60%),\r\n radial-gradient(ellipse 60% 80% at 20% 80%, rgba(201,169,110,0.06) 0%, transparent 50%),\r\n linear-gradient(135deg, #0a0a0a 0%, #141414 50%, #0f0e0d 100%);\r\n }\r\n\r\n \/* Decorative grid lines *\/\r\n .hero-grid {\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\r\n background-size: 60px 60px;\r\n mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 80%);\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: var(--content-default);\r\n margin-inline: auto;\r\n padding: calc(var(--space-24) + 4rem) var(--space-8) var(--space-24);\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: var(--space-16);\r\n align-items: center;\r\n }\r\n\r\n .hero-text { max-width: 580px; }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-2);\r\n padding: var(--space-2) var(--space-4);\r\n background: rgba(201,169,110,0.12);\r\n border: 1px solid rgba(201,169,110,0.25);\r\n border-radius: var(--radius-sm);\r\n font-size: var(--text-xs);\r\n font-weight: 600;\r\n color: var(--color-accent);\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n margin-bottom: var(--space-6);\r\n animation: fadeSlideDown 0.8s cubic-bezier(0.16,1,0.3,1) both;\r\n }\r\n .hero-badge::before {\r\n content: '';\r\n width: 6px; height: 6px;\r\n background: var(--color-accent);\r\n border-radius: 50%;\r\n }\r\n\r\n .hero-title {\r\n font-family: var(--font-display);\r\n font-size: var(--text-hero);\r\n font-weight: 800;\r\n line-height: 1.05;\r\n letter-spacing: -0.03em;\r\n color: var(--color-text);\r\n margin-bottom: var(--space-6);\r\n animation: fadeSlideDown 0.9s cubic-bezier(0.16,1,0.3,1) 0.1s both;\r\n }\r\n .hero-title .accent { color: var(--color-accent); }\r\n .hero-title .line-italic {\r\n font-style: italic;\r\n font-weight: 600;\r\n }\r\n\r\n .hero-desc {\r\n font-size: var(--text-base);\r\n color: var(--color-text-muted);\r\n line-height: 1.75;\r\n max-width: 48ch;\r\n margin-bottom: var(--space-10);\r\n animation: fadeSlideDown 1s cubic-bezier(0.16,1,0.3,1) 0.2s both;\r\n }\r\n\r\n .hero-actions {\r\n display: flex;\r\n gap: var(--space-4);\r\n flex-wrap: wrap;\r\n animation: fadeSlideDown 1s cubic-bezier(0.16,1,0.3,1) 0.3s both;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-2);\r\n padding: 0.9rem var(--space-8);\r\n background: var(--color-accent);\r\n color: #0a0a0a;\r\n font-size: var(--text-sm);\r\n font-weight: 700;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n border-radius: var(--radius-sm);\r\n transition: background var(--transition), transform var(--transition), box-shadow var(--transition);\r\n }\r\n .btn-primary:hover {\r\n background: var(--color-accent-hover);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(201,169,110,0.3);\r\n }\r\n .btn-primary svg { width: 18px; height: 18px; transition: transform var(--transition); }\r\n .btn-primary:hover svg { transform: translateX(3px); }\r\n\r\n .btn-ghost {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-2);\r\n padding: 0.9rem var(--space-8);\r\n border: 1px solid var(--color-border);\r\n color: var(--color-text-muted);\r\n font-size: var(--text-sm);\r\n font-weight: 500;\r\n letter-spacing: 0.03em;\r\n border-radius: var(--radius-sm);\r\n transition: border-color var(--transition), color var(--transition), transform var(--transition);\r\n }\r\n .btn-ghost:hover {\r\n border-color: rgba(201,169,110,0.4);\r\n color: var(--color-accent);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .hero-stats {\r\n display: flex;\r\n gap: var(--space-10);\r\n margin-top: var(--space-12);\r\n margin-bottom: var(--space-12);\r\n padding-top: var(--space-10);\r\n border-top: 1px solid var(--color-border);\r\n animation: fadeSlideDown 1s cubic-bezier(0.16,1,0.3,1) 0.4s both;\r\n }\r\n .stat-item {}\r\n .stat-num {\r\n font-family: var(--font-display);\r\n font-size: var(--text-xl);\r\n font-weight: 700;\r\n color: var(--color-text);\r\n line-height: 1;\r\n }\r\n .stat-num span { color: var(--color-accent); }\r\n .stat-label {\r\n font-size: var(--text-xs);\r\n color: var(--color-text-faint);\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n margin-top: var(--space-2);\r\n }\r\n\r\n \/* Hero Visual Side *\/\r\n\/* @keyframes shoeEntrance {*\/\r\n\/* 0% {*\/\r\n\/* opacity: 0;*\/\r\n\/* transform: scale(0.3) rotate(-8deg);*\/\r\n\/* }*\/\r\n\/* 60% {*\/\r\n\/* opacity: 1;*\/\r\n\/* transform: scale(1.05) rotate(3deg);*\/\r\n\/* }*\/\r\n\/* 75% {*\/\r\n\/* transform: scale(0.97) rotate(-2deg);*\/\r\n\/* }*\/\r\n\/* 88% {*\/\r\n\/* transform: scale(1.02) rotate(1deg);*\/\r\n\/* }*\/\r\n\/* 100% {*\/\r\n\/* opacity: 1;*\/\r\n\/* transform: scale(1) rotate(0deg);*\/\r\n\/* }*\/\r\n\/*}*\/\r\n\r\n\/*.hero-visual img {*\/\r\n\/* animation: shoeEntrance 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s both;*\/\r\n\/*}*\/\r\n\r\n \/* ===== CARDS SECTION ===== *\/\r\n .cards-section {\r\n background: var(--color-surface);\r\n padding: var(--space-24) var(--space-8);\r\n }\r\n\r\n .section-header {\r\n max-width: var(--content-default);\r\n margin-inline: auto;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n margin-bottom: var(--space-12);\r\n gap: var(--space-8);\r\n }\r\n\r\n .section-eyebrow {\r\n font-size: var(--text-xs);\r\n font-weight: 600;\r\n color: var(--color-accent);\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n margin-bottom: var(--space-3);\r\n }\r\n\r\n .section-title {\r\n font-family: var(--font-display);\r\n font-size: var(--text-2xl);\r\n font-weight: 700;\r\n color: var(--color-text);\r\n line-height: 1.15;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .section-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-2);\r\n font-size: var(--text-sm);\r\n font-weight: 500;\r\n color: var(--color-text-muted);\r\n white-space: nowrap;\r\n transition: color var(--transition);\r\n padding-bottom: var(--space-2);\r\n }\r\n .section-link:hover { color: var(--color-accent); }\r\n .section-link svg { width: 16px; height: 16px; transition: transform var(--transition); }\r\n .section-link:hover svg { transform: translateX(3px); }\r\n\r\n .cards-grid {\r\n max-width: var(--content-default);\r\n margin-inline: auto;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: var(--space-6);\r\n }\r\n\r\n \/* Featured card - spans 2 cols *\/\r\n .card-featured {\r\n grid-column: span 2;\r\n }\r\n\r\n .card {\r\n background: var(--color-surface-2);\r\n border: 1px solid var(--color-border);\r\n border-radius: var(--radius-2xl);\r\n overflow: hidden;\r\n transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);\r\n cursor: pointer;\r\n }\r\n .card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-lg);\r\n border-color: rgba(201,169,110,0.2);\r\n }\r\n\r\n .card-image {\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, #1a1815 0%, #201e1b 100%);\r\n }\r\n .card-image.tall { aspect-ratio: 16\/9; }\r\n .card-image.square { aspect-ratio: 1; }\r\n\r\n .card-image-inner {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: transform 400ms cubic-bezier(0.16,1,0.3,1);\r\n }\r\n .card:hover .card-image-inner { transform: scale(1.04); }\r\n\r\n \/* Shoe SVG inside cards *\/\r\n .card-shoe-svg {\r\n width: 60%;\r\n filter: drop-shadow(0 10px 20px rgba(0,0,0,0.5));\r\n }\r\n .card-featured .card-shoe-svg { width: 45%; }\r\n\r\n .card-badge {\r\n position: absolute;\r\n top: var(--space-4);\r\n left: var(--space-4);\r\n padding: var(--space-2) var(--space-3);\r\n font-size: var(--text-xs);\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n border-radius: var(--radius-sm);\r\n }\r\n .badge-new { background: var(--color-accent); color: #0a0a0a; }\r\n .badge-hot { background: #e05a4e; color: white; }\r\n .badge-sale { background: #4e9e7a; color: white; }\r\n\r\n .card-body {\r\n padding: var(--space-6);\r\n }\r\n\r\n .card-category {\r\n font-size: var(--text-xs);\r\n font-weight: 600;\r\n color: var(--color-accent);\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n margin-bottom: var(--space-2);\r\n }\r\n\r\n .card-title {\r\n font-family: var(--font-display);\r\n font-size: var(--text-lg);\r\n font-weight: 700;\r\n color: var(--color-text);\r\n line-height: 1.3;\r\n margin-bottom: var(--space-3);\r\n }\r\n .card-featured .card-title { font-size: var(--text-xl); }\r\n\r\n .card-desc {\r\n font-size: var(--text-sm);\r\n color: var(--color-text-muted);\r\n line-height: 1.65;\r\n max-width: 50ch;\r\n }\r\n\r\n .card-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-top: var(--space-6);\r\n padding-top: var(--space-4);\r\n border-top: 1px solid var(--color-border);\r\n }\r\n\r\n .card-price {\r\n font-family: var(--font-display);\r\n font-size: var(--text-lg);\r\n font-weight: 700;\r\n color: var(--color-text);\r\n }\r\n .card-price-old {\r\n font-size: var(--text-sm);\r\n color: var(--color-text-faint);\r\n text-decoration: line-through;\r\n margin-left: var(--space-2);\r\n font-family: var(--font-body);\r\n font-weight: 400;\r\n }\r\n\r\n .card-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-2);\r\n padding: 0.6rem var(--space-4);\r\n background: rgba(201,169,110,0.1);\r\n border: 1px solid rgba(201,169,110,0.2);\r\n color: var(--color-accent);\r\n font-size: var(--text-xs);\r\n font-weight: 600;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n border-radius: var(--radius-sm);\r\n transition: background var(--transition), border-color var(--transition), transform var(--transition);\r\n }\r\n .card-btn:hover {\r\n background: var(--color-accent);\r\n border-color: var(--color-accent);\r\n color: #0a0a0a;\r\n transform: translateY(-1px);\r\n }\r\n .card-btn svg { width: 14px; height: 14px; }\r\n\r\n \/* ===== SCROLL REVEAL ===== *\/\r\n .fade-in { opacity: 1; }\r\n @supports (animation-timeline: scroll()) {\r\n .fade-in {\r\n opacity: 0;\r\n animation: reveal-fade linear both;\r\n animation-timeline: view();\r\n animation-range: entry 0% entry 70%;\r\n }\r\n }\r\n @keyframes reveal-fade { to { opacity: 1; } }\r\n\r\n \/* ===== KEYFRAMES ===== *\/\r\n @keyframes fadeSlideDown {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes fadeSlideLeft {\r\n from { opacity: 0; transform: translateX(40px); }\r\n to { opacity: 1; transform: translateX(0); }\r\n }\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-16px); }\r\n }\r\n @keyframes floatTag {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-8px); }\r\n }\r\n @keyframes spin {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n \/* ===== MOBILE ===== *\/\r\n @media (max-width: 768px) {\r\n .navbar { padding: var(--space-4); }\r\n .nav-links, .nav-cta { display: none; }\r\n .hamburger { display: flex; }\r\n\r\n .hero-content {\r\n grid-template-columns: 1fr;\r\n padding-top: calc(var(--space-20) + 3rem);\r\n padding-bottom: var(--space-16);\r\n text-align: center;\r\n }\r\n .hero-text { max-width: 100%; }\r\n .hero-desc { margin-inline: auto; }\r\n .hero-actions { justify-content: center; }\r\n .hero-stats { justify-content: center; }\r\n .hero-visual { order: -1; }\r\n .hero-shoe-frame { max-width: 300px; margin-inline: auto; }\r\n .floating-tag { display: none; }\r\n\r\n .cards-section { padding: var(--space-16) var(--space-4); }\r\n .section-header { flex-direction: column; align-items: flex-start; }\r\n .cards-grid { grid-template-columns: 1fr; }\r\n .card-featured { grid-column: span 1; }\r\n }\r\n\r\n @media (max-width: 1024px) and (min-width: 769px) {\r\n .cards-grid { grid-template-columns: 1fr 1fr; }\r\n .card-featured { grid-column: span 2; }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n }\r\n \r\n \/* ===== LIGHT MODE VARIABLES ===== *\/\r\nhtml[data-theme=\"light\"] {\r\n --color-bg: #f7f6f2; \r\n --color-surface: #ffffff; \r\n --color-surface-2: #fbfbf9; \r\n --color-border: rgba(0, 0, 0, 0.1); \r\n --color-text: #28251d; \r\n --color-text-muted: #7a7974; \r\n --color-text-faint: #bab9b4; \r\n --color-accent: #b8934f; \r\n --color-accent-hover: #9c7b41;\r\n}\r\n\r\n\/* Force body background to update in WordPress *\/\r\nhtml[data-theme=\"light\"] body {\r\n background-color: var(--color-bg) !important;\r\n color: var(--color-text) !important;\r\n}\r\n\r\nhtml[data-theme=\"light\"] .hero-bg {\r\n background: \r\n radial-gradient(ellipse 80% 60% at 70% 50%, rgba(184,147,79,0.1) 0%, transparent 60%),\r\n linear-gradient(135deg, #f7f6f2 0%, #ffffff 50%, #fbfbf9 100%);\r\n}\r\nhtml[data-theme=\"light\"] .navbar { background: rgba(247, 246, 242, 0.85); }\r\nhtml[data-theme=\"light\"] .card-image { background: linear-gradient(135deg, #f3f0ec 0%, #e8e4de 100%); }\r\n\r\n\/* Button Styles *\/\r\n.theme-toggle-btn {\r\n display: inline-flex; align-items: center; justify-content: center;\r\n width: 53px; height: 48px; margin-left: 12px; border-radius: 8px;\r\n background: transparent; border: 1px solid var(--color-border);\r\n color: var(--color-text); cursor: pointer;\r\n transition: all 0.3s;\r\n}\r\n.theme-toggle-btn:hover { background: var(--color-surface-2); }\r\n.theme-toggle-btn svg { width: 24px; height: 24px; }\r\n\r\n\/* Icon Switching *\/\r\n.sun-icon { display: none; }\r\n.moon-icon { display: block; }\r\nhtml[data-theme=\"light\"] .sun-icon { display: block; }\r\nhtml[data-theme=\"light\"] .moon-icon { display: none; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!--===== NAVBAR ===== -->\r\n <nav class=\"navbar\" aria-label=\"Main navigation\">\r\n <a href=\"#\" class=\"nav-logo\">\r\n <svg viewBox=\"0 0 36 36\" fill=\"none\" aria-label=\"EuropeNike logo\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect width=\"36\" height=\"36\" rx=\"8\" fill=\"#c9a96e\" opacity=\"0.15\"\/>\r\n <path d=\"M6 22 C10 14, 18 10, 28 13 C22 14, 16 17, 14 22 Z\" fill=\"#c9a96e\"\/>\r\n <path d=\"M14 22 C16 17, 22 14, 28 13 C26 20, 20 24, 14 22 Z\" fill=\"#c9a96e\" opacity=\"0.5\"\/>\r\n <\/svg>\r\n <span>Europe<em>Nike<\/em><\/span>\r\n <\/a>\r\n <ul class=\"nav-links\" role=\"list\">\r\n <li><a href=\"#\">Home<\/a><\/li>\r\n <li><a href=\"#collection\">Collection<\/a><\/li>\r\n <li><a href=\"#\">Blog<\/a><\/li>\r\n <li><a href=\"#\">About<\/a><\/li>\r\n <li><a href=\"#\">Contact<\/a><\/li>\r\n <\/ul>\r\n <a href=\"#collection\" class=\"nav-cta\">Shop Now<\/a>\r\n <button class=\"hamburger\" aria-label=\"Open menu\" aria-expanded=\"false\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <button id=\"theme-toggle\" class=\"theme-toggle-btn\" aria-label=\"Toggle Dark Mode\">\r\n <svg class=\"sun-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\r\n <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line>\r\n <line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line>\r\n <line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line>\r\n <line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line>\r\n <line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line>\r\n <line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line>\r\n <line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line>\r\n <line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line>\r\n <\/svg>\r\n <svg class=\"moon-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"><\/path>\r\n <\/svg>\r\n<\/button>\r\n <\/nav>\r\n\r\n <!-- ===== HERO SECTION ===== -->\r\n <section class=\"hero\" aria-label=\"Hero\">\r\n <div class=\"hero-bg\" aria-hidden=\"true\"><\/div>\r\n <div class=\"hero-grid\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <!-- Left: Text -->\r\n <div class=\"hero-text\">\r\n <div class=\"hero-badge\">New Collection 2026<\/div>\r\n\r\n <h1 class=\"hero-title\">\r\n Europe's <span class=\"accent\">Finest<\/span><br>\r\n <span class=\"line-italic\">Shoe Style<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-desc\">\r\n Discover a handpicked collection of the most stylish and comfortable shoes from Europe. \r\n Premium craftsmanship, modern design \u2014 made for everyday excellence.\r\n <\/p>\r\n\r\n <div class=\"hero-actions\">\r\n <a href=\"#collection\" class=\"btn-primary\">\r\n Explore Collection\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"btn-ghost\">\r\n Read Blog\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-stats\" aria-label=\"Key statistics\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" data-count=\"500\">0<span>+<\/span><\/div>\r\n <div class=\"stat-label\">Shoe Styles<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" data-count=\"20\">0<span>+<\/span><\/div>\r\n <div class=\"stat-label\">Top Brands<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-num\" data-count=\"12\">0<span>K+<\/span><\/div>\r\n <div class=\"stat-label\">Happy Customers<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right: Visual -->\r\n <!-- Right: Image -->\r\n <div class=\"hero-visual\">\r\n <img fetchpriority=\"high\" decoding=\"async\"\r\n src=\"https:\/\/europenike.com\/wp-content\/uploads\/2026\/04\/heroimg.png\"\r\n alt=\"Shoe\"\r\n width=\"520\"\r\n height=\"520\"\r\n id=\"shoe-img\"\r\n style=\"\r\n width: 100%;\r\n max-width: 520px;\r\n height: auto;\r\n border-radius: 20px;\r\n object-fit: cover;\r\n \"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n\r\n <!-- ===== JS: Counter Animation ===== -->\r\n <script>\r\n \/\/ shoe animation hero section\r\n var el = document.getElementById('shoe-img');\r\n el.animate([\r\n { opacity: 0, transform: 'scale(0.3) rotate(-8deg)' },\r\n { opacity: 1, transform: 'scale(1.05) rotate(3deg)', offset: 0.6 },\r\n { transform: 'scale(0.97) rotate(-2deg)', offset: 0.75 },\r\n { transform: 'scale(1.02) rotate(1deg)', offset: 0.88 },\r\n { opacity: 1, transform: 'scale(1) rotate(0deg)' }\r\n ], {\r\n duration: 1200,\r\n delay: 400,\r\n easing: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\r\n fill: 'both'\r\n });\r\n \/\/ Animate counting numbers in hero stats\r\n function animateCounter(el) {\r\n const target = parseInt(el.dataset.count, 10);\r\n const suffix = el.querySelector('span').textContent;\r\n const duration = 1800;\r\n const start = performance.now();\r\n const update = (now) => {\r\n const elapsed = now - start;\r\n const progress = Math.min(elapsed \/ duration, 1);\r\n const eased = 1 - Math.pow(1 - progress, 3);\r\n el.childNodes[0].textContent = Math.floor(eased * target);\r\n if (progress < 1) requestAnimationFrame(update);\r\n };\r\n requestAnimationFrame(update);\r\n }\r\n window.addEventListener('load', () => {\r\n document.querySelectorAll('[data-count]').forEach(animateCounter);\r\n});\r\n\r\n \/\/ Only run when stats enter viewport\r\n const statsObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n document.querySelectorAll('[data-count]').forEach(animateCounter);\r\n statsObserver.disconnect();\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n\r\n const statsEl = document.querySelector('.hero-stats');\r\n if (statsEl) statsObserver.observe(statsEl);\r\n\r\n \/\/ Hamburger toggle (mobile)\r\n const hamburger = document.querySelector('.hamburger');\r\n hamburger.addEventListener('click', () => {\r\n const expanded = hamburger.getAttribute('aria-expanded') === 'true';\r\n hamburger.setAttribute('aria-expanded', String(!expanded));\r\n });\r\n \r\n \/\/ Theme Toggle Script\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const themeBtn = document.getElementById('theme-toggle');\r\n const htmlEl = document.documentElement;\r\n\r\n \/\/ Agar button nahi mila toh error na aaye\r\n if (!themeBtn) return;\r\n\r\n \/\/ Check saved theme\r\n const currentTheme = localStorage.getItem('theme');\r\n if (currentTheme === 'light') {\r\n htmlEl.setAttribute('data-theme', 'light');\r\n }\r\n\r\n \/\/ Click Function\r\n themeBtn.addEventListener('click', function(e) {\r\n e.preventDefault(); \/\/ Page refresh hone se rokne ke liye\r\n \r\n if (htmlEl.getAttribute('data-theme') === 'light') {\r\n htmlEl.removeAttribute('data-theme');\r\n localStorage.setItem('theme', 'dark');\r\n } else {\r\n htmlEl.setAttribute('data-theme', 'light');\r\n localStorage.setItem('theme', 'light');\r\n }\r\n });\r\n});\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has-el-gap el-gap-default elementor-section elementor-top-section elementor-element elementor-element-06be707 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"06be707\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4d5d440\" data-id=\"4d5d440\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-831c95b elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"831c95b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ===== SLIDER CSS ===== -->\r\n<style>\r\n.slider-wrapper {\r\n position: relative;\r\n max-width: 1200px;\r\n margin-inline: auto;\r\n overflow: hidden;\r\n padding-bottom: 50px;\r\n}\r\n.cards-track {\r\n display: flex;\r\n gap: 24px;\r\n transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n will-change: transform;\r\n}\r\n.cards-track .card {\r\n min-width: calc(33.333% - 16px);\r\n flex-shrink: 0;\r\n}\r\n.slider-btn {\r\n position: absolute;\r\n top: 40%;\r\n transform: translateY(-50%);\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: rgba(201,169,110,0.15);\r\n border: 1px solid rgba(201,169,110,0.3);\r\n color: #c9a96e;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: background 0.2s, transform 0.2s;\r\n z-index: 10;\r\n}\r\n.slider-btn:hover {\r\n background: #c9a96e;\r\n color: #0a0a0a;\r\n transform: translateY(-50%) scale(1.1);\r\n}\r\n.slider-btn svg { width: 20px; height: 20px; }\r\n.slider-prev { left: -24px; }\r\n.slider-next { right: -24px; }\r\n.slider-dots {\r\n display: flex;\r\n justify-content: center;\r\n gap: 8px;\r\n position: absolute;\r\n bottom: 16px;\r\n width: 100%;\r\n}\r\n.dot {\r\n width: 8px; height: 8px;\r\n border-radius: 50%;\r\n background: rgba(201,169,110,0.3);\r\n cursor: pointer;\r\n transition: background 0.3s, transform 0.3s;\r\n}\r\n.dot.active {\r\n background: #c9a96e;\r\n transform: scale(1.3);\r\n}\r\n@media (max-width: 768px) {\r\n .cards-track .card { min-width: calc(100% - 0px); }\r\n .slider-prev { left: 0; }\r\n .slider-next { right: 0; }\r\n}\r\n@media (max-width: 1024px) and (min-width: 769px) {\r\n .cards-track .card { min-width: calc(50% - 12px); }\r\n}\r\n<\/style>\r\n<!-- ===== CARDS SECTION ===== -->\r\n<section class=\"cards-section\" id=\"collection\" aria-labelledby=\"collection-title\">\r\n <div class=\"section-header\">\r\n <div>\r\n <p class=\"section-eyebrow\">Featured Collection<\/p>\r\n <h2 class=\"section-title\" id=\"collection-title\">Trending Right Now<\/h2>\r\n <\/div>\r\n <a href=\"#\" class=\"section-link\">\r\n View All\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- Slider Wrapper -->\r\n <div class=\"slider-wrapper\">\r\n <div class=\"cards-track\" id=\"cardsTrack\">\r\n\r\n <!-- Card 1 -->\r\n <article class=\"card\">\r\n <div class=\"card-image tall\">\r\n <div class=\"card-image-inner\">\r\n <div class=\"hero-visual\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/europenike.com\/wp-content\/uploads\/2026\/04\/shoe.png\"\r\n alt=\"Shoe\"\r\n width=\"520\"\r\n height=\"520\"\r\n id=\"shoe-img\"\r\n style=\"\r\n width: 100%;\r\n max-width: 520px;\r\n height: auto;\r\n border-radius: 20px;\r\n object-fit: cover;\r\n \"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n <span class=\"card-badge badge-new\">New Drop<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-category\">Running<\/p>\r\n <h3 class=\"card-title\">Nike Air Max 720<\/h3>\r\n <p class=\"card-desc\">The most cushioned Air unit yet. Engineered for all-day comfort.<\/p>\r\n <div class=\"card-footer\">\r\n <div>\r\n <span class=\"card-price\">\u20ac 159.99<\/span>\r\n <span class=\"card-price-old\">\u20ac 199.99<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"card-btn\">View Shoe\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 2 -->\r\n <article class=\"card\">\r\n <div class=\"card-image tall\">\r\n <div class=\"card-image-inner\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/europenike.com\/wp-content\/uploads\/2026\/04\/adidas_Ultra_Boost_Light_Core_Black_Crystal_White__Women.png\"\r\n alt=\"Shoe\"\r\n width=\"520\"\r\n height=\"520\"\r\n id=\"shoe-img\"\r\n style=\"\r\n width: 100%;\r\n max-width: 520px;\r\n height: auto;\r\n border-radius: 20px;\r\n object-fit: cover;\r\n \"\r\n \/>\r\n <\/div>\r\n <span class=\"card-badge badge-hot\">\ud83d\udd25 Hot<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-category\">Lifestyle<\/p>\r\n <h3 class=\"card-title\">Adidas Ultraboost 24<\/h3>\r\n <p class=\"card-desc\">Infinite energy return with Boost technology. Built for the streets.<\/p>\r\n <div class=\"card-footer\">\r\n <span class=\"card-price\">\u20ac 129.99<\/span>\r\n <a href=\"#\" class=\"card-btn\">View Shoe\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 3 -->\r\n <article class=\"card\">\r\n <div class=\"card-image tall\">\r\n <div class=\"card-image-inner\">\r\n <img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/europenike.com\/wp-content\/uploads\/2026\/04\/puma-3.png\"\r\n alt=\"Shoe\"\r\n width=\"520\"\r\n height=\"520\"\r\n id=\"shoe-img\"\r\n style=\"\r\n width: 100%;\r\n max-width: 520px;\r\n height: auto;\r\n border-radius: 20px;\r\n object-fit: cover;\r\n \"\r\n \/>\r\n <\/div>\r\n <span class=\"card-badge badge-sale\">Sale 30%<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-category\">Classic<\/p>\r\n <h3 class=\"card-title\">Puma Suede Classic<\/h3>\r\n <p class=\"card-desc\">A timeless silhouette that never goes out of style.<\/p>\r\n <div class=\"card-footer\">\r\n <div>\r\n <span class=\"card-price\">\u20ac 69.99<\/span>\r\n <span class=\"card-price-old\">\u20ac 99.99<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"card-btn\">View Shoe\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 4 -->\r\n <article class=\"card\">\r\n <div class=\"card-image tall\">\r\n <div class=\"card-image-inner\">\r\n <img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/europenike.com\/wp-content\/uploads\/2026\/04\/New-Balance-990-V6.png\"\r\n alt=\"Shoe\"\r\n width=\"520\"\r\n height=\"520\"\r\n id=\"shoe-img\"\r\n style=\"\r\n width: 100%;\r\n max-width: 520px;\r\n height: auto;\r\n border-radius: 20px;\r\n object-fit: cover;\r\n \"\r\n \/>\r\n <\/div>\r\n <span class=\"card-badge badge-new\">New Drop<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-category\">Luxury<\/p>\r\n <h3 class=\"card-title\">New Balance 990v6<\/h3>\r\n <p class=\"card-desc\">Premium craftsmanship meets modern comfort. Made in USA collection.<\/p>\r\n <div class=\"card-footer\">\r\n <span class=\"card-price\">\u20ac 189.99<\/span>\r\n <a href=\"#\" class=\"card-btn\">View Shoe\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 5 -->\r\n <article class=\"card\">\r\n <div class=\"card-image tall\">\r\n <div class=\"card-image-inner\">\r\n <img loading=\"lazy\" decoding=\"async\"\r\n src=\"https:\/\/europenike.com\/wp-content\/uploads\/2026\/04\/Reebok_Unisex_Nano_X4_Size_13_Black_Orange_Flare__100074684_-removebg-preview.png\"\r\n alt=\"Shoe\"\r\n width=\"520\"\r\n height=\"520\"\r\n id=\"shoe-img\"\r\n style=\"\r\n width: 100%;\r\n max-width: 520px;\r\n height: auto;\r\n border-radius: 20px;\r\n object-fit: cover;\r\n \"\r\n \/>\r\n <\/div>\r\n <span class=\"card-badge badge-sale\">Sale 20%<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-category\">Sport<\/p>\r\n <h3 class=\"card-title\">Reebok Nano X4<\/h3>\r\n <p class=\"card-desc\">Built for CrossFit and gym training. Stable, flexible and durable.<\/p>\r\n <div class=\"card-footer\">\r\n <div>\r\n <span class=\"card-price\">\u20ac 99.99<\/span>\r\n <span class=\"card-price-old\">\u20ac 124.99<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"card-btn\">View Shoe\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- Card 6 -->\r\n <article class=\"card\">\r\n <div class=\"card-image tall\">\r\n <div class=\"card-image-inner\">\r\n <!--------------->\r\n <\/div>\r\n <span class=\"card-badge badge-hot\">\ud83d\udd25 Hot<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <p class=\"card-category\">Casual<\/p>\r\n <h3 class=\"card-title\">Vans Old Skool Pro<\/h3>\r\n <p class=\"card-desc\">The iconic skate shoe. Timeless style for everyday streetwear.<\/p>\r\n <div class=\"card-footer\">\r\n <span class=\"card-price\">\u20ac 89.99<\/span>\r\n <a href=\"#\" class=\"card-btn\">View Shoe\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div><!-- end cards-track -->\r\n\r\n <!-- Prev \/ Next Buttons -->\r\n <button class=\"slider-btn slider-prev\" id=\"sliderPrev\" aria-label=\"Previous\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path d=\"M15 18l-6-6 6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"slider-btn slider-next\" id=\"sliderNext\" aria-label=\"Next\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path d=\"M9 18l6-6-6-6\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <!-- Dots -->\r\n <div class=\"slider-dots\" id=\"sliderDots\"><\/div>\r\n\r\n <\/div><!-- end slider-wrapper -->\r\n<\/section>\r\n\r\n\r\n<!-- ===== SLIDER JS ===== -->\r\n<script>\r\n(function(){\r\n var track = document.getElementById('cardsTrack');\r\n var prevBtn = document.getElementById('sliderPrev');\r\n var nextBtn = document.getElementById('sliderNext');\r\n var dotsContainer = document.getElementById('sliderDots');\r\n\r\n var cards = track.querySelectorAll('.card');\r\n var total = cards.length;\r\n var current = 0;\r\n\r\n \/\/ Cards visible per screen\r\n function visibleCards() {\r\n if (window.innerWidth <= 768) return 1;\r\n if (window.innerWidth <= 1024) return 2;\r\n return 3;\r\n }\r\n\r\n \/\/ Total slide positions\r\n function maxIndex() {\r\n return total - visibleCards();\r\n }\r\n\r\n \/\/ Create dots\r\n function createDots() {\r\n dotsContainer.innerHTML = '';\r\n var dots = maxIndex() + 1;\r\n for (var i = 0; i <= maxIndex(); i++) {\r\n var dot = document.createElement('span');\r\n dot.className = 'dot' + (i === 0 ? ' active' : '');\r\n dot.setAttribute('data-index', i);\r\n dot.addEventListener('click', function(){\r\n goTo(parseInt(this.getAttribute('data-index')));\r\n });\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n \/\/ Update dots\r\n function updateDots() {\r\n dotsContainer.querySelectorAll('.dot').forEach(function(d, i){\r\n d.classList.toggle('active', i === current);\r\n });\r\n }\r\n\r\n \/\/ Move slider\r\n function goTo(index) {\r\n if (index < 0) index = 0;\r\n if (index > maxIndex()) index = maxIndex();\r\n current = index;\r\n var cardWidth = cards[0].offsetWidth + 24;\r\n track.style.transform = 'translateX(-' + (current * cardWidth) + 'px)';\r\n updateDots();\r\n }\r\n\r\n prevBtn.addEventListener('click', function(){ goTo(current - 1); });\r\n nextBtn.addEventListener('click', function(){ goTo(current + 1); });\r\n\r\n \/\/ Auto slide every 3 seconds\r\n setInterval(function(){\r\n var next = current + 1 > maxIndex() ? 0 : current + 1;\r\n goTo(next);\r\n }, 3000);\r\n\r\n \/\/ Init\r\n createDots();\r\n\r\n \/\/ Recalculate on resize\r\n window.addEventListener('resize', function(){\r\n createDots();\r\n goTo(0);\r\n });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has-el-gap el-gap-default elementor-section elementor-top-section elementor-element elementor-element-ecd6022 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ecd6022\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-09aeb4d\" data-id=\"09aeb4d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e6977b3 elementor-widget elementor-widget-html\" data-id=\"e6977b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<!-- Swiper CSS \u2014 <head> mein add karo (ek baar) -->\r\n\r\n\r\n<!-- ===== REVIEWS SECTION ===== -->\r\n<section class=\"reviews-section\">\r\n <div class=\"reviews-container\">\r\n\r\n <!-- Section Header -->\r\n <div class=\"reviews-header\">\r\n <p class=\"section-eyebrow\">Customer Reviews<\/p>\r\n <h2 class=\"section-title\">What People Say<\/h2>\r\n <\/div>\r\n\r\n <!-- Overall Rating Block -->\r\n <div class=\"rating-overview\">\r\n <div class=\"rating-big\">\r\n <div class=\"rating-number\">4.8<\/div>\r\n <div class=\"rating-stars\">\r\n <span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star half\">\u2605<\/span>\r\n <\/div>\r\n <div class=\"rating-total\">128 reviews<\/div>\r\n <\/div>\r\n <div class=\"rating-bars\">\r\n <div class=\"bar-row\">\r\n <span class=\"bar-label\">5<\/span>\r\n <span class=\"star-small\">\u2605<\/span>\r\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:78%\"><\/div><\/div>\r\n <span class=\"bar-count\">100<\/span>\r\n <\/div>\r\n <div class=\"bar-row\">\r\n <span class=\"bar-label\">4<\/span>\r\n <span class=\"star-small\">\u2605<\/span>\r\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:14%\"><\/div><\/div>\r\n <span class=\"bar-count\">18<\/span>\r\n <\/div>\r\n <div class=\"bar-row\">\r\n <span class=\"bar-label\">3<\/span>\r\n <span class=\"star-small\">\u2605<\/span>\r\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:5%\"><\/div><\/div>\r\n <span class=\"bar-count\">6<\/span>\r\n <\/div>\r\n <div class=\"bar-row\">\r\n <span class=\"bar-label\">2<\/span>\r\n <span class=\"star-small\">\u2605<\/span>\r\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:2%\"><\/div><\/div>\r\n <span class=\"bar-count\">3<\/span>\r\n <\/div>\r\n <div class=\"bar-row\">\r\n <span class=\"bar-label\">1<\/span>\r\n <span class=\"star-small\">\u2605<\/span>\r\n <div class=\"bar-track\"><div class=\"bar-fill\" style=\"width:1%\"><\/div><\/div>\r\n <span class=\"bar-count\">1<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Divider -->\r\n <div class=\"reviews-divider\"><\/div>\r\n\r\n <!-- \u2705 Swiper Slider -->\r\n <div class=\"reviews-swiper swiper\">\r\n <div class=\"swiper-wrapper\">\r\n\r\n <!-- Slide 1 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"review-card\">\r\n <div class=\"review-top\">\r\n <div class=\"reviewer-avatar\" style=\"background:#7c3aed\">A<\/div>\r\n <div class=\"reviewer-info\">\r\n <div class=\"reviewer-name\">Ahmad Raza<\/div>\r\n <div class=\"reviewer-date\">March 28, 2026<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"review-stars\">\r\n <span class=\"star filled\">\u2605<\/span><span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star filled\">\u2605<\/span><span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star filled\">\u2605<\/span>\r\n <\/div>\r\n <p class=\"review-text\">Absolutely love these shoes! The quality is top notch and they feel so comfortable even after long walks. Delivery was super fast too. Highly recommend to everyone!<\/p>\r\n <div class=\"review-helpful\">\r\n <button class=\"helpful-btn\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z\"\/><path d=\"M7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3\"\/><\/svg>\r\n Helpful (12)\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 2 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"review-card\">\r\n <div class=\"review-top\">\r\n <div class=\"reviewer-avatar\" style=\"background:#059669\">S<\/div>\r\n <div class=\"reviewer-info\">\r\n <div class=\"reviewer-name\">Sara Khan<\/div>\r\n <div class=\"reviewer-date\">March 15, 2026<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"review-stars\">\r\n <span class=\"star filled\">\u2605<\/span><span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star filled\">\u2605<\/span><span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star filled\">\u2605<\/span>\r\n <\/div>\r\n <p class=\"review-text\">Best shoe website I've come across! The collection is amazing and prices are very reasonable for European quality. The Nike Air Max I ordered fits perfectly.<\/p>\r\n <div class=\"review-helpful\">\r\n <button class=\"helpful-btn\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z\"\/><path d=\"M7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3\"\/><\/svg>\r\n Helpful (8)\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 3 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"review-card\">\r\n <div class=\"review-top\">\r\n <div class=\"reviewer-avatar\" style=\"background:#c9a96e; color:#0a0a0a\">U<\/div>\r\n <div class=\"reviewer-info\">\r\n <div class=\"reviewer-name\">Usman Ali<\/div>\r\n <div class=\"reviewer-date\">February 20, 2026<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"review-stars\">\r\n <span class=\"star filled\">\u2605<\/span><span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star filled\">\u2605<\/span><span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star empty\">\u2605<\/span>\r\n <\/div>\r\n <p class=\"review-text\">Very good quality shoes. The Adidas Ultraboost is exactly as described. Only giving 4 stars because delivery took a bit longer than expected. Overall great experience!<\/p>\r\n <div class=\"review-helpful\">\r\n <button class=\"helpful-btn\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z\"\/><path d=\"M7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3\"\/><\/svg>\r\n Helpful (5)\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 4 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"review-card\">\r\n <div class=\"review-top\">\r\n <div class=\"reviewer-avatar\" style=\"background:#e05a4e\">M<\/div>\r\n <div class=\"reviewer-info\">\r\n <div class=\"reviewer-name\">Maria Fatima<\/div>\r\n <div class=\"reviewer-date\">February 10, 2026<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"review-stars\">\r\n <span class=\"star filled\">\u2605<\/span><span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star filled\">\u2605<\/span><span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star filled\">\u2605<\/span>\r\n <\/div>\r\n <p class=\"review-text\">Ordered Puma Suede Classic and I am obsessed! The color is exactly like in the pictures and the material feels premium. Will definitely be ordering again soon!<\/p>\r\n <div class=\"review-helpful\">\r\n <button class=\"helpful-btn\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z\"\/><path d=\"M7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3\"\/><\/svg>\r\n Helpful (15)\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Slide 5 -->\r\n <div class=\"swiper-slide\">\r\n <div class=\"review-card\">\r\n <div class=\"review-top\">\r\n <div class=\"reviewer-avatar\" style=\"background:#0ea5e9\">Z<\/div>\r\n <div class=\"reviewer-info\">\r\n <div class=\"reviewer-name\">Zain Malik<\/div>\r\n <div class=\"reviewer-date\">January 30, 2026<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"review-stars\">\r\n <span class=\"star filled\">\u2605<\/span><span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star filled\">\u2605<\/span><span class=\"star filled\">\u2605<\/span>\r\n <span class=\"star filled\">\u2605<\/span>\r\n <\/div>\r\n <p class=\"review-text\">EuropeNike has the best collection I've seen online. Vans Old Skool arrived in perfect condition, packaging was great and shoes are 100% original. 5 stars easily!<\/p>\r\n <div class=\"review-helpful\">\r\n <button class=\"helpful-btn\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z\"\/><path d=\"M7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3\"\/><\/svg>\r\n Helpful (9)\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div><!-- end swiper-wrapper -->\r\n\r\n <!-- Arrows -->\r\n <div class=\"reviews-prev\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n <\/div>\r\n <div class=\"reviews-next\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n <\/div>\r\n\r\n <!-- Dots -->\r\n <div class=\"reviews-pagination\"><\/div>\r\n\r\n <\/div><!-- end reviews-swiper -->\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- Swiper JS -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n\r\n<style>\r\n.reviews-section {\r\n background: var(--color-surface);\r\n padding: 80px 40px;\r\n}\r\n.reviews-container {\r\n max-width: 1200px;\r\n margin-inline: auto;\r\n}\r\n.reviews-header { margin-bottom: 40px; }\r\n\r\n.section-eyebrow {\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: var(--color-accent);\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n margin-bottom: 8px;\r\n}\r\n.section-title {\r\n font-size: clamp(1.8rem, 3vw, 2.5rem);\r\n font-weight: 700;\r\n color: var(--color-text);\r\n font-family: 'Playfair Display', serif;\r\n}\r\n\r\n\/* Rating Overview *\/\r\n.rating-overview {\r\n display: flex;\r\n align-items: center;\r\n gap: 60px;\r\n margin-bottom: 40px;\r\n flex-wrap: wrap;\r\n}\r\n.rating-big {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.rating-number {\r\n font-size: 4rem;\r\n font-weight: 800;\r\n color: var(--color-text);\r\n line-height: 1;\r\n font-family: 'Playfair Display', serif;\r\n}\r\n.rating-stars { display: flex; gap: 4px; }\r\n.star { font-size: 1.2rem; }\r\n.star.filled { color: var(--color-accent); }\r\n.star.half { color: var(--color-accent); opacity: 0.5; }\r\n.star.empty { color: var(--color-text-faint); }\r\n.rating-total { font-size: 0.8rem; color: var(--color-text-muted); }\r\n\r\n\/* Bars *\/\r\n.rating-bars {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n flex: 1;\r\n max-width: 320px;\r\n}\r\n.bar-row { display: flex; align-items: center; gap: 8px; }\r\n.bar-label { font-size: 0.8rem; color: var(--color-text-muted); width: 10px; text-align: right; }\r\n.star-small { font-size: 0.85rem; color: var(--color-accent); }\r\n.bar-track {\r\n flex: 1;\r\n height: 6px;\r\n background: var(--color-border);\r\n border-radius: 999px;\r\n overflow: hidden;\r\n}\r\n.bar-fill {\r\n height: 100%;\r\n background: var(--color-accent);\r\n border-radius: 999px;\r\n transition: width 1s ease;\r\n}\r\n.bar-count { font-size: 0.75rem; color: var(--color-text-muted); width: 24px; }\r\n\r\n\/* Divider *\/\r\n.reviews-divider {\r\n height: 1px;\r\n background: var(--color-border);\r\n margin-bottom: 40px;\r\n}\r\n\r\n\/* ===== SWIPER WRAPPER ===== *\/\r\n.reviews-swiper {\r\n position: relative;\r\n overflow: hidden;\r\n padding-bottom: 56px;\r\n}\r\n.reviews-swiper .swiper-wrapper { align-items: stretch; }\r\n.reviews-swiper .swiper-slide {\r\n height: auto;\r\n display: flex;\r\n}\r\n\r\n\/* Review Card *\/\r\n.review-card {\r\n width: 100%;\r\n background: var(--color-surface-2);\r\n border: 1px solid var(--color-border);\r\n border-radius: 16px;\r\n padding: 24px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n transition: border-color 0.25s, transform 0.25s;\r\n}\r\n.review-card:hover {\r\n border-color: var(--color-accent);\r\n transform: translateY(-4px);\r\n}\r\n\r\n\/* Card Top *\/\r\n.review-top { display: flex; align-items: center; gap: 12px; }\r\n.reviewer-avatar {\r\n width: 42px; height: 42px;\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 1rem; font-weight: 700;\r\n color: white; flex-shrink: 0;\r\n}\r\n.reviewer-name { font-size: 0.95rem; font-weight: 600; color: var(--color-text); }\r\n.reviewer-date { font-size: 0.75rem; color: var(--color-text-muted); margin-top: 2px; }\r\n\r\n.review-stars { display: flex; gap: 2px; }\r\n.review-stars .star { font-size: 1rem; }\r\n\r\n.review-text {\r\n font-size: 0.9rem;\r\n color: var(--color-text-muted);\r\n line-height: 1.65;\r\n flex: 1;\r\n}\r\n\r\n\/* Helpful Button *\/\r\n.review-helpful { margin-top: 4px; }\r\n.helpful-btn {\r\n display: inline-flex; align-items: center; gap: 6px;\r\n padding: 6px 14px;\r\n background: transparent;\r\n border: 1px solid var(--color-border);\r\n border-radius: 999px;\r\n font-size: 0.78rem;\r\n color: var(--color-text-muted);\r\n cursor: pointer;\r\n transition: background 0.2s, color 0.2s, border-color 0.2s;\r\n}\r\n.helpful-btn:hover {\r\n background: var(--color-surface);\r\n border-color: var(--color-accent);\r\n color: var(--color-accent);\r\n}\r\n.helpful-btn svg { width: 14px; height: 14px; }\r\n\r\n\/* Pagination Dots *\/\r\n.reviews-pagination {\r\n text-align: center;\r\n margin-top: 28px;\r\n}\r\n.reviews-pagination .swiper-pagination-bullet {\r\n width: 9px; height: 9px;\r\n background: var(--color-text-faint);\r\n opacity: 1;\r\n transition: all 0.25s;\r\n}\r\n.reviews-pagination .swiper-pagination-bullet-active {\r\n background: var(--color-accent);\r\n transform: scale(1.3);\r\n}\r\n\r\n\/* Arrows *\/\r\n.reviews-prev,\r\n.reviews-next {\r\n position: absolute;\r\n top: 42%;\r\n transform: translateY(-50%);\r\n width: 44px; height: 44px;\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n background: var(--color-surface-2);\r\n border: 1px solid var(--color-border);\r\n color: var(--color-text);\r\n cursor: pointer;\r\n z-index: 10;\r\n transition: all 0.25s;\r\n}\r\n.reviews-prev:hover,\r\n.reviews-next:hover {\r\n background: var(--color-accent);\r\n color: var(--color-white);\r\n border-color: var(--color-accent);\r\n}\r\n.reviews-prev svg,\r\n.reviews-next svg { width: 20px; height: 20px; }\r\n.reviews-prev { left: -6px; }\r\n.reviews-next { right: -6px; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n .rating-overview { gap: 30px; }\r\n}\r\n@media (max-width: 600px) {\r\n .reviews-section { padding: 60px 20px; }\r\n .rating-overview { flex-direction: column; align-items: flex-start; gap: 24px; }\r\n .reviews-prev { left: 0; }\r\n .reviews-next { right: 0; }\r\n}\r\n<\/style>\r\n<script>\r\nwindow.addEventListener('load', function () {\r\n setTimeout(function () {\r\n var reviewSwiper = new Swiper('.reviews-swiper', {\r\n slidesPerView: 1,\r\n spaceBetween: 20,\r\n speed: 800,\r\n grabCursor: true,\r\n loop: false,\r\n watchSlidesProgress: true,\r\n\r\n pagination: {\r\n el: '.reviews-pagination',\r\n clickable: true,\r\n },\r\n\r\n navigation: {\r\n prevEl: '.reviews-prev',\r\n nextEl: '.reviews-next',\r\n },\r\n\r\n breakpoints: {\r\n 768: { slidesPerView: 2 },\r\n 1100: { slidesPerView: 3 },\r\n }\r\n });\r\n }, 300);\r\n},100);\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>EuropeNike \u2013 Stylish & Comfortable Shoes EuropeNike Home Collection Blog About Contact Shop Now New Collection 2026 Europe’s Finest Shoe Style Discover a handpicked collection of the most stylish and comfortable shoes from Europe. Premium craftsmanship, modern design \u2014 made for everyday excellence. Explore Collection Read Blog 0+ Shoe Styles 0+ Top Brands 0K+ Happy<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/no-wrapper.php","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/europenike.com\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/europenike.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/europenike.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/europenike.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/europenike.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":13,"href":"https:\/\/europenike.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/europenike.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/europenike.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}