<section id="hero">
<h2>Welcome to Our Digital Shop!</h2>
<p>Discover a wide range of digital products, including ebooks, templates, graphics, and more. Find what you need to boost your productivity, creativity, or business.</p>
<a href="#products" class="button">View Products</a>
</section>
<section id="products">
<h2>Featured Products</h2>
<div class="product-grid">
<!-- Product 1 -->
<div class="product-item">
<img src="https://via.placeholder.com/300x200" alt="Product Image">
<h3>Ebook: "The Ultimate Guide"</h3>
<p>Learn everything you need to know about [topic]. This comprehensive ebook covers [key features and benefits].</p>
<div class="price">$9.99</div>
<!-- Replace with Razorpay Button Code for EACH product -->
<!-- Example: Replace these links after creating buttons -->
<a href="https://your-razorpay-payment-link-1.com" class="button">Buy Now (Razorpay)</a>
</div>
<!-- Product 2 -->
<div class="product-item">
<img src="https://via.placeholder.com/300x200/007bff/fff" alt="Template Image">
<h3>Template: Social Media Pack</h3>
<p>Create stunning social media posts with this professionally designed template pack. Includes templates for [platforms].</p>
<div class="price">$14.99</div>
<a href="https://your-razorpay-payment-link-2.com" class="button">Buy Now (Razorpay)</a>
</div>
<!-- Product 3 -->
<div class="product-item">
<img src="https://via.placeholder.com/300x200/28a745/fff" alt="Graphic Image">
<h3>Graphic: Vector Illustrations</h3>
<p>Get a collection of high-quality vector illustrations perfect for your website, presentations, or print projects.</p>
<div class="price">$19.99</div>
<a href="https://your-razorpay-payment-link-3.com" class="button">Buy Now (Razorpay)</a>
</div>
<!-- Product 4 (Example) -->
<div class="product-item">
<img src="https://via.placeholder.com/300x200/dc3545/fff" alt="Product Image">
<h3>Product Name</h3>
<p>Product Description goes here.</p>
<div class="price">$X.XX</div>
<a href="https://your-razorpay-payment-link-4.com" class="button">Buy Now (Razorpay)</a>
</div>
</div>
</section>
<section id="about">
<h2>About Us</h2>
<p>We are passionate about [your mission/what you do]. Our goal is to provide you with high-quality digital products that help you [achieve your goals].</p>
<p>Learn more about our story <a href="#">here</a>.</p>
</section>
<section id="contact">
<h2>Contact Us</h2>
<p>Have questions? Reach out to us!</p>
<p>Email: <a href="mailto:your-email@example.com">your-email@example.com</a></p>
<p>Follow us on:
<a href="#" title="Facebook" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="#" title="Twitter" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="#" title="Instagram" target="_blank"><i class="fab fa-instagram"></i></a>
</p>
</section>