aman

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />
<title>Buzz Store – Landing Page</title>

.hero{
min-height:100vh;
background:linear-gradient(135deg,#07111f,#111b3f,#090b1c);
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:40px 20px;
}
.hero-box{
max-width:900px;
}
.logo{
font-size:58px;
font-weight:900;
letter-spacing:3px;
background:linear-gradient(90deg,#00e5ff,#7c4dff,#ff2bd6);
-webkit-background-clip:text;
color:transparent;
}
.hero h1{
font-size:46px;
margin:20px 0;
}
.hero p{
font-size:20px;
color:#cfd6ff;
line-height:1.6;
}
.btns{
margin-top:30px;
}
.btn{
display:inline-block;
padding:15px 32px;
margin:10px;
border-radius:50px;
background:linear-gradient(90deg,#00e5ff,#7c4dff);
color:#fff;
font-weight:bold;
box-shadow:0 10px 25px rgba(0,229,255,.25);
}
.btn.secondary{
background:transparent;
border:1px solid #00e5ff;
}

section{
padding:80px 20px;
}
.container{
max-width:1150px;
margin:auto;
}
.title{
text-align:center;
font-size:38px;
margin-bottom:15px;
}
.subtitle{
text-align:center;
color:#b9c2ee;
max-width:700px;
margin:0 auto 50px;
line-height:1.7;
}
.grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}
.card{
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.12);
border-radius:22px;
padding:30px;
backdrop-filter:blur(12px);
transition:.3s;
}
.card:hover{
transform:translateY(-8px);
border-color:#00e5ff;
}
.card h3{
font-size:22px;
margin-bottom:12px;
}
.card p{
color:#c7ccef;
line-height:1.6;
}
.icon{
font-size:38px;
margin-bottom:18px;
}

.about{
background:#0b1024;
}
.steps{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}
.step{
background:linear-gradient(180deg,#141b3d,#0b1024);
padding:35px;
border-radius:22px;
text-align:center;
border:1px solid rgba(255,255,255,.1);
}
.step span{
display:inline-flex;
width:55px;
height:55px;
border-radius:50%;
background:linear-gradient(90deg,#00e5ff,#7c4dff);
align-items:center;
justify-content:center;
font-weight:bold;
font-size:22px;
margin-bottom:20px;
}

.pricing{
background:#0b1024;
}
.price{
font-size:40px;
font-weight:900;
margin:18px 0;
}
.card ul{
list-style:none;
margin:20px 0;
}
.card ul li{
margin:12px 0;
color:#d6dcff;
}
.card ul li::before{
content:”✓ “;
color:#00e5ff;
}

.faq-item{
background:rgba(255,255,255,.07);
padding:22px;
border-radius:16px;
margin-bottom:15px;
}
.faq-item h3{
margin-bottom:8px;
}
.faq-item p{
color:#c7ccef;
}

.contact{
text-align:center;
background:linear-gradient(135deg,#101b3f,#090b1c);
}
.contact h2{
font-size:38px;
margin-bottom:15px;
}
.contact p{
color:#c7ccef;
margin-bottom:25px;
}

footer{
background:#050814;
text-align:center;
padding:25px;
color:#9ea7d8;
}

@media(max-width:900px){
.grid,.steps{
grid-template-columns:1fr;
}
.hero h1{
font-size:34px;
}
.logo{
font-size:44px;
}
}
</style>
</head>

<body>

<section class=”hero”>
<div class=”hero-box”>
<div class=”logo”>BUZZ STORE</div>
<h1>Connect, Share, Grow & Inspire</h1>
<p>
Join a smart digital community where people connect, discover opportunities,
grow their network and build meaningful relationships online.
</p>
<div class=”btns”>
<a class=”btn” href=https://linkgen.pro/w/c3HTvno
>Join on WhatsApp</a>
<a class=”btn secondary” href=”#plans”>View Plans</a>
</div>
</div>
</section>

<section class=”about”>
<div class=”container”>
<h2 class=”title”>About Buzz Store</h2>
<p class=”subtitle”>
Buzz Store is a modern social community platform designed for users who want
to connect with like-minded people, explore useful content, grow their personal
network and stay active in a trusted online space.
</p>

<div class=”grid”>
<div class=”card”>
<div class=”icon”>🚀</div>
<h3>Fast Growth</h3>
<p>Build your online presence and connect with active users quickly.</p>
</div>
<div class=”card”>
<div class=”icon”>🤝</div>
<h3>Real Connections</h3>
<p>Meet genuine people and grow your digital network with confidence.</p>
</div>
<div class=”card”>
<div class=”icon”>🔒</div>
<h3>Trusted Platform</h3>
<p>A clean and simple user experience with privacy-focused community features.</p>
</div>
</div>
</div>
</section>

<section>
<div class=”container”>
<h2 class=”title”>Why Choose Us?</h2>
<p class=”subtitle”>Everything you need to connect, engage and grow in one place.</p>

<div class=”grid”>
<div class=”card”>
<h3>Smart Profiles</h3>
<p>Create your profile and show your interests, skills and identity.</p>
</div>
<div class=”card”>
<h3>Direct Messaging</h3>
<p>Chat and communicate easily with people inside the community.</p>
</div>
<div class=”card”>
<h3>Community Groups</h3>
<p>Join groups based on your interests and build stronger connections.</p>
</div>
<div class=”card”>
<h3>Events & Updates</h3>
<p>Stay updated with latest community news, activities and opportunities.</p>
</div>
<div class=”card”>
<h3>Reward System</h3>
<p>Stay active and get more value from your participation.</p>
</div>
<div class=”card”>
<h3>Mobile Friendly</h3>
<p>Fully responsive landing page that works perfectly on all devices.</p>
</div>
</div>
</div>
</section>

<section class=”about”>
<div class=”container”>
<h2 class=”title”>How It Works</h2>
<p class=”subtitle”>Start your journey in just three simple steps.</p>

<div class=”steps”>
<div class=”step”>
<span>1</span>
<h3>Join</h3>
<p>Click the WhatsApp button and connect with our team.</p>
</div>
<div class=”step”>
<span>2</span>
<h3>Create Profile</h3>
<p>Share your basic details and become part of the community.</p>
</div>
<div class=”step”>
<span>3</span>
<h3>Grow</h3>
<p>Connect with users, share ideas and grow your network.</p>
</div>
</div>
</div>
</section>

<section class=”pricing” id=”plans”>
<div class=”container”>
<h2 class=”title”>Membership Plans</h2>
<p class=”subtitle”>Choose a plan that fits your needs.</p>

<div class=”grid”>
<div class=”card”>
<h3>Free</h3>
<div class=”price”>₹0</div>
<ul>
<li>Basic access</li>
<li>Community updates</li>
<li>Limited profile</li>
</ul>
<a class=”btn” href=”https://wa.me/919217704106″>Start Free</a>
</div>

<div class=”card”>
<h3>Monthly Pro</h3>
<div class=”price”>₹299</div>
<ul>
<li>Full profile access</li>
<li>Direct messaging</li>
<li>Priority support</li>
</ul>
<a class=”btn” href=”https://linkgen.pro/w/c3HTvno”>Choose Plan</a>
</div>

<div class=”card”>
<h3>Annual Pro</h3>
<div class=”price”>₹2499</div>
<ul>
<li>Best value plan</li>
<li>Premium features</li>
<li>Community benefits</li>
</ul>
<a class=”btn” href=https://linkgen.pro/w/c3HTvno>Get Annual</a>
</div>
</div>
</div>
</section>

<div class=”faq-item”>
<h3>Buzz Store kya hai?</h3>
<p>Ye ek online community landing page hai jahan users connect aur grow kar sakte hain.</p>
</div>

<div class=”faq-item”>
<h3>Join kaise kare?</h3>
<p>WhatsApp button par click karke team se contact kar sakte hain.</p>
</div>

<div class=”faq-item”>
<h3>Kya ye mobile friendly hai?</h3>
<p>Haan, ye landing page desktop, tablet aur mobile sabhi devices par responsive hai.</p>
</div>
</div>
</section>

<section class=”contact”>
<div class=”container”>
<h2>Ready to Join Buzz Store?</h2>
<p>Connect with us today and start growing your digital network.</p>
<a class=”btn” href=”https://wa.me/91 870 007 6028″>Contact on WhatsApp</a>
</div>
</section>

</body>
</html>