html

<!DOCTYPE html>

<head>

<title>Polam Social – Polish Community Hub</title>

<style>

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

body {

font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

background: #fefaf5;

color: #1e1e2a;

line-height: 1.4;

}

.container {

max-width: 1200px;

margin: 0 auto;

padding: 0 24px;

}

/* Typography */

h1, h2, h3 {

font-weight: 600;

letter-spacing: -0.02em;

}

h1 {

font-size: clamp(2.2rem, 6vw, 3.5rem);

margin-bottom: 1rem;

}

h2 {

font-size: clamp(1.6rem, 5vw, 2.2rem);

margin-bottom: 1rem;

}

.hero-sub {

font-size: 1.2rem;

color: #3a3a4a;

margin-bottom: 1.8rem;

}

/* Buttons */

.btn {

display: inline-block;

background: #c43b2b;

color: white;

padding: 12px 28px;

border-radius: 40px;

text-decoration: none;

font-weight: 600;

transition: 0.2s ease;

border: none;

cursor: pointer;

font-size: 1rem;

}

.btn-outline {

background: transparent;

color: #c43b2b;

border: 2px solid #c43b2b;

}

.btn-outline:hover {

background: #c43b2b;

color: white;

}

.btn:hover {

background: #9e2e20;

transform: scale(0.97);

}

/* Sections */

section {

padding: 64px 0;

border-bottom: 1px solid #f0e4d8;

}

.hero {

padding: 80px 0 64px;

text-align: center;

background: #fff7f0;

}

.grid-3 {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

gap: 32px;

margin-top: 32px;

}

.card {

background: white;

padding: 28px;

border-radius: 28px;

box-shadow: 0 8px 20px rgba(0,0,0,0.03);

border: 1px solid #f0e4d8;

transition: 0.2s;

}

.card h3 {

font-size: 1.5rem;

margin-bottom: 12px;

}

.card p {

color: #4a4a5a;

margin-bottom: 20px;

}

.membership-offer {

background: #e8f0fe;

border-radius: 32px;

padding: 48px 32px;

text-align: center;

margin: 32px 0;

}

.benefits-list {

display: flex;

flex-wrap: wrap;

justify-content: center;

gap: 20px;

margin: 28px 0;

list-style: none;

}

.benefits-list li {

background: white;

padding: 8px 20px;

border-radius: 60px;

font-weight: 500;

box-shadow: 0 1px 3px rgba(0,0,0,0.05);

}

.cta-group {

display: flex;

flex-wrap: wrap;

justify-content: center;

gap: 16px;

margin-top: 24px;

}

.email-signup {

background: #1e1e2a;

color: white;

border-radius: 32px;

padding: 48px 32px;

text-align: center;

margin: 40px 0;

}

.email-signup h3 {

font-size: 1.8rem;

margin-bottom: 8px;

}

.email-form {

display: flex;

flex-wrap: wrap;

justify-content: center;

gap: 12px;

margin-top: 24px;

}

.email-form input {

padding: 14px 20px;

border-radius: 60px;

border: none;

min-width: 260px;

font-size: 1rem;

}

footer {

text-align: center;

padding: 40px 0 48px;

color: #6a6a7a;

font-size: 0.85rem;

}

hr {

border: none;

border-top: 1px solid #f0e4d8;

margin: 16px 0;

}

@media (max-width: 640px) {

section {

padding: 48px 0;

}

.card {

padding: 20px;

}

</style>

</head>

<body>

<h1>Your Polish Community Hub<br> – in the Heart of the City</h1>

<div class="hero-sub">Events • Hall Rentals • Membership • Cultural Programs</div>

<a href="#" class="btn">Join Today →</a>

</div>

<h2>📅 What’s On This Month</h2>

<p style="font-size: 1.1rem; margin-bottom: 8px;">Live music, folk dancing, family Sunday lunches, and Polish film nights.</p>

<p>Sat 14 May • 7pm<br>Traditional vibes + dancing</p>

<a href="#" class="btn btn-outline">Tickets →</a>

</div>

<h3>🎬 Kieślowski Night</h3>

<p>Wed 18 May • 6:30pm<br>Free for members</p>

</div>

<h3>🥟 Family Pierogi Sunday</h3>

</div>

<a href="#" class="btn">See All Events →</a>

</div>

</section>

<h2>🏛️ Rent Our Space</h2>

<p style="font-size: 1.1rem; max-width: 700px;">Birthdays, weddings, meetings, or workshops. Affordable hourly rates, full catering available, PA system included.</p>

<a href="#" class="btn">Check Availability →</a>

</div>

⭐ Members get 15% off hall rental

</div>

</section>

<h2>🤝 Learn, Connect & Grow</h2>

<h3>🇵🇱 Polish classes</h3>

<p>All levels • Wed & Thu evenings</p>

<a href="#" class="btn-outline btn">Enroll →</a>

</div>

<h3>👵 Senior Social Club</h3>

<p>Tue 10am – coffee, cards & chat</p>

</div>

<h3>💼 Polish Business Network</h3>

<p>Monthly meetups & mentorship</p>

<a href="#" class="btn-outline btn">Network →</a>

</div>

<a href="#" class="btn">View All Programs →</a>

</div>

</section>

<h2 style="margin-bottom: 8px;">✨ Become a Member ✨</h2>

<p style="font-size: 1.2rem;">From <strong>£10/month</strong>. Free entry to events, bar discounts, and voting rights.</p>

<li>🎫 Priority event booking</li>

<li>🏷️ 15% off hall rental</li>

<li>☕ Free coffee at classes</li>

<li>🎉 Members-only galas</li>

</ul>

<a href="#" class="btn">Join Now – £10/month</a>

<a href="#" class="btn btn-outline">Become a member →</a>

</div>

<p style="margin-top: 24px; font-size: 0.85rem;">No contract • Cancel anytime</p>

</div>

<p>Monthly newsletter with events + member-only offers. <strong>10% off your first bar visit</strong> when you sign up.</p>

</div>

<p style="margin-top: 16px; font-size: 0.75rem; opacity: 0.8;">No spam, unsubscribe anytime.</p>

</div>

<p>Polam Social – Polish Community & Cultural Club</p>

<p style="margin-top: 8px;">📍 128 High Street, Manchester M4 1HQ | 📞 0161 123 4567</p>

</div>

</footer>

</body>

</html>