PageSourceSearch

https://winsomemcr.co.uk/

html winsomemcr.co.uk collected 2026-10-08 07:57:46 UTC 20,322 bytes, 614 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 4-5
4
5  <script async src="https://www.googletagmanager.com/gtag/js?id=
5G-TW50L1WNQ1
vendor: 14 bytes, lines 5-6
5"></script>
6  
6<script>
7    
vendor: 139 bytes, lines 7-10
7window.dataLayer = window.dataLayer || [];
8    function gtag(){dataLayer.push(arguments);}
9    gtag('js', new Date());
10    gtag('config', '
10G-TW50L1WNQ1
vendor: 6 bytes, lines 10-11
10');
11  
11</script>
11
12  <meta charset="UTF-8">
13  <meta name="viewport" content="width=device-width, initial-scale=1.0">
14  <meta name="description" content="Winsome - Northern Hospitality & Thoughtful British Cooking in Manchester. 74 Princess Street, Manchester.">
15  <title>Winsome | Restaurant, Manchester</title>
16
17  <!-- Canonical URL -->
18  <link rel="canonical" href="https://winsomemcr.co.uk/">
19
20  <!-- Favicon -->
21  <link rel="icon" type="image/png" href="favicon.png" sizes="90x90">
22  <link rel="icon" type="image/png" sizes="48x48" href="favicon-48.png">
23  <link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png">
24  <link rel="icon" type="image/png" sizes="16x16" href="favicon-16.png">
25  <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
26
27  <!-- Open Graph -->
28  <meta property="og:type" content="website">
29  <meta property="og:title" content="Winsome | Restaurant, Manchester">
30  <meta property="og:description" content="Northern Hospitality & Thoughtful British Cooking. 74 Princess Street, Manchester.">
31  <meta property="og:url" content="https://winsomemcr.co.uk/">
32  <meta property="og:image" content="https://winsomemcr.co.uk/images/logos/Pig_L_Black.png">
33  <meta property="og:site_name" content="Winsome">
34
35  <!-- Twitter Card -->
36  <meta name="twitter:card" content="summary_large_image">
37  <meta name="twitter:title" content="Winsome | Restaurant, Manchester">
38  <meta name="twitter:description" content="Northern Hospitality & Thoughtful British Cooking. 74 Princess Street, Manchester.">
39  <meta name="twitter:image" content="https://winsomemcr.co.uk/images/logos/Pig_L_Black.png">
40
41  <!-- Structured Data -->
42  
42<script type="application/ld+json">
43  {
44    "@context": "https://schema.org",
45    "@type": "Restaurant",
46    "name": "Winsome",
47    "description": "Northern Hospitality & Thoughtful British Cooking in Manchester.",
48    "url": "https://winsomemcr.co.uk",
49    "image": "https://winsomemcr.co.uk/images/logos/Pig_L_Black.png",
50    "logo": "https://winsomemcr.co.uk/images/logos/Pig_L_Black.png",
51    "telephone": "07776 880 839",
52    "email": "[email protected]",
53    "address": {
54      "@type": "PostalAddress",
55      "streetAddress": "74 Princess Street",
56      "addressLocality": "Manchester",
57      "addressRegion": "Greater Manchester",
58      "postalCode": "M1 6JD",
59      "addressCountry": "GB"
60    },
61    "geo": {
62      "@type": "GeoCoordinates",
63      "latitude": 53.4773,
64      "longitude": -2.2399
65    },
66    "openingHoursSpecification": [
67      {
68        "@type": "OpeningHoursSpecification",
69        "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
70        "opens": "12:00",
71        "closes": "15:00"
72      },
73      {
74        "@type": "OpeningHoursSpecification",
75        "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
76        "opens": "17:00",
77        "closes": "23:00"
78      },
79      {
80        "@type": "OpeningHoursSpecification",
81        "dayOfWeek": "Sunday",
82        "opens": "12:00",
83        "closes": "20:00"
84      }
85    ],
86    "servesCuisine": "British",
87    "priceRange": "$$$",
88    "acceptsReservations": true,
89    "sameAs": [
90      "https://instagram.com/winsome_mcr",
91      "https://youtube.com/@Winsome_mcr"
92    ]
93  }
94  </script>
94
95
96  <link rel="stylesheet" href="css/style.css">
97  <link rel="stylesheet" href="css/shop.css">
98  <style>
99    body {
100      margin: 0;
101      overflow-x: hidden;
102    }
103
104    .home-hero {
105      position: relative;
106      height: 100vh;
107      width: 100%;
108      overflow: hidden;
109    }
110
111    /* Slideshow */
112    .slideshow {
113      position: absolute;
114      inset: 0;
115      overflow: hidden;
116    }
117
118    .slide {
119      position: absolute;
120      inset: 0;
121      opacity: 0;
122      transition: opacity 0.8s ease-in-out;
123    }
124
125    .slide.active {
126      opacity: 1;
127    }
128
129    .slide video,
130    .slide img {
131      width: 100%;
132      height: 100%;
133      object-fit: cover;
134    }
135
136    .slide-overlay {
137      position: absolute;
138      inset: 0;
139      background: rgba(0, 0, 0, 0.3);
140    }
141
142    /* Logo */
143    .home-logo {
144      position: fixed;
145      top: 2rem;
146      left: 2rem;
147      z-index: 50;
148    }
149
150    .home-logo img {
151      height: 38px;
152      width: auto;
153    }
154
155    /* Center W icon */
156    .hero-center-logo {
157      position: absolute;
158      top: 50%;
159      left: 50%;
160      transform: translate(-50%, -50%);
161      z-index: 10;
162    }
163
164    .hero-center-logo img {
165      height: 140px;
166      width: auto;
167      transition: transform 0.3s ease;
168    }
169
170    .hero-center-logo:hover img {
171      transform: scaleX(-1);
172    }
173
174    /* Menu toggle */
175    .home-menu-toggle {
176      position: fixed;
177      top: 2rem;
178      right: 2rem;
179      z-index: 50;
180      display: flex;
181      flex-direction: column;
182      gap: 6px;
183      background: none;
184      border: none;
185      cursor: pointer;
186      padding: 5px;
187    }
188
189    .home-menu-toggle span {
190      display: block;
191      width: 28px;
192      height: 1.5px;
193      background: white;
194    }
195
196    /* Reservations button */
197    .hero-reservations-btn {
198      position: fixed;
199      top: 2rem;
200      right: 8rem;
201      z-index: 50;
202      background: transparent;
203      border: 1px solid white;
204      color: white;
205      font-family: var(--title-font);
206      font-size: 0.75rem;
207      text-transform: uppercase;
208      letter-spacing: 0.15em;
209      padding: 0.6rem 1.5rem;
210      cursor: pointer;
211      text-decoration: none;
212      transition: background-color 0.3s ease, border-color 0.3s ease;
213    }
214
215    .hero-reservations-btn:hover {
216      background-color: #322bdb;
217      border-color: #322bdb;
218    }
219
220    /* Nav overlay */
221    .home-nav-overlay {
222      position: fixed;
223      top: 0;
224      right: 0;
225      width: 280px;
226      height: auto;
227      background: var(--cream);
228      z-index: 100;
229      display: flex;
230      flex-direction: column;
231      align-items: flex-start;
232      padding: 5rem 2rem 2rem;
233      gap: 1.25rem;
234      opacity: 0;
235      visibility: hidden;
236      transition: 0.3s;
237      box-shadow: -2px 0 10px rgba(0,0,0,0.1);
238    }
239
240    .home-nav-overlay.active {
241      opacity: 1;
242      visibility: visible;
243    }
244
245    .home-nav-overlay a {
246      font-family: var(--title-font);
247      font-size: 0.9rem;
248      text-transform: uppercase;
249      letter-spacing: 0.15em;
250      color: var(--black);
251      transition: color 0.2s;
252    }
253
254    .home-nav-overlay a:hover {
255      color: var(--gold);
256      text-decoration: underline;
257    }
258
259    .close-menu {
260      position: absolute;
261      top: 2rem;
262      right: 2rem;
263      width: 30px;
264      height: 30px;
265      background: none;
266      border: none;
267      cursor: pointer;
268    }
269
270    .close-menu::before,
271    .close-menu::after {
272      content: '';
273      position: absolute;
274      top: 50%;
275      left: 0;
276      width: 100%;
277      height: 1.5px;
278      background: var(--black);
279    }
280
281    .close-menu::before {
282      transform: rotate(45deg);
283    }
284
285    .close-menu::after {
286      transform: rotate(-45deg);
287    }
288
289    /* Intro Section */
290    .home-intro {
291      padding: 6rem 2rem;
292      text-align: center;
293      max-width: 700px;
294      margin: 0 auto;
295    }
296
297    .home-intro h2 {
298      font-family: var(--title-font);
299      font-size: 1rem;
300      font-weight: 400;
301      text-transform: uppercase;
302      letter-spacing: 0.2em;
303      margin-bottom: 1rem;
304    }
305
306    .home-intro p {
307      font-family: var(--font);
308      font-size: 1.1rem;
309      line-height: 1.9;
310      opacity: 0.75;
311    }
312
313    /* Image Grid */
314    .home-gallery {
315      display: grid;
316      grid-template-columns: repeat(2, 1fr);
317      gap: 4px;
318    }
319
320    .home-gallery img {
321      width: 100%;
322      aspect-ratio: 4/3;
323      object-fit: cover;
324      display: block;
325    }
326
327    @media (max-width: 600px) {
328      .home-logo {
329        position: fixed;
330        top: 1.5rem;
331        left: 1.5rem;
332      }
333
334      .home-logo img {
335        height: 28px;
336      }
337
338      .home-menu-toggle {
339        position: fixed;
340        top: 1.5rem;
341        right: 1.5rem;
342      }
343
344      .hero-reservations-btn {
345        top: 1.5rem;
346        right: 6.5rem;
347        font-size: 0.65rem;
348        padding: 0.5rem 1rem;
349      }
350
351      .hero-center-logo img {
352        height: 100px;
353      }
354
355      .home-intro {
356        padding: 4rem 1.5rem;
357      }
358
359      .home-intro p {
360        line-height: 1.4;
361      }
362
363      .home-gallery {
364        grid-template-columns: 1fr;
365      }
366    }
367  </style>
368</head>
369<body>
370
371  <section class="home-hero">
372    <div class="slideshow" id="slideshow">
373      <div class="slide active" data-type="video">
374        <video autoplay muted loop playsinline>
375          <source src="images/hero-slideshow/winsome_video.mp4" type="video/mp4">
376        </video>
377        <div class="slide-overlay"></div>
378      </div>
379      <div class="slide" data-type="image">
380        <img src="images/hero-slideshow/INTERIORS-10.jpg" alt="Winsome Restaurant">
381        <div class="slide-overlay"></div>
382      </div>
383      <div class="slide" data-type="image">
384        <img src="images/hero-slideshow/INTERIORS-25.jpg" alt="Winsome Restaurant">
385        <div class="slide-overlay"></div>
386      </div>
387      <div class="slide" data-type="image">
388        <img src="images/hero-slideshow/INTERIORS-26.jpg" alt="Winsome Restaurant">
389        <div class="slide-overlay"></div>
390      </div>
391      <div class="slide" data-type="image">
392        <img src="images/hero-slideshow/winsome_service-204.jpg" alt="Winsome Service">
393        <div class="slide-overlay"></div>
394      </div>
395      <div class="slide" data-type="image">
396        <img src="images/hero-slideshow/winsome_service-215.jpg" alt="Winsome Service">
397        <div class="slide-overlay"></div>
398      </div>
399      <div class="slide" data-type="image">
400        <img src="images/hero-slideshow/GEN_-017.jpg" alt="Winsome">
401        <div class="slide-overlay"></div>
402      </div>
403      <div class="slide" data-type="image">
404        <img src="images/hero-slideshow/GEN_-045.jpg" alt="Winsome">
405        <div class="slide-overlay"></div>
406      </div>
407      <div class="slide" data-type="image">
408        <img src="images/hero-slideshow/WIN X ROCH-155.jpg" alt="Winsome">
409        <div class="slide-overlay"></div>
410      </div>
411      <div class="slide" data-type="image">
412        <img src="images/hero-slideshow/WIN X ROCH-164.jpg" alt="Winsome">
413        <div class="slide-overlay"></div>
414      </div>
415      <div class="slide" data-type="image">
416        <img src="images/hero-slideshow/FOOD&WINE-060.jpg" alt="Winsome Food">
417        <div class="slide-overlay"></div>
418      </div>
419    </div>
420
421    <a class='home-logo' href='/'>
422      <img src="images/logos/Winsome_Wordmark_White.png" alt="Winsome">
423    </a>
424
425    <a class='hero-reservations-btn' href='/reservations'>Reservations</a>
426
427    <div class="hero-center-logo">
428      <img src="images/logos/Winsome_W_icon.png" alt="Winsome">
429    </div>
430
431    <div class="home-cart-icon" id="cartIconContainer"></div>
432
433    <button class="home-menu-toggle" id="menuToggle" aria-label="Menu">
434      <span></span>
435      <span></span>
436      <span></span>
437    </button>
438  </section>
439
440  <nav class="home-nav-overlay" id="navOverlay">
441    <button class="close-menu" id="closeMenu" aria-label="Close menu"></button>
442    <a href='/'>Home</a>
443    <a href='/menu'>Menus</a>
444    <a href="menus/Winsome_Christmas_26.pdf" target="_blank">Christmas at Winsome</a>
445    <a href='/shop'>Shop</a>
446    <a href='/winsome-tv'>Winsome TV</a>
447    <a href="menus/Winsome_PrivateHire&amp;Events_SS26.pdf" target="_blank">Private Hire</a>
448    <a href='/reservations'>Reservations</a>
449    <a href='/contact'>Contact</a>
450  </nav>
451
452  <section class="home-intro">
453    <h2>Northern Hospitality</h2>
454    <p>Winsome is built on Northern hospitality and thoughtful British cooking. Led by chef Shaun Moffat the food is generous, unfussy and rooted in tradition, with flavour and technique front and centre.</p>
455  </section>
456
457  <section class="home-gallery">
458    <img src="images/home-gallery/FOOD&WINE-004 Large.jpeg" alt="Winsome Food">
459    <img src="images/home-gallery/FOOD&WINE-045 Large.jpeg" alt="Winsome Food">
460    <img src="images/home-gallery/SUNDAY_ROAST_WINSOME-024 Large.jpeg" alt="Winsome">
461    <img src="images/home-gallery/WINSOME_-040 Large.jpeg" alt="Winsome">
462  </section>
463
464  <section class="home-intro">
465    <h2>Seasonal Menus</h2>
466    <p>Menus change regularly with the seasons, shaped by what's available and at its best. The drinks list focuses on old-world wines and classic cocktails paired with confident, attentive service.</p>
467  </section>
468
469  <footer class="footer">
470    <div class="footer-inner">
471      <div class="instagram-grid" id="instaGrid"></div>
472      <div class="footer-content">
473        <div class="footer-col">
474          <h5>Find Us</h5>
475          <p>74 Princess Street<br>Manchester<br>M1 6JD</p>
476          <div class="social-links">
477            <a href="https://instagram.com/winsome_mcr" target="_blank" aria-label="Instagram">
478              <svg fill="currentColor" viewBox="0 0 24 24">
478<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
479            </a>
480            <a href="https://www.youtube.com/@Winsome_mcr" target="_blank" aria-label="YouTube">
481              <svg fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
482            </a>
483          </div>
484        </div>
485        <div class="footer-col">
486          <h5>Opening Hours</h5>
487          <p><strong>Monday – Saturday</strong><br>Lunch: 12 'til 3pm<br>Dinner: from 5pm</p>
488          <p style="margin-top: 1rem;"><strong>Sunday</strong><br>Lunch served from 12 'til 8pm</p>
489        </div>
490        <div class="footer-col">
491          <h5>Mailing List</h5>
492          <p>Sign up for news and offers.</p>
493          <form class="newsletter-form">
494            <input type="email" placeholder="Email address" required>
495            <button type="submit">Join</button>
496          </form>
497        </div>
498      </div>
499      <div class="featured-section">
500        <div class="featured-block left">
501          <p>Our Sister Site</p>
502          <div class="featured-logos">
503            <a href="https://www.instagram.com/v.goode_pies" target="_blank"><img src="images/featured-logos/Vgoode_Green.png" alt="V. Goode Pies"></a>
504          </div>
505        </div>
506        <div class="featured-block right">
507          <p>As featured in</p>
508          <div class="featured-logos">
509            <img src="images/featured-logos/GFG.png" alt="Good Food Guide">
510            <img src="images/featured-logos/MG.png" alt="Michelin Guide" class="logo-mg">
511            <img src="images/featured-logos/guardian.png" alt="The Guardian">
512            <img src="images/featured-logos/Condenast.png" alt="Condé Nast" class="logo-condenast">
513            <img src="images/featured-logos/CNtraveler.png" alt="Condé Nast Traveler" class="logo-cntraveler">
514            <img src="images/featured-logos/TheTelegraph.png" alt="The Telegraph" class="logo-telegraph">
515            <img src="images/featured-logos/Squaremeal.png" alt="SquareMeal" class="logo-squaremeal">
516          </div>
517        </div>
518      </div>
519      <div class="footer-bottom">
520        <p>&copy; 2025 Winsome.<br class="mobile-br"> 74 Princess Street, Manchester, M1 6JD</p>
521        <p class="footer-links"><a href="mailto:[email protected]">Press Enquiries</a> | <a href="mailto:[email protected]">Careers</a></p>
522      </div>
523    </div>
524  </footer>
525
526  
526<script>
527    // Slideshow - Video first, then images in random order
528    const slideshow = document.getElementById('slideshow');
529    const slides = slideshow.querySelectorAll('.slide');
530
531    // Build randomized order: video (0) first, then shuffled image indices
532    const imageIndices = [];
533    for (let i = 1; i < slides.length; i++) imageIndices.push(i);
534    for (let i = imageIndices.length - 1; i > 0; i--) {
535      const j = Math.floor(Math.random() * (i + 1));
536      [imageIndices[i], imageIndices[j]] = [imageIndices[j], imageIndices[i]];
537    }
538    const slideOrder = [0, ...imageIndices];
539    let orderPos = 0;
540
541    function showSlide(index) {
542      slides.forEach((slide, i) => {
543        slide.classList.toggle('active', i === index);
544      });
545    }
546
547    function goNext() {
548      orderPos = (orderPos + 1) % slideOrder.length;
549      showSlide(slideOrder[orderPos]);
550    }
551
552    // Auto-cycle slides every 10 seconds
553    setInterval(goNext, 10000);
554
555    // Menu
556    const menuToggle = document.getElementById('menuToggle');
557    const closeMenu = document.getElementById('closeMenu');
558    const navOverlay = document.getElementById('navOverlay');
559
560    menuToggle.addEventListener('click', () => navOverlay.classList.add('active'));
561    closeMenu.addEventListener('click', () => navOverlay.classList.remove('active'));
562    navOverlay.querySelectorAll('a').forEach(a => {
563      a.addEventListener('click', () => navOverlay.classList.remove('active'));
564    });
565
566    // Instagram Grid - Random Order
567    const instaImages = [
568      'instagram-grid/winsome-social-assets Large.jpeg',
569      'instagram-grid/winsome-social-assets-1 Large.jpeg',
570      'instagram-grid/winsome-social-assets_jan3 Large.jpeg',
571      'instagram-grid/rochelle Large.jpeg',
572      'hero-slideshow/INTERIORS-10.jpg',
573      'hero-slideshow/INTERIORS-25.jpg',
574      'hero-slideshow/INTERIORS-26.jpg',
575      'instagram-grid/FOOD&WINE-065 Large.jpeg',
576      'instagram-grid/winsome_service-185 Large.jpeg',
577      'hero-slideshow/winsome_service-204.jpg',
578      'hero-slideshow/winsome_service-215.jpg',
579      'instagram-grid/FOOD&WINE-145 Large.jpeg',
580      'instagram-grid/FOOD&WINE-176 Large.jpeg',
581      'instagram-grid/FOOD&WINE-208 Large.jpeg'
582    ];
583
584    function shuffleArray(array) {
585      for (let i = array.length - 1; i > 0; i--) {
586        const j = Math.floor(Math.random() * (i + 1));
587        [array[i], array[j]] = [array[j], array[i]];
588      }
589      return array;
590    }
591
592    const instaGrid = document.getElementById('instaGrid');
593    const shuffled = shuffleArray([...instaImages]).slice(0, 10);
594    shuffled.forEach(img => {
595      const link = document.createElement('a');
596      link.href = 'https://instagram.com/winsome_mcr';
597      link.target = '_blank';
598      link.setAttribute('aria-label', 'Instagram post');
599      link.innerHTML = `<img src="images/${img}" alt="Winsome">`;
600      instaGrid.appendChild(link);
601    });
602  </script>
602
603
604  <!-- Shop Scripts -->
605  
605<script src="js/config.js"></script>
605
606  
606<script src="js/shopify-api.js"></script>
606
607  
607<script src="js/cart.js"></script>
607
608  
608<script src="js/cart-icon.js"></script>
608
609  
609<script src="js/cart-drawer.js"></script>
609
610  
610<script src="js/product-card.js"></script>
610
611  
611<script src="js/shop-init.js"></script>
611
612
613</body>
614</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.